.bootstrap-datetimepicker-widget {
  margin-top: -2px;
  margin-left: -1px;
    width: 344px;

    padding: 15px;
height: 376px;
    border: none;

    box-shadow: 0px 4px 20px 0px rgba(167, 196, 231, 0.47);
  }

  .bootstrap-datetimepicker-widget.top:before,
  .bootstrap-datetimepicker-widget.top:after,
  .bootstrap-datetimepicker-widget td.today:before,
  .bootstrap-datetimepicker-widget.bottom:before,
  .bootstrap-datetimepicker-widget.bottom:after {
    display: none;
  }

  .bootstrap-datetimepicker-widget.bottom {
    border-radius: 0px 0px 20px 20px;
  }

  .bootstrap-datetimepicker-widget.top {
    border-radius: 0px 0px 20px 20px;
  }

  .bootstrap-datetimepicker-widget .dow {
    padding-top: 20px;
    width: 36px;
    height: 36px;
    font-size: 16px;
    color: var(--MAIN-COLOR);
  }

  .bootstrap-datetimepicker-widget th {
    font-size: 16px;
    color: var(--MAIN-COLOR);
    font-weight: 600;
  }

  .bootstrap-datetimepicker-widget {
    border-radius: 0 0 20px 20px;
 
}

  .bootstrap-datetimepicker-widget td.day {
    width: 50px;
    height: 42px;
    font-size: 14px;
    border-radius: 100%;
  }

  .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
    color: var(--LIGHT-BLUE);
  }


  .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {
    background:   #F6F8FF;
  }

  
  .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
    background-color: rgba(217, 230, 246, 1);
    color: var(--MAIN-COLOR);
    text-shadow: none;
  }
  

  #datetimepicker7,
  #datetimepicker6 {
    cursor: pointer;
  }

  @media screen and (max-width:600px) {
    
    .bootstrap-datetimepicker-widget {
      margin-top: -2px;
      margin-left: -1px;
      width: calc(100% - 30px);
      left: 15px !important;
      padding: 30px;
      border: none;
      box-shadow: 0px 4px 20px 0px rgba(167, 196, 231, 0.47);
  }

  .bootstrap-datetimepicker-widget td.day {
    height: 42px;
  }
  .bootstrap-datetimepicker-widget.top {
    border-radius: 20px;
}
  }

  .formsearch__calendarinput:disabled {
    background-color: transparent;
  }

  .date2_disabled {
    opacity: 0.2;
  }

  @media screen and (min-width: 501px) and (max-width:900px) {
    .bootstrap-datetimepicker-widget {
      margin-bottom: -444px;
    }
  }



  
@media screen and (min-width:1480px) and (max-width:1620px) {

.bootstrap-datetimepicker-widget td.day {
  width: 46px;
  height: 37px;
}

}


@media screen  and (min-width:1480px) and (max-width:1620px) {
  .bootstrap-datetimepicker-widget {
    bottom: 8px !important;
    height: 267px;
}
  .bootstrap-datetimepicker-widget td.day {
    width: 24px;
    height: 28px;
    font-size: 12px;
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
  background-color: rgba(217, 230, 246, 1);
  color: var(--MAIN-COLOR);
  text-shadow: none;
  border-radius: 7px;
}




.bootstrap-datetimepicker-widget .dow {
  padding-top: 11px;
  width: 35px;
  height: 34px;
  font-size: 13px;
}

.where_from__input {
  height: 57px;
}

.bootstrap-datetimepicker-widget th {
  font-size: 13px;
}

.input-group-btn {
  padding: 16px 36px;
}

.where_from__container {
  height: 70px;
}

.input-group-btn {
  padding: 0px 14px;
}

.formsearch__item {
  position: relative;
  padding: 17px 20px;
}

.where_from__result {
  top: 67px;
}

.bootstrap-datetimepicker-widget {
  margin-top: -20px;
  margin-left: -20px;
}


}


@media screen and (min-width:1900px) and (max-width:1920px) {
  .bootstrap-datetimepicker-widget {
    bottom: -19px !important;
  }
}