.date-picker{
    background-color: #eee !important;
}
label{
  color: black !important
}
.form-group{
  margin: 5px 0 0 !important;
}
.input2-container{
    border-bottom: 1px dotted #d2d2d2!important;
    background: #eee !important;
    width: 100%;
    margin-top: 11px;
}
.input-invalid{
  background: #ff1800ba;
    color: white;
}
.date-invalid{
  background: #ff1800ba !important;
    color: white !important;
    }

    .form-contol{
      border: solid gray 3px !important;
    }

    .input-text{
      border: solid #ecf0f1 3px !important;

    }
    .btn-continuar{
      border: solid;
        background-color: #2980b9 !important;
        color: white !important;
        width: 100%;
    }

    .input-invalid{
      background: #ff1800ba !important;
        color: white !important;
        }


.disponible{
  background: #2ecc71;
  color:white;
  font-weight: bold;
  opacity: 1;
transition: all 0.5s;
cursor: pointer;
}
.disponible:hover , .sujeto-disponibilidad:hover{
  background: #2980b9 !important;
}
.sujeto-disponibilidad{
  background: #f1c40f;
  color:white;
  font-weight: bold;
  opacity: 1;

transition: all 0.5s;
cursor: pointer;
}
.no-disponible{
  background: #e74c3c;
  opacity: 1;
  font-weight: bold !important;
  color: white !important;

}
.no-disponible:hover{
  background: #c0392b !important;

}

.day-selected{
  background: #3498db !important;
}
.day-selected .cal-day-number{
font-weight: bold;
color: white !important;
opacity: 1.0 !important;
}
.cal-month-view .cal-cell-row .cal-cell:hover, .cal-month-view .cal-cell.cal-has-events.cal-open{

}
.disponible .cal-day-number{
  color: white !important;
  font-weight: bold !important;
  opacity: 1 !important;
}
.no-disponible .cal-day-number{
  color: white !important;
  font-weight: bold !important;
  opacity: 1 !important;
}
.sujeto-disponibilidad .cal-day-number{
  color: white !important;
  font-weight: bold !important;
  opacity: 1 !important;
}

.aviso-privacidad{
  color: white;
    background-color: black;
    font-size: 11px;
    position: fixed;
    bottom: 0;
    max-height: 100px;
    overflow-y: scroll;
    text-align: left;
    padding: 5px;
}

@media only screen and (max-width: 480px) {
  .aviso-privacidad{
    max-height: 50px !important;

  }
}