*{box-sizing: border-box} 
html{ height: 100%; }
html, body {background-color: #ffffff;  margin: 0px;  }
body{ border: 0; margin: 0; padding: 0; box-sizing: border-box; font-family: 'Roboto', 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: 70px; margin-right: 70px; 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: 70px; margin-left: 70px; padding-top: 2px; overflow: hidden;  }

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

input[type=password] { border: 1px solid #b0b0b0; height: 35px; padding-left: 3px; font-size: 14px;}
input[type="button"]{ background-color: #ed4a28; 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: #ed4a28; border: none; height: 35px; color: white; padding: 6px 15px; text-align: center; text-decoration: none;  display: inline-block; 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]{ border: 1px solid #b0b0b0; height: 35px; width: 160px; padding-left: 3px; font-size: 14px;}
input.small[type=text] { border: 1px solid #b0b0b0;  height: 35px; width: 60px; padding-left: 3px; font-size: 14px;}
input.medium[type=text] { border: 1px solid #b0b0b0;  height: 35px; width: 250px; padding-left: 3px; font-size: 14px;}

input[type='radio']:after {  width: 11px;  height: 11px;  border-radius: 11px; top: -2px;  left: -1px; position: relative;  background-color: #d1d3d1; content: '';  display: inline-block; visibility: visible; border: 3px solid #f2f2f2; cursor:pointer; }
input[type='radio']:checked:after { width: 11px; height: 11px; border-radius: 11px; top: -2px; left: -1px; position: relative; background-color: #ed4a28; content: ''; display: inline-block; visibility: visible; border: 3px solid #f2f2f2; cursor:pointer;}
input[type='checkbox'] { accent-color: #ed4a28; }

.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;
	margin-right: 0px;
	height: 120px;
	background-color: #566a7a;
	color: #acb3bd;
	/*flex-direction: column;*/
}

.cb_searchObjectResultDiv__top--stage{
	border-bottom: 1px solid #566a7a;
	width: 33.1%;
	height: 100%;
	padding: 10px;
	background-color: #566a7a;
}

.cb_searchObjectResultDiv__top--stage.cb_searchObjectResultDiv__top--stage_done{
	border-bottom: 6px solid #8bc63e;
	background-color: #073749;
	color: white;			
}

.cb_searchObjectResultDiv__top--stage.cb_searchObjectResultDiv__top--stage_current{
	border-bottom: 6px solid #073749;
	background-color: #073749;
	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: #acb3bd; 
	border-radius: 50%; 
	color: #073749; 
	font-size: 25pt; 
	font-weight: bold; 
	text-align: center; 
	line-height: 50px;		
}

.cb_searchObjectResultDiv__top--stage--step--header{
	float: left;
	margin-left: 20px;
	margin-top: 30px; 		 
}	
.cb_searchObjectResultDiv__top--stage--step--change{
	float: right; margin-top: 67px; margin-right: 10px; font-size: 13px; color: #ffffff; cursor: pointer;
}

.cb_searchObjectResultDiv__top--stage--step.cb_searchObjectResultDiv__top--stage_done{
	background-color: white; 
	color: #073749; 
}

.cb_searchObjectResultDiv__top--stage--step.cb_searchObjectResultDiv__top--stage_current{
	background-color: white;
	color: #073749;
}				

.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: 20px;
	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_maincustomerInfoFields{
	background-color: #ffffff;
	margin-top:20px;
	padding:20px;
}

.cb_searchObjectResultDivItem__content .header{margin-top:30px; color:#073749;}

.cb_searchObjectResultDivItem__total{color:#ed4a28;}

.cb_searchObjectResultDivItem__confirmObjectContainer-left{float:left;width:40%;padding-right:10px;padding-top:100px;}

.cb_searchObjectResultDivItem__confirmObjectContainer-right{float:left; width:60%;}

.cb_bookFormSbtBtn{width:100%;}

.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: 90px;
	height: 35px;
	padding: 10px 10px;
	border: 0px solid #4c7eb1;
	border-radius: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	cursor: pointer;
	background-color: #ed4a28;
	color: white; 	
	
	
}
.cb_searchObjectResultDivItem-pickbutton_not{
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;	
	font-size: 16px;
	text-align: center;
	color: #143345;
}

.cb_flex-companyunit-container{
	margin: 40px;
	margin-top: 75px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.cb_flex-companyunit-item{
	flex: 0 0 45%;
	height: 100px;
	width: 200px;
	border-radius: 10px;
	font-size: 16pt;
	line-height: 100px;
	text-align: center;
	background-color: #073749;
	color: white;
	cursor: pointer;
	margin-top: 10px;
}

.cb_flex-companyunit-item:hover{
	filter: brightness(125%);
}



.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:20px;
	
}


.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;

}

.cb_paymentOptionButton{
	width: 150px; 
	height: 200px; 	
	border-radius: 0px; 
	line-height: 20px; 
	font-size: 15px; 
	font-weight: 300;
	cursor: pointer; 
	text-transform: uppercase;
	float:left;
	text-align:center;
}

.cb_paymentOptionButton img{
	width: 150px; 
	height: 150px; 
	background-color: #f0f0f0;
}

.cb_paymentOptionButton:hover{
	background-color: #ffffff;
}


.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: hidden; overflow-y: auto; background-color: #ffffff; top: 50px; left: 50%; margin-left: -300px; width: 600px; min-height: 400px; max-height: calc(100% - 100px); box-shadow: 10px 10px 15px #333333; }



.continue-square{
	position:fixed;
	right:70px;
	bottom:50px;
	cursor:pointer;
}
.continue-square-text{
	float:left;
	background-color: #073749;
	color:#ffffff;
	padding:20px;
	text-align:right;
	height:90px;
	padding-left:50px;
}
.continue-square-line{
	float:left;
	background-color: #ed4a28;
	width:10px;
	height:90px;
}

.cb_addArticle_count{
    height: 35px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	margin-top: 15px;
}

.cb_addArticle_count_amount{
    padding: 10px 10px;
    text-align: center;
}

.cb_addArticle_count_button{
    padding: 10px 10px;
    cursor: pointer;
    background-color: #ed4a28;
    color: white;
	width: 30px;
	display: inline-block;
}
@media only screen and (max-width: 1360px){
	
	.cb_searchObjectResultDiv__top--stage{
		padding:0px;

	}
	.cb_searchObjectResultDivItem__confirmObjectContainer-left{width:100%;padding-top:0px;}

	.cb_searchObjectResultDivItem__confirmObjectContainer-right{width:100%;}
}

@media only screen and (max-width: 1300px){
	.cb_searchObjectResultDiv__top--stage--step{
		margin-left:5px;
		margin-top:5px;
		width:40px;
		height:40px;
		line-height:40px;
	}
	.cb_searchObjectResultDiv__top--stage--step--header{
		margin-left:10px; 
	}
	.cb_searchObjectResultDiv__top{
		
	}
	.cb_searchObjectResultDiv__top--stage--step--change{
		margin-top:10px;
		margin-left:100px;
	}
}


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


}



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

	.cb_searchObjectResultDivItem__content_left{
		width: 75%;
	}

	.cb_searchObjectResultDivItem__content_right{	
		width: 75%;
	}	
}


@media only screen and (max-width: 980px){
	
	
	.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--step{ margin-top: 10px; height: 40px; width: 40px; font-size: 15px; line-height: 40px; }

	.cb_searchObjectResultDiv__top--stage--step--header{
		margin-top: 10px;
		
	}	

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


	.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%; }

	.continue-square{ right: 0px; }
}


@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');
}