/* 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;
}

.verde{background-color:#1B8C63 !important;}
.verde-text{color:#1B8C63!important;}
.crema {background-color: #F2E8D5;}
.crema-text{color:#4d4d4d !important;}
.verdeoscuro {background-color: #114C59;}
.verdeoscuro-text {color: #114C59 !important;}
.grisclaro {background-color: #f5f3f3 !important;}

body{font-family: Roboto;}
header {display: inline-block; width: 100%;}
main {
      min-height: 80vh !important;
}
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;}
.card-body p {color: #4d4d4d; font-family: Roboto Light; text-align: justify;}
#logo {max-width: 450px;} 
.navbar{justify-content: center !important;}
.navbar-nav .nav-link {font-weight: 400; border-bottom: 2px solid transparent}
.navbar-nav .nav-link:hover {border-bottom: 2px solid #1B8C63}
footer {}

.btn i {font-size: 1em !important; vertical-align: initial !important;}
a.btn, button.btn {text-decoration: inherit !important}
/*--------------------------------------------------------------
# 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;
}

.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;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #1B8C63;
  border-top-color: #d1e6f9;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  left: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: #1B8C63;
  color: #fff;
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: #1c84e3;
  color: #fff;
}

.datepicker-dropdown {
  padding: 20px !important;
}

/*--------------------------------------------------------------
# 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 .modal-content {background-color: #333;}

.a11y-contrast .card-body p,
.a11y-contrast table tr td {color: #fff}

/*--------------------------------------------------------------
# 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;}