@import 'general.css';
/*-------------- THEME DEFAULT -------------*/

.nav .nav-link{color: #575757;}

footer{border-top: 3px solid #8bc34a;}


/* login */
#login_layer{background-color: #e1e1e1;}
#login_layer .frm-container{background:#FFFFFF;border:1px solid #e5eff5;} 
#login_layer .frm-container .frm-login{border-top: 1px solid #e5eff5;}
#login_layer .frm-login  input[type=text], #login_layer .frm-login  input[type=password]{

    background:#ffffff url('../images/img-login/text-boxes.png') no-repeat left top;
    color:#888;
    -webkit-box-shadow:inset 0px 0px 10px #c6c6c6;
    -moz-box-shadow:inset 0px 0px 10px #c6c6c6;
    box-shadow:inset 0px 0px 10px #c6c6c6;
    border:1px solid #cdcdcd;
}
#login_layer .frm-login button{color:#939393;}
#login_layer .frm-login button.btn-cancelar{background:#dcdcdc;border:0px;}
#login_layer .frm-login button.btn-cancelar:hover{background:#eae6e6;}
#login_layer .frm-login button.btn-aceptar{background:#fcf1ef;border:1px solid #edc9c2;color:#ec8176;}
#login_layer .frm-login button.btn-aceptar:hover{background:#faddd8;}
#login_layer .frm-footer{
    background:#ffffff url('../images/img-login/img-login-footer.png') no-repeat left top;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

/* main */ 
#main_menu{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(250,250,250,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
}
#gui_layer{background-color: #ffffff;}
#gui_layer footer{border-top: 3px solid #f36f27;}
/*--- dropdown menus ----*/ 
.dropdown-menu li i{color:#8a8b86!important;}
.dropdown-menu li:hover .dropdown-item,.dropdown-menu li.active .dropdown-item  {color:#0b9ed5;background-color:#e9ecef!important;}
.dropdown-menu li:hover i, .dropdown-menu li.active i{color:#f36e27!important;}


/*-- data grid --*/
.datagrid {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.11);
    -moz-box-shadow: 0px 0px 17px 2px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.11);    
}
.datagrid-menu td{border-bottom: 4px solid #898985!important; }
.datagrid-title i, .datagrid-title h1{float:left;}  
.datagrid-title h1{
    font-size: 1.2em;
    letter-spacing: 1px;
    padding: 0px!important;
    margin: 0px;
    text-transform: uppercase;
    color:#212529!important;
}
.datagrid-title i{
    font-size: 1.4em;
    margin-right: 10px;
    text-transform: uppercase;
    color:#f36f27!important;
}
.datagrid-filters td, .datagrid-filters th{
    border-top: 2px solid #dedede;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}
.datagrid-titles th, .datagrid-titles td{
    border-bottom: 2px solid #c3e0f6;
    border-bottom-width: 2px!important;
    color: #333;
    text-shadow: 1px 2px 3px rgb(0 0 0 / 10%);
}
.datagrid tbody td a{color: var(--bs-table-hover-color);text-decoration:none;}
.datagrid tbody td a:hover{color: #2b6baf;}
.datagrid tbody td a i{color: #768a9e;}
.datagrid .datagrid-pages label{color:#4c4c4c;}

/*--- botones ---*/
.btn{background-color: #eaf1f4!important;border: 1px solid #bcd2e0!important;color: #6a8ea4!important;} 
.btn:hover i{color:#797979!important;}


/*--------- FORMULARIOS --------*/
legend{color: #084a76!important;background: #ffffff;}
label{color:#191919;}


input[type="text"], textarea, select, input[type="password"]{
    background: rgba(255,255,255,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(72%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 72%, rgba(245,245,245,1) 100%);
    border:1px solid #cdcdcd;
}
.form-control-plaintext {color: #212529;}
.ui-widget-header {

    background: #ffffff url(../images/img-forms/logo-formularios.png) 0% 50% no-repeat!important;
    color: #084a76!important;
    border-radius:0px!important;
    border : 0px!important;
    border-bottom: 3px solid #898985!important;
    margin-bottom:5px!important;
    padding-top:15px!important;
    padding-bottom:15px!important;
}
.ui-dialog-titlebar-close.ui-state-hover, .ui-dialog-titlebar-close.ui-state-focus{
    background: #dde7ec!important;
    border:1px solid transparent!important;
}
/*--- botones dialogos ---*/
.ui-dialog-buttonset button, button.ui-button{
    background: #dde7ec!important;
    border: 1px solid #a8bfcc!important;
    color: #084a76!important; 
}
.ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:focus, button.ui-button:hover, button.ui-button:focus{
    background: #9bbbc8!important;
}
.frm-datos-generales .form-control-plaintext{color: #607d8b;}