body.saasappoint {
    background-color: whitesmoke;
}

/* div.saasappoint-booking-detail-body {
    width: 100vw;
} */

header.saasappoint-header-style {
    border: 0;
    position: fixed;
    width: 100%;
    z-index: 100;
    /* background: var(--booking-page-blue); */
    background: whitesmoke;
    padding-bottom: 2px;
    padding-top: 2px;
    box-shadow: var(--header-box-shadow);
}

section.saasappoint-booking-detail-block {
    /* background-color: whitesmoke; */
    background-color: white;
    padding-top: 10vh;
}

#booking-burger {
    background-color: var(--booking-page-blue);
    position: relative;
    top: 15%;
    display: block;
    border: 1px solid #fff;
}

@media screen and (min-width: 992px) {
    #booking-burger {
        display: none;
    }

    #booking-menu {
        display: block;
    }
}

/* @media screen and (max-width: 991px) {
    #booking-menu {
      background: #ddd !important;
  }
} */

.saasappoint-styled-radio label:hover {
    box-shadow: var(--hover-box-shadow);
}

.saasappoint-styled-radio-second {
    overflow: visible;
}

#saasappoint_submit_feedback_btn {
    font-size: 90%;
}

.saasappoint .saasappoint-companytitle {
    color: white;
}

.saasappoint-styled-radio label:hover {
    border-color: var(--booking-page-blue);
}

.saasappoint-styled-radio input[type=radio]:checked+label, .saasappoint-addons-singleqty-items input[type="checkbox"]:checked + label, .saasappoint-selected-addon {
   /* border: 2px solid var(--blue-button-background) !important;*/
    border: 3px solid #58adde!important; 
    /* border: 1px solid #c2ccd2 !important;  */
    box-shadow: var(--hover-box-shadow);
}

.categories-front .saasappoint-styled-radio input[type=radio]:checked+label,
.services-front .saasappoint-styled-radio input[type=radio]:checked+label, 
.services-front .saasappoint-addons-singleqty-items input[type="checkbox"]:checked + label, 
.saasappoint-selected-addon {
    border: 0px solid #c2ccd2 !important; 
}


.saasappoint-users-selection-div input[type="radio"]:checked + label:before, .saasappoint-payments input[type="radio"]:checked + label:before {
    -moz-box-shadow: inset 0 0 0 18px var(--booking-page-blue);
    -webkit-box-shadow: inset 0 0 0 18px var(--booking-page-blue);
    box-shadow: inset 0 0 0 18px var(--booking-page-blue);
}
.saasappoint-users-selection-div input[type="radio"] + label:before, .saasappoint-payments input[type="radio"] + label:before {
    -moz-box-shadow: inset 0 0 0 2px var(--booking-page-blue);
  -webkit-box-shadow: inset 0 0 0 2px var(--booking-page-blue);
  box-shadow: inset 0 0 0 2px var(--booking-page-blue);
}

.saasappoint-block-btn,
.saasappoint-big-block-btn,
.saasappoint-sidebar-block-title {
    background-color: var(--booking-page-blue);
}

.saasappoint-block-btn:hover,
.saasappoint-big-block-btn:hover {
    background-color: var(--booking-page-blue);
    box-shadow: var(--hover-box-shadow);
}

.saasappoint-sidebar-block-title {
    border-radius: 10px 10px 0 0;
}

.saasappoint-sidebar-block-content h4 span {
    color: var(--booking-page-blue);
	font-size: 26px!important;
	line-height: 1.6!important;
}

.saasappoint-use-credit .saasappoint-use-credit-input:checked ~ .saasappoint-use-credit-indicator, 
.saasappoint-terms-and-condition .saasappoint-tc-control-input:checked ~ .saasappoint-tc-control-indicator,
#bookup-reminder-control-input:checked ~ .bookup-reminder-control-indicator {
    background-color: var(--booking-page-blue);
}

.saasappoint_reset_slot_selection.pull-right {
  display:none;  
}

.error_highlight_border {
    border: 2px solid red;
}

.saasappoint_broadcast_content {
	padding: 0.1em;
}

#sa_infobar .sa_infobar_text {
    text-transform: none!important;
    
}
#sa_infobar {
	bottom: 0!important;
	top: unset!important;
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_off {
    background: #C95353 !important;
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_available {
    background: #44bf61 !important;
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_waiting_list {
    background: #ed9234 !important;
}

.saasappoint-inline-calendar-container-main-rowcel.second_half_available_date, .saasappoint_shalf_available_label span{
    background: linear-gradient(180deg,#C95353 50%, #4BDE6D 50%) !important;
}

.saasappoint-inline-calendar-container-main-rowcel.first_half_available_date, .saasappoint_fhalf_available_label span{
    background: linear-gradient(180deg,#4BDE6D 50%, #C95353 50%) !important;
}

.saasappoint_full_day_off_label span {
    background: #C95353 !important;
}

.saasappoint-payment-icon {
    display: none;
}

.saasappoint-footer-bg {
    background-color: white !important;
}

.saasappoint-footer-bg p {
    color: black !important;
}


.bookup-companylogo {
    max-height: 30vh;
    border-radius: 15px;
    box-shadow: var(--hover-box-shadow);
    margin: 30px;
    max-width:90%;
    padding: 5px;
}

@media screen and (min-width: 992px) {
    .saasappoint_sticky_bottom_booking_summary {
        position: fixed;
        width: 20%;
        max-width: 20%;
        bottom: 3%;
    }
}

@media (min-width:1440px) {
    .container {
     max-width:1368px;
    }
    .saasappoint .saasappoint-company-services-blocks {
        /* margin-top: -7%; */
        margin-top: 0px;
    }
   }


   .saasappoint_sticky_bottom_booking_summary {
    z-index:1000;
   }
   
   .collapse.show { 
    /*background: rgba(88, 173, 222, 0.1)!important;*/
    /* background:rgba(88, 173, 222, 0.4) !important */
    /* background: rgba(164, 212, 239, 0.4) !important */
    }

.multi-list-category-image {
  max-width: 200px;
}

    
/* follow me button */
.followme-container {
    position:fixed;
    left:20px;
    bottom:20px;
}


.followme-container .followme-button {
    height: 42px;
    width: 42px;
    border:none;
    background-color: var(--main-buttons_background-secondary);
    border-radius: 42px;        /*Transform the square into rectangle, sync that value with the width/height*/
    transition: all 300ms;      /*Animation to close the button (circle)*/
    box-shadow: 3px 3px 5px rgb(34 47 60);
    cursor:pointer;
}

.followme-container .followme-button span {
    font-size: 1.5rem;
    color: white;
    position: absolute;
    left: 11px;
    top: 9px;
    line-height: 20px;
}


.followme-container .followme-button:hover {
    transition: all 200ms;     
    width:120px;                                            
    /* border-top-right-radius: 5px;                            */
    /* border-bottom-right-radius: 5px;                         */
}

.followme-container .followme-button:active {
    transition: all 200ms;     
    background-color: #58adde;
    box-shadow: none;
    /* transform: translateY(4px); */
  }

/*
    Long text appears slowly with an animation. That code prepare the animation by hidding the text.
    The use of display is not there because it does not work well with CSS3 animation.
*/
.followme-container .followme-button .followme-opened {
    transition: opacity 1000ms; /*Only the text fadein/fadeout is animated*/
    opacity:0;                /*By default we do not display the text, we want the text to fade in*/
    color:white;
    white-space: nowrap;      
    font-size: 0;             /*Set to 0 to not have overflow on the right of the browser*/
    width: 0;                 /*Set to 0 to not have overflow on the right of the browser*/
    margin:0;                 /*Set to 0 to not have overflow on the right of the browser*/
}

/*
    Animation to have a text that appear progressively. We need to play with a delay
    on the width and the font-size to not have the browser have the text appears on the right
    side of the browser view port. This has the side-effect of having an horizontal bar.
*/
.followme-container .followme-button .followme-opened.show-long-text{
  transition: opacity 700ms,
              width 1ms linear;       /*two thirds of the animation on the container width*/
              /* font-size 1ms linear;   two thirds of the animation on the container width */
  opacity:1;
  margin-top: 2px;                          /*Center the position vertically*/
  /*margin-left: 65px;                        /*Center between the + and the right end side*/
  font-size: 1.2rem;                          /*Text size, cannot be defined initially without moving the scrollbar*/
  width: auto;                              /*Required to be set with a delay (see animation) to not have scrollbar. Delay is to wait container to size up*/
  text-align:center;
}
/* ----------------- */

.saasappoint_full_day_off_label, .saasappoint_shalf_available_label, .saasappoint_fhalf_available_label, .saasappoint_full_day_available_label {

    display: none!important;
}

.saasappoint-styled-radio label, .saasappoint-addons-singleqty-items li label
{
border-style: dashed!important;

}

.saasappoint-radio-group-block-content {
    border-top:none!important;
}

.saasappoint_cart_items_list h5 span {

    text-align: right;
}


.saasappoint .saasappoint-companylogo { 
    /* background:white; */
    border-radius: 15px;
    /* box-shadow: 4px 0 15px -4px #000, -6px 0 8px -4px #000; */

}

#booking-menu {
    margin: auto;
}

:root {
    --blue-button-background: #324773!important;
}

#saasappoint_book_appointment_btn {

    font-size:x-large;
}

#booking-menu .fa-fw {
    color: var(--color-text);
}

#booking-menu .btn-link:hover {
    text-decoration: underline!important;
    color:rgb(174, 179, 182)!important;;
}

.saasappoint-header-style a  {
    color: #000;
    text-decoration: none!important;
    font-size:medium;
}


@media screen and (min-width: 992px) {

  .saasappoint-header-style a {
    font-size:small!important;
  }

}

.saasappoint-sidebar-block-content {
    padding: 11px 34px 1px!important;
}
/*day selection first css start*/


.saasappoint_slot_new .saasappoint-styled-radio-second label {
    display: inline-block;
    background: #324773;
    color: #fff;
    padding:10px 20px!important;
    border-radius: 5px;
    /* box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4); */
    cursor: pointer;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    border-color:rgb(73, 73, 73);
    white-space: normal;
    width: 26rem;
    max-width: 100%;
}

.saasappoint_slot_new .saasappoint-styled-radio-second label:hover {
    box-shadow: 0px 37px 20px -20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0px, -5px) scale(1.2);
            transform: translate(0px, -5px) scale(1.2);
    color: #fff;
}
  
.waitinglist-label {
    background: var(--waiting-list-color)!important;
    color: var(--waiting-list-color);
    border-color:var(--waiting-list-color)!important;
}

.img-booking {
    padding: 0.15rem;
    /* background-color: #fff; */
    border-radius: .5rem;
    transition: all .2s ease-in-out;
    max-width: 100%;
    min-height: 1rem;
    max-height: 10rem;
}


.bookup_slot_time, #bookup_selected_date, .saasappoint-sm-box .fa-calendar, .saasappoint-sm-box b {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.875rem;
    font-weight: 900;
}

.saasappoint-sm-box .fa-calendar {
    margin-right: 10px;
}
  /*day selection first css end*/

.saasappoint-sidebar-block-content {
    padding: unset!important;
    padding-top: 0.7em!important;
}

input.staff-service-slot[type="radio"]:checked + label {
    color:#fff;
    border: 4px solid #58adde !important;
    box-shadow: 0px 17px 10px -10px rgba(0, 0, 0, 0.4);
}

.saasappoint_slot_new .saasappoint-styled-radio input[type="radio"]:checked + label {
    color:rgb(255, 255, 255);
}

.saasappoint_cart_items_list, #saasappoint_refresh_cart {
    padding: 0 3px!important;
    font-size: 13px;
}

.saasappoint-sidebar-block-content ul.saasappoint_cart_items_list li {
    margin: unset!important;
    padding: 12px 0 5px 0;
}

.saasappoint_selected_slot_detail  .fa-calendar {
    color: rgb(33, 37, 41)!important;
    margin-right: 5px;
}

.saasappoint-styled-radio.saasappoint-styled-radio-second.saasappoint-styled-radio-disable label {
    background: rgba(0,0,0,0.3)!important;
}

.saasappoint-styled-radio.saasappoint-styled-radio-second.wlslotselection label {
    background: var(--waiting-list-color) !important;
}

@media (max-width:764px) {
.saasappoint_slot_new .saasappoint-styled-radio-second label {
    max-width: 70%;
}
}

.saasappoint-booking-detail-main {
    background: none;
    padding: 75px 40px!important;

}


@media (max-width:764px) {
  .saasappoint-booking-detail-main {
  padding: 0px!important;
  }
}

.img-thumbnail {
    background: none;
    box-shadow: 0 12px 16px 0 #5A4747, 0 17px 50px 0 rgba(14, 94, 118, 0.19)!important;
    max-width: 90%!important;
}

.saasappoint-styled-radio label {
    border-style: none!important;
}

.saasappoint-styled-radio label:hover {
    box-shadow: none!important;
    /* transform: scale(1.1);  */
}

.service_box:hover {
    transform: scale(1.1); 
}

.service_box {
  position: relative;
}

.service-name {

  position: absolute;
  bottom: 5%;
  left: 10%;
  padding: 5px;
  text-align: center;
  color: #404040 !important;
  /* z-index: 1000; */
  width: 80%;
  background: rgb(200 200 200 / 50%);
  font-weight: bold;
  border-radius: 5px;

}

.category-name {

  position: absolute;
  bottom: 5%;
  left: 17%;
  padding: 5px;
  text-align: center;
  color: #404040 !important;
  /* z-index: 1000; */
  width: 66%;
  background: rgb(200 200 200 / 50%);
  font-weight: bold;
  border-radius: 5px;

}

@media (max-width:764px) {
    .service-name {

      width: 60%;
      left:20%;

    }
}




.services-front .saasappoint-styled-radio input[type="radio"]:checked + label, .services-front .saasappoint-styled-radio input[type="radio"]:hover + label  {
    color:#000;
}

.saasappoint-styled-radio-second {
    text-align: center;
}

/* new list layout */
.bookup-list-services [type="radio"], .bookup-list-services [type="checkbox"] {
    z-index: -1;
    position: absolute;
    opacity: 0;
  }
  .bookup-list-services [type="radio"]:checked ~ label,  .bookup-list-services [type="checkbox"]:checked ~ label {
    border-color: #324773;
    background-color: rgba(97, 154, 234, 0.16);
    /* color: #FFF; */
  }
  .bookup-list-services [type="radio"]:checked ~ label:before,  .bookup-list-services [type="checkbox"]:checked ~ label:before {
    will-change: transform, border-width, border-color;
    -webkit-animation: bubble 1s ease-in;
            animation: bubble 1s ease-in;
  }
  .bookup-list-services [type="radio"]:checked ~ label:after,  .bookup-list-services [type="checkbox"]:checked ~ label:after{
    will-change: opacity, box-shadow;
    -webkit-animation: sparkles 700ms ease-in-out;
            animation: sparkles 700ms ease-in-out;
  }
  .bookup-list-services [type="radio"]:checked ~ label > span,   .bookup-list-services [type="checkbox"]:checked ~ label > span {
    will-change: transform;
    border: 0;
    background-image: linear-gradient(to top right, #79bce3, #4363EE);
    -webkit-animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
            animation: radio 400ms cubic-bezier(0.17, 0.89, 0.32, 1.49);

  }
  .bookup-list-services [type="radio"]:checked ~ label > span:after, .bookup-list-services [type="checkbox"]:checked ~ label > span:after  {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background-color: #fff;
  }
  .bookup-list-services [type="radio"]:checked ~ label .card, .bookup-list-services [type="checkbox"]:checked ~ label .card  {
    will-change: box-shadow;
    -webkit-animation: card 500ms ease-in-out forwards;
            animation: card 500ms ease-in-out forwards;
  }
  .bookup-list-services [type="radio"]:checked ~ label .card:after,   .bookup-list-services [type="checkbox"]:checked ~ label .card:after {
    will-change: transform;
    -webkit-animation: shine 500ms ease-in forwards;
            animation: shine 500ms ease-in forwards;
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
  
  .bookup-list-services label {
    position: relative;
    /* display: grid;
    grid-template-columns: 20px auto 100px;
    grid-gap: 20px; */
    align-items: center;
    cursor:pointer;
    padding: 12px!important;
    border-radius: 6px;
    margin-top:20px;
    border: 2px solid transparent;
    background-color: transparent;
    transition: all 300ms ease-in;

    /*box-shadow: rgba(50, 71, 115, 0.4) -5px 5px, rgba(50, 71, 115, 0.3) -10px 10px, rgba(50, 71, 115, 0.2) -15px 15px, rgba(50, 71, 115, 0.1) -20px 20px, rgba(50, 71, 115, 0.05) -25px 25px;*/

    /*box-shadow: rgba(50, 71, 115, 0.4) 5px 5px, rgba(50, 71, 115, 0.3) 10px 10px, rgba(50, 71, 115, 0.2) 15px 15px, rgba(50, 71, 115, 0.1) 20px 20px, rgba(50, 71, 115, 0.05) 25px 25px;*/

    /* box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px; */
    box-shadow: rgba(136, 165, 191, 0.1) 0px 4px 16px, rgba(136, 165, 191, 0.1) 0px 8px 24px, rgba(136, 165, 191, 0.1) 0px 16px 56px;

  }

  .bookup-list-services label {
    display: flex;
    align-items: center;
  }
  
  .bookup-list-services input[type="checkbox"] {
    flex-shrink: 0;
    margin-right: 10px;
  }
  
  .bookup-list-services .saasappoint-service-details {
    flex-grow: 1;
    padding-left: 10px;
  }

  .bookup-list-services label:hover {
    border-color: #324773;
    background-color: rgba(97, 154, 234, 0.16);
  }
  .bookup-list-services label:before, label:after {
    position: absolute;
    left: 29px;
    border-radius: 50%;
    content: '';
  }
  .bookup-list-services label:before {
    margin: -2rem;
    border: solid 2rem #545461;
    width: 4rem;
    height: 4rem;
    transform: scale(0);
  }
  .bookup-list-services label:after {
    margin: -0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
    box-shadow: 0.32476rem -2.6875rem 0 -0.1875rem #ff8080, -0.32476rem -2.3125rem 0 -0.1875rem #ffed80, 2.30366rem -1.42172rem 0 -0.1875rem #ffed80, 1.6055rem -1.69573rem 0 -0.1875rem #a4ff80, 2.54785rem 0.91464rem 0 -0.1875rem #a4ff80, 2.32679rem 0.19796rem 0 -0.1875rem #80ffc8, 0.87346rem 2.56226rem 0 -0.1875rem #80ffc8, 1.29595rem 1.94258rem 0 -0.1875rem #80c8ff, -1.45866rem 2.28045rem 0 -0.1875rem #80c8ff, -0.71076rem 2.2244rem 0 -0.1875rem #a480ff, -2.69238rem 0.28141rem 0 -0.1875rem #a480ff, -2.18226rem 0.8312rem 0 -0.1875rem #ff80ed, -1.89869rem -1.92954rem 0 -0.1875rem #ff80ed, -2.01047rem -1.18791rem 0 -0.1875rem #ff8080;
  }
  /* .bookup-list-services label > span {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #454861;
    background-image: linear-gradient(to bottom, #3B4059, #1C1E2D);
  } */

  .bookup-list-services label > span {
    position: relative;
    display: inline-flex;
    width: 14px;
    height: 14px;
    border-radius: 20px;
    border: 2px solid #454861;
    background-image: linear-gradient(to bottom, #3B4059, #1C1E2D);
    padding: 6px;
  }

  @-webkit-keyframes radio {
    0%, 17.5% {
      transform: scale(0);
    }
  }
  
  @keyframes radio {
    0%, 17.5% {
      transform: scale(0);
    }
  }
  @-webkit-keyframes card {
    0% {
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25);
      transform: scale(0.24);
    }
    45% {
      box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.5);
      transform: scale(0.25);
    }
    100% {
      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
      transform: scale(0.24);
    }
  }
  @keyframes card {
    0% {
      box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.25);
      transform: scale(0.24);
    }
    45% {
      box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.5);
      transform: scale(0.25);
    }
    100% {
      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4);
      transform: scale(0.24);
    }
  }
  @-webkit-keyframes shine {
    from {
      transform: translateX(-70px) rotate(10deg);
    }
    to {
      transform: translateX(300px) rotate(10deg);
    }
  }
  @keyframes shine {
    from {
      transform: translateX(-70px) rotate(10deg);
    }
    to {
      transform: translateX(300px) rotate(10deg);
    }
  }
  @-webkit-keyframes bubble {
    15% {
      transform: scale(1);
      border-color: #545461;
      border-width: 2rem;
    }
    30%, 100% {
      transform: scale(1);
      border-color: #545461;
      border-width: 0;
    }
  }
  @keyframes bubble {
    15% {
      transform: scale(1);
      border-color: #545461;
      border-width: 2rem;
    }
    30%, 100% {
      transform: scale(1);
      border-color: #545461;
      border-width: 0;
    }
  }
  @-webkit-keyframes sparkles {
    0%, 10% {
      opacity: 0;
      transform: scale(0);
    }
    15% {
      opacity: 1;
      transform: scale(1.2) rotate(-20deg);
      box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
    }
  }
  @keyframes sparkles {
    0%, 10% {
      opacity: 0;
      transform: scale(0);
    }
    15% {
      opacity: 1;
      transform: scale(1.2) rotate(-20deg);
      box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
    }
  }
  
  .bookup-list-services:last-of-type {
    margin-bottom: 3em;
}

@media (max-width:768px) {
  .tooltip {
      display: none!important;
  }

  .alter_slot_background {
    background: #95959523!important
  }

  .slot-member {
    border: 0 !important;
  }
  }


  #saasappoint_singleqty_addon_html_content li input[disabled] +label {
    background: rgba(0,0,0,0.5);
}

.service_box p {
  margin: 0;
  font-size:16px;
}

@media (max-width:768px) {
#scroll_in_to_staff_btn {
z-index: 1000;
position: fixed;
width: 70%;
margin: 2px;
/* max-width: 20%; */
left: 15%;
bottom: 3%;
background: rgba(50, 71, 115, 0.6);
}
}

@media (min-width:768px) {
  #scroll_in_to_staff_btn {
  z-index: 1000;
  position: fixed;
  width: 45%;
  margin: 2px;
  /* max-width: 20%; */
  bottom: 3%;
  background: rgba(50, 71, 115, 0.6);
  }
  }

#scroll_in_to_staff_btn:hover{
  background: rgba(50, 71, 115, 1);
}

.multi-list-filter-box {
  box-shadow: rgba(136, 165, 191, 0.1) 0px 4px 16px, rgba(136, 165, 191, 0.1) 0px 8px 24px, rgba(136, 165, 191, 0.1) 0px 16px 56px;
  background-color: transparent;
}

input#multilist-filter {
  background: transparent;
  border: none;
}

#search_icon_multilist_btn {
  cursor: pointer;
  background: rgba(50, 71, 115, 1);
}
/*CALENDAR UPDATE 03/06/23 */

.saasappoint-inline-calendar-container-main-rowcel.full_day_available {
  background: white!important;
  color: green!important;
  border: green 2px solid;
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_available:hover p, .saasappoint-inline-calendar-container-main-rowcel.active_selected_date p, .saasappoint-inline-calendar-container-main-rowcel.full_day_available:hover, .saasappoint-inline-calendar-container-main-rowcel.active_selected_date{
  color: #fff !important;;
  background: green !important;
}

.saasappoint-inline-calendar-container-main-rowcel p {
  color: green;
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_off
{
/* background: lightgrey !important; */
background: white!important;
color: #9f4e4e!important;
border: #9f4e4e 2px solid;
}


.saasappoint-inline-calendar-container-main-rowcel.full_day_waiting_list {
  background: white!important;
  color: var(--waiting-list-color)!important;
  border: var(--waiting-list-color) 2px solid;

}

.saasappoint-inline-calendar-container-main-rowcel.full_day_waiting_list p {
color:var(--waiting-list-color);  
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_waiting_list:hover p, .full_day_waiting_list.active_selected_date p, .saasappoint-inline-calendar-container-main-rowcel.full_day_waiting_list:hover, .full_day_waiting_list.active_selected_date {
  color: #fff !important;;
  background: var(--waiting-list-color) !important;
}

.saasappoint-inline-calendar-container-main-rowcel.full_day_off p
{
/* color: #717171; */
color: #9f4e4e!important;
}

.saasappoint-inline-calendar-container-main-rowcel, .saasappoint-inline-calendar-container-main-rowcel p{
  transition: none;
}

.saasappoint-sidebar-block-content, .saasappoint-sidebar-block-title {
box-shadow: var(--hover-box-shadow);
}
/*CALENDAR UPDATE 03/06/23 */


/* SLIDER START */
.carousel-item img {
  border-radius: 10px;
}
.bookup-companylogo {
  margin: unset;
  /* margin-left: 30px!important; */
 /*  max-height: 15vh; */
  margin-bottom: 20px!important;
}

.saasappoint .saasappoint-companytitle {
    color: #000;
    font-size: large;
    margin-top: 10px;
}

.bottom-hr-line {
  border-bottom: 1px solid #eee;
}

/* SLIDER END */

p.category-description {
  font-size: medium;
}

#togglePassword {
  position: absolute;
  right: 35px;
  top: 20px;
  /* transform: translateY(-50%); */
  cursor: pointer;
}

#togglePassword::before {
  display: none;
}

.iti {
  display: block;
}

.bookup-modal-title {
  width: 100%;
}


.saasappoint_slot_new .saasappoint-styled-radio-second label.disabled-slot {
  background: #808080!important;
  cursor: no-drop;
}

.bookup-button {
  background: var(--booking-page-blue);
  border: 1px solid var(--booking-page-blue);
}

.bookup-button:hover {
  background-color: var(--booking-page-blue);
  box-shadow: var(--hover-button-box-shadow);
  border: 1px solid var(--booking-page-blue);
}

.saasappoint-sidebar-block-content ul.saasappoint_cart_items_list li p {
  margin: 0 0 0 5px;
}

.saasappoint-sidebar-block-content ul.saasappoint_cart_items_list li i {
  font-size: 18px;
  padding-right: 10px;
  padding-top: 1px;
}

.saasappoint-sidebar-block-content ul.saasappoint_cart_items_list li p {
  margin: unset;
  font-size: 13px;
}


.saasappoint-sidebar-block-title h5 {
  padding: 10px;
  color: #fff;
  font-weight: 300;
  margin: 0;
  font-size: 13px;
}


@media screen and (max-width: 992px) {
  /* .saasappoint_sticky_bottom_booking_summary {
      position: fixed;
      width: 80%;
      max-width: 80%;
      bottom: 0%;
      left:10%;
  } */

  .img-thumbnail {
    
    max-width: 60%!important;
  }

  .service-name {
    width: 50%;
    left: 25%;
  }


}

.custom-form-field {
  border: 1px solid #3d3d3d;
  border-radius: 5px; 
}

.zoomable:hover {
  transform: scale(1.1);
  transition: all 0.3s;
}

#purchase-bundles-show-button {
  position: relative;
}

#purchase-bundles-show-button::after {
  content: "\25BC"; /* down arrow */
  font-size: 15px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s ease-in-out;
}

#purchase-bundles-show-button.hide-content::after {
  transform: translateY(-50%) rotate(-90deg); 
}

#purchase-bundles-content {
  transition: transform 0.3s ease;
}

#purchase-bundles-content.hide-content {
  transform: scaleY(0);
  height: 0;
}