#cover {
  background: silver;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
#cover-caption {
  width: 100%;
  position: relative;
  z-index: 1;
}


#formExamen label.btn
{
  background-color: white;
  width: 300px;
}
#formExamen label.btn.active
{
  background-color: greenyellow;
  color: black;
}

#barraVertical
{
  margin-top:60px;
}
#barraVertical input
{
  display: block;
  width: 150px;
  margin-bottom: 10px;
  height: 50px;
}

#barraHorizontal input
{
  margin-right: 10px;
  height: 50px;
}

#cabecera
{
background-image: url("../img/LOGO.png");
background-repeat: no-repeat;
background-color:white;
height: 150px;
line-height: 150px;
position: relative;
}
#titulo
{
margin-left: 520px;
height: 150px;
vertical-align:middle;
color: #244577;
}
#cabecera a
{
    color: #244577;
}

#botonesLogin
{

    position: absolute;
    right:20px;
    top:-60px;
}
#enlaceCabecera
{
line-height: normal;
}
.dataTables_filter {
  display: none; 
  }
  .dataTables_length
  {
    display: none; 
  }

  .cargando {
    display:    none;
    position:   fixed;
    z-index:    1000000000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .7 ) 
                url('../img/cargando.gif') 
                50% 50% 
                no-repeat;
}

body.loading .cargando {
  overflow: hidden;   
}

.ms-options-wrap button
{
  height:30px !important;
  margin-top:0 !important;
}
input[type=time]
{
  height:30px !important;
}
select
{
  height:30px !important;
}
/* Anytime the body has the loading class, our
 modal element will be visible */
body.loading .cargando {
  display: block;
}
.horarioBorrado, .desactivada, .piscinaBorrada, .nivelBorrado
{
/*  display: none;*/
  background: #dc3545!important;
}
.nuevoHorario, .nuevaPiscina, .nuevoNivel
{
  background: #28a745!important;
}
#alertaLogin 
{
  position: fixed;
  top: 5px; 
  left:2%;
  width: 96%;
}

.modal {
  overflow-y:auto;
}
.error
{
  color: red;
  font-weight: bold;
}

.nav a:not(.disabled)
{
  color: #244577 !important;
}

[data-toggle="collapse"] .fa:before {   
  content: "\f077";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f078";
}

.modal-backdrop {
  display: none;
}

.modal {
  background: rgba(0, 0, 0, 0.5);
}
.modal-content
{
  background: white;
  border-radius: 20px;

}

.mt-2 h5{
  display: inline;
}

*:not(h5):not(h2):not([type="button"]):not([type="submit"]):not(button)
{
  font-size: 11pt;
}
#titulo span
{
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  font-size: 30pt !important;
}
.errors {
  color: red;
  font-weight: bold;
}



#calendariosAsistencias .ui-datepicker-prev, #calendariosAsistencias .ui-datepicker-next
{
  display:none;
}
#calendariosAsistencias .diaNoAsistido a
{
  background-color: red !important;
  color:white !important;
}
#calendariosAsistencias .diaAsistido a
{
  background-color: green !important;
  color:white !important;
}
#calendariosAsistencias .ui-state-highlight, #calendariosAsistencias .ui-state-active
{
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}
@media screen and (max-width: 600px) {
  #calendariosAsistencias .ui-datepicker-group
  {
    float:none !important;
    width: 100% !important;
  }
  #calendariosAsistencias .ui-datepicker-inline
  {
    width: 100% !important;
  }
  #titulo
  {
    margin-left: 0px;
    font-size: 12px;
    text-align: center;
  }
  #titulo span
  {
    margin-top: 60px;
    font-size: 20px !important;
  }

  #barraVertical input 
  {
    display:inline-block;
    margin-right: 10px;
    width: 70px;
  }
  #barraHorizontal input
  {
    margin-bottom: 10px;
  }
  .col2
  {
    padding: 0px 15px;
  }
}