/*
* SaasAppoint
* Online Multi Business Appointment Scheduling & Reservation Booking Calendar
*/
@import url("../font/montserrat.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins');
.saasappoint header,
.saasappoint nav,
.saasappoint section {
    display: block
}

[hidden] {
    display: none
}


html {
    font-family: 'poppins', sans-serif !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size:14px !important;
}

body.saasappoint {
    margin: 0;
	background: #fff;
	font-family: 'poppins', sans-serif !important;
	font-size:14px !important;
}
#saasappoint_main_wizard{
	border: 3px double lightgray;
	border-radius:5px;
	min-height: 500px;
}
.saasappoint-wizard {
    background: #fff;
	min-height: 500px;
}

.saasappoint-wizard .nav-tabs {
    position: relative;
    border-bottom-color: #e0e0e0;
}

.saasappoint-wizard > div.saasappoint-wizard-inner {
    position: relative;
}

.saasappoint-connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.saasappoint-wizard .nav-tabs > li.active > a,
.saasappoint-wizard .nav-tabs > li.active > a:hover,
.saasappoint-wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

.saasappoint-round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.saasappoint-round-tab i {
    color: #555555;
	margin-top:30%;
}

.saasappoint-wizard li a.active .saasappoint-round-tab {
    background: #fff;
    border: 2px solid #007bff;

}

.saasappoint-wizard li a.active .saasappoint-round-tab i {
    color: #007bff;
}

.saasappoint-round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.saasappoint-wizard .nav-tabs > li {
    width: 19%;
}

.saasappoint-wizard li a:after {
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #007bff;
    transition: 0.1s ease-in-out;
}

.saasappoint-wizard li.active.nav-item:after {
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #007bff;
}

.saasappoint-wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    position: relative;
}

.saasappoint-wizard .nav-tabs > li a:hover {
    background: transparent;
}

.saasappoint-wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.saasappoint-wizard h3 {
    margin-top: 0;
}

@media( max-width: 585px) {

    .saasappoint-wizard {
        width: 100%;
        height: auto !important;
    }

    .saasappoint-round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .saasappoint-wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .saasappoint-wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}


/** The Addons Checkbox Deisgn **/
.saasappoint_addons {
  list-style-type: none;
  padding: 0;
}

.saasappoint_addons_li {
  display: inline-block;
  width: 200px;
}

.saasappoint_addons_input{
  display: none;
}

.saasappoint_addons_label {
  border: 1px solid lightgrey;
  padding: 10px;
  display: block;
  position: relative;
  margin: 10px;
  cursor: pointer;
  
}

.saasappoint_addons_label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid #007bff;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.saasappoint_addons_label .saasappoint_addons_img {
  height: 70px;
  width: 70px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

:checked + .saasappoint_addons_label {
  border-color: #007bff;
}

:checked + .saasappoint_addons_label:before {
  content: "✓";
  background-color: #007bff;
  transform: scale(1);
}

:checked + .saasappoint_addons_label .saasappoint_addons_img {
  transform: scale(0.9);
  box-shadow: 0 0 5px #007bff;
  /* z-index: -1; */
}

.saasappoint-calendar-slots .dropdown.bootstrap-select .btn.dropdown-toggle.btn-light,
.saasappoint-services-container .dropdown.bootstrap-select .btn.dropdown-toggle.btn-light{
	border-bottom: 2px solid #007bff;
}
.saasappoint-custom-btn,
#saasappoint_main_wizard .saasappoint_previousstep_btn,
#saasappoint_main_wizard .saasappoint_nextstep_btn{
	background: #555555;
	color: #fff;
}
.saasappoint-custom-btn:hover,
#saasappoint_main_wizard .saasappoint_previousstep_btn:hover,
#saasappoint_main_wizard .saasappoint_nextstep_btn:hover{
	background: #007bff;
	color: #fff;
}

/** frequently discount css **/
.saasappoint-custom-radio-main input[type="radio"] {
  display: none;
}

.saasappoint-custom-radio-main label {
  display: inline-block;
  border: 1px solid #555555 !important;
  padding: 0.8%;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0px;
  margin: 1%;
  text-align: center;
}
.saasappoint-calendar-slots .saasappoint-custom-radio-main label {
	margin: 1.5%;
	padding: 2%;
}

.saasappoint-custom-radio-main input[type="radio"]:checked+label {
  border: 3px solid #007bff;
}
.saasappoint-customer-detail-container .custom-radio .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #007bff !important;
}

.saasappoint_cart_calculations{
	border-top: 2px solid #0c0c0c !important;
}
.saasappoint_cart_calculations_no_border td{
	border: unset !important;
}
.saasappoint_cart_calculations_no_border_td{
	border: unset !important;
}
.saasappoint-hide{
	display:none;
}

/** Thank you page CSS **/
#saasappoint-thankyou .saasappoint-h {
  cursor: default;
  position: absolute;
  width: 100%;
  height: 100px;
  margin: auto;
  display: block;
  text-align: center;
}

#saasappoint-thankyou .saasappoint-h span {
  position: relative;
  top: 10%;
  display: inline-block;
  -webkit-animation: saasappoint_thankyou_bounce 0.3s ease infinite alternate;
  font-size: 40px;
  color: #000;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc,
    0 5px 0 #ccc, 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent,
    0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, 0.4);
}

#saasappoint-thankyou .saasappoint-h span:nth-child(2) {
  -webkit-animation-delay: 0.1s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(4) {
  -webkit-animation-delay: 0.3s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(5) {
  -webkit-animation-delay: 0.4s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(6) {
  -webkit-animation-delay: 0.5s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(7) {
  -webkit-animation-delay: 0.6s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(8) {
  -webkit-animation-delay: 0.2s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(9) {
  -webkit-animation-delay: 0.3s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(10) {
  -webkit-animation-delay: 0.4s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(12) {
  -webkit-animation-delay: 0.6s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(13) {
  -webkit-animation-delay: 0.7s;
}

#saasappoint-thankyou .saasappoint-h span:nth-child(14) {
  -webkit-animation-delay: 0.8s;
}

/* ANIMATION */
@-webkit-keyframes saasappoint_thankyou_bounce {
  100% {
    top: -20px;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc,
      0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc,
      0 50px 25px rgba(0, 0, 0, 0.2);
  }
}
.pt-10{
	margin-top: 5%;
	margin-bottom: 5%;
}

/** Header **/
.saasappoint .saasappoint-companylogo{
	height: 65px;
}
.saasappoint .saasappoint-companytitle{
	font-size:xx-large;
	color: #007bff;
	cursor: pointer;
}
.saasappoint-header-style {
	padding: 0px 20px;
    background: #fff;
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
}
.saasappoint-header-style a{
	color: #007bff;
    font-size: 16px;
	text-decoration: underline;
	display: inline-block;
}

/** Location selector **/
#saasappoint-location-selector-modal .modal-dialog {
	margin-top:10%
}
.saasappoint-location-selector-bg {
	background-color: #007bff;
}
.saasappoint-location-selector-bg .modal-body {
	border: 0px double #e9ecef !important;
}
.saasappoint-location-selector-bg {
	padding: 20px;
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.saasappoint_welcome_content{width: 100%;margin: 0px auto;background: #fff;margin-bottom: 10px;margin-top: -10px;}
.sa_ser_div_left{ float: none !important; width: 100% !important; }
.sa_ser_div_right{ float: none !important; width: 100% !important; }

/* coupon list css */
.saasappoint .saasappoint-available-coupons-list {
	border: 3px dotted #d8d7d7;
	border-radius: 15px;
	margin: 10px;
	max-width: 600px;
	background-color: #fcfcfc;
}
.saasappoint .saasappoint-available-coupons-list .saasappoint-coupons-container-label {
	padding: 10px 0;
}
.saasappoint .saasappoint-available-coupons-list .saasappoint-coupons-container {
	padding: 2px;
}
.saasappoint .saasappoint-available-coupons-list .saasappoint-coupons-code-label {
	background: #e0e0e0;
	padding: 5px;
}
.saasappoint .saasappoint-available-coupons-list .saasappoint-coupons-code-expire-label {
	color: red;
	padding-top: 10px;
}

.saasappoint_applied_coupon_div {
	border-color:#ccc;
	border-radius:100px;
	display: none;
}
.saasappoint_applied_coupon_badge {
    padding: 0 10px;
}
.saasappoint_remove_applied_coupon{
    color:#f00;
	display: none;
}
.saasappoint_remove_applied_coupon:hover{
    color:#f00;
}
.saasappoint_remove_applied_coupon{
    margin-top: -1.8%;
    margin-left: -1.8%;
}
#saasappoint-available-coupons-modal .close{
	font-size: x-large;
}
.saasappoint .saasappoint-coupon-radio-checked{
	border-color: #bab2d7;
	background-color: #f0edff;
}
.saasappoint-coupon-radio{
	visibility: hidden;
}

#saasappoint-available-coupons-open-modal {
    color: #007bff;
}
/* Login Button CSS */
.saasappoint-block-btn {
	cursor: pointer;
    background: #007bff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 9px;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    margin: 0;
    -webkit-appearance: none!important;
    border: 0
}

.saasappoint-block-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.saasappoint-block-btn:hover {
    color: #fff;
    text-decoration: none;
    background: #555555;
}

.saasappoint-block-btn span {
    margin-right: 10px
}

@media(max-width:480px) {
    .saasappoint-block-btn {
        font-size: 18px
    }
}
.saasappoint-coupon-radio-label{
	cursor:pointer;
}

.saasappoint-input-class-div {
    margin: 0 0 10px
}

.saasappoint-input-class {
    border: 1px solid #3d3d3d;
    padding: 20px;
    width: 100%;
    border-radius: 5px
}

.saasappoint-input-class::-webkit-input-placeholder {
    color: #3d3d3d
}

.saasappoint-input-class:-ms-input-placeholder {
    color: #3d3d3d
}

.saasappoint-input-class::placeholder {
    color: #3d3d3d
}

.saasappoint-card-num {
    position: relative
}

.saasappoint-visa-img {
    position: absolute;
    top: 34%;
    right: 8%
}
.saasappoint-logout-div,
.saasappoint_hide,
#saasappoint-user-forget-password-box,
#saasappoint-new-user-box,
#saasappoint-guest-user-box,
.saasappoint-card-detail-box{
	display:none
}
.error{
	color:red;
}
.intl-tel-input{
	width: 100% !important;
}
.saasappoint .saasappoint-users-selection-div .saasappoint-user-selection-label{
	margin: 20px 5px 1px 5px !important
}

.saasappoint-users-selection-div input[type="radio"],
.saasappoint-payments input[type="radio"] {
  display: none;
}

.saasappoint-users-selection-div input[type="radio"] + label,
.saasappoint-payments input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  /* margin: 20px; */
  margin: 15px 15px 0px 15px;
  padding-left: 28px;
}
.saasappoint-users-selection-div input[type="radio"] + label:before, 
.saasappoint-payments input[type="radio"] + label:before, 
input[type="radio"] + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.saasappoint-users-selection-div input[type="radio"] + label:before,
.saasappoint-payments input[type="radio"] + label:before {
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  background: #ffffff;
  /* -moz-box-shadow: inset 0 0 0 18px #007bff;
  -webkit-box-shadow: inset 0 0 0 18px #007bff;
  box-shadow: inset 0 0 0 18px #007bff; */
  -moz-box-shadow: inset 0 0 0 2px #007bff;
  -webkit-box-shadow: inset 0 0 0 2px #007bff;
  box-shadow: inset 0 0 0 2px #007bff;
}
.saasappoint-users-selection-div input[type="radio"] + label:after,
.saasappoint-payments input[type="radio"] + label:after {
  top: 49%;
  left: 9px;
  width: 54px;
  height: 54px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}

.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 4px #007bff;
  -webkit-box-shadow: inset 0 0 0 4px #007bff;
  box-shadow: inset 0 0 0 4px #007bff; */
  -moz-box-shadow: inset 0 0 0 18px #007bff;
  -webkit-box-shadow: inset 0 0 0 18px #007bff;
  box-shadow: inset 0 0 0 18px #007bff;
}
.saasappoint-users-selection-div input[type="radio"]:checked + label:after,
.saasappoint-payments input[type="radio"]:checked + label:after {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-animation: ripple 1s none;
  -webkit-animation: ripple 1s none;
  animation: ripple 1s none;
}
.saasappoint-terms-and-condition .saasappoint-tc-control-input:checked ~ .saasappoint-tc-control-indicator{
	background-color: #007bff;
}

.saasappoint-terms-and-condition .saasappoint-tc-control-description a{
	color: #007bff;
}

.saasappoint_set_language .btn-danger.focus, 
.saasappoint_set_language .btn-danger:focus,
.saasappoint_set_language .btn-danger:not(:disabled):not(.disabled).active:focus, 
.saasappoint_set_language .btn-danger:not(:disabled):not(.disabled):active:focus, 
.saasappoint_set_language .show > .btn-danger.dropdown-toggle:focus{
	outline-offset: unset;
	box-shadow: unset;
}

.saasappoint_plusminus_addons_input {
	height: 29px;
	width: 36px;
	padding:0;
}
.saasappoint_plusminus_addons_btns:focus,
.saasappoint_plusminus_addons_btns_cart:focus{
	box-shadow: unset;
}
.saasappoint_plusminus_addons_btns,
.saasappoint_plusminus_addons_btns:hover,
.saasappoint_plusminus_addons_btns:focus,
.saasappoint_plusminus_addons_btns_cart,
.saasappoint_plusminus_addons_btns_cart:hover,
.saasappoint_plusminus_addons_btns_cart:focus,
.saasappoint_plusminus_addons_input {
	border: 0;
	border-radius: 0;
	cursor: pointer;
}

.saasappoint-header-style {
    padding: 0px 20px;
    background: #131313 !important;
    border-top: 0px solid #fff !important;
    border-bottom: 0px solid #fff !important;
    -webkit-box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
}

.saasappoint-header-style a {
    color: white !important;
    font-size: 400 !important ;
    text-decoration: none !important;
    display: inline-block;
}

.saasappoint .saasappoint-companytitle {
    font-size: xx-large;
    color: #fff !important;
    cursor: pointer;
}

.saasappoint-wizard li a.active .saasappoint-round-tab {
    background: #fff;
    border: 2px solid #131313 !important;
}

.fa-gears:before, .fa-cogs:before {
    content: "\f085";
    color: #131313 !important;
}

.fa-calendar:before {
    content: "\f073";
    color: #131313 !important;
}

.fa-shopping-cart:before {
    content: "\f073";
    color: #131313 !important;
}

.fa-user-circle-o:before {
    content: "\f073";
    color: #131313 !important;
}

.fa-check:before {
    content: "\f073";
    color: #131313 !important;
}

.saasappoint-custom-radio-main input[type="radio"]:checked+label {
    border: 0px solid #131313 !important;
    background-color: black !important;
    color:white !important;
}


.saasappoint-custom-btn, #saasappoint_main_wizard .saasappoint_previousstep_btn, #saasappoint_main_wizard .saasappoint_nextstep_btn {
    background: #131313 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
}


.saasappoint-block-btn {
    background: #131313 !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
-moz-box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
box-shadow: 0px 0px 34px 0px rgba(176,176,176,1);
}


#saasappoint-thankyou .saasappoint-h span {
    display: none !important;
}

/*remove photos from booking form*/
.img-fluid {
    display: none !important;
}

@media (min-width: 768px){
.col-md-2 {
  display:none !important;
}}

.saasappoint_addons_label .saasappoint_addons_img {
    display: none !important;
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: grey !important;
    border-color: grey !important;
}

.btn-danger {
    color: #fff;
    background-color: #131313 !important;
    border-color: #131313 !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #131313 !important;
}

.saasappoint-calendar-slots .dropdown.bootstrap-select .btn.dropdown-toggle.btn-light, .saasappoint-services-container .dropdown.bootstrap-select .btn.dropdown-toggle.btn-light {
    border-bottom: 2px solid #000 !important;
}

img.saasappoint_addons_img{
  display:none !important;
}

#saasappoint-available-coupons-open-modal {
    color: #5a3567 !important;
}

#saasappoint_main_wizard{ 
  -webkit-box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.2) !important;
-moz-box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.2) !important;
box-shadow: 0px 0px 25px -1px rgba(0,0,0,0.2) !important;
border: 0px !important;
border-radius:0px !important;
}

.saasappoint-terms-and-condition .saasappoint-tc-control-description a {
    color: #131313 !important;
    text-decoration: :underline !important;
}

div#saasappoint-fifth-step h6:nth-child(2) > a{
  color:#5a3567 !important;
}

div#saasappoint-fifth-step h6:nth-child(3) > a{
  color:#5a3567 !important;
}

div#saasappoint-fifth-step h6:nth-child(4) > a{
color:#5a3567 !important;
}

a#saasappoint_apply_referral_coupon{
  color: #5a3567 !important;
}

/* color for location popup*/

.saasappoint-location-selector-bg {
    background-color: #3B3B3B !important;
    font-family: 'roboto' !important;
}

/*color change, blue to grey for calender*/
.saasappoint_fhalf_available_label span {
    background: linear-gradient(
180deg, #4BDE6D 50%, grey 50%) !important;
}

.saasappoint_shalf_available_label span {
    background: linear-gradient(
180deg, grey 50%, #4BDE6D 50%) !important;
}

.saasappoint_full_day_off_label span {
    background: grey !important;
}

h4 {
  font-size: 16px !important;
}

h3 {
  font-size: 16px !important;
}


.navbar {
  overflow: hidden;
  background-color: #333;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown.bootstrap-select.show{
	overflow: visible;
}