/* CSS for SASB-ESTEVA 26 02 19. */
/* Bootstrap 4: Row with equal height columns. */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* ---------- HTML & BODY BEGIN ---------------------------------------- */
html {
    /* Set up like this to have sticky footer. BEGIN */
    position: relative;
    min-height: 100%;
    /* Set up like this to have sticky footer. END   */
    font-size: 14px;
}
body {
    font-family: 'Raleway', sans-serif;
    /* The set up to have sticky footer its made it by jQuery.*/
}
/* ---------- HTML & BODY END ------------------------------------------ */
/* ---------- Set Raleway font BEGIN ----------------------------------- */
p, a, span, input, h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}
/* ---------- Set Raleway font END ------------------------------------- */
/* ---------- LOADING DIV BEGIN ---------------------------------------- */
div#loading-div, .single-white {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #ffffff;
    z-index: 2147473647;
    text-align: center;
}
/* ---------- LOADING DIV END ------------------------------------------ */
/* ---------- VERTICAL NAVBAR BEGIN ------------------------------------ */
/* Name abbreviations: vb: vertical bar, . */
/* Vertical bar */
#vb {
    height: 100%;
    width: 220px;
    position: fixed;
    float: left;
    z-index: 111;
}
/* Vertical bar head */
#vb .vb-head {
    min-height: 40px;
    max-height: 41px;
    text-align: center;
    padding: 5px 0px;
}
#vb div.vb-head a {
    display: block;
}
#vb div.vb-head img.vb-brand-img {
    width: 150px;
    max-height: 30px;
    margin: auto;
}
/* Vertical bar body */
#vb .vb-body {
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
}
/* Vertical bar scroll body */
/* width */
#vb .vb-body::-webkit-scrollbar {
  width: 8px;
}
/* Track */
#vb .vb-body::-webkit-scrollbar-track {
    background: #f1f1f1; 
    background: transparent !important;
    border-radius: 4px;
}
/* Handle */
#vb .vb-body::-webkit-scrollbar-thumb {
    background: #637099;
    border-radius: 4px;
    opacity: 1;
}
/* Handle on hover */
#vb .vb-body::-webkit-scrollbar-thumb:hover {
    background: #a2abca;
}
/* Vertical bar navbar */
#vb .vb-navbar a {
    font-size: 14px;
}
#vb .vb-navbar a:hover {
}
#vb .vb-navbar a>i {
    min-width: 30px;
}
#vb .vb-navbar a.nav-link[data-toggle].collapsed:after {
    content: "▾";
    font-size: 14px;
}
#vb .vb-navbar a.nav-link[data-toggle]:not(.collapsed):after {
    content: "▴";
    font-size: 14px;
}
#vb .vb-footer {
    max-height: 38px;
    padding: 8px;
    text-align: center;
}
#vb .vb-footer>i {
    font-size: 22px;
}
/* ---------- VERTICAL NAVBAR END -------------------------------------- */
/* ---------- MAIN CONTAINER BEGIN ------------------------------------- */
/* Name abbreviations: hb: horizontal bar. */
#main-container {
    width: 100%;
    min-height: 100vh;
    position: relative;
    float: right;
    /*
    */
    padding-left: 220px;
}
/* Horizontal top bar */
#hb {
    min-height: 40px;
    max-height: 41px;
}
#hb div.container-fluid,
#hb div.container-fluid div.row,
#hb div.container-fluid div.row div{
    max-height: 48px;
}
#hb a.menu-toggle {
    line-height: 50px;
    font-size: 28px;
}
#hb a.menu-toggle:hover {
}
#hb .hb-nav {
    height: 40px;
}
#hb .hb-nav li{
    padding: 0.2rem;
    /*
    font-size: 14px;
    line-height: 26px;
    */
}
#hb .hb-nav li a{
    padding: .5rem .2rem;
}
#hb .hb-nav a {
}
#hb .hb-nav a:hover {
}
#hb .hb-nav .close-session>i {
    background-color: #4772c5;
    border-radius: 50%;
    padding: 4px;
}
/* ---------- MAIN CONTAINER END --------------------------------------- */
/* ---------- GENERAL MODEL BEGIN -------------------------------------- */
.mdl-container {
    border-radius: 4px;
}
.dataList {
    width: 100% !important;
}

.no-transition {
    transition: none !important;
}
/* ---------- GENERAL MODEL END ---------------------------------------- */




.btn-detalle1 { 
  color: #ffffff; 
  background-color: #4772C5; 
  border-color: #4772C5; 
} 
 
.btn-detalle1:hover, 
.btn-detalle1:focus, 
.btn-detalle1:active, 
.btn-detalle1.active, 
.open .dropdown-toggle.btn-detalle1 { 
  color: #ffffff; 
  background-color: #1C50BA; 
  border-color: #4772C5; 
} 
 
.btn-detalle1:active, 
.btn-detalle1.active, 
.open .dropdown-toggle.btn-detalle1 { 
  background-image: none; 
} 
 
.btn-detalle1.disabled, 
.btn-detalle1[disabled], 
fieldset[disabled] .btn-detalle1, 
.btn-detalle1.disabled:hover, 
.btn-detalle1[disabled]:hover, 
fieldset[disabled] .btn-detalle1:hover, 
.btn-detalle1.disabled:focus, 
.btn-detalle1[disabled]:focus, 
fieldset[disabled] .btn-detalle1:focus, 
.btn-detalle1.disabled:active, 
.btn-detalle1[disabled]:active, 
fieldset[disabled] .btn-detalle1:active, 
.btn-detalle1.disabled.active, 
.btn-detalle1[disabled].active, 
fieldset[disabled] .btn-detalle1.active { 
  background-color: #4772C5; 
  border-color: #4772C5; 
} 
 
.btn-detalle1 .badge { 
  color: #4772C5; 
  background-color: #ffffff; 
}

.btn-editar1 { 
  color: #ffffff; 
  background-color: #7664C7; 
  border-color: #7664C7; 
} 
 
.btn-editar1:hover, 
.btn-editar1:focus, 
.btn-editar1:active, 
.btn-editar1.active, 
.open .dropdown-toggle.btn-editar1 { 
  color: #ffffff; 
  background-color: #5239C4; 
  border-color: #7664C7; 
} 
 
.btn-editar1:active, 
.btn-editar1.active, 
.open .dropdown-toggle.btn-editar1 { 
  background-image: none; 
} 
 
.btn-editar1.disabled, 
.btn-editar1[disabled], 
fieldset[disabled] .btn-editar1, 
.btn-editar1.disabled:hover, 
.btn-editar1[disabled]:hover, 
fieldset[disabled] .btn-editar1:hover, 
.btn-editar1.disabled:focus, 
.btn-editar1[disabled]:focus, 
fieldset[disabled] .btn-editar1:focus, 
.btn-editar1.disabled:active, 
.btn-editar1[disabled]:active, 
fieldset[disabled] .btn-editar1:active, 
.btn-editar1.disabled.active, 
.btn-editar1[disabled].active, 
fieldset[disabled] .btn-editar1.active { 
  background-color: #7664C7; 
  border-color: #7664C7; 
} 
 
.btn-editar1 .badge { 
  color: #7664C7; 
  background-color: #ffffff; 
}

.btn-sasb3 { 
  color: #FFFFFF; 
  background-color: #C74B95; 
  border-color: #C74B95; 
} 
 
.btn-sasb3:hover, 
.btn-sasb3:focus, 
.btn-sasb3:active, 
.btn-sasb3.active, 
.open .dropdown-toggle.btn-sasb3 { 
  color: #FFFFFF; 
  background-color: #D4288F; 
  border-color: #C74B95; 
} 
 
.btn-sasb3:active, 
.btn-sasb3.active, 
.open .dropdown-toggle.btn-sasb3 { 
  background-image: none; 
} 
 
.btn-sasb3.disabled, 
.btn-sasb3[disabled], 
fieldset[disabled] .btn-sasb3, 
.btn-sasb3.disabled:hover, 
.btn-sasb3[disabled]:hover, 
fieldset[disabled] .btn-sasb3:hover, 
.btn-sasb3.disabled:focus, 
.btn-sasb3[disabled]:focus, 
fieldset[disabled] .btn-sasb3:focus, 
.btn-sasb3.disabled:active, 
.btn-sasb3[disabled]:active, 
fieldset[disabled] .btn-sasb3:active, 
.btn-sasb3.disabled.active, 
.btn-sasb3[disabled].active, 
fieldset[disabled] .btn-sasb3.active { 
  background-color: #C74B95; 
  border-color: #C74B95; 
} 
 
.btn-sasb3 .badge { 
  color: #C74B95; 
  background-color: #FFFFFF; 
}

thead {
    font-size: 0.9375rem;
}

tbody {
    font-size: 0.9375rem;
}

.table td{
    padding: 0.4375rem;
    vertical-align: middle;
}

.minFunWidht {
  min-width: 120px;
}

.min-w-30-px {
  min-width: 30px;
}
.min-w-100-px {
  min-width: 100px;
}
/* ---------- MEDIA QUERIES BEGIN -------------------------------------- */
/* Extra small device. */
@media (max-width: 575px) {
    /* ---------- DataTable pagination BEGIN --------------------------- */
    div.dataTables_wrapper div.dataTables_info {
        white-space: pre-line;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
    li.paginate_button.previous {
        display: inline;
    }
    li.paginate_button.next {
        display: inline;
    }
    li.paginate_button {
        display: none;
    }
    /* ---------- DataTable pagination END ----------------------------- */

}
/* Small device: sm */
@media (min-width: 576px) and (max-width: 767px) {
    /* ---------- DataTable pagination BEGIN --------------------------- */
    div.dataTables_wrapper div.dataTables_info {
        white-space: pre-line;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content: center;
    }
    li.paginate_button.previous {
        display: inline;
    }
    li.paginate_button.next {
        display: inline;
    }
    li.paginate_button {
        display: none;
    }
    /* ---------- DataTable pagination END ----------------------------- */

}
/* Medium device: md */
@media (min-width: 768px) and (max-width: 991px) {
    
}
/* Large device: lg */
@media (min-width: 992px) and (max-width: 1199px) {
    
}
/* Extra large device: xl */
@media (min-width: 1200px) {
    
}
/* Browser: IE10+ CSS */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

}
/* Device: iPad */
@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px) and (orientation : portrait) {
    
}
/* ---------- MEDIA QUERIES END ---------------------------------------- */