* {
    margin:0;
    padding:0;
    outline:0;
    font-size:13px!important;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/open-sans/OpenSans.eot');
    src: url('../fonts/open-sans/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/open-sans/OpenSans.woff2') format('woff2'),
        url('../fonts/open-sans/OpenSans.woff') format('woff'),
        url('../fonts/open-sans/OpenSans.svg#OpenSans') format('svg')
        url('../fonts/open-sans/luzro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html, body { cursor:default;}
body {
    background-color: #f5f5f5;
    font-family: 'Open Sans', arial, helvetica!important; 
    font-size:13px!important;
}

.txt-uppercase {text-transform: uppercase;}
.txt-center {text-align: center!important;}
.background_forms{
    background-color: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 8;
    opacity: 0.2;
    display: none;    
}
/* colores menus */
.nav .nav-link{text-transform: uppercase;}
.cursor-link{cursor: pointer!important;}
.cursor-link:hover{color:#0b9ed5!important;}
/*---- login ---*/
#login_layer{width: 100%;height: 100%;position: absolute;}
#login_layer .logo{
    background:url('../images/img-login/img-header-logo.png') no-repeat center top;
    -moz-background-size: 95% auto;
    -o-background-size:95% auto; 
    -webkit-background-size:95% auto;
    width: 440px;
    height:96px;
    margin:10px auto 5px;
}
#login_layer .frm-container{
    
    width :500px;
    height: 390px;
    padding-top: 10px;
    margin:0 auto;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1); 
    position:relative;
    margin-top:7%;

} 
#login_layer .login-container{
    position:absolute;
    width:100%;
    height:100%;
    background-position-y:50%;
    background-position:center;
}
#login_layer .frm-container .login-foot{width:100%;height:75px;margin:0 auto;}
#login_layer .frm-container .frm-login{
    height: 205px;
    width: 95%;
    margin: 15px auto;
    padding: 15px 0px 0px;
}
#login_layer .user, #login_layer .pass{text-align:center;}
#login_layer .frm-login  input[type=text], #login_layer .frm-login  input[type=password]{

    border: 0px;
    outline:none;
    width: 80%;
    height:40px;
    margin: 8px auto 10px auto;
    padding: 0 10px 0 30px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-background-size: 24px 160px;
    -o-background-size: 24px 160px;
    -webkit-background-size: 24px 160px;
    background-size: 24px 160px;
    opacity:0.70;

}
#login_layer .frm-login  input:hover, #login_layer .frm-login  input:focus{opacity:1;}
#login_layer .frm-login .user input{background-position:0px 0;}
#login_layer .frm-login .user input:focus{background-position:0px -40px!important;}
#login_layer .frm-login .pass input{background-position:0px -80px!important;}
#login_layer .frm-login .pass input:focus{background-position:0px -120px!important;}
#login_layer .btns{width:365px;margin:0 auto;}
#login_layer .frm-login button{
    font-size:13px;
    text-transform:uppercase;
    text-align:center;
    outline:none;
    height: 40px;
    margin: 10px;
    padding: 0px;
    width: 160px;
    height:35px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    cursor:pointer;
}
#login_layer .frm-footer{width: 90%;height:70px;}
#login_layer .copyright{
    width: 450;
    height:25px;
    margin: 5px auto;
    font-size: 11px;
}
#login_layer .copyright span{display: inline-block;color:#a2adb3;}

/*---- main menu ----*/
#main_menu .logo{
    background:url('../images/img-logo.png') no-repeat center top;
    -moz-background-size: 95% auto;
    -o-background-size:95% auto; 
    -webkit-background-size:95% auto;
    width: 250px;
    height: 52px; 
}
#menu_color {padding: 0px 10px;}
#menu_color i{padding-right: 5px;width:20px!important;}

/*-- data grid ---*/
.datagrid-title i, .datagrid-title h1{float:left;}  
.datagrid-title h1{
    font-size: 1.2em!important;
    letter-spacing: 1px;
    padding: 0px!important;
    margin: 0px;
    text-transform: uppercase;
}
.datagrid-title i{
    font-size: 1.4em!important;
    margin-right: 10px;
    text-transform: uppercase;
    color:#0d629a!important;
}
.datagrid-filters td, .datagrid-filters th{vertical-align: middle;}
.datagrid-filters input, .datagrid-filters select{
    font-size: 13px;
    border: 1px solid #c3c9cf;
    opacity:0.8;
    -webkit-transition: left 0.2s linear;
    -webkit-transition-property:opacity;
    -moz-transition: left 0.2s linear;
    -moz-transition-property:opacity;
    -o-transition: left 0.2s linear;
    -o-transition-property:opacity;
    -ms-transition: left 0.2s linear;
    -ms-transition-property:opacity;
    transition: left 0.2s linear;
    transition-property:opacity;
}
.datagrid-filters input:hover, .datagrid-filters select:hover{opacity:1;}
.datagrid-filters td:last-child{padding:1px;} 
.datagrid-filters td:last-child button.btn-search i{padding: 5px 7px 7px;}
.datagrid-titles th, .datagrid-titles td{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
}
.datagrid tbody td{
    font-size: 13px;
    padding: 5px;
    vertical-align: middle;
}
.datagrid tbody td a i{
    position: relative;
    top: 1px;
    margin-left: 3px;
}
.datagrid tbody tr:hover{background-color: rgb(255, 255, 215);cursor:pointer;}
.datagrid tfoot{border-top:2px solid #b9dcf6;}
.datagrid .datagrid-pages{margin: 8px auto 5px;width:auto;text-align:center;font-size:10px;}
.datagrid .datagrid-pages input, .datagrid .datagrid-pages input[readonly="readonly"]{
    min-width:30px;
    text-align:center;
    border:0px!important;
    font-size:1em!important;
    background: transparent!important;
}
.datagrid .datagrid-menu-pages{text-align:center;margin:10px auto;}
.datagrid .datagrid-menu-pages button i{font-size: 14px!important;padding: 3px 7px;}
.datagrid .datagrid-menu-pages button:focus{outline:0px;}
.datagrid-estatus i{color:#768a9e}
.datagrid-estatus span{margin-left: 5px;}
.datagrid-estatus.estatus-green  i{color: #81d71d!important;}
.datagrid-estatus.estatus-orange i{color: #f5bc10!important;}
.datagrid-estatus.estatus-red    i{color: #dc0505!important;}
.datagrid-estatus.estatus-gray   i{color: #c6c6c6!important;}

/*--- botones ---*/
.btn{
    font-size: 13px!important;
    text-transform: uppercase!important;
    -webkit-transition: left 0.3s linear;
    -webkit-transition-property:background-color;
    -moz-transition: left 0.3s linear;
    -moz-transition-property:background-color;
    -o-transition: left 0.3s linear;
    -o-transition-property:background-color;
    -ms-transition: left 0.3s linear;
    -ms-transition-property:linear;
    transition: left 0.3s linear;
    transition-property:background-color;
} 
.btn i{
    position:relative;
    top:1px;
    -webkit-transition: left 0.3s linear;
    -webkit-transition-property:color;
    -moz-transition: left 0.3s linear;
    -moz-transition-property:color;
    -o-transition: left 0.3s linear;
    -o-transition-property:color;
    -ms-transition: left 0.3s linear;
    -ms-transition-property:linear;
    transition: left 0.3s linear;
    transition-property:color;
}
.btn-icon{padding: 1px!important;}
.btn-icon i{font-size: 0.9rem;padding: 5px;}
.btn-add:hover{
    background-color: #f0ffdd!important;
    border-color: #beeb83!important;
    color: #83aa51!important;
}
.btn-edit:hover{
    background-color: #ddfcff!important;
    border-color: #83ebde!important;
    color: #51a5aa!important;
}
.datagrid-filters td:last-child button.btn-search:hover{
    background-color: #6a8ea4!important;
    border-color: #5989a6!important;
    color: #eaf1f4!important;    
}
.datagrid-filters td:last-child button.btn-search:hover i{color: #eaf1f4!important; }

/*--- formularios ---*/
.ui-widget-overlay {opacity: .60!important;}
.form-control-plaintext {
    border: solid transparent!important;
    border-width: 1px 0!important;
    padding: 0px 0px!important;
}
.ui-widget-overlay{width:100%!important;height: 100%!important;}
.ui-widget-header {
    text-transform: uppercase;
    padding: 8px 8px 8px 65px!important; 
    padding-top: 10px!important;
    padding-left: 130px!important;
    font-family: 'Open Sans', arial, helvetica!important; 
}
.form-text {font-size: 13px!important;}
fieldset{
    border: 1px solid #dedede !important;
    border-radius: 4px;
    padding: 10px 15px!important;
}
legend{
    font-family: 'Open Sans', arial, helvetica!important; 
    font-size: 1em!important;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    padding: 5px 10px!important;
    margin-bottom: 0.5rem;
    float:none!important;
    width: auto!important;
}
label.required-field::before{
    /*background: transparent url(../images/img-forms/required_field.png) no-repeat left;
    padding-left: 12px; */
    content: "*";
    color:red;
    margin-left: -5px;
}  
label{
    font-weight:normal;
    font-size: 13px!important;
    display: inline-block;
    line-height:1!important;
    padding: 0px 0px!important;
}
input[type="text"], textarea, select, input[type="password"]{
    font-family: 'Open Sans', arial, helvetica; 
    min-height:20px!important;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-size: 12px!important;
}
.form-control-plaintext {background: transparent!important;}
.manager-dialog{font-family: 'Open Sans', arial, helvetica!important;}
/* botones dialogos */
.ui-dialog-buttonset button, button.ui-button{
    font-size: 13px!important;
    text-transform: uppercase!important;
  
    -webkit-transition: left 0.3s linear;
    -webkit-transition-property:background;
    -moz-transition: left 0.3s linear;
    -moz-transition-property:background;
    -o-transition: left 0.3s linear;
    -o-transition-property:background;
    -ms-transition: left 0.3s linear;
    -ms-transition-property:linear;
    transition: left 0.3s linear;
    transition-property:background;    
}
.frm-datos-generales{width: 90%;margin: 0 auto;}
.frm-datos-generales .form-control-plaintext{ width: 95%;}
.frm-datos-generales .row > div{padding: 0px!important;margin: 0px;}
.frm-datos-generales .row > div .row{padding: 0px;margin: 0px;}