@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,500,700|Raleway:300,400,500,700);

:root {
    --cfg-primary: #254278;
    --text-on-primary: #ffffff;
}

body,
.filtro-grupos, .factura_cargo.titulo .col, .sbm-message, .growl-animated, .welcome-modal,
.login-modern-card, .login-modern-right h1, .login-modern-right p,
.login-modern-left h1, .login-modern-left p,
#wait-message, .error__inner, .page-title, h1, h2, h3, h4, h5, h6,
input, button, select, textarea, .btn, .form-control, .sp-label,
.sp-field, .sp-table, .sp-grid, .table, .dropdown-menu, .modal,
.chat-bot-header, .chat-bot-body, .widget, .card, .panel, .alert {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400 !important;
}

/* Menu lateral con fuente independiente */
.main-menu > li > a,
.main-menu > li.sub-menu > ul > li > a,
.hover-menu-popup > li > a {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400 !important;
}

#header {
    background: #254278!important;
}

.bgm-def{
    background: #254278!important;    
}

.fab-toggle {
    background: #254278 !important;
}

.main-menu > li.sub-menu > ul > li.active {
    background: #254278 !important;
}

.c-def{
    color: #254278!important;       
}

/* Dialog buttons: primary action gets user-selected color */
.ui-dialog .ui-dialog-buttonpane button:first-child {
    background: #254278 !important;
    color: #fff !important;
    border-color: #254278 !important;
}

body.login-content:before {
    background: none !important;
}

.sp-col-title {
    background-color: #254278;
}

.sp-grid-row.sp-grid-header {
    background-color: #254278;
}

#top-search-wrap { 
    background: #254278!important;
}
.widget-tiempo{
	background: #254278;
}
.tab-nav:not([data-tab-color]) > li > a:after {
    background: #254278!important;
}
.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after{
	background: #254278!important;
}
.sp-label, .ui-tabs .ui-tabs-nav li a, #alumno_extranet .titulo, a {
    color: #555555!important;
}

.fg-line:not([class*=has-]):after {
    background: #254278;
}

#wgt-easy-access i{
    color:  #254278;
}

#card_cursos .curso_seleccionado {
    background-color: #254278;
}

.panel .curso:hover {
    background-color: #254278;
    opacity: 0.7;
    
}

.jstree-clicked {
    background-color: #254278 !important;
    border-color: #254278 !important;
    color: white !important;
}

.jstree a:hover{
    background-color: #254278 !important;
    opacity: 0.7 !important;
    color:white !important;
}

.fg-line:not([class*=has-]):after {
    background: #254278 !important;
}

.checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before {
    border-color: #254278 !important;
}

.radio .input-helper:after {
    background: #254278 !important;
}

.checkbox input:checked + .input-helper:before {
    background-color: #254278 !important;
}

.sp-table-row {  
     border: 1px solid #254278 !important;    
}

.sp-table-row:hover, .sp-table-row.seleccionado {
    background-color: #254278 !important ;   
}

#wgt-presencia.jdash-widget{
   background-color: #254278 !important ;
   min-height: 38vh;
   padding-top: 25px; 
}

.lapiz{
    color: #254278 !important;
}

.notas{
    background-color: #254278 !important;
}
.sp-select-text {
    border-bottom: 2px solid #254278;
}
.sp-select-button {
    color: #254278;
}

.report-title{
    background-color: #254278 !important;   
}

.color-tr{
        background-color: #254278 !important;
        color: white !important;
        font-weight: 700;

}

.card .card-header.ch-alt:not([class*="bgm-"]){
    background-color: #254278 !important;   
}

.hasDatepicker{
    border-bottom: 2px solid #254278 !important;   
}

#reserva-online .titulo{
    background-color: #254278 !important;
}

.progress-bar{
    background-color: #254278 !important;
}

.botones-ro{
    background-color: #254278 !important;
}

.big-button{
    border: 2px solid #254278 !important;
}
.big-button:hover {
    border: 2px solid #254278 !important;
    background: #254278 !important;
}

.chat-bot-header {
    background: #254278 !important;
}
.chatgpt-panel-header {
    background: #254278 !important;
}
.login-modern-left {
    background: #254278 !important;
    background: linear-gradient(135deg, #254278 0%, #1a1a2e 100%) !important;
}
.login-modern-submit {
    background: #254278 !important;
}
.login-modern-submit:hover {
    background: #254278 !important;
    box-shadow: 0 4px 12px #254278 !important;
}
.login-modern-forgot,
.login-modern-bottom a {
    color: #254278 !important;
}
.login-modern-card input:focus {
    border-color: #254278 !important;
    box-shadow: 0 0 0 3px #254278 !important;
}
.btn-login-modern {
    background: #254278 !important;
}
.btn-login-modern:hover {
    background: #254278 !important;
    box-shadow: 0 4px 12px #254278 !important;
}

#l-register.toggled .fg-line .form-control:focus {
    border-color: #254278 !important;
}
#l-register.toggled .col-md-12.pull-left.full-width .input-group .fg-line .form-control:focus {
    border-color: #254278 !important;
}