html {
height: 100%;
}
.footer {
background-color: #d9edf7;
bottom: 0;
color: #31708f;
left: 0;
position: absolute;
right: 0;
}
body {
margin: 0;
min-height: 100%;
padding-bottom: 6rem;
position: relative;
}
.alert.alert-info { margin: 0;}
.ticketsystem #brand img{max-width:100%}
.ticketsystem #navigation{background:#efefef}
.ticketsystem #navigation .main-nav > li > a{
color:#000
}
.ticketsystem #navigation .main-nav > li > a:hover{color:#fff; background: #ec1c24 none repeat scroll 0 0;border: 1px solid #ec1c24;}
.ticketsystem .btn-list .btn {background:#111111;}
.ticketsystem .btn-list .btn:hover{background:#ec1c24;}
.ticketsystem .alert-info{background:#111111 !important}
.ticketsystem .message.success{
margin-top: 60px;
font-size: 16px;
padding: 15px;
}
.ticketsystem .message.success:before {
background: rgba(0, 0, 0, 0) url("../images/look-here.gif") no-repeat scroll 0 0 / 100% auto;
content: "";
display: block;
height: 73px;
margin: auto;
position: absolute;
top: 20px;
width: 89px;
}
.ticketsystem .background-green{background:#ec1c24}
.ticketsystem .btn.btn-primary{background:#111}
.ticketsystem .btn.btn-primary:hover{background:rgb(98, 97, 97)}
.ticketsystem .btn.btn-danger{background:#999}
.ticketsystem .btn.btn-danger:hover{background:#dd5928}
.ticketsystem .callout.callout-info{background:#111 !important; border-color: #111 !important;}
.ticketsystem .box-content {
/*max-height: 800px;
overflow-y: auto;
overflow-x: hidden;*/
}
.ticketsystem .box {
background: #fff none repeat scroll 0 0;
border-radius: 0;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
margin-bottom: 20px;
margin-top: 6px;
position: relative;
width: 100%;
}
.ticketsystem #main .box.box-bordered.box-color .box-title {
border-color: #3ABC4A;
}
.ticketsystem #main .box.box-color .box-title {
/* background: #3ABC4A none repeat scroll 0 0;*/
background:#364760;
}
.ticketsystem #main .box .box-title {
border-bottom: 0 solid #ddd;
padding: 7px 10px;
}
.ticketsystem h3.block {
color: #fff;
text-align: center;
}
.ticketsystem .box-content.staff-select {
min-height: 144px;
overflow-y: scroll;
overflow-x: hidden;
}
.ticketsystem .parent-service h3 {
color: #ccc;
text-align: center;
text-transform: uppercase;
}
.ticketsystem .services-main-div {
clear: both;
}
.ticketsystem .services-item {
background: #fafafa none repeat scroll 0 0;
/*border-color: #ccc #ccc #ccc -moz-use-text-color;
border-image: none;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
margin-bottom: -1px;*/
padding: 10px;
width: 100%;
}
.box-footer.clearfix {
/*background: #ccc none repeat scroll 0 0;*/
/* display: none;*/
}
.book-now,.book-now:hover {
background: #eee none repeat scroll 0 0;
color: #000;
display: block;
float: right;
margin: 9px;
padding: 15px;
text-align: center;
width: 100px;
text-decoration: none;
}
.service-selected {
padding: 13px;
}
.services-name.pull-left span {
display: block;
opacity: 0.5;
}
.services-checkbox {
padding-left: 0px;
padding-right: 0px;
}
.services-name.pull-left > lable {
text-transform: capitalize;
}
.ticketsystem #content table {
width: 100%;
}
.ticketsystem #content table td {
padding: 10px;
text-align: center;
}
.preweek ,.nextweek{
color: #ccc;
font-size: 24px;
}
.calendar-day.current {
color: #ccc;
text-decoration: none;
}
.calendar-day {
color: #23a600;
text-decoration: none;
cursor: auto;
}
.calendar-day:hover {
color: #ccc;
text-decoration: none;
}
.ticketsystem #content table td:last-child, .ticketsystem #content table td:first-child {
vertical-align: top;
}
.day-time-anchor, .day-time-anchor:hover {
color: #fff;
text-decoration: none;
}
.day-time {
background-color: #cecece;
color: #eeffff;
margin-top: 2px;
padding: 10px;
}
.day-time *:hover{
background-color: #acacac;
}
.day-time-anchor:before,.day-time-anchor:after {
color: #fff;
text-decoration: none;
}
.form-horizontal .control-group input[type="text"], .form-horizontal .control-group input[type="email"], .form-horizontal .control-group input[type="password"], .form-horizontal .control-group textarea, .form-horizontal .control-group select {
background: #fff none repeat scroll 0 0;
border: 1px solid;
border-radius: 4px;
box-sizing: border-box;
color: #adadad;
font-family: "proxima-nova",Arial,Helvetica,sans-serif;
font-size: 16px;
padding: 7px 15px;
width: 100%;
}
/*------------------ Book an Appointment ------------------*/
.modal-dialog.issuetoken.book-on-appointment-main {
width: 1170px;
margin: -60px auto 0px;
display: table;
}
.book-on-appointment-main .parent-service.accordion {
border-top: 0px solid #e0e0e0;
/*border-bottom: 1px solid #e0e0e0;*/
max-width: 100%;
margin: 0px;
padding: 2px 0px;
background: #ffffff;
}
.book-on-appointment-main .parent-service h3 {
/*color: #dd5928;*/
color: #222;
text-transform: capitalize;
margin: 0px;
text-align: left;
font-size: 15px;
line-height: 35px;
font-weight: 600;
cursor: pointer;
}
.book-on-appointment-main .parent-service.accordion .open-icon{
width: 25px;
float: right;
margin-right: 10px;
height: 35px;
line-height: 35px;
text-align: center;
/*color: #dd5928;*/
color:#222
}
.book-on-appointment-main .parent-service.accordion .open-icon .fa {
line-height: 35px;
font-size: 14px;
font-weight: 300;
}
/*.book-on-appointment-main .parent-service.accordion.active{
border: 1px solid #76bdce;
background-color:#76bdce;
margin: 0px 0 2px;
}
.book-on-appointment-main .parent-service.accordion:hover{
border: 1px solid #76bdce;
background-color:#76bdce;
}
.book-on-appointment-main .parent-service.accordion:hover h3{
color:#ffffff;
}
.book-on-appointment-main .parent-service.accordion:hover .open-icon, .book-on-appointment-main .parent-service.accordion.active:hover .open-icon{
background-color:#6cb3c4;
}*/
.book-on-appointment-main .parent-service.accordion.active .open-icon {
color:rgb(98, 97, 97)/*rgb(145, 199, 20)/*#dd5928*/;
}
.book-on-appointment-main .parent-service.accordion.active h3 {
color:rgb(98, 97, 97)/*rgb(145, 199, 20)/*#dd5928*/;
}
.book-on-appointment-main .parent-service.accordion.active .open-icon .fa.fa-plus {
display:none;
}
.book-on-appointment-main .parent-service.accordion .open-icon .fa.fa-minus {
display:none;
}
.book-on-appointment-main .parent-service.accordion.active .open-icon .fa.fa-minus {
display:block;
}
.book-on-appointment-main .services-item{
padding: 5px 1px;
background: #fff;
border-bottom:0px solid #e7e7e7;
position: relative;
padding-left: 0px;
padding-right: 34px;
}
.book-on-appointment-main .services-item:before,
.book-on-appointment-main .services-item:after{
display: none;
}
.book-on-appointment-main .services-checkbox input[type="checkbox"],.book-on-appointment-main .services-checkbox input[type="radio"]{
z-index: 9;
position: relative;
opacity: 0;
width: 100%;
margin: 0px 0px 0px 0px;
float: left;
height: 100%;
cursor: pointer;
}
.book-on-appointment-main .services-checkbox{
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.book-on-appointment-main .services-main-div {
padding: 0;
}
.book-on-appointment-main .services-checkbox .check-text{position:absolute; left:0; top:0; z-index:-1}
.book-on-appointment-main .services-checkbox .check-text::before {
width: 20px;
height: 20px;
background: #ffffff;
content: '';
position: absolute;
left: 3px;
top: 8px;
border: 1px solid rgb(98, 97, 97)/*rgb(145, 199, 20)*/;
border-radius: 5px;
-webkit-border-radius: 5px;
transition: all 0.5s;
-webkit-transition: all 0.5s;
cursor: pointer;
text-align: center;
line-height: 28px;
color: rgb(145, 199, 20);
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.check-icon {
position: absolute;
left: 7px;
top: 10px;
display: none;
font-size: 11px;
}
.book-on-appointment-main .services-checkbox input[type="checkbox"]:checked + .check-icon,.book-on-appointment-main .services-checkbox input[type="radio"]:checked + .check-icon{
display:block;
color:#ffffff
}
.book-on-appointment-main .services-checkbox input[type="checkbox"]:checked + .check-icon + .check-text:before,.book-on-appointment-main .services-checkbox input[type="radio"]:checked + .check-icon + .check-text:before{
content:'';
background:rgb(98, 97, 97)/*rgb(145, 199, 20) /*#dd5928*/;
color: #fff;
border-color:rgb(98, 97, 97) /*rgb(145, 199, 20)/*#dd5928*/;
text-indent: 10px;
text-align:left
}
.book-on-appointment-main .services-name, .book-on-appointment-main .services-name p{
margin:0px;
line-height:20px;
}
.book-on-appointment-main .services-name .description_info{
padding-left: 0
}
.book-on-appointment-main .services-name {
font-size: 14px;
margin: 0px;
padding: 0px;
color: #39464e;
font-weight: 600;
/*display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;*/
margin-bottom: 8px
}
.book-on-appointment-main .staff-checkbox .check-text{
top: 9px;
}
.book-on-appointment-main .staff-checkbox .check-icon{
top: 19px;
}
.small-title{font-size: 20px; text-align: center; padding-top: 5px; padding-bottom: 12px;font-weight: bold; margin:0;}
.d-flex {display: flex !important; border-bottom: 1px solid #ddd; margin-bottom: 15px}
.page-nav__left, .page-nav__right {display: flex; flex: 1 0 auto;}
.page-nav__left {justify-content: flex-start;}
.page-nav__right {justify-content: flex-end;}
.arrow-btn{background-color: transparent;border: 0; width: 40px;padding: 0}
.arrow-btn:hover,.arrow-btn:focus{box-shadow: none;-webkit-box-shadow:none;}
.service-title{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.book-on-appointment-main .services-name .service-time-price{font-size:15px; font-weight:normal;color:#404040;padding-right:25px;/*text-align:right*/}
.services-price label{color:#404040; font-weight:400;padding-top: 0px; margin-right: 12px}
.book-on-appointment-main .services-name a:hover{
text-decoration:none;
opacity:0.8;
}
.book-on-appointment-main .input-group1{
width:100%;
margin:0px;
}
.book-on-appointment-main .block2 .input-group1, .book-on-appointment-main .block4 .input-group1 {
width:100%;
margin: 0px;
}
.book-on-appointment-main .block2 .col-lg-6 label, .book-on-appointment-main .block4 .col-sm-6 label{
font-size:17px;
}
.book-on-appointment-main .block2 .modal-body, .book-on-appointment-main .block3 .modal-body, .book-on-appointment-main .block4 .modal-body {
padding:0 0 15px 0px;
}
.book-on-appointment-main .block3 .modal-body .services-main-div {
padding: 2px 5px;
}
.book-on-appointment-main .block3 .ticketsystem .box-content.nopadding {
overflow-y: auto;
}
.book-on-appointment-main .block4 .input-group1 textarea {
width:100%;
height:223px;
resize:none;
}
.margin-11 {
padding-right:15px;
}
.margin-12 {
padding-left:15px;
}
.book-on-appointment-main .block2 .input-group1 select{
height:46px;
}
.book-on-appointment-main .block4 .input-group1 textarea,
.book-on-appointment-main .input-group1 input {
height: 40px;
font-size: 16px;
border-radius: 3px;
margin-bottom: 15px;
min-height: 40px;
padding-left: 15px;
border: 1px solid #e0e0e0;
box-shadow: none;
}
.book-on-appointment-main .input-group1 input #searchServices{
height: 45px;
font-size: 17px;
border-radius: 50px;
margin-bottom: 30px;
min-height: 50px;
padding-left: 55px;
background: url(../images/search.svg) no-repeat 15px center / 20px;
}
.book-on-appointment-main .block4 .input-group1 textarea {
width: 100%;
height: 100px;
resize: none;
box-shadow: none;
border: 1px solid #ddd;
}
.book-on-appointment-main .headtop h2{
color: #fff;
margin-top: 10px;
}
.book-on-appointment-main .headtop p{
margin:0px;
}
.book-appointment h1 {
color: #0e0e0e;
margin: 50px 0px 30px 0px;
float: left;
width: 100%;
}
.book-on-appointment-main .background-green {
background: #f5f5f5 !important;
padding: 15px 48px;
border:none;
}
.book-on-appointment-main .background-green h4{
color: #626262 !important;
font-size: 20px;
font-weight: 500;
}
.book-on-appointment-main .modal-content {
box-shadow: none;
border: 0;
background: transparent;
}
.book-on-appointment-main .modal-content .panel{
box-shadow:none;
-webkit-box-shadow:none;
}
.book-on-appointment-main .block3 .services-checkbox::before{
display:none;
}
.book-on-appointment-main .block3 .services-checkbox input[type=radio] {
transform: scale(1.5);
-webkit-transform: scale(1.5);
}
.book-on-appointment-main .block3 .box-content.nopadding{
overflow-y:auto;
}
.modal-dialog.issuetoken.book-on-appointment-main.thankyou {
max-width: 740px;
}
@media only screen and (max-width: 1199px) {
.modal-dialog.issuetoken.book-on-appointment-main {
width: 950px;
}
.book-on-appointment-main .input-group1 {
/*width: 92.4%;
margin: 0px 3%;*/
}
.book-on-appointment-main .parent-service.accordion {
/*max-width: 90.8%;
margin: 0px 3.6% 10px 4.6%;*/
}
.book-on-appointment-main .parent-service.accordion.active{
/*margin: 0px 3.6% 2px 4.6%;*/
}
.book-on-appointment-main .services-main-div {
padding: 2px 25px 2px 24px;
}
.book-on-appointment-main .block2 .col-lg-6{
width:50%;
float:left;
}
}
@media only screen and (max-width: 991px) {
.modal-dialog.issuetoken.book-on-appointment-main {
width: 720px;
}
.book-on-appointment-main .input-group1 {
/* width: 93%;
margin: 0px 2.5% 0px 2.2%;*/
}
.book-on-appointment-main .services-main-div {
padding: 2px 15px 2px 14px;
}
.book-on-appointment-main .headtop, .book-on-appointment-main .background-green {
padding: 10px 40px;
}
.book-on-appointment-main .block2 .modal-body, .book-on-appointment-main .block3 .modal-body, .book-on-appointment-main .block4 .modal-body {
padding: 15px 42px;
}
}
@media only screen and (max-width: 767px) {
.modal-dialog.issuetoken.book-on-appointment-main {
width: 100%;
}
.margin-11 {
padding-right: 8px;
}
.margin-12 {
padding-left: 8px;
}
.book-on-appointment-main .block4 .input-group1 textarea {
width: 100% !important;
height: auto;
resize: auto;
min-height: 120px;
}
.book-on-appointment-main .services-main-div {
padding: 2px 0px 2px 0px;
}
.book-appointment h1 {
margin: 30px 0px 20px 0px;
font-size: 24px;
}
.book-on-appointment-main .headtop {
padding: 10px 20px;
}
.book-on-appointment-main .headtop h2{
font-size:22px;
}
.book-on-appointment-main .background-green {
padding: 12px 20px;
}
.book-on-appointment-main .background-green h4 {
font-size:15px;
}
.book-on-appointment-main .input-group1 {
width: 100%;
margin: 0px;
}
.book-on-appointment-main .modal-body .col-lg-12{
padding:0px;
}
.book-on-appointment-main .parent-service.accordion {
max-width: 93%;
margin: 0px 0px 10px 16px;
padding: 0px;
}
.book-on-appointment-main .parent-service.accordion.active{
margin: 0px 0px 10px 16px;
}
.book-on-appointment-main .services-item {
width: 98.5%;
margin: 0px;
}
.book-on-appointment-main .parent-service h3{
font-size:18px;
}
.book-on-appointment-main .block2 .col-lg-6{
width:100%;
}
.book-on-appointment-main .block2 .modal-body, .book-on-appointment-main .block4 .modal-body {
padding: 15px 5px;
}
.book-on-appointment-main .block3 .modal-body{
padding: 15px 28px;
}
}
@media only screen and (max-width: 568px) {
.book-on-appointment-main .services-item {
width: 100%;
}
}
@media only screen and (max-width: 415px) {
.book-on-appointment-main .parent-service.accordion {
max-width: 90.5%;
}
}
body.ticketsystem{background:#fff no-repeat fixed !important; background-size:cover !important}
/*body.ticketsystem .modal-body{background:#f5f5f5; padding:0px;}*/
.steps {
margin: 20px 0%;
list-style-type: none;
display: table;
width: 100%;
background: #fff;
padding:0;
display: none;
}
.steps li{display:table-cell; vertical-align:middle; padding-right:0px; font-weight:500; font-size:16px; position:relative;text-align:center; z-index:1;background: #f3f7f8;
padding-top: 25px;padding-bottom: 25px;border: 0px solid #e9edee;}
.steps li .step{color:#818181; display:block; font-weight:300}
.steps li i{width:40px; height:40px; border:1px solid ; color:#999999; border-radius:80px;-webkit-border-radius:80px; display:block; line-height:40px; font-size:17px; margin-right:10px; text-align:center; background:#fff; margin:12px auto; position:relative}
.steps li span{color:#999999}
.steps li.active{cursor:pointer;border: 0px solid #e9edee;background: #f9fdfe;}
.steps li.active i{background:rgb(145, 199, 20) /*#dd5928*/;color: #ffffff;border-color:rgb(145, 199, 20) /*#dd5928*/;}
.steps li.active span:last-child{color:#3a343d;font-weight:600;}
@media only screen and (min-width: 641px){
.steps li{width:25%}
.steps li.active + .active:after {
content: "";
position: absolute;
left: -42%;
height: 3px;
background: rgb(145, 199, 20);
width: 94%;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
}
.services-total-price{font-weight:800}
.panel-inner{padding: 18px;background-color: white;}
.space-40{padding:40px 0}
.date-calendar table td{padding:0}
.date-calendar .ui-datepicker td .ui-state-default {
display: flex;
width: 45px;
height: 45px;
margin: 0 auto;
padding: 2px;
line-height: normal;
font-size: 15px;
border-radius: 50px;
justify-content: center;
align-items: center;
}
.date-calendar .ui-datepicker td{background: #fff none repeat scroll 0 0 !important;}
.date-calendar .ui-datepicker .ui-state-disabled .ui-state-default {
color: #818181;
}
.date-calendar .ui-datepicker td .ui-state-default{color:#515151}
.date-calendar .ui-datepicker td .ui-state-active, .date-calendar .ui-datepicker td .ui-state-hover {
color: #fff;
}
.time-availaible .btn{background:#fff; margin:4px 3px;border: 1px solid;}
.time-availaible .btn:hover,.time-availaible .btn:focus,.time-availaible .btn.current-time{background:rgb(98, 97, 97)/*rgb(145, 199, 20) /*#dd5928*/;color: #fff;
border-color: transparent;}
.date-calendar .ui-datepicker .ui-datepicker-prev {
left: 6px;
}
.date-calendar .ui-datepicker .ui-datepicker-next {
right: 14px;
}
.sorry{text-align:center; font-size:21px; padding-top:35px}
.sorry span{width:80px; height:80px; display:block; margin:auto; background:url(../images/not.svg) no-repeat; background-size:cover; margin-bottom:25px;}
@media only screen and (max-width: 640px){
body.ticketsystem .modal-body{padding-left:10px; padding-right:10px}
.steps{display:none}
.steps li{display:block; padding-bottom:10px}
.book-on-appointment-main .parent-service h3{font-size:14px}
.panel{padding: 18px 10px !important;}
.book-on-appointment-main .parent-service.accordion {
max-width: inherit;
margin: 0px 0px 10px 10px;
}
.book-on-appointment-main .parent-service.accordion.active{margin-left:10px}
.book-on-appointment-main .services-item{padding: 8px 8px;}
.service-selected{text-align:center}
.box-footer-child{text-align:center}
.box-footer-child .btn.btn-primary{float:none !important}
.book-on-appointment-main .block3 .modal-body {
padding: 15px 18px;
}
.time-availaible .btn {
padding-left: 6px;
padding-right: 6px;
width: 30.6%;
float: left;
}
}
/* 29-May-2019 */
.text-right{text-align:right;}
.pt-2 {padding-top:20px;}
.book-appointment-header img{width:100%;}
.headtop {
display: flex;
flex-wrap: wrap;
align-content: center;
justify-items: center;
}
.book-on-appointment-main .services-name label {font-size: 15px;text-transform: capitalize;}
.book-on-appointment-main .client_profile {
border: 4px solid #e0e0e0;
border-radius: 540%;
max-width: 140px;
overflow: hidden;
height: 140px;
display: flex;
margin-right: 20px;
background: #000;
flex-wrap: wrap;
align-content: center;
}
.profile-detail .box-body {
background: #f5f5f5;
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
.client_details {display: flex;flex-flow: column;justify-content: center;}
.instagrame .btn {border: 1px solid;color: #fff;border-radius: 50px;margin-left: 15px;float: right;padding: 10px 25px;font-size: 16px;line-height: 1;}
.salon-detail {
text-align: center;
border-bottom: 1px solid #e0e0e0;
padding-bottom: 15px;
}
.salon-detail a{color: #dd5928;}
.salon-detail .btn {border: 1px solid;padding: 5px 15px;display: inline-block;border-radius: 50px;color: #dd5928;margin-top: 5px;background:transparent;}
.salon-detail .btn:hover{border: 1px solid transparent;background: #dd5928;color: #fff;text-decoration:none;}
.salon-detail .message-btn {font-weight: 600;padding: 8px 15px;}
.salon-detail ul{padding:0;margin-top:30px;}
.salon-detail ul li{
text-align: left;
list-style: none;
font-weight: 400;
font-size: 16px;
margin-bottom: 10px;
color: #787878;
}
.salon-detail ul li span{float: right;color: #dd5928;font-weight: 400;}
.book-on-appointment-main .box-footer{background: #f6f6f6;}
.online_booking_calendar{margin-bottom: 30px;}
.online_booking_calendar .ui-datepicker {
background: /*#2e3641 */transparent none repeat scroll 0 0 !important;
border: medium none;
z-index: 9999999 !important;
}
.online_booking_calendar .date-calendar {border-right: 1px solid #e0e0e0;}
.online_booking_calendar .ui-datepicker th{text-transform: uppercase;color: #1a1a1a;background: white;}
.date-calendar .ui-datepicker td .ui-state-active,.date-calendar .ui-datepicker td .ui-state-hover,
.online_booking_calendar .ui-datepicker td .ui-state-active,.date-calendar .ui-datepicker td .ui-state-hover {
background:rgb(98, 97, 97)/*rgb(145, 199, 20) /*#dd5928*/ none repeat scroll 0 0 !important;
box-shadow: 0 0px 8px rgb(190, 190, 190);
text-decoration:none;
color: #fff !important;
border-radius: 50px;
-webkit-border-radius: 50px;
}
#ui-datepicker-div .ui-datepicker-calendar{
border: 1px solid #ddd;
background: #ffffff
}
.ui-datepicker td .ui-state-default{display: block;}
/*#ui-datepicker-div .ui-datepicker-header{border-color: transparent; }*/
.instagrame{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
justify-items: center;
height: 100%;
min-height: 100%;
}
.instagrame-profile {
background: #fff;
float: none;
width: 100%;
text-align: center;
padding: 0;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
max-width: 124px;
min-height: 113px;
height: 100%;
}
.instagrame-profile:nth-last-child(-n+4) {border-bottom: 1px solid #ddd;}
.instagrame-profile:first-child{border-left:1px solid #ddd;}
.instagrame-profile:nth-child(3n+4){border-left:1px solid #ddd;}
.instagrame iframe {margin-top: 15px;width: 100%;}
.instagrame-profile img {width: 100% !important;}
@media (max-width:767px){
.instagrame-profile {min-height: 115px;margin-top: -1px;margin-left: -1px;border: 1px solid #ddd;}
}
/* checkbox design for switch*/
.checkbox-switch {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
width: 80px;
height: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
line-height: 1.2;
font-size: 14px;
vertical-align: middle;
}
.checkbox-switch input.input-checkbox {
position: absolute;
left: 0;
top: 0;
width: 80px;
height: 30px;
padding: 0;
margin: 0;
opacity: 0;
z-index: 2;
cursor: pointer;
}
.checkbox-switch .checkbox-animate {
position: relative;
width: 80px;
height: 30px;
background-color: #95a5a6;
-webkit-transition: background 0.25s ease-out 0s;
transition: background 0.25s ease-out 0s;
}
.checkbox-switch .checkbox-animate:before {
content: "";
display: block;
position: absolute;
width: 20px;
height: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #7f8c8d;
top: 5px;
left: 5px;
-webkit-transition: left 0.3s ease-out 0s;
transition: left 0.3s ease-out 0s;
z-index: 10;
}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate {
background-color: #2ecc71;
}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate:before {
left: 55px;
background-color: #27ae60;
}
.checkbox-switch .checkbox-off,
.checkbox-switch .checkbox-on {
float: left;
color: #fff;
font-weight: 700;
padding-top: 6px;
-webkit-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.checkbox-switch .checkbox-off {
margin-left: 30px;
opacity: 1;
}
.checkbox-switch .checkbox-on {
display: none;
float: right;
margin-right: 35px;
opacity: 0;
}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-off {
display: none;
opacity: 0;
}
.checkbox-switch input.input-checkbox:checked + .checkbox-animate .checkbox-on {display: block;opacity: 1;}
/*
.client_profile img {
width: 100%;
}
*/
.client_profile img {
width: 140px;
height: 140px;
}
.staff-item {
min-height: 40px;
}
.staff-item .services-name label {
display:-webkit-box;display:-ms-flexbox;display:flex;
align-items: center;
}
.hide-booking{display: none;}
.book-on-appointment-main {
display: table;
margin: 20px auto 0;
max-width: 770px;
width: 100%;
width: 100%;
/*background: rgba(0, 0, 0, 0.03);*/
padding: 20px 12px;
border-radius: 4px;
border: 0px solid #ddd;
}
/*.full-booking{width: 100%;}*/
.book-on-appointment-main .panel{
display: none;
}
.flex-booking{
width: 100%
}
/*.flex-booking:before,.flex-booking:after{
display: none;
}*/
.slide-menu {
background-color: #fff;
padding: 15px;
margin-bottom: 22px;
border: 1px solid #ddd;
border-radius: 3px;
float: right;
width: 33.33333333%;
}
.slide-menu .cart-summary-view{
display: none;
}
.subtotal ul{
padding-left: 0
}
.cart-summary h3 {
margin-top: 0;
font-size: 18px;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
display: none;
}
.searchpanel .fa {
position: absolute;
left: 12px;
top: 12px;
font-size: 16px;
z-index: 1;
}
.searchpanel input {
padding-left: 40px !important;
}
/*.time01{display: none;}*/
.time01{margin-right: 12px}
.timeprice-booking,.services-price {
display: flex;
padding-left: 32px;
}
.timeprice-booking h4{
display: none;
}
.timeprice-booking .services-price,
.services-name .services-price{
padding-left: 0
}
.book-on-appointment-main .services-name a {
font-size: 14px;
color: #39464e;
font-weight: 600;
}
/*.services-price{display: none !important;}*/
.acc-body {
display: none;
padding-left: 25px;
background: #fff;
}
li{list-style:none}.paypal-method,.stripe-method{display:inline-block;vertical-align:middle;width:49%;margin-top:15px;text-align:center}.authorize-method{display:inline-block;vertical-align:middle;}.btn_wiz_pop_pay{border:medium none;color:#fff;font-size:14px;margin:0 5px 12px 0;padding:6px 49px;text-transform:uppercase;background-color:#1275ff;cursor:pointer;border-radius:50px}.steps li{display:table-cell;vertical-align:middle;padding-right:0;font-weight:500;font-size:14px;position:relative;text-align:center;z-index:1;background:#eaeaea;padding-top:10px;padding-bottom:20px;border:0 solid #e9edee;width:1%}.box-footer.clearfix{display:block!important}.cover-banner{height:319px;overflow:hidden}.cover-banner img{object-fit:cover}.book-on-appointment-main .services-checkbox input[type=checkbox],.book-on-appointment-main .services-checkbox input[type=radio]{float:none}.book-on-appointment-main .staff-checkbox .check-text:before{font-size:10px}.acc-body{display:none;padding-left:25px;background:#fff}.acc-header .fa-minus{display:none}.acc-header.active .fa-minus{display:inline-block}.acc-header.active .fa-plus{display:none}.acc-section .services-item{padding:5px 0}.acc-section .services-item .acc-header h3{line-height:1.4}.acc-body .services-item .services-name a{font-size:14px}.redtext{/*color:#dd5928;*/font-size:16px;font-weight:600}.redtext1{font-size:16px;font-weight:600}.steps li{vertical-align:top}.steps li span:last-child{display:block;width:58%;margin:auto}.steps li.active+.active:after{top:42px;left:-56%;width:100%}.steps li:first-child{z-index:6}.steps li:nth-child(2){z-index:5}.steps li:nth-child(3){z-index:4}.steps li:nth-child(4){z-index:3}.steps li:nth-child(5){z-index:2}.steps li:nth-child(6){z-index:1}.steps li.active{background:0 0}.payment-methods{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;/*background:#f2f8fd;*/padding:12px}.payment-methods .authorize-method,.payment-methods .paypal-method,.payment-methods .stripe-method,.payment-methods .razorpay-method{width:auto;/*background:#e5edf6;*/border:0px solid #bfcbd7 margin-top: 20px}.payment-methods .paypal-method{/*padding:15px;*/border:0px solid #bfcbd7}.payment-methods .authorize-method .btn_wiz_pop_pay,.payment-methods .stripe-method .btn_wiz_pop_pay,.payment-methods .razorpay-method .btn_wiz_pop_pay{margin:0;padding:25px 20px;font-weight:600;cursor:pointer;background:0 0;color:#000;display:block;width:100%;border-radius:0;-webkit-border-radius:0}.payment-methods .authorize-method .btn_wiz_pop_pay:hover,.payment-methods .stripe-method .btn_wiz_pop_pay:hover,.payment-methods .razorpay-method .btn_wiz_pop_pay:hover{background:#e0ecf8}.book-on-appointment-main .staff-checkbox .check-text::before{content:''}.book-on-appointment-main .staff-checkbox input[type=checkbox]:checked+.check-icon+.check-text:before,.book-on-appointment-main .staff-checkbox input[type=radio]:checked+.check-icon+.check-text:before{content:''}.searchpanel{position:relative}.searchpanel .fa{position:absolute;left:12px;top:12px;font-size:16px;z-index:1}.searchpanel input{padding-left:40px!important}@media (min-width:768px){.textright{text-align:right;padding-top:5px}}.staff-pic{margin-top:5px;margin-bottom:5px}.staff-pic{position:relative;width:45px;height:45px;margin-right:25px;border-radius:100px;-webkit-border-radius:100px}.staff-pic img{width:45px;height:45px;object-fit:cover;border-radius:100px;-webkit-border-radius:100px}.book-on-appointment-main .services-name{padding-left:32px}@media (max-width:767px){.book-on-appointment-main .parent-service.accordion{width:100%;margin:0 0 10px 0}.book-on-appointment-main .parent-service.accordion.active{margin-left:0}#book_appointment .modal-body{padding-right:0;padding-left:0}.book-on-appointment-main .block3 .modal-body{padding:0}#datepicker{margin-bottom:20px}.col-lg-12.d-flex-space-between{padding-left:0!important;padding-right:0!important}.date-calendar .ui-datepicker td .ui-state-default{width:30px;height:30px;line-height:28px;font-size:13px}.row.block1{margin-right:0;margin-left:0}.box-footer.d-flex-space-between .box-footer-child{position:absolute;top:60px;z-index:2}.box-footer.d-flex-space-between .box-footer-child:first-child{left:0}.box-footer.d-flex-space-between .box-footer-child:last-child{right:0}.box-footer.d-flex-space-between .service-selected{width:100%}body{padding-bottom:2rem}.box-footer.d-flex-space-between .service-selected{margin-bottom:20px}.box-footer.d-flex-space-between .d-flex,.box-footer.d-flex-space-between .service-selected{margin-bottom:0}#book_appointment .space-40{padding-bottom:0}.box-footer.d-flex-space-between{padding-bottom:40px!important}.box-footer.d-flex-space-between .btn{margin-top:0!important}.block4 .space-40{padding-top:0}}
h1{font-size:48px; text-transform:uppercase; text-align:center; font-weight:bold}
.headtop{background:#000000; padding:8px;border:1px solid #dcc17c; border-radius:4px;color:#dbc07d}
.headtop h2{font-size:36px; font-weight:400; text-transform:uppercase; color:#dbc07d; margin-top:8px; color:#000}
.ui-datepicker{font-size:90%}.ui-datepicker{background:#464646 none repeat scroll 0 0 !important;border:medium none;border-radius:0;font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;z-index:9999999 !important}.ui-datepicker select{color:#333}.ll-skin-melon .ui-datepicker{padding:0}.date-calendar .ui-datepicker .ui-datepicker-header{background:transparent none repeat scroll 0 0;border:medium none;font-size:15px;font-weight:normal;padding:2px 4px}.ui-datepicker-calendar th{text-align:center}.ui-datepicker.ui-datepicker-header .ui-state-hover{background:transparent none repeat scroll 0 0;border-color:transparent;border-radius:0;cursor:pointer}.ui-datepicker .ui-datepicker-title{color:#e9f0f4;font-size:15px;line-height:1.8em;margin-bottom:0.3em;margin-top:0.4em;text-align:center}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{height:1.8em;position:absolute;top:2px;width:1.8em}.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover{background:transparent none repeat scroll 0 0;border-color:transparent}.ui-datepicker .ui-icon{display:block;text-indent:-25000em}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{border:medium none;top:0.9em}.ui-datepicker .ui-datepicker-prev-hover{left:2px}.ui-datepicker .ui-datepicker-next-hover{right:2px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{background-image:url("../images/ui-icons_ffffff_256x240.png");background-position:-32px 0;font-weight:normal;margin-top:0;top:0;width:20px}.ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ui-datepicker table{margin:0}.date-calendar .ui-datepicker th{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#3a414d -moz-use-text-color -moz-use-text-color;border-image:none;border-style:solid none none;border-width:1px medium medium;color:#464646;font-size:14px;font-weight:normal;padding:1em 0;text-transform: uppercase;}.ui-datepicker td{border:medium none;padding:0}.ui-datepicker .ui-state-default{background:transparent none repeat scroll 0 0 !important}.ui-datepicker .ui-widget-header .ui-state-disabled{background-image:none;opacity:0 !important}.date-calendar .ui-datepicker td .ui-state-default{background:transparent none repeat scroll 0 0;border:medium none;color:#1a1a1a;font-size:16px;font-weight:normal;margin:0;padding:0.5em;text-align:center}.ui-datepicker .ui-state-disabled{opacity:1 !important}.ui-datepicker .ui-state-disabled .ui-state-default{color:#fba49e}.date-calendar .ui-datepicker td .ui-state-active,.date-calendar .ui-datepicker td .ui-state-hover{background:#464646 none repeat scroll 0 0 !important}input#datepicker{padding:7px 6px}
.form-group.select__time > input[type="radio"] {
position: absolute;
visibility: hidden;
}
.form-group.select__time > label {
background: #777 none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
cursor: pointer;
margin: 4px 3px;
padding: 5px 8px;
}
.form-group.select__time input[type="radio"]:checked + label {
background: black none repeat scroll 0 0;
}
body{
background:#d5dae6 !important;
}
.alert.alert-info.footer {
background: #364760 !important;
border-color: #364760 !important;
border-radius: 0px;
}
.ticketsystem #navigation {
background: #364760 !important;
}
.ticketsystem .btn.btn-primary {
border: none !important;
padding: 5px 15px;
font-size: 15px;
}
.ticketsystem .btn.btn-primary:hover{
background:#e7a415 !important;
border-color: #e7a415
}
.footer p{
font-size:15px;
color:#ffffff;
margin:0px;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion123 {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
/*.active {
background-color: #ccc;
}*/
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 18px;
background-color: white;
display: none;
overflow: hidden;
}
.book-on-appointment-main .headtop {
background: #fff none repeat scroll 0 0;
border: medium none;
border-radius: 4px 4px 0 0;
color: #000;
padding: 15px 47px;
text-align: center;
}
.modal-dialog.issuetoken.book-on-appointment-main {
display: table;
margin: 20px auto 0;
max-width: 770px;
width:100%;
width: 100%;
background: rgba(0, 0, 0, 0.03);
padding: 20px 12px;
border-radius: 4px;
border: 1px solid #ddd;
}
.ticketsystem .box-content.nopadding {
min-height: 250px;
}
.book-on-appointment-main .services-checkbox.radio-btn::before {
content: '';
display: none;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
min-width: 68px;
height: 30px;
margin-top: 3px;
vertical-align: middle;
}
.switch input[type="checkbox"]{position:absolute;visibility:hidden;opacity:0}
.small-switches .switch {
position: relative;
width: 40px;
min-width: 40px;
height: 20px;
float: right;
}
.small-switches .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
margin: auto;
height: 100%;
border-radius: 34px;
}
.small-switches .slider::before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 2px;
background-color: #fff;
-webkit-transition: .4s;
transition: .4s;
border-radius: 50%;
}
.small-switches input:checked + .slider::before {
-webkit-transform: translateX(17px);
-ms-transform: translateX(17px);
transform: translateX(17px);
}
.small-switches input:checked + .slider {
background-color: #8bc34a;
}
.switch span.yes {
color: #303030;
font-size: 13px;
position: absolute;
left: 10px;
top: 6px;
display: none;
}
.switch input:checked + .slider1 + .yes {
display: block;
}
.switch span.no {
color: #ccc;
font-size: 13px;
position: absolute;
right: 10px;
top: 5px;
}
.switch input:checked + .slider1 + .yes + .no {
display: none;
}
.slider1 {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider1.round {
border-radius: 34px;
}
.switch input:checked + .slider1 {
border-color: #303030;
}
.slider1::before {
position: absolute;
content: "";
height: 24px;
width: 25px;
left: 3px;
bottom: 2px;
background-color: #ddd;
-webkit-transition: .4s;
transition: .4s;
}
.slider1.round::before {
border-radius: 50%;
}
.switch input:checked + .slider1::before {
-webkit-transform: translateX(34px);
-ms-transform: translateX(34px);
transform: translateX(34px);
background-color: #303030;
}
#ui-datepicker-div .ui-datepicker-calendar{border: 0}
.ui-datepicker-month, .ui-datepicker-year,select.form-control {
border: 1px solid #ddd;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #fff url(/images/down-arrow.png) right center no-repeat;
margin-left: 5px;
padding-right: 22px;
border-radius: 6px;
}
.ui-datepicker-month, .ui-datepicker-year {
width: 80px;
height: 30px;
display: inline-block;
color: rgb(98, 97, 97);
}
/*.acc-outer .services-checkbox{left: 60%;}*/
.d-flex{border: 0}
.box-footer.clearfix.d-flex-space-between,.d-flex-space-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important;
display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
@media (min-width: 767px){
.box-footer.clearfix.d-flex-space-between>div,.d-flex-space-between>div{flex: 1}
}
.services-total-count{margin-left: 10px;margin-right: 5px;font-weight: bold;}
.box-footer .d-flex-mobile{
display: flex !important;
border-bottom: 0px solid #ddd;
margin-bottom: 15px;
}
.book-on-appointment-main .box-footer{
padding-top: 5px;
padding-bottom: 5px;
margin-top: 15px;
border-top: 1px solid #ddd
}
.date-calendar .ui-datepicker-inline {
width: 100%;
}
.date-calendar .ui-datepicker-inline table{
margin-bottom: .4em
}
.book-on-appointment-main .input-group1.time-availaible {
margin-top: 15px;
}
.time-availaible label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 0px solid transparent;
border-radius: 4px;
background: #e8e8e8;
margin: 4px 2px;
color: #2F3542;
}
.time-availaible label.active {
background: #303030;
color: #fff;
border-color: transparent;
}
.time-availaible label input[type="radio"]{
position: absolute;
opacity: 0
}
.services-desc label{
font-weight: 500
}
.title-select{text-align: center;border-bottom: 1px solid #dee2e6;font-size: 2.15rem;padding: 1rem;font-weight: 600; height: 51px}
.title-steps{font-size: 2.15rem;font-weight: 600; position: fixed;top: 0;left: 0;width: 100%;text-align: center;padding: 1rem;}
@media (min-width: 700px){
.flex-booking .col-md-8 {
width: 66.66666667%;
float: left;
}
.book-on-appointment-main{
display: flex;
max-height: calc(100vh - 120px);
overflow-y: auto;
overflow-x: hidden;
margin-top: 0
/*padding-right: 22px;*/
}
.box-footer.clearfix {
position: fixed;
bottom: 0;
width: 100%;
left: 0;
z-index: 9;
}
.box-footer.clearfix .col-md-12,.block2 .box-footer.clearfix .col-md-3,,.block3 .box-footer.clearfix .col-md-3{
width: auto;
max-width: 770px;
margin: auto;
width: 100%;
float: none;
padding: 0
}
.block1 .box-footer.clearfix {
display: flex !important;
justify-content: center;
}
.block1 .box-footer.clearfix .col-md-10 {
display: none;
}
.block1 .box-footer.clearfix .col-md-2,.box-footer.clearfix .small-booking {
width: 770px !important;
text-align: center;
padding: 0;
margin: auto;
float: none;
}
.block1 .box-footer.clearfix .btn.btn-primary{
width: 100%;
margin-bottom: 1px;
}
}
.box-footer.clearfix .small-booking .btn{
width: 100%
}
.panel {
padding: 10px 0;
}
.cart_empty{font-weight: 600}
.cart-summary .cart-item {
position: relative;
padding-left: 27px;
min-height: 40px;
}
.cart-summary .cart-item .cart_services li:first-child:before{
background: url(../images/cart.svg) no-repeat left 5px;
content: '';
position: absolute;
left: 2px;
top: 2px;
background-size: 18px;
width: 18px;
height: 28px;
display: block;
}
.subtotal {
background: url(../images/total.svg) no-repeat left 0px;
padding-left: 27px;
background-size: 18px;
min-height: 25px;
}
.subtotal ul{
margin-bottom: 0
}
.cart-summary .cart-item ul {padding: 0px 0px;}
.cart-summary .cart-item ul li {border-bottom:0px solid #ddd;padding:5px 0;}
.cart-summary .item-name {
font-size: 16px;
font-weight: 600;
color: #393939;
display: inline-block;
}
span.remove-item, .cart-summary input[type="text"] {
height: 30px;
display: inline-block;
padding: 3px;
width: 30px;
text-align: center;
font-size: 16px;
border-radius: 4px;
border: 1px solid#dddd;
display: none;
}
.cart-summary .item-price-container {margin-top: 4px;color: #747D8C;font-weight: 500;}
.cart-summary span.count{float: right;}
/*.subtotal {
margin-left: 1px;
bottom: 0;
padding:15px 0px 5px;
background: #fafafa;
box-shadow: rgba(0,0,0,.15) 0 -2px 15px -5px;
border-top: 1px solid #e7e7e7;
}*/
.subtotal ul {
padding: 0;
}
.subtotal li > span {
font-weight: 600;
font-size: 16px;
}
.subtotal span.price {
float: right;
font-weight: 600;
}
.service-selected{
display: none;
}
.btn.btn-primary.pull-left.prev {
position: fixed;
top: 10px;
left: 10px;
background: transparent url(../images/angle-left.png) no-repeat center center !important;
text-indent: -180px;
overflow: hidden;
font-size: 10px;
}
.btn.btn-primary.pull-right.next,.box-footer.clearfix .col-md-3 {
width: 100%;
}
.services-desc {
padding-left: 32px;
}
.date-calendar .ui-datepicker .ui-datepicker-header{
display: flex;
justify-content: space-between;
border: 1px solid #E8E8E8;
border-radius: 4px;
margin: 0;
padding: 5px 7px;
font-size: 17px;
font-weight: normal;
text-align: left;
}
.date-calendar .ui-datepicker .ui-datepicker-title{
text-align: left;
flex: 1;
margin: 0;
order: 1
}
.date-calendar .ui-datepicker .ui-datepicker-month,.date-calendar .ui-datepicker .ui-datepicker-year{
background: #fff;
padding-right: 0;
border:0;
padding: 0;
color: #000;
height: auto;
width: auto
}
.date-calendar .ui-datepicker .ui-datepicker-next span, .date-calendar .ui-datepicker .ui-datepicker-prev span {
position: static;
background-size: contain;
background-position: center;
width: 25px;
height: 25px;
margin: 0;
cursor: pointer;
}
.date-calendar .ui-datepicker .ui-datepicker-prev{
order: 2
}
.date-calendar .ui-datepicker .ui-datepicker-next{
order: 3
}
.date-calendar .ui-datepicker .ui-datepicker-next span{
background-image: url("../images/angle-right.png");
}
.date-calendar .ui-datepicker .ui-datepicker-prev span{
background-image: url("../images/angle-left.png");
}
.online_booking_calendar .ui-datepicker th{border:0;}
.date-calendar .ui-datepicker .ui-datepicker-header a{
position: static !important;
align-items: center;
display: flex;
}
.ui-datepicker .ui-datepicker-header
{
border: 0
}
@media (min-width: 798px){
.columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.columns > .form-group {
width: 100%;
}
.input-group1.time-availaible{
max-height: inherit !important;
overflow: visible !important;
}
}
.phone_country_flag {margin-bottom: 15px}
.phone_country_flag .iti {
position: relative;
display: flex;
border: 1px solid #ddd;
border-radius: 5px;
}
.phone_country_flag .iti__flag-container{
position: relative;
z-index: 3;
}
.phone_country_flag #user_contact{
border:0;
}
.fullbox{
width: 100%
}
.nospace-booking{
padding: 0
}
.coupon-form {
width: 100%;
padding-right: 115px;
position: relative;
margin-top: 0px;
margin-bottom: 18px
}
.coupon-form #apply_coupon_code{
height: 50px;
}
.input-group.coupon-form #apply_coupon {
position: absolute;
height: 50px;
border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
font-size: 14px;
max-width: 115px;
right: 0
}
.booking-details .input-group1 input, .booking-details .input-group1 select {
padding:2px 15px;
/*background-image: none;*/
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: none !important;
height: 46px;
margin-bottom: 10px
}
.description_container{}
.description_info{
padding-left: 32px;
display: none;
color: #8c8c8c;
}
.expander__more {
position: absolute;
right: 6px;
top: 8px;
display: block !important;
z-index: 4
}
.description_container.active .description_info{
display: block;
}
.expander__less {
font-weight: normal;
font-size: 12px;
display: block;
color: #222;
position: relative;
z-index: 4;
font-weight: 600;
margin-top: 10px;
}
.expander__less:hover{
text-decoration: underline;
}
.togglerBooking{
display: none;
}
.book-on-appointment-main .box-footer .btn{
padding: 10px 15px;
font-size: 18px;
}
.show-deposit-amount h2 {
font-size: 20px;
}
#authorize_payment, #btnStripePay, #btnPaypalPay, #rzp-button1,#clover_payment {
width: 114px;
height: 54px;
margin-top: 0;
font-size: 0;
display: inline-block;
border: 0;
margin-right: 0;
vertical-align: top;
background-color: transparent;
border-radius: 0;
}
#authorize_payment,#authorize_payment:hover{
background: url(../images/authorized-login-hover.png) no-repeat !important;
}
#btnPaypalPay {
/*background: url(../images/paypal-login-hover.png) no-repeat; */
padding: 0;
position: relative;
overflow: hidden;
background: #ffc439;
border-radius: 5px;
padding-top: 4px;
}
#btnStripePay,#btnStripePay:hover {
background: url(../images/strip-login-hover.png) no-repeat !important;
}
#rzp-button1,#rzp-button1:hover {
background: #eee url(../images/razorpaybtn.png) center no-repeat !important;
background-size: contain !important;
padding: 2px;
border-radius: 5px;
-webkit-border-radius: 5px;
}
#clover_payment,#clover_payment:hover {
background: #eee url(../images/icons/clover-logo.svg) center no-repeat !important;
background-size: contain !important;
padding: 2px;
border-radius: 5px;
-webkit-border-radius: 5px;
background-size: 80% !important;
}
.payment-methods .authorize-method, .payment-methods .paypal-method, .payment-methods .stripe-method, .payment-methods .razorpay-method{margin-right: 12px;margin-top: 0}
.payment-methods h4{
width: 100%;
}
@media (min-width: 701px){
.cart-summary{
display: block !important;
}
}
@media (max-width: 700px){
.slide-menu{
width: 100%
}
.flex-booking{
width: auto;
display: flex;
flex-direction: column;
}
.full-booking{
order: 1
}
.slide-menu{
order: 0;
padding: 0;
}
.togglerBooking {
display: flex;
background: #ddd;
padding: 10px;
border: 0;
text-align: center;
font-size: 16px;
width: 100%;
/* margin: -15px; */
min-width: 100%;
font-style: italic;
justify-content: center;
position: relative;
}
.togglerBooking svg{
position: absolute;
right: 12px;
top: 15px;
transform: rotate(-180deg);
transition: all 0.3s;
}
.togglerBooking.active svg{
transform: rotate(0deg);
}
.cart-summary{
padding: 15px;
display: none;
}
body,html{overflow-x: hidden;}
.container-fluid .container-fluid,.full-booking{
padding-left: 0;
padding-right: 0
}
.panel {
padding: 0px 0px !important;
}
.book-on-appointment-main .box-footer div{
padding-right: 0;
padding-left: 0;
position: static;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
position: static;
}
.book-on-appointment-main .box-footer .btn{
padding: 10px 15px;
font-size: 18px;
}
.book-on-appointment-main .modal-body{position: static;}
.btn.btn-primary.pull-left.prev,.title-steps{position:absolute;}
.staff-item{position: relative;}
}
.thanku-page {border: 1px solid #ddd;}
.thanku-page .modal-dialog{width: auto;}
.thanku-page .modal-dialog.thankyou{text-align: center;}
.thanku-page .modal-dialog.thankyou .booking-btn{
padding: 8px 25px;
font-size: 17px;
margin-top: 15px
}
.modal-box.ui-widget-content{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ui-datepicker{
padding: 0;
border: 0;
width: 18em;
}
/*.ui-widget-header{
background: #111;
color: #fff;
}*/
.ui-datepicker select {
color: #fff;
background: #111 url(../images/arrow-down-white.png) 94% center no-repeat;
background-size: 12px !important;
margin: 0 5px;
border: 0
}
.ui-datepicker td {
background: #fff ;
border: none;
padding: 0;
}
.ui-datepicker th {
background: #fff;
color: #000;
font-weight: bold;
}
.ui-datepicker td .ui-state-default {
color: #111;
font-size: 12px;
display: block;
line-height: 19px;
padding: 5px 8px;
border: none;
text-align: center;
}
.ui-datepicker td .ui-state-active,.ui-datepicker td .ui-state-hover {background: #f1f1f1;color:#000;font-weight:bold}
.thanksbtns .btn-thanks .btn{
width: auto;
font-size: 17px;
padding: 8px 17px;
}
.thanksbtns .btn.booking_cancel {
background: red;
}
.thanksbtns .btn.btn-default {
background: #9f9f9f;
}
.thanksbtns .btn{
line-height: 24px;
width: auto;
padding: 2px 21px 8px;
}
#formValidate .form-control{
margin-left: 0
}
#formValidate .block4 .nospace-booking .row{
margin-left: 0;
margin-right: 0
}
.mb-4{margin-bottom: 10px}
.thanku-icon {
/*background: #e9f3e6;*/
display: block;
margin: 0 auto;
max-width: 70px;
height: 70px;
border-radius: 150px;
/*padding: 20px;*/
}
.thanku-icon img{
width: auto;
max-width: 100%;
height: auto;
}
.thankyou .modal-body p {
line-height: 1.5;
font-size: 16px;
max-width: 610px;
margin: 0 auto 10px;
color: #747D8C;
}
.thankyou .modal-body h2 b{
font-weight: 800
}
@media (min-width: 640px){
.thankyou .modal-body h2{
font-size: 45px;
}
.thankyou .modal-body .sub-title{
font-size: 30px;
font-weight: 300;
margin-bottom: 15px;
}
}
@media (max-width: 640px){
.modal-dialog.book-on-appointment-mainbk.thankyou{
padding: 50px 20px;
}
.thankyou .modal-body h2 {
font-size: 36px;
font-weight: 800;
}
.thankyou .modal-body .sub-title {
font-size: 20px;
font-weight: 300;
margin-bottom: 24px;
}
}
#dialog label.error {
display: block;
color: red;
font-weight: normal;
}
label.error{color: red;display: block;}
/*swal popup*/
.swal2-modal .swal2-buttonswrapper{margin-top: 0 !important;padding-top: 10px}
.swal-feedback,.swal-success,.swal-delete {border-radius:10px;-webkit-border-radius:10px;box-shadow: 0 0 12px rgba(0, 0, 0, 0.24);}
.swal-feedback .swal2-content,.swal-success .swal2-content,.swal-cancelled .swal2-content{border-top:1px solid #e0e0e0}
.swal-feedback .swal2-content,.swal-feedback .swal2-buttonswrapper,.swal-success .swal2-content,.swal-success .swal2-buttonswrapper{background:#ececec}
.swal-feedback #swal2-title,.swal-success #swal2-title{background:transparent;color:rgb(21, 153, 87)}
.swal-feedback .swal2-buttonswrapper{display:-webkit-box !important;display:-ms-flexbox!important;display:flex !important;-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important; margin-top:0 !important}
.swal-feedback .swal2-buttonswrapper .swal2-styled,.swal-success .swal2-buttonswrapper .swal2-styled{width:175px;padding-left:0;padding-right:0;border-radius: 5px;-webkit-border-radius: 5px;}
.swal-feedback #swal2-title,.swal-success #swal2-title,.swal-warning #swal2-title{padding-bottom:50px;font-size: 22px;}
.swal-feedback .swal2-icon.swal2-warning,.swal-success .swal2-icon.swal2-success{height:32px;width:32px;font-size:26px;}
.swal2-container .swal-feedback .swal2-content,.swal-success .swal2-content,.swal-cancelled .swal2-content,.swal-warning .swal2-content{
padding: 24px 30px;
font-size: 16px;
border-top: 1px solid #e0e0e0;
line-height: 1.4;
background: #ececec;
}
.swal-cancelled .swal2-buttonswrapper,.swal-warning .swal2-buttonswrapper{background:#ececec}
.swal-feedback,.swal-warning {width:100% !important;max-width:600px !important;}
.swal-success {width:100% !important;max-width:500px !important;}
.swal-warning {padding: 0 !important}
.swal-feedback .swal2-icon.swal2-warning,.swal-success .swal2-icon.swal2-success{font-size:0;border:0}
.swal-feedback .swal2-icon.swal2-warning:before,.swal-success .swal2-icon.swal2-success:before{
color: rgb(21, 153, 87);
content: '\f118';
font-size: 32px;
font-family:FontAwesome
}
.swal-success .swal2-icon.swal2-success{display: block !important;margin-bottom: 0;margin-top: 40px;}
.swal-success .swal2-icon.swal2-success div,.swal-success .swal2-icon.swal2-success span{
display: none;
}
.swal-wait.swal-success .swal2-icon.swal2-success{
height: 80px;
width: 80px;
}
.swal-wait.swal-success .swal2-icon.swal2-success:before {
color: rgb(21, 153, 87);
content: '';
font-size: 32px;
font-family: FontAwesome;
background: url(../images/salonist_loader.gif) center center no-repeat;
width: 80px;
height: 80px;
display: block;
background-size: contain;
}
.dufault-popup .modal-header {
border: 0;
padding: 15px;
border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
display: flex;
align-items: center;
}
.dufault-popup .modal-header .close {
color: #fff;
font-size: 39px;
font-weight: 300;
display: flex;
justify-content: center;
align-items: center;
position: static;
right: -15px;
top: -15px;
width: 32px;
height: 32px;
margin-top: 6px;
margin-right: 10px;
flex: none;
color: #2a2c32 !important;
float: none;
opacity: 1;
}
.modal-dialog.dufault-popup {
border-radius: 16px;
max-width: 600px;
margin: 30px auto;
overflow: hidden;
width: 100%;
box-shadow: 0 0 18px rgba(0,0,0,0.4);
-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);
background: white;
}
.dufault-popup .modal-header h4 {
color: #333333 !important;
margin: 0;
font-size: 24px;
font-weight: 600;
text-align: center;
padding-top: 4px;
}
.dufault-popup .modal-body {
position: relative;
padding: 10px 15px 10px;
display: inline-block;
width: 100%;
}
.swal-cancelled .swal2-icon.swal2-warning::before,
.swal-warning .swal2-icon.swal2-warning::before{
color: #E25950;
content: '';
font-size: 32px;
font-family: FontAwesome;
background: url(../images/cancelled.svg) no-repeat;
background-size: contain;
width: 50px;
height: 50px;
display: block;
margin-top: 15px;
margin: auto;
}
.swal-cancelled .swal2-icon.swal2-error {
border-color: #f27474;
transform: scale(-.65);
margin-bottom: -10px;
}
.swal2-icon.swal2-warning {
font-size: 0 !important;
line-height: 50px !important;
text-align: center !important;
border: 0 !important;
width: 50px !important;
height: 50px !important;
margin-bottom: 10px;
margin-top: 40px !important;
}
.swal2-content ul{
padding: 0
}
.swal-warning .swal2-styled {
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 15px 5px 0;
padding: 10px 32px;
width: 175px
}
.swal-warning .swal2-styled.swal2-confirm{
background-color: #2a2c32 !important;
}
.swal2-modal .swal2-title{padding-top: 15px;padding-bottom: 20px}
.swal2-modal .swal2-styled{margin-top: 0 !important}
.swal-load .swal2-buttonswrapper.swal2-loading{display: none !important;}
.input-group-with-button > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-with-button > .form-control + .btn{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.swal2-container.swal2-shown{
background: transparent !important;
}
.swal2-modal.swal-load.swal2-show{
background: transparent !important;
}
.additional-counter {
max-width: 142px;
display: flex;
gap: 5px;
justify-content: center;
padding: 12px;
border: 1px solid #eae9e9;
margin-bottom: 30px;
align-items: center;
}
.counter_btn {
width: 20px;
height: 20px;
flex: 0 0 20px;
border-radius: 50px;
color: #111;
font-size: 18px;
display: flex;
justify-content: center;
align-items: center;
padding: 5px;
background: transparent;
border: 1px solid;
font-weight: 500;
}
.counter_btn.substract {
line-height: 0px;
align-items: start;
padding-top: 7px;
}
.additional-counter .counter_count {
border: 0;
text-align: center;
width: 60px;
}
.swal2-modal{
box-shadow: 0 0 12px rgba(0, 0, 0, 0.24);
padding: 0 !important
}
.swal2-modal.swal-load{
box-shadow: none;
}
.swal2-buttonswrapper .swal2-styled {
width: 175px;
padding-left: 0;
padding-right: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom: 5px;
}
.swal-cancelled .swal2-icon.swal2-error{display: block !important;}
.swal-cancelled .swal2-icon.swal2-warning{
display: none !important;
}
.booking-step .modal-body{padding-top: 0}