/*
    Azul claro: #E0F1FC
    Azul oscuro: #5E8DC9
    Turquesa: #03ACEB
    Turquesa:hover: #03BCFF
*/

body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; }

h1 { font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-size: 2rem; }
h2 { font-family: 'Roboto Slab', sans-serif; font-weight: 400; font-size: 1.5rem; }
h3 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.2rem; }
h4 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.15rem; }
h5 { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.1rem; }
p { font-weight: 400; font-size: 1rem;}

a { color: #6887AD;}
a:hover, a:active { color: #82A9D9;   }

.loading_border {position: absolute; border: 1px dashed #000; z-index: 2147483647 !important; overflow: hidden; top: 0; left: 0; height: 100%; width: 100%; }
.loading_body { background-color: #000; opacity:0.6; padding:50px; text-align:center; height: 100%; width: 100%;}
.fa, .far, .fas { padding-right:5px;}
.alert-secondary{background-color:#f1f1f1}
.breadcrumb { background-color: #D3DEED; border-radius: 0px; border: none; margin-bottom: 0px; }
.wmax-100 { max-width:100%; }

input, input:focus, input:active {    font-family: 'Roboto', sans-serif; -webkit-box-shadow: 0 0 0 1000px #fff inset;}
.form-control:focus {    font-family: 'Roboto', sans-serif; -webkit-box-shadow: 0 0 0 1000px #fff inset;}

input[type=checkbox]{display: none;}
input[type=checkbox] .mr-1 {display: none;}
input[type=checkbox] + label {vertical-align: middle; margin: 0px; line-height:1.2rem; margin-right: 5px; text-align: left; height: 30px; background: url(unchecked.png) no-repeat; border: none; cursor: pointer; display: block; padding-left: 15px; text-indent: 10px;}
input[type=checkbox]:checked + label {background: url(checked.png) no-repeat; background-position: left 3px;}
input[type=checkbox]:checked + label {background: url(checked.png) no-repeat;}

span.aspNetDisabled input[type=checkbox] + label {color: #ccc;}

.form label {display: block; padding-left: 0px; padding-bottom: 5px; text-indent: 0px; font-weight: 500; margin-bottom:0px; }
.form-inline .form-group {margin-right:10px;}
.alert-light {background-color: #f1f1f1;}

.nbt { border-top: 1px solid #fff !important; padding-top:0.25rem !important;}

.navbar { margin-bottom: 0px; padding: 0.5rem !important; }
.navbar-dark .navbar-text { color: #ccc; } 
.navbar-dark .navbar-brand a {  color: #fff;}
.navbar-brand { padding-top: 0px;}
.navbar-dark .navbar-brand a:focus, .navbar-dark .navbar-brand a:hover { text-decoration: none;    color: #fff;}
.nav-link { font-family: 'Roboto Slab', sans-serif; color: #f1f1f1; }
.nav-link:hover {  }

.navbar-dark .navbar-nav .nav-link {   color: #e2e2e2;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {  color: #fff;    }
.navbar-dark .navbar-nav .nav-link.disabled {   color: #f1f1f1;  }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {color: #fff; }

/* BOTONES */

.btn-sm, .btn-group-sm > .btn { font-size: 75%; line-height: 1; font-weight: 400; padding: 0.5em 0.7em 0.5em 0.7em; }

.btn-primary { color: #fff; background-color: #82A9D9; border-color: #82A9D9; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: #FFF; background-color: #6887AD; border-color: #6887AD; }

.btn-outline-primary { color: #82A9D9; background-color: transparent; background-image: none; border-color: #82A9D9; }
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus { color: #fff; background-color: #6887AD; border-color: #6887AD; }
.btn-outline-primary:focus, .btn-outline-primary.focus {        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);    }
.btn-outline-primary.disabled, .btn-outline-primary:disabled {        color: #007bff;        background-color: transparent;    }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,    .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #03ACEB; border-color: #03ACEB;    }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,       .show > .btn-outline-primary.dropdown-toggle:focus {            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);        }

.btn-outline-secondary { color: #778899; background-color: transparent; background-image: none; border-color: #778899; }
.btn-outline-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus {        color: #fff; background-color: #778899; border-color: #778899;    }

/*TABLAS*/
.table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; font-weight: 500; }


.badge { border: 1px solid transparent; font-size: 75%; line-height: 1; font-weight: 400; padding: 0.5em 0.7em 0.5em 0.7em;}
.card { background-color: #fff; border: none !important; border-radius: 0px !important;}