/* Write your custom css code here */
body { background-color: #ecedf0; color: #666; font-size: 14px; }
a, .jsn-bootstrap3 a.link-action, .jsn-bootstrap3 a, .pb-element-heading.fa::before{ color: #13467b; }
.container {
	width: 100%;
}
a, .btn { outline:none !important; }

.element-invisible { display:none; }
.mb20 { margin-bottom:20px; }
.no-paddings { padding: 0!important; }
.colorbox {
	width:10px;
	height:19px;
}
.small { color: #888; }

.header-mid .sunfw-pos-top > div .logo-top { max-width:300px!important; }
.header, .header.sunfw-section::before { background-color: #1d2421; box-shadow: 0 -9px 20px rgba(0, 0, 0, 0.3); }
.off-canvas-left { width:250px!important; }
.off-canvas-left.main-body .offcanvas-content { background-color: #38444f!important; margin: 0; padding: 0 15px; }
.main-body .navbar-default .navbar-nav > li > a, .main-body .navbar-default .navbar-nav > li.active > a, .main-body .navbar-default .navbar-nav > li.active > a:hover, .main-body .navbar-default .navbar-nav > li.active > a:focus { 
	color: #FFF;
}

#column_column-11 { margin-bottom: 10px; }

/* Sidebar izquierdo */
body.sunfw-offCanvas > .off-canvas-left .row > .menu { border:none; }
.off-canvas-left ul.menu { margin-left: 0; }
.off-canvas-left ul.menu a { font-size:14px; color: #bebebe; border-bottom: 1px solid #495967; outline: 0; }
.off-canvas-left ul.menu a:hover { background-color: #48535d; color:#FFF; }
.off-canvas-left ul.menu li i { width: 24px; text-align: center; }
.off-canvas-left ul.menu > li:first-child > a { border-top: 1px solid #495967; }
.off-canvas-left ul.menu > li.active > a { background-color: #13467b; color:#FFF; }
.off-canvas-left ul.menu > li.parent > a > span { float: right; }
.off-canvas-left ul.menu > li.parent > a > span > i { padding: 0; }
.off-canvas-left ul.menu ul.nav-child { background-color: #171f26; margin:0; padding: 5px 0; }
.off-canvas-left ul.menu ul.nav-child li {  }
.off-canvas-left ul.menu ul.nav-child li a { display: block; padding:5px 0 5px 40px; border-bottom: none; }
.off-canvas-left ul.menu ul.nav-child li a:hover { background: none; }
.off-canvas-left ul.menu ul.nav-child li.active a { color:#FFF; }
._menu { margin-bottom: 0!important; }

@media(min-width: 992px) {
	.sunfw-section div.sunfw-flex-component > div.block-main-content { padding: 30px; }
}

/* Logo empresa */
.logo-empresa { text-align: center; }
.logo-empresa a { outline: 0; transition: opacity 0.3s; }
.logo-empresa a:hover { opacity: 0.6; }

/* Paneles */
.panel {
	border:none;
	border-radius: 0;
}
.panel-heading {
	position:relative;
	font-size:18px;
	background-color:#FFF!important;
}
.panel-heading .controls {
	position:absolute;
	right:0;
	top:0;
	z-index:9;
	list-style:none;
	padding:0;
	margin:0;
	height:100%;
}
.panel-heading .controls > li {
	position: relative;
	border-left: 1px solid #DDD;
    display: inline-block;
    height: 100%;
    float: left;
}
.panel-heading .controls > li > a {
	display: block;
	height: 100%;
	line-height: 43px;
	min-width: 41px;
	padding: 0 10px;
	text-align: center;
	color: #95a2a9;
}
.panel-heading .controls > li > a:hover { color: #444; }

/* Módulos */
div.module-style-lightbox2 {
	border:none!important;
	border-radius:0;
}
div.module-style-lightbox2 .box-title { 
	color:#444;
	font-size:18px;
	font-weight:normal;
	padding:9px 15px!important;
}
div.module-style-lightbox2 .module-body { 
	font-size:14px;
	padding:15px;
	margin:0!important;
}

.panel-heading-sticky {
	position: fixed;
	top: 70px;
	width: 100%;
}

.categories-block { background-color: #FFF; border: 1px solid #D1D6DE; padding: 20px; }
.categories-block ul, .categories-block ul li { border: none; margin: 0; padding: 0; }
.categories-block ul li { list-style-type: none; margin-bottom: 5px; }

.categories-block ul li a { display: inline-flex; font-size: 13px; font-weight: normal!important; }
.categories-block ul li a:before { color: #AAA; font-family: "Font Awesome 5 Free"; content:"\f02e"; font-weight:400; padding-right: 10px!important; }

/* Encabezados */
.page-header h1 { display: inline-block; }
.page-header .btn-group { margin: 0 0 5px 20px; }
h3.with-line {
    border-bottom: 1px solid #D1D6DE;
    color: #666;
	font-size: 20px;
    font-weight: 400;
    padding-top: 10px;
    margin: 0 0 14px;
    line-height: 39px;
    width: 100%;
}

/* Botones */
.btn { font-size: 14px; padding: 5px 12px; }
.panel-heading .btn-toolbar { margin-bottom: 0; }
.btn-toolbar { margin-bottom: 20px; }
.btn-primary { background-color: #13467b!important; font-weight: 400; }
.btn-primary i { padding-right: 5px; }
.btn-secondary { border: 1px solid #B4BAC3; background: #F5F6F7; color: #041226; }
.btn-default { font-weight: 400; }
.btn-mini {
	font-size: 10px;
	padding: 3px 10px;
	background-image: none!important;
}
.button-edit {
    color: #fff;
    background-color: #FF9C00;
    border-color: #e68c00;
}
.button-edit:focus, .button-edit.focus {
    color: #fff;
    background-color: #cc7d00;
    border-color: #663e00;
}
.button-delete {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.button-delete:focus, .button-delete.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

/* Tablas */
table th, table th a { 
	color:#444;
}
table.table th, table.table td { padding: 7px 10px!important; }

.table > tbody > tr.disabled > td {	color:#999;	background-color:#DDD; }
.table > tbody > tr.danger > td { background-color:#d9534f; color:#FFF; }
.table > tbody > tr.warning > td { background-color:#FF9C00; }
.table > tbody > tr.danger > td > a { color:#FFF; }
.table > tbody > tr.disabled > td > a { color:#999; }

.table-filter { float: right; }
.table-filter select { font-size: 13px; padding: 2px; }

.pointer { cursor:pointer; }

.subform-repeatable thead tr { background-color: #DDD; }
.subform-repeatable .table th, .subform-repeatable .table td { padding: 5px 8px!important; }
.subform-repeatable .table th:last-child { width: 120px!important; }
.subform-repeatable .form-group { margin-bottom:0; }

.table-repositorio tbody tr.info td { font-size: 14px; }
.table-repositorio tbody td { font-size: 12px; vertical-align: middle!important; }
.table-repositorio tbody td i { font-size: 15px; }

/* Iconos */
table .fa-check {	color:#5cb85c; }
table .fa-times {	color:#d9534f; }

[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
}
.icon-search::before { content:"\f002"; font-weight:900; }
.icon-publish::before { content:"\f00c"; font-weight:900; }
.icon-unpublish::before { content:"\f00d"; font-weight:900; }
.icon-move::before { content:"\f047"; font-weight:900; }
.icon-new::before, .icon-plus::before {	content:"\f055"; font-weight:900; }
.icon-edit::before { content:"\f044"; }
.icon-delete::before { content:"\f1f8"; font-weight:900; }
.icon-minus::before { content:"\f056"; font-weight:900; }
.icon-update::before { content: "\f021"; font-weight:900; }
.icon-download::before { content: "\f019"; font-weight:900; }
.icon-calendar::before { font-family: "Font Awesome 5 Free"!important; font-weight:900; }

.chzn-container-multi { width:250px!important; }
.chzn-container-multi .chzn-choices {
	border: 1px solid #D1D6DE;
	font-size: 13px;
	line-height: 20px;
	padding: 3px 10px 4px;
	background-image: none;
}

.minicolors-theme-bootstrap .minicolors-input {
	font-size:15px;
	padding:8px 5px 8px 30px;
	height:28px;
	width:95px;
}

/* Formularios */
.inputbox { color:#444; }
.readonly {
	color: rgba(57, 74, 92, 0.6);
    background-color: #eee;
	cursor: not-allowed;
}
#filter_search { font-size: 14px; padding: 3px 10px 5px; }
.js-stools .chzn-container { min-width: 220px!important; }
.control-label .star { color: red; }
.field-calendar input { height: 35px; padding: 6px 10px 7px; border-radius: 3px 0 0 3px; }
.field-calendar button { height: 35px; border-radius: 0 3px 3px 0; margin: -3px 0 0 -5px; }
.subform-repeatable .field-calendar button { margin-top: -1px; }
.radio.btn-group label { padding-left: 12px; }
.form-columnas .control-label { font-weight: 400; }
.form-columnas input, .form-columnas textarea, .form-columnas .chzn-container { width: 100%!important; }
.form-footer { border-top: 1px solid #D1D6DE; padding-top: 15px; }

.form-vertical .form-group { margin-left: -15px; margin-right: -15px; }
.form-vertical .control-label, .form-vertical .col-sm-9 { float: none; width: 100%; }
.form-vertical .inputbox { width: 100%; }
.form-vertical .btn-group { margin: 0!important; }

.divisor {
	height: 1px;
	background-color: #D1D6DE;
	margin: 0 -15px 20px;
}


/* Login */
.sunfw-view-login .content-full-height, .sunfw-view-reset {	background-color: #273140; background: url('/images/fondo.jpg') center; }
.sunfw-view-login .login, .sunfw-view-reset .reset { width: 100%; max-width: 380px; background-color: #FFF; padding: 25px 15px; margin-top: 0; }
.sunfw-view-reset .reset {  }
.sunfw-view-login .login .login-description h2, .sunfw-view-reset .reset h1 { font-size: 30px; font-family: "Roboto", sans-serif; color: #13467b; font-weight: 300; }
.sunfw-view-login .login label { font-size: 14px; color: #444; padding: 10px 0; font-weight: 300; }
.sunfw-view-login .login .btn-primary { color: #FFF; font-weight: 300; border: none; margin-right: 0; }
.sunfw-view-login .login a { font-size: 14px!important; }
.sunfw-view-reset .reset p { font-size: 14px!important; color: #888!important; }
.login-copyright { margin-top:30px; text-align:center; }
.sunfw-view-login .footer-full-height, .sunfw-view-login .header-full-height { display: none; }
.sclogin { float:right; }
.sclogin-greeting {
	color:#FFF;
	font-size:13px;
	margin:3px 10px 0 0;
}
.sourcecoast .btn {
	padding:5px 10px!important;
	text-shadow: none!important;
	box-shadow: none!important;
}
.sourcecoast .btn-group > .dropdown-toggle { padding: 0!important; }
.sourcecoast .btn-group > .dropdown-toggle > i { padding-left: 10px; }
.sourcecoast .btn-group > .dropdown-toggle > img { width: auto; height: 30px; margin-right: 10px!important; border-radius: 15px!important; }
.sourcecoast .dropdown-menu { left: auto!important; right:0; margin-top:15px!important; min-width: 145px!important; }
.sourcecoast .dropdown-menu > li > a { padding: 3px 15px!important; }
.sourcecoast .dropdown-menu > li > a > i { padding-right: 10px; }
.sourcecoast .dropdown-menu::before {
	content: "";
	position: absolute;
	top: -10px;
	border-bottom: 10px solid #FFF;
	right: 15px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

/* Perfil */
.profile-image { text-align: center; }
.profile-image img { max-width: 175px; }
.profile-header h1 { color: #444; font-size: 24px; line-height: 32px; font-weight: 600; margin: 0; }
.profile-header span { color: #888; font-size: 15px; line-height: 20px; }
ul.informacion {
	list-style-type:none;
	margin:0;
}
ul.informacion > li { margin-bottom:5px; }
ul.informacion > li > span {
	display:inline-block;
	width:110px;
}

/* Pestañas */
.nav-tabs { border: none; margin-left: 0; }
.nav-tabs > li { margin: 0; }
.nav-tabs li > a { border-radius:0; border: none!important; }
.nav-tabs li > a, .nav-tabs li > a:hover, .nav-tabs li > a:focus { outline: 0; }
.tab-content { background-color: #FFF; border: none; padding: 15px;}
.tab-content .btn-group { width: 80px; }
.tab-pane h3 { 
	color: #888;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.tab-pane span, .field-label { color: #888; font-size: 13px; }

/* Calendar */
.panel-calendar .panel-heading { background-color: #13467b!important; color: #FFF!important; text-align: center; border: 0; }
.panel-calendar .panel-body { padding: 0; }
.panel-calendar .panel-heading a { color: rgba(255, 255, 255, 0.5); }
.panel-calendar .panel-heading a:hover { color: #FFF; }
.table-calendar { table-layout: fixed; margin-bottom: 0; }
.table-calendar th { height: 30px; text-align: center; font-weight: 300; font-size: 12px; }
table.table-calendar td { height: 130px; padding: 10px 0!important; }
.table-calendar td.empty { background: #f9f9f9; }
.table-calendar td.today { background: #fcf8e3; }
.table-calendar td p.day { text-align: right; padding-right: 10px; margin-bottom: 5px; }
.table-calendar td a.evento { display: block; color: #FFF; font-size:11px; padding: 2px 5px; }
/*.table-calendar th:nth-of-type(7), .table-calendar td:nth-of-type(7) { color: red; }*/

.js-calendar table.table > tbody > tr > td { padding: 8px; }
.js-calendar table.table > tbody > tr > td > select { padding: 2px 5px; font-size: 14px; }

/* Contadores */
.pill {
	background-color: #259c8f;
	border-radius: 15px;
	color: white;
	width: 25px;
	display: inline-block;
	height: 25px;
	padding: 3px;
}

/* Radio buttons */
.form-horizontal .radio { padding: 0; }
.radio.btn-group input[type="radio"] { display: none; }
.radio.btn-group > label:first-child { border-radius: 3px 0 0 3px!important; }
.radio.btn-group .btn:last-child { border-radius: 0 3px 3px 0!important; }
.radio.btn-group .btn { 
	min-width: 60px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f3f3f3;
	color: #333;
	border: 1px solid #D1D6DE;
}
.radio.btn-group .btn-success { color: #FFF; background-color: #46a546; border: 1px solid rgba(0,0,0,0.2); }
.radio.btn-group .btn-danger { color: #FFF; background-color: #bd362f; border: 1px solid rgba(0,0,0,0.2); }


/* Dashboard */
.counter-icon { float: left; }
.counter-text { font-size: 17px; text-align: right; color: #777; }
.counter-text span { font-size: 25px; color: #444; font-weight: bold; }

.traffic-text {
	width: 100%;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -24px;
	line-height: 24px;
	text-align: center;
	font-size: 18px;
}
.traffic-text span {
    display: block;
    font-size: 18px;
    color: #666;
}

/* Documentos */
.documento { border: solid 1px #CCC; padding: 10px 0; margin: 0 0 5px 0; }
.documento-icono { float: left; width: 36px; padding-top: 6px; margin-right: 15px; text-align: center; }


/* Ayuda */
dl.article-info { font-size: 12px; margin-top: 0; }
.tags { margin-top: 5px; }
.articleBody { font-size: 14px; }
.articleBody h3 { font-size: 22px; }
.articleBody p { color: #666!important; font-size: 14px!important; margin-bottom: 10px; }
.articleBody ol li, .articleBody ul li { color: #666!important; margin-bottom: 5px; }
.articleBody dl dt, .articleBody dl dd { margin-bottom: 10px; }