.datepicker__month-day--valid{
  color: #000;
}
#datepicker-fechas_barra{
  z-index:2;
}
#fechas_barra{
  cursor:pointer;
  background-color: #fff;
}
.datepicker__month-day--today{
  color: #000;
  background-color: white;
  font-weight: bold;
}
.datepicker__month-day--selected, .datepicker__month-day--hovering {
  background-color: rgba(0, 140, 255, 0.37);
  color:#fff;
}

.datepicker__month-day--first-day-selected, .datepicker__month-day--last-day-selected{
  background-color: #0069d9;
  color:#fff;
}

.datepicker__month--month2 {
  display:table !important;
}
.datepicker__close-button{
  display:none;
}

.datepicker__month{
  font-size:14px;
}
.vertical-calendar{
  margin-bottom:10px;
}
.vertical-calendar .datepicker--open{
  position:relative;
}
.vertical-calendar .datepicker__months table{
  width:100% !important;
}

.vertical-calendar .datepicker__months:before{
  display:none;
}
.vertical-calendar .datepicker{
  width:100%;
}

@media (min-width: 600px){
  .datepicker__month {
      width: 275px;
  }

  .datepicker{
    width: 600px;
  }
  
  .datepicker#datepicker-fechas_barra {
      position:fixed;
      width: 600px;
      height: 330px;
      top:50%;
      left:50%;
      margin-top:-165px;
      margin-left:-300px;
      z-index: 1000000002!important;
  }
}

@media (max-width: 600px) {
  .datepicker__months table{
    width:100% !important;
  }
  .datepicker__months:before{
    display:none;
  }
  .datepicker{
    max-width:360px;
    width:100%;
    z-index: 1000000002!important;
    position: fixed;
    top: 40%;
    margin-top: -120px;

  }
  .datepicker#datepicker-fechas_barra{
    position:fixed;
    left:50%;
    top:50%;
    margin-left:-180px;
    margin-top:-280px;
    z-index: 1000000002!important;
    width:360px;
    height:560px;
  }
}

#fondo-popup-calendario-barra{
  display:none;
  background-color:#fff; 
  opacity:0.7;
  position:fixed;
  width:100%; 
  height:100%; 
  z-index:30; 
  top:0px; 
  left:0px; 
  z-index:1000000001!important;
}