:root{
	
--color-a : #242424;	
--color-b : #dbdbdb;	
--color-c : #9d9d9d;	
--font-family : "zhbf",tahoma;

--color-def :#010101;
--color-blue :#3a40ff;
--color-red :#ff0012;
--color-green :#00984b;
--color-yellow :#fc7a03;
--color-purple :#a200ce;



	
}


a{
		text-decoration:none;
}

.zh-booking{
	
	position:relative;
	font-family:var(--font-family);
	
}


.zh-bb{
	box-sizing:border-box;
	
}


.zh-card{
	
	
	border-radius:10px;
	background:#e0e5ef;
	padding:15px;
	box-sizing:border-box;
}


.zh-alert-error{
	
	
	border-radius:6px;
	background:#ffc8ca;
	padding:12px;
	box-sizing:border-box;
}

.zh-alert-info{
	
	
	border-radius:6px;
	background:#baeff6;
	padding:12px;
	box-sizing:border-box;
}


.zh-positionr{
	position:relative;
}

.zh-dflexi{
	
	display:inline-flex;
}

.zh-dflex{
	
	display:flex;
}

.zh-flex-alignc{
	align-items:center;
	
}


.zh-flex-justifyc{
	justify-content:center;
	
}




.zh-m0{
	margin:0;
}
.zh-p0{
	padding:0;
}


.zh-m-3{	
margin:3px;	
}	

.zh-m-5{	
margin:5px;	
}	

.zh-m-8{	
margin:8px;	
}	

.zh-m-10{	
margin:10px;	
}	

.zh-m-12{	
margin:12px;	
}	

.zh-m-15{	
margin:15px;	
}	

.zh-m-20{	
margin:20px;	
}	

.zh-m-25{	
margin:25px;	
}	

.zh-m-30{	
margin:30px;	
}	

.zh-m-50{	
margin:50px;	
}	

.zh-mt-3{	
margin-top:3px;	
}	

.zh-mt-5{	
margin-top:5px;	
}	

.zh-mt-8{	
margin-top:8px;	
}	

.zh-mt-10{	
margin-top:10px;	
}	

.zh-mt-12{	
margin-top:12px;	
}	

.zh-mt-15{	
margin-top:15px;	
}	

.zh-mt-20{	
margin-top:20px;	
}	

.zh-mt-25{	
margin-top:25px;	
}	

.zh-mt-30{	
margin-top:30px;	
}	

.zh-mt-50{	
margin-top:50px;	
}	

.zh-mb-3{	
margin-bottom:3px;	
}	

.zh-mb-5{	
margin-bottom:5px;	
}	

.zh-mb-8{	
margin-bottom:8px;	
}	

.zh-mb-10{	
margin-bottom:10px;	
}	

.zh-mb-12{	
margin-bottom:12px;	
}	

.zh-mb-15{	
margin-bottom:15px;	
}	

.zh-mb-20{	
margin-bottom:20px;	
}	

.zh-mb-25{	
margin-bottom:25px;	
}	

.zh-mb-30{	
margin-bottom:30px;	
}	

.zh-mb-50{	
margin-bottom:50px;	
}	

.zh-mr-3{	
margin-right:3px;	
}	

.zh-mr-5{	
margin-right:5px;	
}	

.zh-mr-8{	
margin-right:8px;	
}	

.zh-mr-10{	
margin-right:10px;	
}	

.zh-mr-12{	
margin-right:12px;	
}	

.zh-mr-15{	
margin-right:15px;	
}	

.zh-mr-20{	
margin-right:20px;	
}	

.zh-mr-25{	
margin-right:25px;	
}	

.zh-mr-30{	
margin-right:30px;	
}	

.zh-mr-50{	
margin-right:50px;	
}	

.zh-ml-3{	
margin-left:3px;	
}	

.zh-ml-5{	
margin-left:5px;	
}	

.zh-ml-8{	
margin-left:8px;	
}	

.zh-ml-10{	
margin-left:10px;	
}	

.zh-ml-12{	
margin-left:12px;	
}	

.zh-ml-15{	
margin-left:15px;	
}	

.zh-ml-20{	
margin-left:20px;	
}	

.zh-ml-25{	
margin-left:25px;	
}	

.zh-ml-30{	
margin-left:30px;	
}	

.zh-ml-50{	
margin-left:50px;	
}	

.zh-p-3{	
padding:3px;	
}	

.zh-p-5{	
padding:5px;	
}	

.zh-p-8{	
padding:8px;	
}	

.zh-p-10{	
padding:10px;	
}	

.zh-p-12{	
padding:12px;	
}	

.zh-p-15{	
padding:15px;	
}	

.zh-p-20{	
padding:20px;	
}	

.zh-p-25{	
padding:25px;	
}	

.zh-p-30{	
padding:30px;	
}	

.zh-p-50{	
padding:50px;	
}	

.zh-pt-3{	
padding-top:3px;	
}	

.zh-pt-5{	
padding-top:5px;	
}	

.zh-pt-8{	
padding-top:8px;	
}	

.zh-pt-10{	
padding-top:10px;	
}	

.zh-pt-12{	
padding-top:12px;	
}	

.zh-pt-15{	
padding-top:15px;	
}	

.zh-pt-20{	
padding-top:20px;	
}	

.zh-pt-25{	
padding-top:25px;	
}	

.zh-pt-30{	
padding-top:30px;	
}	

.zh-pt-50{	
padding-top:50px;	
}	

.zh-pb-3{	
padding-bottom:3px;	
}	

.zh-pb-5{	
padding-bottom:5px;	
}	

.zh-pb-8{	
padding-bottom:8px;	
}	

.zh-pb-10{	
padding-bottom:10px;	
}	

.zh-pb-12{	
padding-bottom:12px;	
}	

.zh-pb-15{	
padding-bottom:15px;	
}	

.zh-pb-20{	
padding-bottom:20px;	
}	

.zh-pb-25{	
padding-bottom:25px;	
}	

.zh-pb-30{	
padding-bottom:30px;	
}	

.zh-pb-50{	
padding-bottom:50px;	
}	

.zh-pr-3{	
padding-right:3px;	
}	

.zh-pr-5{	
padding-right:5px;	
}	

.zh-pr-8{	
padding-right:8px;	
}	

.zh-pr-10{	
padding-right:10px;	
}	

.zh-pr-12{	
padding-right:12px;	
}	

.zh-pr-15{	
padding-right:15px;	
}	

.zh-pr-20{	
padding-right:20px;	
}	

.zh-pr-25{	
padding-right:25px;	
}	

.zh-pr-30{	
padding-right:30px;	
}	

.zh-pr-50{	
padding-right:50px;	
}	

.zh-pl-3{	
padding-left:3px;	
}	

.zh-pl-5{	
padding-left:5px;	
}	

.zh-pl-8{	
padding-left:8px;	
}	

.zh-pl-10{	
padding-left:10px;	
}	

.zh-pl-12{	
padding-left:12px;	
}	

.zh-pl-15{	
padding-left:15px;	
}	

.zh-pl-20{	
padding-left:20px;	
}	

.zh-pl-25{	
padding-left:25px;	
}	

.zh-pl-30{	
padding-left:30px;	
}	

.zh-pl-50{	
padding-left:50px;	
}	




.zh-help-block{
	
	box-sizing:border-box;
	padding:15px;
	font-size:11px;
	color:#333;
	border-radius:9px;
	
	margin:15px;
	
	background-color:var(--color-b);
	
	position:relative;
	
	min-height:200px;
	
	box-shadow : 0px 0px 8px #c5c5c5;
	
	border:solid 1px #ccc;
	
}

.zh-help-block > h4{

font-family:var(--font-family);
font-size:1.1rem;
margin:10px 0 15px 0;	
padding:10px;
border-bottom:solid 1px #f0f0f0;
color:#222;


}

.zh-help-block::before{
    content: "\f223";
    font-family: dashicons;
	display:inline-block;
	z-index:0;
	color:rgba(1,1,1,0.1);
	position:absolute;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	font-size:150px;

}




.zh-badge{
	
	
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	border-radius:3px;
	padding:3px;
	font-size:10px;
	background-color: var(--color-def ) ;
	text-align:center;
	box-sizing:border-box;
	gap:4px;
	
}


.zh-badge.zh-badge-blue{
	
	background-color:var(--color-blue);
	
}
.zh-badge.zh-badge-red{
	
	background-color:var(--color-red);
	
}
.zh-badge.zh-badge-green{
	
	background-color:var(--color-green);
	
}
.zh-badge.zh-badge-yellow{
	
	background-color:var(--color-yellow);
	
}
.zh-badge.zh-badge-purple{
	
	background-color:var(--color-purple);
	
}




.zh-booking .zh-container{
	
	position:relative;
	box-sizing:border-box;
	margin:15px;
	

	
}


.zh-booking .zh-content{
	
	padding:15px;
	
	background:#fff;

	
}



.zh-booking .zh-table-responsive{
    width:100%;
    overflow-x:auto;
}


.zh-booking .zh-table{
    width:100%;
    border-collapse:collapse;
	border:solid 1px #ccc;
    
}

.zh-booking .zh-table td , .zh-booking .zh-table th{
     padding:6px;
	 
	border:solid 1px #ccc;
    
}

.zh-booking .zh-table th{
 font-weight:bold;
    
}

.text-center{
	text-align:center !important;
}



.zh-row{
    display:flex;
   gap:10px;
	flex-wrap:wrap;
	
}

.zh-row-mr{
margin:15px;
	
}

.zh-booking .zh-col{
    flex:1;
}

.zh-booking  [class*="zh-grid-"]{
    display:grid;
	
	box-sizing:border-box;
	width:100%;
}




.zh-grid-12 { width:100%; }

@media screen and (min-width:300px) and (max-width:768px){
.zh-grid-xs-1 { width : 8.333%  !important; flex: 0 0 calc(8.333% - 10px) !important; }
.zh-grid-xs-2 { width : 16.667%  !important; flex: 0 0 calc(16.667% - 10px) !important; }
.zh-grid-xs-3 { width : 25%  !important; flex: 0 0 calc(25% - 10px) !important; }
.zh-grid-xs-4 { width : 33.333%  !important; flex: 0 0 calc(33.333% - 10px) !important; }
.zh-grid-xs-5 { width : 41.667%  !important; flex: 0 0 calc(41.667% - 10px) !important; }
.zh-grid-xs-6 { width : 50%  !important; flex: 0 0 calc(50% - 10px) !important; }
.zh-grid-xs-7 { width : 58.333%  !important; flex: 0 0 calc(58.333% - 10px) !important; }
.zh-grid-xs-8 { width : 66.667%  !important; flex: 0 0 calc(66.667% - 10px) !important; }
.zh-grid-xs-9 { width : 75%  !important; flex: 0 0 calc(75% - 10px) !important; }
.zh-grid-xs-10 { width : 83.333%  !important; flex: 0 0 calc(83.333% - 10px) !important; }
.zh-grid-xs-11 { width : 91.667%  !important; flex: 0 0 calc(91.667% - 10px) !important; }
.zh-grid-xs-12 { width : 100%  !important; flex: 0 0 calc(100% - 10px) !important; }
}



@media screen and (min-width:768px) and (max-width:992px){
.zh-grid-sm-1 { width : 8.333%  !important; flex: 0 0 calc(8.333% - 10px) !important; }
.zh-grid-sm-2 { width : 16.667%  !important; flex: 0 0 calc(16.667% - 10px) !important; }
.zh-grid-sm-3 { width : 25%  !important; flex: 0 0 calc(25% - 10px) !important; }
.zh-grid-sm-4 { width : 33.333%  !important; flex: 0 0 calc(33.333% - 10px) !important; }
.zh-grid-sm-5 { width : 41.667%  !important; flex: 0 0 calc(41.667% - 10px) !important; }
.zh-grid-sm-6 { width : 50%  !important; flex: 0 0 calc(50% - 10px) !important; }
.zh-grid-sm-7 { width : 58.333%  !important; flex: 0 0 calc(58.333% - 10px) !important; }
.zh-grid-sm-8 { width : 66.667%  !important; flex: 0 0 calc(66.667% - 10px) !important; }
.zh-grid-sm-9 { width : 75%  !important; flex: 0 0 calc(75% - 10px) !important; }
.zh-grid-sm-10 { width : 83.333%  !important; flex: 0 0 calc(83.333% - 10px) !important; }
.zh-grid-sm-11 { width : 91.667%  !important; flex: 0 0 calc(91.667% - 10px) !important; }
.zh-grid-sm-12 { width : 100%  !important; flex: 0 0 calc(100% - 10px) !important; }




}




@media screen and (min-width:992px) and (max-width:1224px){
.zh-grid-md-1 { width : 8.333%  !important; flex: 0 0 calc(8.333% - 10px) !important; }
.zh-grid-md-2 { width : 16.667%  !important; flex: 0 0 calc(16.667% - 10px) !important; }
.zh-grid-md-3 { width : 25%  !important; flex: 0 0 calc(25% - 10px) !important; }
.zh-grid-md-4 { width : 33.333%  !important; flex: 0 0 calc(33.333% - 10px) !important; }
.zh-grid-md-5 { width : 41.667%  !important; flex: 0 0 calc(41.667% - 10px) !important; }
.zh-grid-md-6 { width : 50%  !important; flex: 0 0 calc(50% - 10px) !important; }
.zh-grid-md-7 { width : 58.333%  !important; flex: 0 0 calc(58.333% - 10px) !important; }
.zh-grid-md-8 { width : 66.667%  !important; flex: 0 0 calc(66.667% - 10px) !important; }
.zh-grid-md-9 { width : 75%  !important; flex: 0 0 calc(75% - 10px) !important; }
.zh-grid-md-10 { width : 83.333%  !important; flex: 0 0 calc(83.333% - 10px) !important; }
.zh-grid-md-11 { width : 91.667%  !important; flex: 0 0 calc(91.667% - 10px) !important; }
.zh-grid-md-12 { width : 100%  !important; flex: 0 0 calc(100% - 10px) !important; }

}



@media screen and (min-width:1224px) and (max-width:15000px){
.zh-grid-lg-1 { width : 8.333%  !important; flex: 0 0 calc(8.333% - 10px) !important; }
.zh-grid-lg-2 { width : 16.667%  !important; flex: 0 0 calc(16.667% - 10px) !important; }
.zh-grid-lg-3 { width : 25%  !important; flex: 0 0 calc(25% - 10px) !important; }
.zh-grid-lg-4 { width : 33.333%  !important; flex: 0 0 calc(33.333% - 10px) !important; }
.zh-grid-lg-5 { width : 41.667%  !important; flex: 0 0 calc(41.667% - 10px) !important; }
.zh-grid-lg-6 { width : 50%  !important; flex: 0 0 calc(50% - 10px) !important; }
.zh-grid-lg-7 { width : 58.333%  !important; flex: 0 0 calc(58.333% - 10px) !important; }
.zh-grid-lg-8 { width : 66.667%  !important; flex: 0 0 calc(66.667% - 10px) !important; }
.zh-grid-lg-9 { width : 75%  !important; flex: 0 0 calc(75% - 10px) !important; }
.zh-grid-lg-10 { width : 83.333%  !important; flex: 0 0 calc(83.333% - 10px) !important; }
.zh-grid-lg-11 { width : 91.667%  !important; flex: 0 0 calc(91.667% - 10px) !important; }
.zh-grid-lg-12 { width : 100%  !important; flex: 0 0 calc(100% - 10px) !important; }

}


.zh-row-justify-center{
	
	
	justify-content:center;
	
}

.zh-row-align-center{
	
	
	align-items:center;
	
}


.zh-row-center{
	
	justify-content:center;
	align-items:center;
	
}


@media screen and  (max-width:768px){



}







.zh-booking .zh-widget{
	
	position:relative;
	background-color:#fff;
	border-radius:8px;
	box-shadow:0 0 7px #999;
	
}


.zh-booking .zh-widget .zh-widget-header{
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	position:relative;
	box-sizing:border-box;
	padding:10px;
	font-weight:bold;
	font-size:13px;
	border-bottom:solid 1px #f0f0f0;
	background-color:#fbfbfb;
}

.zh-booking .zh-widget .zh-widget-header.zh-widget-header-blue{

	background-color:#e6f3ff;
}

.zh-booking .zh-widget .zh-widget-header.zh-widget-header-red{

	background-color:#ffe2e3;
}

.zh-booking .zh-widget .zh-widget-header.zh-widget-header-green{

	background-color:#e5fee0;
}

.zh-booking .zh-widget .zh-widget-header.zh-widget-header-purple{

	background-color:#fad5ff;
}

.zh-booking .zh-widget .zh-widget-header.zh-widget-header-yellow{

	background-color:#fff5be;
}


.zh-booking .zh-widget .zh-widget-body{
	
	position:relative;
	box-sizing:border-box;
	padding:10px;
	
	
}


.zh-booking * {
    box-sizing: border-box;
}





.zh-tab-box{
	
position:relative;	
box-sizing: border-box;
opacity:0.0;
border-top-left-radius:7px;
border-bottom-left-radius:7px;
}

.zh-tab-box .zh-tab-box-body{
	
position:relative;	
box-sizing: border-box;

border:solid 1px #ccc;
padding:15px;
background:#fff;	
min-height:300px;


border-top-left-radius:7px;
border-bottom-left-radius:7px;

}


.zh-tab-box .zh-tab-box-body > h4:first-child{
font-size:14px;
font-family:inherit;
margin:0 0 7px 0;
padding:0 0 7px 0; 
border-bottom:solid 1px #f0f0f0;	


}



.zh-tab-box .zh-tab-box-side{

box-sizing: border-box;
list-style-type:none;
margin:0;
width:200px;
height:100%;
position:absolute;
top:0px;
right:1px;
z-index:10000;


display:flex;
flex-direction: column;
	
}


.zh-tab-box .zh-tab-box-side > li{
list-style-type:none;	
position:relative;	
box-sizing: border-box;
padding:6px;	
margin:0;


border-left-width:1px;
border-bottom-width:0;

background:var(--color-b);


 display:flex;



box-shadow:3px 3px 5px #acacac inset ;


border:solid 1px #ccc;

border-top-width:0;
border-right-width:1px;
border-bottom-width:0;
border-left-width:0;



}



.zh-tab-box .zh-tab-box-side > li.actived{

box-shadow:none;

border-left-width:0;

background:#fff;

}



.zh-tab-box .zh-tab-box-side > li:first-child{

border-top-width:1px;	


border-top-right-radius:7px;


}


.zh-tab-box .zh-tab-box-side > li:last-child{
	border-bottom-width:1px;
	

border-bottom-right-radius:7px;
}



.zh-tab-box .zh-tab-box-side > li.actived:first-child{


border-top-width:1px;	


}


.zh-tab-box .zh-tab-box-side > li:last-child{
	border-bottom-width:1px;
	
}






.zh-tab-box .zh-tab-box-side > li a{

flex:1;
display:flex;
align-items:center;
gap:6px;
width:100%;
height:100%;
text-decoration:none;
color:var(--color-a);	
padding-right:8px;




}


.zh-tab-box .zh-tab-box-side > li.actived a{
 opacity:1.0;
 filter:none;
	
}

.zh-tab-box .zh-tab-box-side > li a > span:before{
	

}
.zh-tab-box .zh-tab-box-side > li a > span{
font-size:35px;

width:43px;
height:43px;


display:flex;
align-items:center;
justify-content:center;
}

.zh-tab-box .zh-tab-box-side > li a > b{
vertical-align:middle;
display:inline-block;
padding-right:4px;
font-size:15px;

}


@media screen and (max-width:768px){
.zh-tab-box .zh-tab-box-side > li a > span{
font-size:20px;
width:45px;
height:45px;

}
.zh-tab-box .zh-tab-box-side > li a {
 aspect-ratio: 1/1;
 padding-right:0;
}
.zh-tab-box .zh-tab-box-side{


width:40px;
	
}	
.zh-tab-box .zh-tab-box-side > li a > b{
display:none;

}	
	
}






.zh-form-group{
	
	margin-top:10px;
	
	position:relative;
	
}


.zh-form-group > label{
	display:block;
	margin:7px 0 7px 0;
	font-size:11px;
	font-weight:bold;
}



.zh-form-group input:not([type="checkbox"]):not([type="radio"]),
.zh-form-group select,
.zh-booking span.select2

{
	display:block;
	margin:3px 0 3px 0;
	font-size:11px;
	font-weight:bold;
    resize:none;
	border-radius:4px;
	box-sizing:border-box;
	width:100%;
	outline:none;
	border:solid 1px #ccc;
	max-width:100%;
    padding: 0 12px;
    min-height: 33px;
	
}

.zh-form-group textarea:not([class^="select2-search"])

{
	
	min-height:150px;
    display:block;
	margin:3px 0 3px 0;
	font-size:11px;
	font-weight:bold;
    resize:none;
	border-radius:4px;
	box-sizing:border-box;
	width:100%;
	outline:none;
	border:solid 1px #ccc;
	max-width:100%;
    padding:12px;
	
	
	
}



.select2-container--default .select2-selection--multiple ,
.select2-container--default.select2-container--focus .select2-selection--multiple 



{
	outline:0;
	border:none;
	
}






.ltr-center{
	
	direction:ltr !important;
	text-align:center !important;
	
}

.ltr-left{
	
	direction:ltr !important;
	text-align:left !important;
	
}

.ltr-right{
	
	direction:ltr !important;
	text-align:right !important;
	
}


.zh-boxloading{
	
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
    color:#fff;	
	
}




.zh-spinner{
    width:60px;
    height:60px;

    border:9px solid transparent;
    border-top-color:#15ea2c;
    border-right-color:#fff;
    border-left-color:#ff454d;
    border-bottom-color:#e5ff00;
     


    border-radius:50%;
 
    animation:zh-spin 0.8s linear infinite;
	
	
}

@keyframes zh-spin{

    from{
        transform:rotate(0deg);
    }

    to{
        transform:rotate(360deg);
    }

}




.zh-booking-inlinemsg{
	
	position:fixed;
	bottom:8px;
	left:8px;
	box-sizing:border-box;
	z-index:9998;
	background-color:#000;
	width:300px;
	border-radius:8px;
	box-shadow:0 0 6px #555;
	font-family:var(--font-family);
}


.zh-booking-inlinemsg-body{
	
font-size:12px;
box-sizing:border-box;	
padding:14px;	
color:#fff;
font-weight:bold;
}


.zh-booking-inlinemsg-closebtn{
    background-color:inherit;
	border-radius:100%;
    position:absolute;	
	text-decoration:none;
	top:-6px;
	right:-6px;
	z-index:9999;
    width:20px;
	height:20px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-weight:bold;
	outline:none !important;
	
}
.zh-booking-inlinemsg-closebtn:hover{
	outline:none !important;
	color:#fff !important;
}

.zh-booking-inlinemsg.zh-booking-inlinemsg-blue{

	background-color:#040150;
}

.zh-booking-inlinemsg.zh-booking-inlinemsg-red{

	background-color:#9a0016;
}

.zh-booking-inlinemsg.zh-booking-inlinemsg-green{

	background-color:#005d31;
}

.zh-booking-inlinemsg.zh-booking-inlinemsg-purple{

	background-color:#5c007a;
}

.zh-booking-inlinemsg.zh-booking-inlinemsg-yellow{

	background-color:#bb7200;
}






.zh-btn{
	--btn-color:#040404;
    display:inline-flex;
    align-items:center;
    justify-content:center;
	font-weight:bold;
	font-size:13px;
	font-family:var(--font-family);
	min-height:40px;
    padding:0 16px;
    gap:3px;
	cursor:pointer;
	background-color:transparent;
	border-radius:3px;
	border-width:2px;
	border-style:solid;
	border-color:currentColor;
	color:#040404;
	
	
	  transition:
        background-color .40s ease,
        color .40s ease,
        border-color .40s ease,
        transform .30s ease;
	
	
}





.zh-btn.zh-btn-sm{
	
   
    
	font-weight:normal;
	font-size:10px;
	
	min-height:30px;
    padding:0 6px;
    gap:1px;

	
	

	
	
}







.zh-btn.zh-btn-block{
	
	display:flex;
	width:100%;
}


.zh-btn > span{
	
	width:25px;
	height:25px;
	font-size:25px;
	
}


.zh-btn:hover{
	--btnhover-color : var(--btn-color);
	background-color:var(--btnhover-color);
	color:#fff !important;
	
	border-radius:3px !important;
	border-width:2px !important;
	border-style:solid !important;
	border-color:color-mix(
        in srgb,
        var(--btn-color) 60%,
        black
    ) !important;
	
}

.zh-btn.zh-btn-blue{

--btn-color:var(--color-blue);
color:var(--btn-color);
	
	
}

.zh-btn.zh-btn-red{

--btn-color:var(--color-red);
color:var(--btn-color);
	
	
}

.zh-btn.zh-btn-green{

--btn-color:var(--color-green);
color:var(--btn-color);
	
}

.zh-btn.zh-btn-yellow{

--btn-color:var(--color-yellow);
color:var(--btn-color);
	
}

.zh-btn.zh-btn-purple{
--btn-color:var(--color-purple);
color:var(--btn-color);
	
	
}



.zh-select-file-div{
	
	width:100%;
	box-sizing:border-box;
	position:relative;
	display:flex;
	gap:0px;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}



.zh-select-file-div  .zh-select-file-input {
	
	flex:7;
	
	
}


.zh-select-file-div  .zh-select-file-btn {
	
	cursor:pointer;
	border:none;
	border-radius:4px;
	color:#666;
	background-color:#f0f0f0;
	font-family:var(--font-family);
	font-size:10px;
	height:35px;
		flex:3;
	
	
}

@media screen and (max-width:960px){
	
.zh-select-file-div  {
	
	flex-direction:column;
	
	
}	
	
.zh-select-file-div  .zh-select-file-input {
	
	flex:10;
	
	
}
	
.zh-select-file-div  .zh-select-file-btn {
	width:100%;
	flex:10;
	height:45px;
	
}	
	
}




.zh-booking-front-main{
	
	
	font-family:var(--font-family);
	font-size:12px;
}









.zh-datagrig-pagination{
	
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	margin-top:35px;
	margin-bottom:35px;
	flex-direction:column;
}

.zh-datagrig-pagination .zh-datagrig-pagination-btns{
	
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	margin-top:0px;
	margin-bottom:0px;
	flex-direction:row;
}


.zh-datagrig-pagination .zh-datagrig-pagination-btns .zh-page-btn{
	
	display:inline-flex;
	width:32px;
	height:32px;
	border-radius:100%;
	background-color:#c5c5c5;
	border:solid 1px #999;
	color:#444;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:0.8rem;
}

.zh-datagrig-pagination .zh-datagrig-pagination-btns .zh-page-btn.zh-page-btn-active{
	

	background-color:var(--color-blue);
	border:solid 1px var(--color-blue);
	color:#fff;
	
}



.zh-table-container{
	
	width:100%;
	box-sizing:border-box;
	padding:0;
	margin:0;
    overflow-x:auto;	
}

.zh-table{
	
border-collapse:collapse;
border:solid 1px #c5c5c5;
width:100%;	
background:#fff;	
}

.zh-table.zh-table-center{
	
text-align:center;
	
}

.zh-table th{
	font-weight:bold;
}

.zh-table th,.zh-table tr{
border:solid 1px #c5c5c5;
padding:7px;
}

.zh-table tbody tr:nth-child(odd){
	
	background:#fff;
}


.zh-table tbody tr:nth-child(even){
	
background:#e5dfff;	
}




.zh-modal{
display:flex;
align-items:center;
justify-content:center;
top:0;
left:0;
z-index:999999;
position:fixed;
width:100%;
height:100%;	
background-color:rgba(0,0,0,0.6);		
}




.zh-modal .zh-modal-content{

display:block;	

width:60%;
height:auto;

background:#fff;
color:#222;

border-radius:5px;
border:solid 1px #888;	

box-sizing:border-box;
padding:0;
margin:20px;	
transform: translateY(-100vh);
transition: transform 0.3s ease;
}

.zh-modal.zh-modal-show .zh-modal-content{
    transform: translateY(0);
}



.zh-modal.zh-modal-xs .zh-modal-content{
	
	width:350px ;
	
}
.zh-modal.zh-modal-sm .zh-modal-content{
	
	width:500px ;
	
}


.zh-modal .zh-modal-content .zh-modal-header{
position:relative;
display:flex;
align-items:center;
font-size:1.1rem;
font-weight:bold;	
gap:6px;
box-sizing:border-box;
padding:12px;
border-bottom:solid 1px #ccc;	
}
.zh-modal .zh-modal-content .zh-modal-header > h3{
font-size:1.1rem;
font-weight:bold;	
margin:0;
padding:0;
font-family:var(--font-family);	
}


.zh-modal .zh-modal-content .zh-modal-header > .zh-modal-closebtn{
position:absolute;
top:50%;
left:7px;
transform:translateY(-50%);	
font-weight:bold;
font-size:20px;
font-family:tahoma;
cursor:pointer;
display:inline-block;
color:#666;
}

.zh-modal .zh-modal-content .zh-modal-header > .zh-modal-closebtn:hover{
	
	color:#000;
}

.zh-modal .zh-modal-content .zh-modal-body{
position:relative;
box-sizing:border-box;
padding:13px;
overflow-y:auto;	
}



@media screen and (max-width:780px){
	
	.zh-modal .zh-modal-content{
		width:95%;
	}
	
	
}



@media screen and (min-width:780px) and (max-width:1000px) {
	
	.zh-modal .zh-modal-content{
		width:75%;
	}
	
	
}




@media screen and (min-width:1000px)  {
	
	.zh-modal .zh-modal-content{
		width:65%;
	}
	
	
}