@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face {
    font-family: ToyotaDisplay;
    src: url('../includes/fonts/ToyotaDisplay_Bd.ttf') format('truetype'), 
         url('../includes/fonts/ToyotaDisplay_Rg.ttf') format('truetype');
}


*{box-sizing: border-box} 
html{ height: 100%; }
html, body {background-color: #ffffff;  margin: 0px;  }
body{ color: border: 0; margin: 0; padding: 0; box-sizing: border-box; font-family: 'Open Sans', 'Helvetica', 'sans-serif'; font-size: 14px; font-weight: 400; background-color: #f4f4f4; min-height: 100vh;}
.content_wrapper{box-sizing: border-box; border: 1px solid #ffffff; width: 100%; min-height: 100vh; margin: 0; padding: 0; background-color: #ffffff;}

.top-column{margin-left: 0px; margin-right: 0px; margin-top: 10px; height: 40px; background-color: #f4f4f4; }
.menu{margin-top: 50px; margin-left: 20px; padding-left: 20px; border: 0px solid black; background-color: #f4f4f4; width: 180px; padding-bottom: 40px; color: #000000}
.menuheader{ height: 30px; line-height: 30px; padding-top: 4px; border-bottom: 0px solid black;}
.menuheadertop{line-height: 40px;}
.menutop{ padding-left: 15px; border: 0px solid black; background-color: #f4f4f4; padding-bottom: 40px; }

.menuheaderresp{ height: 25px; line-height: 25px; padding-top: 4px;}

.topheader{ height: 70px; line-height: 70px; margin-left: 20px; font-size: 16px;}


.box { float: left; width: 30%; height: 340px; border: 0px solid black; margin-left: 20px;}
.boxline { float: left; width: 1px; height: 340px; background-color: #bdbdbd;}
.boxlinenor { height: 1px; background-color: #bdbdbd; width: 95%; margin-top: 20px; margin-bottom: 20px;}


.pagecontent {min-height: 680px; background-color: #f4f4f4; }
.page {min-height: 650px; background-color: #f4f4f4; padding: 20px;}



.pageright {padding-left: 10px; }
.pagerightmargin {margin-left: 10px; border: 0px solid black; width: 100%; }
.widthfifty {width: 50%;}
.widthhundred {width: 100%;}

.tab__main{
	width: 100%;
}
.tab__child{
	float: left;
	height: 30px;
	background-color: #E0E0E0;
	text-align: center;
	line-height: 30px;
	font-size: 15px;
	border-left: 1px solid #f6f6f6;
	border-right: 1px solid #f6f6f6;
	margin-bottom: 2px;
}
.tab__child:hover{
	background-color: #888888;
	cursor: pointer;
}

.tab__child--selected{
	background-color: #B0B0B0;
}
.tab__child--under{
	background-color: #4c7eb1;
}

.horizonalline{ border-bottom: 1px solid #bdbdbd; width: 100%; max-width: 550px;}
.horizonallinebottom{ border-top: 1px solid #bdbdbd; padding-top: 5px;}
.horizonallinenowidth{ border-bottom: 1px solid #bdbdbd;}

.headrow {border-bottom: 0px solid #d5d5d5; border-radius: 4px 4px 0px 0px;}
.listrowprocent{float: left; border: 0px solid black;  height: 30px; line-height: 30px; padding-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.viewinvoiceshow{position: fixed; margin-left: -400px; left: 50%; top: 5%; width: 800px; height: 90%; overflow-y: hidden; background-color: #f6f6f6; border: 1px solid #828282; padding: 0px; opacity: 1; z-index: 22; }
.popupBack{ position: fixed; width: 100%; overflow: auto; top:-5px;left:-5px; background-color: #000000; opacity: 0.7; height: 100%; z-index: 21; }

.middle-column{ box-sizing: border-box; border: 0px solid black; margin-right: 0px; margin-left: 0px; padding-top: 2px; overflow: hidden;  }

.header{font-size: 18px; }
.header_small{font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300;}

input[type=password] {  height: 35px; padding-left: 3px; font-size: 14px;}
input[type="button"]{ background-color: #e50000; border: none; height: 35px; color: white; padding: 6px 15px; text-align: center; text-decoration: none;  display: inline-block; font-size: 14px; margin-right: 4px}
input[type="submit"]{ background-color: #e50000; border: none; height: 35px; color: white; padding: 6px 15px; text-align: center; text-decoration: none;  display: inline-block; font-family: ToyotaDisplay; font-size: 14px; margin-right: 4px}
select { border: 1px solid #828282; height: 35px}
input[type=text], input[type=number], input[type=tel], input[type=email]{  height: 35px; width: 160px; padding-left: 3px; font-size: 14px;}
input.small[type=text] {   height: 35px; width: 60px; padding-left: 3px; font-size: 14px;}
input.medium[type=text] {  height: 35px; width: 250px; padding-left: 3px; font-size: 14px;}

.inputrownowidth{float: left; margin-right: 10px; margin-top: 10px;}
.inputrowsmall{float: left; margin-right: 10px; margin-top: 10px; width: 60px}
.inputrowsmaller{float: left; margin-right: 10px; margin-top: 10px; width: 100px;}
.inputrow{float: left; margin-right: 10px; margin-top: 10px; width: 250px; border: 0px solid black}
.inputrowsmedium{float: left; margin-right: 10px; margin-top: 10px; width: 250px}
.inputrowwide{float: left; margin-right: 10px; margin-top: 10px; width: 330px}
.inputrowsales{float: left; margin-right: 10px; margin-top: 10px; width: 160px}
.inputrownomargin{float: left; margin-top: 10px; width: 140px}

a.menuheader{ color: #000000; text-decoration: none;}


a{ color: #000000; text-decoration: none;}
.clear{clear: both;}
.dolj{display: block;}
.showrespmenu{ display: none;}


.line{		
	background-color: #000000;
	width: 23px;
	height: 3px;
	margin: 4px 0;		
	
}
.leftMenuExtended_setup{ display: inline-block; margin-left: 10px;}
.menuheader_extend{ height: 22px; line-height: 22px; padding-top: 4px; border-bottom: 0px solid black; color: #ebf1fd;}


.leftDivepage{ width: 30%; max-width: 200px; }
.rightDivPage{ width: 70%; }

.timeclockpick{
	background: url('./../v1/images/clock_icon.png') 95% 50% no-repeat;
	background-size:16px;
	padding-right: 20px;
	cursor: pointer;
	background-color: white;	
	width: 70px !important;
}

.btn:hover{
/*	transform: translateY(-0.0em); */
	box-shadow: 0px 2px 2px grey;
}

.btn:disabled{
	background-color: gray;
	box-shadow: none;
	cursor: not-allowed;
}


.booking-searchavailableobjects{
	margin-top: 40px;
	margin-left: 30px;
}


.menuDiv{display: none; position: absolute; top: 0px; left: 50px; z-index: 40; min-height: 250px; width: 300px; background-color: #f4f4f4; padding-bottom: 20px;}


.ResultDivCity{
	background-color: lightgray;
	position: relative;
}

.searchCollumnzip:hover{
	background-color: #C8C8C8;
}

.searchCollumnzip{
	border: 1px solid #919191; 
	padding-left: 3px; 
	cursor: pointer; 
	white-space: nowrap; 
	line-height: 30px; 
	height: 30px; 
	width: 100%; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.cb_searchObjectResultDiv__top{
	display: flex;
	margin-left: 0px;625959
	margin-right: 0px;
	height: 120px;
	background-color: #343332;
	color: #fff;
    border-radius: 10px 10px 0px 0px;
	/*flex-direction: column;*/
}

.cb_searchObjectResultDiv__top--stage{
	border-bottom: 1px solid #000;
	width: 33.3%;
	height: 100%;
	padding: 10px;
	background-color: #606060;
}

.cb_searchObjectResultDiv__top--stage.cb_searchObjectResultDiv__top--stage_done{
	border-bottom: 6px solid #e50000;
	background-color: #2c2c2c;
	color: white;	
}

.cb_searchObjectResultDiv__top--stage.cb_searchObjectResultDiv__top--stage_current{
	border-bottom: 6px solid #5d5d5d;
	background-color: #606060;
	color: white;
}

.cb_searchObjectResultDiv__top--stage + .cb_searchObjectResultDiv__top--stage{
	border-left: 2px solid white;
}	


.cb_searchObjectResultDiv__top--stage--step{
	float: left; 
	width: 50px; 
	height: 50px;
	margin-left: 20px; 
	margin-top: 20px; 
	background-color: #e50000; 
	border-radius: 50%; 
	color: #fff; 
	font-size: 25pt; 
	font-weight: bold; 
	text-align: center; 
	line-height: 50px;		
}

.cb_searchObjectResultDiv__top--stage--step.cb_searchObjectResultDiv__top--stage_done{
	background-color: #e50000; 
	color: #fff; 
}

.cb_searchObjectResultDiv__top--stage--step.cb_searchObjectResultDiv__top--stage_current{
	background-color: #e50000;
	color: #fff;
}				

.cb_searchObjectResultDiv__top--stage_header{
	width: 100%;
	font-size: 12pt;
}	

.cb_searchObjectResultDiv{
	width: 100%; 
	#max-width: 1220px; 
	display: flex;
	flex-wrap: wrap;
	padding: 0px;
	border: 0px solid #000000;
#	justify-content: center;
	
}

.cb_searchObjectResultDivItem{
	width: 33.33%;
	height: 360px;
	background-color: white;
	border: 2px solid #f4f4f4;
	padding: 10px;
}

.cb_object_image{
	max-height: 130px; 
	max-width: 240px; 
	border-radius: 2px;
}

.cb_searchObjectResultDivItem__header{
	height: 20px;
	width: 100%;
	border: 0px solid blue;
}

.cb_searchObjectResultDivItem__middle{
	height: 150px;
	width: 100%;
	padding-top: 30px;
}	

.cb_searchObjectResultDivItem__bottom{
	margin-top: 20px;
	height: 150px;
	width: 100%;
}		

.cb_searchObjectResultDivItem__content{
	margin-left: 30px;
	margin-right: 30px;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}

.cb_searchObjectResultDivItem__content_left{
	margin-top: 40px; 
	border: 0px solid black; 
	width: 55%;
	margin: auto;
}

.cb_searchObjectResultDivItem__content_right{

	margin-top: 40px; 
	border: 0px solid black; 
	width: 55%;
	margin: auto;

}
.cb_searchObjectResultDivItem__header-name{
	font-size: 16px;
	color: #143345;
	font-weight: bold; 
}	

.cb_searchObjectResultDivItem__bottom-price{
	font-size: 22px;
	text-align: center;
	color: #143345;
	font-weight: bold; 
	
}	

.cb_searchObjectResultDivItem__bottom-price-from{
	margin-top: 20px;
	font-size: 13px;
}

.cb_searchObjectResultDivItem__select{
	margin-top: 30px;
}	


.cb_notvaliabletext{

	max-width: 600px; 
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 30px; 	
	padding: 20px; 
	border: 2px solid #3f5967; 
	border-radius: 0px;
}

.cb_searchObjectResultDivItem-pickbutton{

	width: 80px;
	height: 35px;
	padding: 10px 10px;
	border: 0px solid #4c7eb1;
	border-radius: 0px;
    font-family: ToyotaDisplay;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	cursor: pointer;
	background-color: #e50000;
	color: white; 
	
	
}
.cb_searchObjectResultDivItem-pickbutton_not{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;	
	font-size: 16px;
	text-align: center;
	color: #990000;
}


.cb_flex-companyunit-item{
	background-color: #2c2c2c;
}

.cb_searchObjectResultDivItem__confirmObjectContainer{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.cb_searchObjectResultDivItem__confirmObjectContainer--Block{
#	min-width: 50%;
	width: 100%;
	margin-top: 20px;
	background-color: #ffffff;
	padding: 0px;
	
}


.cb_searchObjectResultDivItem__bookingOption_row{
	margin-bottom: 10px;
	margin-top: 10px;
	background-color: #ffffff;

}

.cb_searchObjectResultDivItem__bookingOption{
	float: left;
	width: 50%;
	margin-bottom: 0px;
	padding-left: 8px;

}



.continue-square-text{
	background-color: #2c2c2c;
	color:#ffffff;
}
.continue-square-line{
	background-color: #e50000;
}
.cb_addArticle_count_button{
	background-color: #e50000;
}
.cb_searchObjectResultDivItem__total{
	color: #e50000;
}


.divPopupBlocker{ bottom: 0; left: 0; position: fixed; right: 0; top: 0; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.5); z-index: 150; display: none; }
.divPaymentPopup{ position: fixed; z-index: 155; display: none; border: 2px solid gray; overflow: scroll-y;  top: 50px; left: 50%; margin-left: -300px; width: 600px; min-height: 400px; box-shadow: 10px 10px 15px #333333; }

@media only screen and (max-width: 1300px){
	.cb_searchObjectResultDiv__top--stage--step{
		margin-left:0px;
		margin-top:0px;
		width:35px;
		height:35px;
		line-height:35px;
		padding:0px;
	}
}

@media only screen and (max-width: 1024px){
	.cb_searchObjectResultDivItem{
	width: 50%;
	}
}


@media only screen and (max-width: 880px){
	
	
	.cb_searchObjectResultDivItem__content_left{
		width: 100%;
	}

	.cb_searchObjectResultDivItem__content_right{	
		width: 100%;
		margin-left: 0px;
	}	
	

	.top-column{ margin-left: 0px; margin-right: 0px; }
	.middle-column{ margin-left: 0px; margin-right: 0px; }
	.cb_searchObjectResultDiv__top{display: block; height: 80px; }
	.dolj{display: none; } 
	.showrespmenu{ display: inline-block; }	

	.cb_searchObjectResultDiv__top--stage{ width: 100%; margin-bottom: 2px; }

	.cb_searchObjectResultDiv__top--stage--step{
		width: 40px; 
		height: 40px;
		margin-top: 10px; 
		font-size: 15pt; 
		line-height: 40px;		
	}

	.cb_searchObjectResultDiv__top--stage + .cb_searchObjectResultDiv__top--stage{
		border-left: 0px solid white;
	}

	.divPaymentPopup{ width: 90%; left: 10%; margin-left: -5%; }



	.booking-searchavailableobjects{ margin-top: 60px; }

	.cb_searchObjectResultDivItem__content{ padding-top: 20px; }
	.cb_searchObjectResultDivItem__confirmObjectContainer--Block{ width: 100%; }
}


@media only screen and (max-width: 600px){
	.cb_searchObjectResultDivItem{
		width: 100%;
	}
	

	
}

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

	.cb_searchObjectResultDivItem__bookingOption{
		float: none;
		border: 0px solid black;
		width: 100%

	}		

	.cb_searchObjectResultDivItem__bookingOption_row{
		float: none;
		border: 0px solid black;
		width: 100%;

	}
}


/*----------------------------*/


/* POPUP KALENDER */
.popupDatepick{
	overflow-y: hidden; 
	overflow-x: hidden; 
	position: absolute; 
	min-width: 280px; 
	border-radius: 2px; 
	box-shadow: 10px 10px 10px #d9d9d9;
	color: black;
	z-index:300;
}
.dateToday{
	background-image: radial-gradient(70% 200px at center, rgba(255, 255, 255, 1) , rgba(217, 217, 217, 1) 50% );
	height:80px;
	margin-top:-10px;
	color: black;
}
.tcal {
	background: url('images/cal_black.png') 95% 50% no-repeat;
	background-size:16px;
	padding-right: 20px;
	cursor: pointer;
	background-color: #ffffff;	
}

.tcalActive{
	background-image: url('images/no_cal.png');
}