/* BACKGROUND */

.bg-primary {
  background-color: #0072bb !important; }

.bg-success {
  background-color: #2e7d33 !important; }

.bg-info {
  background-color: #039BE5 !important; }

.bg-danger {
  background-color: #c62828 !important; }

.bg-warning {
  background-color: #f9a822 !important; }

.bg-gray {
  background-color: #EFF0F5 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-muted {
  background-color: #707070 !important; }

.bg-fucsia {
  background-color: #EC407A !important; }

.bg-arandano {
  background-color: #C2185B !important; }

.bg-uva {
  background-color: #6A1B99 !important; }

.bg-cielo {
  background-color: #039BE5 !important; }

.bg-verdin {
  background-color: #6EA100 !important; }

.bg-lima {
  background-color: #CDDC39 !important; }

.bg-maiz {
  background-color: #FFCE00 !important; }

.bg-tomate {
  background-color: #EF5350 !important; }

.bg-naranja {
  background-color: #EF6C00 !important; }

.bg-verde-azulado {
  background-color: #008388 !important; }

.bg-recursos {
  background-color: #00ad7c !important; }

.bg-silver {
  background-color: #efefef !important; }



/* TEXT */

.text-primary {
  color: #0072bb !important; }

.text-secondary {
  color: #039BE5 !important; }

.text-success {
  color: #2e7d33 !important; }

.text-info {
  color: #039BE5 !important; }

.text-warning {
  color: #a66905; }

.text-danger {
  color: #c62828 !important; }

.text-black {
  color: #333333 !important; }

.text-white {
  color: #fff !important; }

.text-muted {
  color: #707070 !important; }

.text-fucsia {
  color: #EC407A !important; }

.text-arandano {
  color: #C2185B !important; }

.text-uva {
  color: #6A1B99 !important; }

.text-cielo {
  color: #039BE5 !important; }

.text-verdin {
  color: #6EA100 !important; }

.text-lima {
  color: #CDDC39 !important; }

.text-maiz {
  color: #FFCE00 !important; }

.text-tomate {
  color: #EF5350 !important; }

.text-recursos {
  color: #00ad7c !important; }



/* TXT NUESTROS */

.txt-innovacion {
  color: #919195 !important; }


/* BORDER NUESTROS */

.border-recursos {
  border-color: #00ad7c !important;}



/* TIPOGRAFIA */
.regular {
  font-family:'robotoReg'
  }
.thin {
  font-family:'robotothin'
  }
.light {
  font-family:'robotolight'
  }
.medium {
  font-family:'robotomedium'
  }
.bold {
  font-family:'robotobold';  
  }
.black {
  font-family:'robotoblack'
  }

body { 
  font-family: "robotoReg", sans-serif !important;
}

@font-face {
  font-family:'robotoReg';
  src:url("fonts/roboto-regular-webfont.eot");
  src:url("fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-regular-webfont.woff") format("woff"),
  url("fonts/roboto-regular-webfont.ttf") format("truetype"),
  url("fonts/roboto-regular-webfont.svg#Kroboto-regular-webfont") format("svg")
  }

@font-face {
  font-family:'robotothin';
  src:url("fonts/roboto-thin-webfont.eot");
  src:url("fonts/roboto-thin-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-thin-webfont.woff2") format("woff2"),
  url("fonts/roboto-thin-webfont.woff") format("woff"),
  url("fonts/roboto-thin-webfont.ttf") format("truetype"),
  url("fonts/roboto-thin-webfont.svg#robotothin") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotolight';
  src:url("fonts/roboto-light-webfont.eot");
  src:url("fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-light-webfont.woff2") format("woff2"),
  url("fonts/roboto-light-webfont.woff") format("woff"),
  url("fonts/roboto-light-webfont.ttf") format("truetype"),
  url("fonts/roboto-light-webfont.svg#robotolight") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotomedium';
  src:url("fonts/roboto-medium-webfont.eot");
  src:url("fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-medium-webfont.woff2") format("woff2"),
  url("fonts/roboto-medium-webfont.woff") format("woff"),
  url("fonts/roboto-medium-webfont.ttf") format("truetype"),
  url("fonts/roboto-medium-webfont.svg#robotomedium") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotobold';
  src:url("fonts/roboto-bold-webfont.eot");
  src:url("fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-bold-webfont.woff2") format("woff2"),
  url("fonts/roboto-bold-webfont.woff") format("woff"),
  url("fonts/roboto-bold-webfont.ttf") format("truetype"),
  url("fonts/roboto-bold-webfont.svg#robotobold") format("svg");
  font-weight:normal;
  font-style:normal
  }

@font-face {
  font-family:'robotoblack';
  src:url("fonts/roboto-black-webfont.eot");
  src:url("fonts/roboto-black-webfont.eot?#iefix") format("embedded-opentype"),
  url("fonts/roboto-black-webfont.woff2") format("woff2"),
  url("fonts/roboto-black-webfont.woff") format("woff"),
  url("fonts/roboto-black-webfont.ttf") format("truetype"),
  url("fonts/roboto-black-webfont.svg#robotoblack") format("svg")
  }



/* SIGEI */
.hidde{
  display: none;
}

.fijar {
  position: fixed;
  z-index: 1000;
  right: 0;
  left:none;
  top: 20px;
  padding-right: 10px;
}

.banner{
  height: 225px;
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) AND (max-width: 991px) {
  .fijar{
      right: initial;
      left: 100px;
      /* right: none; */
  }
  .banner{
    height: 225;
  }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) AND (max-width:1199px) {
  .fijar{
      right: initial;
      left: 100px;
  }
  .banner{
    height: initial;
  }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .fijar{
      right: 10px;
      left: initial;
  }
  .banner{
    height: initial;
  }
}

.avatar {
    display: inline-block;
    position: relative;              
    width: 6.5rem;
    height: 6.5rem;
    border: 0.225rem solid; 
    background-color: #004b8d;             
    text-decoration: none;
    text-align: center;
    color: #004b8d;
    border-radius: 6rem;                          
} 

.avatarlineal {
      display: inline-block;
      position: relative;              
      width: 6.5rem;
      height: 6.5rem;
      border: 0.225rem solid;              
      text-decoration: none;
      text-align: center;
      color: #004b8d;
      border-radius: 6rem;                          
} 

.lineaSuperior {
      border-top: 0.225rem solid; 
      border-color: #00AD7D;
}

.error {
  color: #FFF !important;
  background-color: #c62828;
  padding: 2px 5px;
  font-size: 0.9em; 
}
.toast {
  position: fixed; 
  bottom: 10px; 
  right: 10px;
  z-index: 99;
}
.toast-fade {
    transition: opacity 0.8s linear !important;
}
.banner-msg{
  z-index: -10;
}