@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
html,body{margin:0; padding:0; width:100%; min-height:100%;font-family: 'Open Sans', sans-serif;}

.widget-box{max-width:600px; width:95%; display:block; margin:0px auto 0px; font-size:15px; position:relative; border:1px solid #ddd;border-radius:5px 5px 0 0; background:#FFF;}
.widget-header{position:relative;/*background:rgba(0,0,0,0.12); color:#333;*/background:#0060e6; color:#fff;border-radius:5px 5px 0 0; padding:15px 20px; margin-bottom:6px;}
.widget-header:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%;background:url(../imgs/appheader-bg.png);background-size:cover; background-position:center center;background-repeat:no-repeat;opacity: .2;}
.widget-header h1{font-size:22px; font-weight:400; margin:0; display:inline-block;}
.widget-header span{display:inline-block; cursor:pointer;position:relative;}
.widget-header span.lftarrow{position:relative; z-index:1; margin-right:15px; top:2px; display:none; font-size:29px; line-height:28px;}
.widget-header span.lftarrow img{position:relative; z-index:1; height:22px;}
.widget-body{display:block; padding:15px; position:relative; min-height:200px;padding-bottom:50px;}
.label-heading{font-size:18px; font-weight:600; display:block; margin-bottom:15px;}
#widget-loader{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:11}
#widget-loader img{width:43px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.clear{clear:both; line-height:0; font-size:0;}
.select-location{display:block; position:relative; padding:12px; border:1px solid #e2e8f0;cursor:pointer; transition:0.5s all; margin:10px 0; border-radius:5px;}
.select-location:hover{border:1px solid #317eeb; color:#0060e6;}
.select-location i{position:absolute; right:10px; top:15px; color:#666;}
.location-active{border:1px solid #317eeb; color:#0060e6;}

.slclocns{margin-bottom:15px;}
.slclocns i{font-size:11px; color:#666;}

#widget-service{display:none;}
.appocontntg{display:block;padding-bottom:15px;}
.catecntnerhead{display:block;position:relative;padding:12px;border-bottom:2px solid #fff;background:rgba(0,0,0,.1);cursor:pointer;font-weight:600;color:#333;text-transform:uppercase;}
.appocontntg .catecntnerhead span{position: absolute;right:8px;top:12px;font-size:20px;width:25px;text-align:center;border-radius:50%;}
.appocontntg .catecntnerhead span i{transition: .3s all;}
.appoactve i{transform: rotate(180deg);}
.appocontntg-sub .catecntnerhead-sub{display:block;position:relative;padding:10px 0;cursor:pointer;font-weight:600;color:#333;text-transform: uppercase;
    padding-left: 21px; border-bottom:1px solid #ddd;}
.appocontntg-sub:first-child .catecntnerhead-sub{border-top:none;}
.subicon{position:absolute;left:0;top:10px;width:16px;font-size:20px;text-align:center;}
.catecntnerhead-sub.appoactve i{transform: rotate(90deg);transition: .3s all;}
.catecntnerdata-sub{display:block;padding-left: 21px;}
.othermarginf{margin-top:15px;}

.service-checkcontainer{position:relative; padding:12px; cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; display:block; margin-bottom:12px; border:1px solid #e2e8f0;border-radius:5px;}
.service-checkcontainer:hover{border:1px solid #317eeb; color:#0060e6;}
.service-checkcontainer:hover .servicename{color:#317eeb;}
.service-checkcontainer input{position:absolute;opacity:0;cursor:pointer;padding:5px 10px;width:100%;height:38px;line-height:25px; left:0;}
.service-checkmark{position:absolute;top:13px;left:10px;height:15px;width:15px;background-color:#eef5ff;border-radius:3px;border:1px solid #176fe8; opacity:0;}
.service-checkcontainer:hover input ~ .service-checkmark {background-color: #176fe8;}
.service-checkcontainer input:checked ~ .service-checkmark {background-color: #176fe8;border:1px solid #2196F3;}
.service-checkmark:after {content: "";position: absolute;display: none;}
.service-checkcontainer input:checked ~ .service-checkmark:after {display: block;}
.service-checkcontainer .service-checkmark:after{left:5px;top:1px;width:3px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.service-checkcontainer i.fa-chevron-right{position:absolute;right:10px;top:14px;color:#666;}

.appocontntg-sub .subcatservcsg{margin-bottom:15px;margin-top:5px;}
.appocontntg .service-checkcontainer{margin-top:15px;}


.inner-staff .service-checkcontainer{margin-bottom:10px; border:1px solid #0f69e8;}
.inner-staff .service-checkmark{opacity:1;}
.inner-staff .service-checkcontainer{padding-left:37px;}




h3.service-title{margin:0px 0 10px;}
.servicename{font-weight:400; color:#333;}
.service-time{font-size:14px;}
.service-time i{opacity:0.5}
.service-price,.service-time{display:inline-block;}
.service-price{margin-right:15px;}
.service-duration{margin-top:10px;}
.service-duration i{margin-right:0px;}
.paymntlnk{position:relative;display: block;margin-bottom:15px;padding-left: 23px;}
.paymntlnk i{position: absolute;left: 0;top: 4px;font-size: 12px;}
.paymntlnk span{display: block;clear: both;margin-bottom: 1px;}

#widget-datetime{display:none;}
.service-details{display:block;border-bottom:1px solid #ddd;margin-bottom: 15px;padding-bottom: 15px;background: #FFF;position: relative;}
.serviceimg{display:block;width:90px;height:90px;overflow:hidden;border-radius:5px;margin-bottom:20px;}
.serviceimg img{width:90px;height:90px;}
.service-description{display:block;margin-bottom:10px;}
.service-duration span{display: inline-block;font-size: 14px;margin:0 25px 5px 0; padding:0;}

.service-address{display:block; position:relative; padding-left:20px;margin-bottom:15px;}
.service-address i{position:absolute;left:0;top:4px;}
.operclick{display:block;cursor:pointer;position:relative;padding-left:20px;margin: 0;}
.operclick i.fa-clock-o{position:absolute;left:0;top:3px;}
.weekday{width:120px;display:inline-block;vertical-align:top;}
.week-time{display:inline-block;vertical-align:top;}
.operclick a i{width:20px;height:20px;background:#eef5ff;text-align:center;border-radius:50%;color:#0060e6;font-size:18px;line-height:20px}
.hourscontainer{}
.hors-frontent{display:block;position:relative;padding-left:20px;margin:5px 0;}
.hors-frontent i.fa-clock-o{position:absolute;left:0;top:3px;}
.strt-time, .end-time{background: #eef5ff;padding:0 5px;border-radius: 3px;display:inline-block;}
.strt-time{margin-right: 5px;}
.calender-box{display:block; margin:20px 0 10px;}
.calender-box .item{border-radius:5px;}
.calender-box .calender-innerbx{border:1px solid #e2e8f0; border-radius:5px;margin-right:1px;}
.wfield-box{display:block; margin-bottom:15px;}
.wfield-box label{display:block; margin-bottom:10px; font-weight:bold;}
.wfiled-control{width:100%; border:1px solid #e2e8f0; padding:15px 0; text-indent:10px; border-radius:5px;}
.wfiled-control:focus{outline:none; border:1px solid #98bcee;}
.widget-button{display:inline-block; border:none; padding:10px 40px; margin-top:5px; background:#0362e6; color:#FFF; font-weight:400; border-radius:5px; font-size:16px; cursor:pointer;}
.widget-button:hover{background:#333;}
.widget-button:focus{outline:none;}
#ft_msg{color:red;}
#widget-yourdetails{display:none;}
.wstaff-area{display: block;padding:0px;margin-bottom:10px;}
.inner-staff{width:31.5%;display:inline-block;vertical-align:top;margin:5px;padding:0; font-size:14px;}
.staff-heading{font-size:16px; font-weight:600; display:block; margin-bottom:10px;}

#widgetpaypal{display:none;}
.paypal-logo{font-family:Verdana,Tahoma;font-weight:700;font-size:16px}
.paypal-logo i:first-child{color:#253b80}
.paypal-logo i:last-child{color:#179bd7}
.paypal-button{padding:10px 20px;border:1px solid #f93;border-radius:25px;background-image:linear-gradient(#fff0a8,#f9b421);margin:15px 0;display:block;min-width:138px;position:relative;cursor:pointer}
.paypal-button:focus{outline:none}
.paypal-button-title{font-size:14px;color:#505050;font-weight:600;vertical-align:baseline;text-shadow:0 1px 0 rgba(255,255,255,0.6);margin-right:5px}
.paypal-button .paypal-logo{display:inline-block;text-shadow:0 1px 0 rgba(255,255,255,0.6);font-size:16px}
.payplcart{margin-bottom:0;}
.payplcart i{top:2px;font-size:16px;}
.currency_sign{display:block;margin-top:5px;}
.currency_sign i{position: relative;font-size: 14px;top: 1px;}

#tomzof{position: relative; margin-top:15px;}
#tomzof:after{content: "\f0ac";font-family: FontAwesome;position: absolute;left: 0;top: 0;height:100%;width: 40px;background: #ddd;text-align: center;line-height: 40px;    font-size: 18px;color:#333;}
#tomzof select{width: 100%;padding: 0 10px;height: 38px;padding-left: 45px;border: 1px solid #e1e1e1;}
#tomzof select:focus{outline:none;}

.calender-heading{display:block; text-align:center; padding:1px 0; background:#FFF;}
.calender-heading h3{text-transform:uppercase;}
table.calendar{ width:100%; border:1px solid rgba(38, 84, 124 ,0.07); border:none;border-collapse: collapse;}
td.calendar-day-head{background:#FFF; font-weight:bold; text-align:center; /*width:120px;*/ padding:5px 2px 10px;color:#333;}

tr.calendar-row	{  }
td.calendar-day	{position:relative;} * html div.calendar-day {}
td.calendar-day:hover	{  }
td.calendar-day-np	{} * html div.calendar-day-np { }
div.day-number{ padding:0px; color:#666; font-weight:bold; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np {padding:0;border:none;}
td.calendar-day.activetd:before{border-style: solid;border-color: rgba(0,0,0,0.05) transparent transparent transparent;z-index: 999;width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    content: "";
    margin: auto;
    right: 0;
    left: 0;    border-width: 16px 16px 0 16px;
    bottom: -16px;}
td.calendar-day.activetd:after{z-index: 99999;width: 0;height: 0;border-style: solid;position: absolute;content: "";margin: auto; right: 0; left: 0;border-width: 15px 15px 0 15px;
    bottom: -15px;border-color: #ffffff transparent transparent transparent !important;    box-sizing: border-box!important;}


#calender-container .container-date{display:block; text-align:center; cursor:pointer;}
.container-date .wday, .container-date .dday, .container-date .mday{line-height: 26px;font-size: 16px;font-weight: 400;color: #333; transition:0.5s all; }
.container-date .wday, .container-date .mday{text-transform:uppercase; font-size:14px;}
#calender-container .container-date .dday{width:38px;height:38px;vertical-align: middle;display: inline-block;margin: auto;border-radius: 100%;font-size:16px;line-height:39px;
    color: #0060e6; margin:5px 0; border-radius:50%; background:#eef5ff; font-weight:600;}
.container-date:hover .dday{background:#0060e6 !important; color:#FFF !important;} 	
.container-date .crntdt{position:relative;}
.container-date .crntdt:after{content:'';position: absolute;top: 50%;left: 50%;width: 4px;height: 4px;margin-top: 13px;border-radius: 50%;background-color:#65a5fd;transform:translate(-50%, -50%);}
#calender-container .container-dates{display:block; text-align:center; /*background:#eceff5;*/}
.container-dates .wday, .container-dates .ddays, .container-dates .mday{line-height: 26px;font-size: 16px;font-weight: 400;color: #9e9d9d; }
.container-dates .wday, .container-dates .mday{text-transform:uppercase; font-size:14px;}
#calender-container .container-dates .ddays{width:40px;height:40px;vertical-align: middle;display: inline-block;margin: auto;border-radius: 100%;font-size:16px;line-height: 43px;
    color: #777; margin:5px 0;}
.container-date .actived{background:#0060e6 !important; color:#FFF !important; border-radius:50%;}
#calender-container .owl-nav{position:absolute; top:0%; width:100%; left:0;}
#calender-container .owl-nav .owl-prev{position:absolute;top:0;left:30px; font-size:38px; line-height:18px;}
#calender-container .owl-nav .owl-next{position:absolute;top:0;right:30px; font-size:38px;line-height:18px;}
#calender-container .owl-nav [class*='owl-']{background:#eef5ff;color: #0060e6; opacity:0.8; height:35px; line-height:35px; width:35px; border-radius:50%;}
#calender-container .owl-nav [class*='owl-'] span{height:35px;display:block;line-height:25px; font-size:35px;}
#calender-container .owl-nav [class*='owl-']:hover{background:#d7e1f0; color:#0060e6;opacity:1}
#calender-container .owl-nav [class*='owl-']:focus{outline:none;}
#calender-container .owl-nav .disabled{opacity:0.3}

.timeloading{display:block; text-align:center; padding:45px; background:#eef5ff;}
.timeloading img{width:40px !important; height:40px; display:block; margin:auto;}
.timeselect-area{display:block;background:#eef5ff;padding: 25px 15px 15px;text-align: center;}
.timeselect-area h2{display:block;font-size:20px;font-weight:400;color:#333; margin-top:0;font-size:18px;}
.timeselect{display: inline-block;vertical-align: top;text-align: center;padding: 8px 0px;width:17%;margin: 0 5.7px 10px;vertical-align: top;background: #FFF;color: #0060e6; border:1px solid #afcefa;
    cursor: pointer;font-weight: 400; border-radius:5px;}
.timeselect:hover{border:1px solid #0060e6;}	
.timeselect.active{border:1px solid #0060e6;}

.powerdbyz{float:none;background:#eef5ff;color:#0060e6;padding:5px 10px 5px 30px;margin-top:15px;font-size:12px;position:absolute;bottom:0;right: 0;overflow: hidden;width: 93.3%;text-align: center;}	
/*.powerdbyz:before{content: '';position: absolute;top: -1px;left: 0;border-top: 30px solid #fff;border-left: 30px solid transparent;width: 0;transform: rotate(270deg);}*/
.powerdbyz span{position: relative;z-index: 1;}

#locsrt .service-address{border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
#locsrt .service-address i{top:3px;}
.cindrmrqstmsg{display: block;text-align: center;background: #eef5ff; margin: 5px; padding:40px; line-height:25px;}
.cindrmrqstmsg h3{margin:0 0 15px;color:#0060e6;font-size:30px;}

/*--------------------------------------------
				for widget
----------------------------------------------*/	
span.refreshicon{display:none;}			
.chtwidgtapp .widget-header{padding:15px 20px;}
.chtwidgtapp{width:99.3%;background:#FFF;}
.chtwidgtapp .widget-header h1{font-size:22px;}
.chtwidgtapp .widget-header span.refreshicon{display:inline-block; float:right; cursor:pointer; z-index:9999; margin-right:40px; margin-top:4px;}
.chtwidgtapp .widget-header span.refreshicon img{width:24px; height:24px;-webkit-filter: invert(100%);filter: invert(100%);}
.chtwidgtapp .zvcloseidd{color:#000; font-size:23px;}



@media (max-width:500px){
	.timeselect{width:28%;}
	.inner-staff{width:130px; font-size:14px;}
	.widget-header span.lftarrow{top:0px;}
	.calender-box{margin:10px 0 10px;}
	.widget-box{overflow:hidden; }
	.powerdbyz{float:none; text-align:center;}
	.powerdbyz:before{display:none;}
	.strt-time, .end-time{font-size:14px;}
}
@media (max-width:420px){
	.chtwidgtapp .widget-header{display:flex;display: flex;}
	.chtwidgtapp .widget-header span.refreshicon{margin-right:0px; margin-left:auto;}
	#calender-container .container-date .dday{width:32px; height:32px; line-height:32px;}
	#calender-container .container-dates .ddays{width:32px; height:32px;line-height:32px;}
	.calender-box{margin:10px 0 10px;}
	.widget-body{padding-bottom: 40px;}
	.inner-staff{width:45%;}
}