ul,li,h1,h2,h3,h4,h5,h6,p,span,html{margin:0px; padding:0px;}
:root body{font-family:'Roboto', sans-serif; background-color:#FFF;}
img{width:100%;}
:root .form-check input:checked{background-color:#059A70; border:1px solid #059A70;}

:root .btn{font-weight:300; border:0px; font-size:15px; margin-bottom:10px;}
:root .btn.btn-primary{background-color:#6578B0;}
:root .btn.btn-secondary{background-color:#595D66;}
:root .btn.btn-success{background-color:#53A25A;}
:root .btn.btn-danger{background-color:#AE1E1E;}
:root .btn.btn-warning{background-color:#EBB93E; color:#000;}
:root .btn.btn-info{background-color:#119FA6; color:#fff;}
:root .btn.btn-dark{background-color:#9DB69A; color:#fff;}

:root .btn.btn-primary.actualizar{background-color:#455687;}
:root .btn.btn-success.aceptar{background-color:#376C3C;}
:root .btn.btn-danger.cancelar{background-color:#7A1515;}
:root .btn.btn-warning.editar{background-color:#F3D790; color:#000;}
:root .btn.btn-warning.configurar{background-color:#E68E30; color:#fff;}

:root .btn.btn-primary:before{float:right; padding-top:4px; margin-left:5px;}
:root .btn.btn-secondary:before{margin-right:5px;}
:root .btn.btn-success:before{float:right; padding-top:4px; margin-left:5px;}
:root .btn.btn-danger:before{float:right; padding-top:4px; margin-left:5px;}
:root .btn.btn-warning:before{float:right; padding-top:4px; margin-left:5px;}
:root .btn.btn-info:before{float:right; padding-top:4px; margin-left:5px;}
:root .btn.btn-dark:before{float:right; padding-top:4px; margin-left:5px; color:#fff;}

::selection {background-color:#059A70; color:#fff;}

:root article.articulo{width:100%; display:table; clear:both; margin-bottom:30px;}
:root article.articulo .solBox{margin:0px;}
:root article.articulo button.btn{margin:0px;}
:root article.aside{width:100%; display:table; clear:both; margin:0px 0px 30px 0px;}
:root article.aside .ladoA{width:48%; float:left;}
:root article.aside .ladoB{width:48%; float:right;}

:root .solBox.solBox-radio{width:100%;}
:root .solBox.solBox-radio .form-check input{float:left; cursor:pointer;}
:root .solBox.solBox-radio .form-check label{padding:0px; font-size:12px; padding:0px; float:left; color:#595D66; font-weight:300;}

:root .solBox.form-switch{padding-left:0px;}
:root .solBox.form-switch .form-check-input{width:38px; cursor:pointer; height:18px; float:left; margin-left:0px; margin-right:10px;}
:root .solBox.form-switch .form-check-label{float:left; font-size:12px; color:#595D66; font-weight:300; margin-top:3px;}

:root .tablaInfo tbody td{border:0.7px solid #ddd; height:35px; vertical-align:middle; color:#595D66;}

:root ul.lista{width:100%; display:table; clear:both; margin:0px; padding:0px;}
:root ul.lista li{width:100%; display:table; font-weight:300; color:#595D66; list-style:none; font-size:16px; margin:0px; padding:2px 10px 0px 10px; border-bottom:1px dashed #ddd; cursor:pointer;}
:root ul.lista li:hover{background-color:#D4E9E5;}

:root .bootbox.modal .modal-header{border:0px;}
:root .bootbox.modal .modal-header h5{color:#595D66; font-size:20px; font-weight:500; font-family: "Roboto", serif; padding-bottom:0px;}
:root .bootbox.modal .modal-body{padding-top:0px; font-family: "Roboto", serif; border-bottom:1px dashed #E9EAEC;}
:root .bootbox.modal .modal-body .bootbox-body{font-weight:200; color:#595D66; font-size:16px;}
:root .bootbox.modal .modal-footer{border:0px;}

.re_load{width:26px; float:left; cursor:pointer; display:table; opacity:0.4;}
.re_load:hover{opacity:0.7;}

.cargadorLoader{width:100%; height:100%; clear:both; position:fixed; left:0px; top:0px; display:none;}
.cargadorLoader-1{z-index:9998;}
.cargadorLoader-1 .cubo{width:160px; height:190px; position:relative; display:block; margin:100px auto 0px auto; text-align:center; font-size:12px; color:#ddd;}
.cargadorLoader-1 .cubo .images{height:160px; width:160px; overflow:hidden;}
.cargadorLoader-1 .cubo .logox{width:120px; position:absolute; top:45px; left:20px;}
.cargadorLoader-1 .cubo .logox img{width:100%;}
.cargadorLoader-1 .cubo p{font-size:12px; color:#C6CCD2;}
.cargadorLoader-2{z-index:9997; background-color:#000000; opacity:0.6;}


.datepicker table{font-size:14px; font-family:'Roboto', sans-serif;}
.datepicker table th.dow{font-weight:300; font-size:12px; color:#03563E;}
.datepicker table th.next{color:#13ABB3;}
.datepicker table th.next:hover{background-color:#E7EFE6;}
.datepicker table th.prev{color:#13ABB3;}
.datepicker table th.prev:hover{background-color:#E7EFE6;}
.datepicker table th.datepicker-switch{font-size:14px; font-weight:500; color:#595D66;}
.datepicker table th.datepicker-switch:hover{background-color:#E7EFE6; color:#03563E;}
.datepicker table td.day{color:#43535F; font-weight:300;}
.datepicker table tr td.old{color:#999; font-weight:300; font-size:12px;}
.datepicker table tr td.old:hover{background-color:#E7EFE6;}
.datepicker table tr td.new{color:#999; font-weight:300; font-size:12px;}
.datepicker table tr td.new:hover{background-color:#E7EFE6;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color:#CCCCCC; font-weight:100; font-size:10px;}
.datepicker table tr td.active{background:none;}
.datepicker table tr td.active:hover{background:none;}
.datepicker table tr td.active.active{background-color:#03563E;}
.datepicker table tr td.active.active:hover{background-color:#03563E;}
.datepicker table tr td.today{background:none; background-color:#FBE489; color:#fff;}
.datepicker table tr td.today:hover{background:none;}
.datepicker table tr td span.active{background:none;}
.datepicker table tr td span.active:hover{background:none;}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover{background-color:#03563E;}



header{width:100%; display:table; clear:both; margin-bottom:0px; padding:8px 30px;}
header .logo{width:90px; display:table; float:left;}
header .logo.pasiva{width:120px; margin-top:5px;}
header .minMenu{width:32px; display:none; float:right;}
header .minMenu nav{padding:6px 0px 0px 0px;}
header .minMenu a.navbar-brand{width:90px; padding-top:0px;}
header .minMenu a.navbar-brand img{width:100%;}

header .menuSi .bg-light{background-color:#fff!important;}
header .menuSi{width:85%; display:table;}
header .menuSi nav{padding:0px; margin-left:30px;}
header .menuSi nav .navbar-nav{width:100%;}
header .menuSi .container-fluid{padding:0px;}
.bg-body-tertiary{background-color:#fff!important;}
header .dropdown-menu .dropdown-item{color:#595D66; font-size:13px; font-weight:400;}
header .dropdown-menu .dropdown-item:hover{background-color:#059A70; color:#fff;}
header .navbar .dropdown.active .nav-link{color:#FA6E53; font-weight:600;}
header nav .navbar-nav .nav-link{font-size:13px; color:#878C97; background-color:#fff; color:; font-family:'Roboto', sans-serif;}


.headerNombre{width:100%; display:table; clear:both; margin-bottom:0px; text-align:right; color:#88949F; font-size:12px; padding:0px 30px;}
h1{width:1200px; margin:0px auto 20px auto; color:#595D66; font-weight:100; font-size:34px; font-family: "Architects Daughter", serif;}
h2{width:100%; margin:0px auto 15px auto; color:#43535F; clear:both; font-weight:400; font-size:22px;}
p.info{font-size:12px; width:100%; margin-bottom:5px; font-weight:200; color:#595D66;}


main{width:1200px; display:table; margin:0px auto;}

footer{width:100%; display:table; clear:both; margin-bottom:0px; background-color:#595D66; padding:10px 30px 20px 30px;}
footer.fixed{position:fixed; bottom:0px;}
footer .aws{width:100px; display:table; float:right;}
footer .version{width:120px; display:table; float:left; font-size:11px; font-weight:300; color:#F4F4F5; text-align:left; padding-top:3px;}
footer .version div{width:100%; display:table;}
footer .version div.vers{font-weight:500;}
footer .version div.vers span{font-weight:300; color:#ddd; font-size:10px;}

main.login{width:350px; padding:60px 0px 50px 0px;}
main.login .logo{width:140px; display:table; margin:0px auto 30px auto;}
main.login .form-floating{padding:0px; width:auto; height:45px; display:block; position:relative;}
main.login .form-floating input{height:20px; font-size:12px; padding:0px 20px; font-size:14px; min-height:45px;}
main.login .form-floating label{padding:13px 20px; height:30px; font-size:12px; color:#88949F;}
main.login .form-floating input:-webkit-autofill {background-color: #fff !important;box-shadow: 0 0 0px 1000px white inset !important;}
main.login .form-floating i{font-size:25px; width:25px; height:31px; position:absolute; top:3px; right:8px; cursor:pointer; opacity:0.4;}
main.login .form-floating.ff1 input{border-radius:10px 10px 0px 0px; border-bottom:0px;}
main.login .form-floating.ff2 input{border-radius:0px 0px 10px 10px;}
main.login .form-check{width:95%; display:table; margin:0px auto;}
main.login .form-check label{font-size:12px; color:#2a4540; font-weight:400;}
main.login .btn.btn-primary{display:table; margin:0px auto 40px auto; width:70%;}
main.login .recuperar{width:100%; display:table; font-size:14px; text-align:center; color:#03563E; cursor:pointer;}

main .reload{width:26px; display:none; cursor:pointer; opacity:0.6;}
main .reload.visible{display:table;}

main.modalPro{width:100%; display:table; clear:both;}

.fechaRango{width:auto; display:table; float:none; clear:both;}
.fechaRango .input-group{width:120px; float:left; margin:0px 10px;}
.fechaRango .input-group input{font-size:12px; font-weight:400; padding:0px; text-align:center; color:#03563E;}
.fechaRango .input-group input::placeholder{color:#595D66; font-weight:200;}
.fechaRango .input-group span{padding:2px 10px;}
.fechaRango .input-group span i:before{color:#059A70;}
.fechaRango .label{width:100%; display:table; clear:both; margin:0px auto;}
.fechaRango .label label{width:120px; display:table; float:left; margin:0px 10px; font-size:12px; color:#88949F; font-weight:300;  text-align:center;}

.solutionMensajes{width:100%; cursor:pointer; height:10px; display:none; top:0px; left:0px;  z-index:10000; position:absolute;}
.solutionMensajes article{width:500px; box-shadow:0px 2px 14px #000; background-color:#fff; position:relative; display:table; border:6px solid #DFE5DC; border-radius:12px; margin:60px auto 0px auto; padding:20px 30px 30px 30px;}
.solutionMensajes article .salir{width:30px; height:30px; opacity:0.8; font-size:25px; color:#DFE5DC; position:absolute; right:12px; top:10px;}
.solutionMensajes article .titulo{width:90%; display:table; font-size:18px; font-weight:700; color:#595D66;}
.solutionMensajes article .contenido{width:100%; display:table;}
.solutionMensajes article .contenido .imagen{width:70px; float:left; height:70px; font-size:60px; color:#595D66;}
.solutionMensajes article .contenido .texto{width:350px; display:table; float:right; font-size:15px; font-weight:300; color:#595D66;}
.solutionMensajes.ms_0 .contenido .imagen{color:#059A70;}
.solutionMensajes.ms_2 .contenido .imagen{color:#059A70;}
.solutionMensajes.ms_3 .contenido .imagen{color:#F8CD1D;}
.solutionMensajes.ms_5 .contenido .imagen{color:#AD3438;}
.cubreMensaje{z-index:9999; cursor:pointer; position:fixed; width:100%; height:100%; display:none; background-color:#000; opacity:0.6;}

.oculto{width:100%; visibility:hidden; height:10px; display:block; overflow:hidden;}

.modal-dialog{margin-left:auto; margin-right:auto; margin-top:23px;}
.modal-dialog.modal-sm{max-width:280px;}
.modal-dialog.modal-lg{max-width:800px;}
.modal-dialog.modal-vp{max-width: 1000px;}
.modal-dialog .modal-header{width:100%; display:block; position:relative; padding-bottom:15px;}
.modal-dialog .modal-header h4{width:100%; display:table; clear:both; color:#595D66; margin:0px; padding-right:20px; font-size:22px; font-weight:600;}
.modal-dialog .modal-header h5{width:100%; display:table; clear:both; color:#595D66; margin:0px; padding-right:20px; font-size:14px; font-weight:300;}
.modal-dialog .modal-header .btn-close{position:absolute; top:18px; right:18px; opacity:0.4;}
.modal-dialog .modal-header .btn-close:hover{opacity:1;}
.modal-1 .modal-dialog{margin-top:40px;}

label.invalid{color:#C4455A!important;}


.solBox{display:table; margin-bottom:10px; width:100%;}
.solBox p{font-size:14px; color:#595D66; font-weight:300;}
.solBox input{font-size:12px; color:#595D66;}
.solBox input::placeholder{color:#ccc; font-weight:200;}
.solBox textarea{resize:none; font-size:12px; color:#595D66;}
.solBox .form-select{font-size:12px; font-weight:400; color:#595D66;}
.solBox .form-select option {font-size:12px;}

.tablaResumen{width:100%;}
.tablaResumen tr th{border:1.5px solid #FFF; padding:3px 5px 4px 5px; background-color:#CDD7E2; color:#595D66; font-size:14px; font-weight:400;}
.tablaResumen tr td{font-size:12px; border:0.5px solid #CDD7E2; padding:2px 5px 3px 5px; cursor:pointer; font-family: "Roboto", serif;}
.tablaResumen tr.n0 td{background-color:#FFF;}
.tablaResumen tr.n1 td{background-color:#FFF;}
.tablaResumen tr:hover td{background-color:#FCF3CF; color:#43535F;}
.tablaResumen tr .center{text-align:center;}
.tablaResumen tr .left{text-align:left;}
.tablesorter-default tbody > tr:hover > td{background-color:#FAECB2; color:#43535F;}

.tablesorter-default{margin:0px;}

@media screen and (max-width:1250px) {
  main{width:95%;}
  h1{width:95%;}
}

@media screen and (max-width:1100px) {
  .modal-dialog.modal-vp{max-width:90%;}
}

@media screen and (max-width:1000px) {
  .modal-dialog.modal-vp{max-width:95%;}
}

@media (max-width: 992px) {
  header .menuSi{display:none;}
  header .minMenu{display:table;}
}



@media screen and (max-width:850px) {
  .modal-dialog.modal-lg{width:90%;}
}



@media screen and (max-width:750px) {
  h1.tituloPagina{font-size:24px}
}

@media screen and (max-width:700px) {
  main{width:90%;}
  h1.tituloPagina{width:90%;}
}



@media screen and (max-width:600px) {
  .solutionMensajes article{width:90%;}
  .solutionMensajes article .titulo{font-size:20px;}
  .solutionMensajes article .contenido .imagen{width:18%; font-size:54px;}
  .solutionMensajes article .contenido .texto{width:80%;}
  
  .modal-dialog{width:90%;}
}

@media screen and (max-width:550px) {
  .solutionMensajes article .titulo{font-size:16px;}
  h2{font-size:19px; }
}

@media screen and (max-width:500px) {
  footer .aws{width:80px;}
}

@media screen and (max-width:450px) {
  header{padding:8px 20px;}
  footer{padding:10px 20px;}
  .headerNombre{text-align:center;}
  h1.tituloPagina{text-align:center;}
  
  .solutionMensajes article .contenido .imagen{width:18%; font-size:40px;}
  .solutionMensajes article .contenido .texto{width:75%; font-size:14px;}
  h2{text-align:center;}
}


@media screen and (max-width:400px) {
  main.login{width:90%;}
  .solutionMensajes article .contenido .imagen{font-size:35px;}
  .solutionMensajes article .contenido .texto{font-size:12px;}
}

@media screen and (max-width:290px) {
  .cubreTodo{display:table!important;}
}