/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;

}
@font-face {
    font-family: gob-cl;
    src: url("../fonts/gob-cl.eot") format("eot");
}
@font-face {
    font-family: gob-cl;
    src: url("../fonts/gob-cl.woff") format("woff");
}
@font-face {
    font-family: gob-cl;
    src: url("../fonts/gob-cl.woff2") format("woff2");
}

.gobCL {
  font-family: gob-cl !important;
}

.gobCLLight {
  font-family: gob-cl 300 !important;
}

.gobCLBold {
  font-family: gob-cl 600!important;
}

.gobCLHeavy {
  font-family: gob-cl 700 !important;
}

@font-face {
    font-family: Roboto Bold;
    src: url("../fonts/Roboto-Bold.ttf") format("opentype");
}
.robotoBold {
  font-family: Roboto Bold !important;
}
@font-face {
    font-family: Roboto Light;
    src: url("../fonts/Roboto-Light.ttf") format("opentype");
}
.robotoLight {
  font-family: Roboto Light !important;
}
.roboto {
  font-family: Roboto !important;
}


body{font-family: Roboto;}
header {display: inline-block; width: 100%;}

nav.navbar {box-shadow: none !important;}
nav.navbar .navbar-brand img, nav.navbar .navbar-brand {height: 100px !important;}
nav.navbar .navbar-nav .nav-item .nav-link {text-decoration: none !important;}
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {padding: 0px;}
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu li {border-bottom: 1px solid #ccc; padding: 5px;}
nav.navbar .dropdown-item {padding: 5px;}
nav.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {text-decoration: none;}
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show .dropdown-toggle {color: inherit !important;background-color: transparent !important;}
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show .dropdown-menu.show {background-color: #fff;}
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show .dropdown-menu.show .dropdown-item {color: #5a5a5a;}
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show .dropdown-menu.show .dropdown-item.disabled {color: #ccc;}
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show .dropdown-menu.show .dropdown-item:hover {color: #000;background-color: #dddddd;}
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show .dropdown-menu.show .dropdown-item .dropdown-divider,
nav.navbar.navbar-light .navbar-nav .nav-item.dropdown.show #selectorComunaDropdown .dropdown-divider,
nav.navbar.navbar-light .navbar-nav .nav-link.dropdown-toggle:after {display: none;}

.adm-brand {display: flex; font-size: 0.8em; text-decoration: none; width: 225px; border-right: 1px solid #ccc}

#logo {max-width: 450px;}
.navbar {justify-content: center !important;}



main a {cursor: pointer;}
.redond {border-radius: 15px !important;}
.btn {border-radius: 15px !important;padding: 10px 15px !important; min-height: inherit !important;}
.btn.btn-circle {padding: 5px 0 !important;}
.dropdown-toggle::after {margin-left: 0.5em;}


footer {min-height: inherit !important; height: auto !important; padding: 15px 0}
footer>.container>.row {min-height: inherit !important; height: auto !important;}
#layoutSidenav #layoutSidenav_content {min-height: inherit !important; height: auto !important;}

/*--------------------------------------------------------------
# colores y fondos
--------------------------------------------------------------*/
.bg-nna {background: url(../img/bg_nna.png) repeat #EEEEEE; }
.rosa {color: #B15D9B}

.background-oln-coordinador {background-color: #FFD082}
.background-oln-general {background-color: #BAEAAE}
.background-oln-gestor {background-color: #A7F2F1}

/*--------------------------------------------------------------
# home
--------------------------------------------------------------*/
.accesos .btn {border: 3px solid #fff !important; transition: 0.7s;}
.accesos .btn:hover {
-webkit-box-shadow: 7px 7px 0px 0px rgba(0,0,0,1);
-moz-box-shadow: 7px 7px 0px 0px rgba(0,0,0,1);
box-shadow: 7px 7px 0px 0px rgba(0,0,0,1);
transform: translateX(7px 7px);
transition: 0.7s;
}
.card {transition: 0.7s;}
.card:hover {
-webkit-box-shadow: 0px 0px 7px 0px rgba(177,177,177,1);
-moz-box-shadow: 0px 0px 7px 0px  rgba(177,177,177,1);
box-shadow: 0px 0px 7px 0px  rgba(177,177,177,1);
transition: 0.7s;
}
.accesos .btn img {transform: scale(0.9); transition: 0.7s; }
.accesos .btn:hover img {transform: scale(1); transition: 0.7s; }
#links {padding: 3em 0; background-color: rgb(166 186 245 / 40%);;}
p a {color: blue !important;}

.heartbeat {opacity: 1; bottom: 85px; right: 50px; position: fixed;}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {padding-top: 70px;}
.sb-sidenav-footer img {filter: inherit !important;}
.sb-sidenav-light .sb-sidenav-footer {background-color: transparent !important;}
.sb-sidenav-menu svg:not(:host).svg-inline--fa,
.sb-sidenav-menu svg:not(:root).svg-inline--fa {color: inherit !important;}
.sb-sidenav .sb-sidenav-menu .nav .nav-link:hover,
.sb-sidenav .sb-sidenav-menu .nav .nav-link:active {border-left: 5px solid #b15d9b; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3}
.side-nna .sb-sidenav .sb-sidenav-menu .nav .nav-link:hover,
.side-nna .sb-sidenav .sb-sidenav-menu .nav .nav-link:active {border-left: 5px solid #b15d9b;}
.side-oln .sb-sidenav .sb-sidenav-menu .nav .nav-link:hover,
.side-oln .sb-sidenav .sb-sidenav-menu .nav .nav-link:active {border-left: 5px solid #1ba599;}
.sb-sidenav .sb-sidenav-menu .nav .nav-link {margin: 0px;border-radius: 0px !important; transition: 0.3s; border: 1px solid #f8f9fa;}
.sb-topnav svg:not(:host).svg-inline--fa, .sb-topnav svg:not(:root).svg-inline--fa {color: #a8b7c7 !important;}
.sidebar-heading {padding: 10px 0 10px 40px; color: #a8b7c7}

/*--------------------------------------------------------------
# forms
--------------------------------------------------------------*/
.form-control {border-radius: 10px; padding: 5px 10px; height: calc(2em + .75rem + 5px)}


/*--------------------------------------------------------------
# a11y-contrast
--------------------------------------------------------------*/
.a11y-contrast .alert-info,
.a11y-contrast .alert-warning,
.a11y-contrast .alert-danger,
.a11y-contrast .alert-success,
.a11y-contrast .list-group-item-info,
.a11y-contrast .list-group-item-warning,
.a11y-contrast .list-group-item-danger,
.a11y-contrast .list-group-item-success,
.a11y-contrast .bg-nna {background-color: #333;}

/*--------------------------------------------------------------
# toolbar
--------------------------------------------------------------*/

.toolbar .toolbar-btn-group, .toolbar .toolbar-btn {display: inline-block !important;}
.toolbar {justify-content: center;}
.toolbar-btn.toolbar-toggler, .toolbar-btn.toolbar-behavior-read {display: none !important;}
.toolbar-btn.toolbar-behavior-contrast {margin-right: 4px;}

.divFooterSelectorSistemas {
    margin-top: -68px !important;
}

.divFooterConsulta {
    margin-top: -21px !important;
}

.divFooterOln {
    margin-top: -21px !important;
}

.divFooterHome {
    margin-top: -127px !important;
}

.modal-header {
  background: #006fb3 !important;
  color: white !important;
}

select.readonly{
    pointer-events: none;
}
.hidden-campos-adm{
    display: none;
}

.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-content {
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: .25rem;
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.1);
    width: 450px;
    max-height: 200px; /* Altura máxima del tooltip */
    overflow-y: auto;   /* Scroll vertical si es necesario */
}

.tooltip-container:hover .tooltip-content {
    display: block;
}