// for calendar scss
.ac-date-picker {
  .vc-day-content {
    width: 45px !important;
    height: 45px !important;
    padding: 15px !important;
    font-weight: normal !important;
    font-size: 1rem !important;
  }

  .vc-highlight {
    width: 45px !important;
    background-color: $ac-primary !important;
    height: 45px !important;
  }

  .vc-weeks {
    padding: 25px 30px !important;
    font-weight: normal !important;
    font-size: 1rem !important;
  }

  .vc-weekday {
    border-top: 1px solid #cbd0d8 !important;
    border-bottom: 1px solid #cbd0d8 !important;
    margin-left: -30px !important;
    margin-right: -30px !important;
    margin-bottom: 25px !important;
    font-weight: 500;
    font-size: 1rem !important;
  }

  .vc-bg-blue-200 {
    background-color: #c4def4 !important;
  }
}

/****************************************
Responsive Classes
*****************************************/
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}