body{
  font-family: 'Open Sans', sans-serif;
}
.navbar{
  height:auto;margin-bottom:5vh;
  background-color: #2765FF!important;
  padding:0;
  padding-top:5px;padding-bottom:5px;
}


#logoheader{
  width:50px;
  margin-bottom:-20px;
}
#logoaytonavbar{
  width:100px;height:auto;position:absolute;right:0px;top:0px;
}

@media screen and (max-width: 700px) {
  #logoheader{
      width:50px;
    }
    .navbar-toggler{
      margin-right: 73px;
    }
    .nav-item{
      padding:5px;margin-bottom:5px;
    }
  }


.nav-item
{
  background: white;border-radius: 3px; margin-left:5px;
}


#mascara{
  position:fixed;height:100%;width:100%;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,0.8);z-index:300;
  display:none;
}
#mascara img{
  position:fixed;
top:30%;left:45%;
}
.accesopermanente, .botoneliminar, .botonpermitir{
  margin-top:3px;
  margin-bottom:3px;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

.blink_3 {
  animation: blinker 1s linear 4 forwards;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}



#containerformulario{
  min-height: 75vh;
}
.formulario{
  background-color:#FFFDFD;border:1px solid #CCC;padding-top:15px;padding-bottom:15px;
  border-radius: 5px;
}
.fila{
  margin-top:12px;margin-bottom:5px;
}
.icono{
  color:#003ed4;
  text-align: center;
  border:1px solid #CCC;padding:10px;border-radius:7px;
}
.destacado{
  background-color: #f5f8ff;
  border-radius: 5px;
  border:1px solid #CCC;
  padding-top:15px;padding-bottom: 15px;margin-top:15px;margin-bottom:15px;
}
.destacado .row{
  margin-bottom:20px;border:1px solid #CCC;border-radius: 5px;
  padding-top:12px;
  color:#245bac;
}
.destacado h3{
  margin-top:5vh;
}
.alerta{
  -webkit-box-shadow: 5px 5px 15px -3px #FF1818;
  box-shadow: 5px 5px 15px -3px #FF1818;
  border:1px solid red;
}


#encabezamiento{
  margin-top:10vh; margin-bottom:5vh;
}

#contenido{
  height:auto;min-height: 40vh;
}

.barras{
   margin-top:15px;margin-bottom:50px;
   border:1px solid #CCC;
   background-color:#EEE;padding-top:5px;padding-bottom:5px;
 }
 .primerafila
 {
   background-color:#4d4d4d;
   color:#fff;
   font-weight: 700;
   padding-bottom:15px;padding-top:15px;
 }
 .cadafila{
   border:1px dashed #CCC;margin-bottom:5px;padding-top:5px;padding-bottom:5px;
 }

 .cuadroexportar{
   margin-left: 0!important;
 }

 .matricula{
   background:blue;padding:5px;border-radius: 5px;color:#FFF;
 }
 .matricula a{
   color:#DDD;
   text-decoration: none;
 }
 .matricula:hover{
   color:#FFF;
 }

 .matricula .caducidad{
   font-size:14px;
 }


 .pendiente{
   background-color:#FFF;
 }
 .aceptado{
   background-color: #d0f4e3;
 }
 .rechazado{
   background-color:#e39f9f;
 }
 .caducado{
   background-color:#C6C6C6;
 }

 .desactivado{
   background: #CCC;
 }


#footer{
  margin-top:5vh;
  padding-top:5vh;padding-bottom:5vh;
  margin-top:5vh;
  background:#4d4d4d;
  color:white;
}



#toTop {
    padding: 5px 3px;
    color: #CCC;
    position: fixed;
    bottom: 90px;
    right: 5px;
    display: none;
}
#toTop:hover{
  cursor:pointer;
}