.form-control{
    display: block;
    width:100%;
    font-size: 1rem;
    font-weight: 400;
    line-height:1.5;
    border-color: #2286f185 !important;
    border-style: solid !important;
    border-width: 0 0 1px 0 !important;
    padding: 0px !important;
    color:#495057;
    height: auto;
    border-radius: 0;
    background-color: #fff;
    background-clip: padding-box;
}


.form-control:focus{
    color: #495057;
    background-color: #fff;
    border-color: #fff;
    outline: 0;
    box-shadow: none;
}
.calendar,.left {
        max-width: 600px;
        width: 100%
    }
    
    #nxt,#prev {
        cursor: pointer;
        height: 38px;
        width: 38px
    }
    
    #nxt:hover,#prev:hover {
        color: #0060e6;
        background: #eef5ff;
        height: 38px;
        width: 38px
    }
    
    .chevron-container:hover {
        background: #f14b26;
        height: 32px;
        width: 32px
    }
    
    .weekdays div {
        width: 14.28%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
    
    .calendar #days .day {
        width: 12.28%;
        height: 52px;
        margin: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        caret-color: transparent
    }
    .calendar #days .booked_slot {
        background-color: #0051a994;
        color: white;
    }
    .calendar #days .passed_slot {
        background-color:  #dc354552;
        color: 
        white;
    }

    .badge {
        padding: 12px;
        text-align: center;
        border-radius: 5px;
      }
      .expired-badge {
        background-color: #f4bec3;
        color: #f4bec3;
        padding: 12px;
        text-align: center;
        border-radius: 5px;
        
      }
      .booked-badge {
        background-color: #0051a994 !important;
        color: #6b9acd !important;
        padding: 12px;
        text-align: center;
        border-radius: 5px;
      }


      
    .day{
        border-radius: 50%;
        cursor: pointer;
    }
    .calendar .day:not(.prev-date,.nxt-date,.tillCurrentDate,.futureDays) {
        background: #f0f6ff;
        color: #0060e6;
        border-radius: 50%;
        font-weight: 900;
        cursor: pointer
    }
    .bookedSlot {
        background:#0051a994 !important;
        color: white!important;
    }
    .passedSlot{
        background: #f4bec3 !important;
        color: white !important;
     }
    
    .calendar .day:not(.prev-date,.nxt-date,.active,.tillCurrentDate,.futureDays):hover {
        background: #d9e6fc
    }
    
    .calendar #days .nxt-date,.calendar #days .prev-date {
        visibility: hidden
    }
    
    .calendar #days .active {
        background: #0060e6;
        color: #fff
    }
    
    .calendar #days .today {
        position: relative
    }
 
    .calendar #days .today::after {
        position: absolute;
        content: "";
        height: 6px;
        width: 6px;
        background: #0060e6;
        border-radius: 50%;
        bottom: 8px
    }
    
    .calendar #days .active.today::after {
        background: #fff
    }
    
    #rightContent {
        width: 275px;
        max-height: 530px;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
    
    .right {
        border-end-end-radius: 15px;
        border-top-right-radius: 15px;
        transition: .3s
    }
    
    .events {
        height: 385px
    }
    
    .left {
        height: 505px;
    }
    
    @media screen and (max-width: 768px) {
        .right {
            width:330px;
            border-radius: 0;
            margin: auto
        }
    
        .left {
            height: 450px;
            margin: auto
        }
    }
    
   
    
    .event-time {
        margin-bottom: 8px;
        border: 1px solid #0069ff80;
        width: 100%;
        border-radius: 4px;
        color: #0069ff;
        background: #fff;
        transition: width .3s,transform .3s
    }
    
    .event-time:hover:not(.btnDisable,.activeEvent-time) {
        border-width: 2px;
        border-color: #0069ff
    }
    
    .button-full .activeEvent-time {
        width: 48%;
        border-color: transparent;
        background-color: #00000099;
        color: #fff
    }
    
    .button-full .activeConfirm-btn {
        transform: translateX(0)
    }
    
    .confirm-btn {
        width: 48%;
        margin-left: 3%;
        background-color: #0069ff;
        color: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 6px 0 #0000001a;
        border: none;
        transform: translateX(20px)
    }
    
    .button-full {
        white-space: nowrap
    }
    
    .btnDisable {
        border: 1px solid #f1f1f1;
        color: #837f7f;
        background: #f1f1f1
    }
    
    @media screen and (max-width: 480px) {
        .calendar,.left {
            width:330px
        }
    
        .left {
            height: 360px
        }
    
        .calendar #days .day {
            width: 11.28%;
            height: 35px
        }
    
        .calendar #days .today::after {
            bottom: 2px
        }
    }

    div:where(.swal2-container) .swal2-html-container {
        font-family: Helvetica Neue !important;
        line-height: unset!important;
        letter-spacing: 0.03em!important;
        color: #0f0f0f!important;
        font-weight:100!important;
    }
    div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #2286f185!important;
}
.error{
  font-weight: 100;
}
.footer-parallax_parallax_hat__WUWRv {
    background: #8cc0f8;
}
input {
    background-color: white!important;
    color: white;
    letter-spacing: 0.040em;
    font-weight: 100 !important;
}

.form-group{
  margin-bottom: 35px;
}
.btn {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    background: #00000099;
    text-decoration: none;
    /* width: 120px; */
    height: 50px;
    display: inline-block;
    margin: 20px;
    padding: 10px 0;
    border: 1px solid #fff;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    position: relative;
    z-index: 10;
    overflow: hidden;
    vertical-align: bottom;
}

.bgcolor:after {
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  background: #8cc0f8;
  position: absolute;
  transform: rotate(-45deg);
  left: -240px;
  bottom: -100px;
  -webkit-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  z-index: -1;
}

.bgcolor:hover {
  color: white;
  z-index: 10;
}

.bgcolor:hover:after {
  left: -20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: -1;
}

/*** Button End ***/
.tt-accordion {
    position: relative;
    margin-top: 80px;
    margin-bottom: 70px;
}
.tt-accordion.accordion-boxed .tt-accordion-item {
    border: 1px solid #094d95;
    border-radius: 10px;
}
.tt-accordion-item {
    margin-bottom: 15px;
}
.tt-accordion.accordion-boxed .tt-accordion-item-header {
    background-color: transparent;
}
.tt-accordion-item-title {
    margin: 0;
    font-size: 28px !important;
    font-weight: 400;
}
.tt-accordion-item-title button {
    position: relative;
    width: 100%;
    font-size: 18px;
    padding: 13px 0px 13px 30px;
    background: transparent;
    cursor: pointer;
    text-align: left;
    /* text-transform: uppercase; */
    font-weight: 400;
    outline: none;
    border: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: white;
}
.footer_footer__TgfKx img{
  display:inline-block;
}
.question{
    width: 92%;
    display: block;
    margin-left:20px;
    letter-spacing: 0.040em;
    font-weight: 400;
}
.faq-header p{
    letter-spacing: 0.040em;
    font-weight: 100;
    font-size: 18px;
}

.tt-accordion-item-queue {
    position: absolute;
    top: 50%;
    left: 8px;
    font-size: 20px;
    /* color: black; */
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.tt-accordion-item-arrow {
    position: absolute;
    content: "";
    right: 5px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.tt-accordion-item-title button.collapsed > .tt-accordion-item-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tt-accordion.accordion-boxed .tt-accordion-item-body {
    padding: 15px;
    border-top: 1px solid #094d95;
    font-weight:100;
    letter-spacing: 0.040em;
}
.tt-accordion.accordion-boxed .tt-accordion-item-body p{
  font-size: 17px;
  color: white;
  margin-bottom: 0px;
}
.faq-header h1,.faq-header p{
    color:white;
}
.contact-div{
    /* background-image: url('images/contact_bg.jpg'); */
    /* background-color: #2286f185; */
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover; 
    margin:0 auto;
    width: 100%;
    float:left;
    /* width:340px; */
    /* height:250px; */
}
.text-primary{
    color:#00458f !important;
}
.content-div {
    margin-top:50px;
}


.content-div p{
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.040em;
}

.contact-main-div{
    background-color:#60aefb!important;
}

.error{
    color:#ff9393;
}

/* $m-00: #ffc964; */
.send-msg-btn{
    background-color:#60aefb!important;
    min-width: 160px;
   width: fit-content;
   width: -moz-fit-content;
   background-color: white;
   padding: 0 30px;
   height: 50px;
   font-family: "Open Sans", sans-serif;
   text-transform: uppercase;
   font-size: 16px;
   color: white !important;
   letter-spacing: 2.8px;
   font-weight: 100;
   line-height: 1.6;
   box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.3);
   position: relative;
   transition: all 0.4s ease;
   cursor: pointer;
   display: -webkit-flex;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   border: 0;
   span {
      z-index: 1;
      text-align: center;
   }

   &:before,
   &:after {
      content: "";
      position: absolute;
      width: 4px;
      height: 100%;
      top: 0;
      transition: all 0.4s ease;
      background-color: #ffc964;
   }

   &:before {
      left: 0;
   }

   &:after {
      right: 0;
   }

   &:hover {
      transition: all 0.4s ease;
      box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2);
      letter-spacing: 2px;
      &:before,
      &:after {
         width: 51%;
      }
   }
   
}
.main-layout_main_menu__25O9L{
  display:none;
}

.tooltip-inner {
  background-color: #00acd6 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #fff;
  font-size:15px;
  padding:10px;
}