`.crsbkr .crsbkr_error
{
	display : block;
}

.crsbkr .crsbkr_loading
{
	text-align : center;
	width : 100%;
}

.crsbkr .crsbkr_loading > div,
.crsbkr .crsbkr_loading > div div
{
	box-sizing: border-box;
}

.crsbkr .crsbkr_loading > div
{
	display : inline-block;
	position : relative;
	width : 80px;
	height : 80px;
}

.crsbkr .crsbkr_loading > div div
{
	position : absolute;
	top : 33.33333px;
	width : 13.33333px;
	height : 13.33333px;
	border-radius : 50%;
	background : var(--crsbkr-main);
	border : 0.5px solid var(--crsbkr-main);
	animation-timing-function : cubic-bezier(0, 1, 1, 0);
}

.crsbkr .crsbkr_loading > div div:nth-child(1)
{
	left: 8px;
	animation: crsbkr_loading1 0.6s infinite;
}

.crsbkr .crsbkr_loading > div div:nth-child(2)
{
	left: 8px;
	animation: crsbkr_loading2 0.6s infinite;
}

.crsbkr .crsbkr_loading > div div:nth-child(3)
{
	left: 32px;
	animation: crsbkr_loading2 0.6s infinite;
}

.crsbkr .crsbkr_loading > div div:nth-child(4)
{
	left: 56px;
	animation: crsbkr_loading3 0.6s infinite;
}

@keyframes crsbkr_loading1
{
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}

@keyframes crsbkr_loading3
{
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}

@keyframes crsbkr_loading2
{
	0% { transform: translate(0, 0); }
	100% { transform: translate(24px, 0); }
}

#crsbkr_webcheck.disabled
{
	pointer-events : none;
	user-select : none;
	-webkit-user-select : none;
}

#crsbkr_webcheck form
{
	display : flex;
	flex-wrap : wrap;
	gap : 10px;
	max-width : 400px;
}

.crsbkr select
{
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	border: 1px solid var(--crsbkr-main);
	border-radius: 0;
	margin : 0;
	padding : 10px;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#crsbkr_webcheck form input,
#crsbkr_webcheck div input,
#crsbkr_webcheck div select,
#crsbkr_webcheck div > span
{
	border : 1px solid #dfdfdf;
	border-radius : 5px;
	flex-grow : 1;
	min-width : 90%;
	padding : 10px;
}

#crsbkr_webcheck form input[type='submit']
{
	background-color : var(--crsbkr-main);
	color : #fff;
	font-weight : 600;
}

#crsbkr_webcheck input.error
{
	border-color : #f00;
}

#crsbkr_webcheck form label
{
	font-weight : 600;
	max-width : 400px;
}

#crsbkr_webcheck .crsbkr_error + form
{
	margin-top : 25px;
}

#crsbkr_webcheck > div
{
	display : flex;
	flex-wrap : wrap;
	column-gap : 10px;
}

#crsbkr_webcheck > p + div
{
	display : none;
}

#crsbkr_webcheck > p:first-child + div
{
	display : flex;
}

#crsbkr_webcheck > p.hidden
{
	display : none;
}

#crsbkr_webcheck > p.hidden + div
{
	display : flex;
}

#crsbkr_webcheck > div > div
{
	display : flex;
	flex-direction : column;
	flex-grow : 1;
	min-width : 200px;
	width : 40%;
}

#crsbkr_webcheck div h2,
#crsbkr_webcheck div p
{
	width : 100%;
}

#crsbkr_webcheck div p + button
{
	display : block
	margin-top : 15px;
}

#crsbkr_webcheck div input.tick
{
	color : #0a0;
	font-weight : 600;
	pointer-events : none;
	user-select : none;
}

#crsbkr_webcheck div label
{
	font-size : 80%;
	margin-top : 10px;
}

#crsbkr_webcheck div span.attachment
{
	align-items : center;
	display : flex;
	flex-gap : 10px;
	padding : 0px;
}

#crsbkr_webcheck div span.attachment img
{
	border-right : 1px solid #dfdfdf;
	flex-grow : 0;
	height : auto;
	padding : 5px;
	width : 40px;
}

#crsbkr_webcheck div span.attachment span
{
	flex-grow : 1;
	font-size : 90%;
	padding-left : 10px;
}

#crsbkr_webcheck div span.attachment:hover
{
	border-color : var(--crsbkr-main);
	cursor : pointer;
}

/**
 *
 * Search module
 *
 */
.crsbkr .search
{
}

.crsbkr .search .groups
{
	display : block;
	position : relative;
	width : 100%;
}

.crsbkr .search .groups *
{
	-webkit-user-select : none;
	-khtml-user-select : none;
	-moz-user-select : none;
	-o-user-select : none;
	user-select : none;
}


.crsbkr .search .groups ul,
article.page .crsbkr .search .groups ul
{
	border-color : #ddd;
	border-style : solid;
	border-width : 1px 1px 0 1px;
	display : flex;
	flex-direction : row;
	height : 50px;
	list-style : none outside;
	margin : 0;
	overflow-x : scroll;
	padding : 0;

	scrollbar-width : none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.crsbkr .search .groups ul::-webkit-scrollbar,
article.page .crsbkr .search .groups ul::-webkit-scrollbar
{
	display : none;
}

.crsbkr .search .groups ul li,
article.page .crsbkr .search .groups ul li
{
	border-color : #ddd;
	border-style : solid;
	border-width : 0 1px 1px 0;
	box-sizing : border-box;
	cursor : pointer;
	flex-grow : 1;
/* 	flex-shrink : 0; */
	height : 100%;
	min-width : 200px;
	padding : 5px 15px;
	position : relative;
	vertical-align : middle;

	display : flex;
	align-content : center;
	align-items : center;
	justify-content : flex-start;
	flex-direction : row;

	-webkit-user-select : none;
	-khtml-user-select : none;
	-moz-user-select : none;
	-o-user-select : none;
	user-select : none;
}

.crsbkr .search .groups ul li:last-child,
article.page .crsbkr .search .groups ul li:last-child
{
	border-right-width : 0;
}

.crsbkr .search .groups ul li:hover,
article.page .crsbkr .search .groups ul li:hover
{
	background-color : #efefef;
}

.crsbkr .search .groups ul li.selected,
article.page .crsbkr .search .groups ul li.selected
{
	background-color : var(--color-main);
	border-bottom-width : 0px;
	box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15), 0 3px 60px 0 rgba(0, 0, 0, 0.25);
}

.crsbkr .search .groups ul li *,
article.page .crsbkr .search .groups ul li *
{
	flex-grow : 0;
	flex-shrink : 1;
}

.crsbkr .search .groups ul li img,
article.page .crsbkr .search .groups ul li img
{
	height : 100%;
}

.crsbkr .search .groups ul li span,
article.page .crsbkr .search .groups ul li span
{
	font-weight : 600;
	line-height : 100%;
	vertical-align : middle;
}

scroller,
.crsbkr #crsbkr_search_results_groups_lscroller,
.crsbkr #crsbkr_search_results_groups_rscroller,
.crsbkr .search .groups_lscroller,
.crsbkr .search .groups_rscroller
{
	background : rgba(255, 255, 255, 0.8);
	border-radius : 0px;
	box-sizing : border-box;
	display : block;
	text-align : center;
	vertical-align : center;

	position : absolute;
	top : 5px;
	width : 40px;
	bottom : 5px;
}

.crsbkr #crsbkr_search_results_groups_lscroller,
.crsbkr .search .groups_lscroller
{
	background : linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0.9) 66%, rgba(255, 255, 255, 0) 100%);
	left : 5px;
}

.crsbkr .search .groups_lscroller
{
	left : 1px;
	top : 1px;
	width : 35px;
	bottom : 1px;
}


.crsbkr #crsbkr_search_results_groups_rscroller,
.crsbkr .search .groups_rscroller
{
	background : linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0.9) 66%, rgba(255, 255, 255, 0) 100%);
	right : 5px;
}

.crsbkr .search .groups_rscroller
{
	right : 1px;
	top : 1px;
	width : 35px;
	bottom : 1px;
}

.crsbkr #crsbkr_search_results_groups_lscroller:hover,
.crsbkr .search .groups_lscroller:hover
{
	background : linear-gradient(90deg, rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 1) 33%, rgba(244, 244, 244, 0.9) 66%, rgba(244, 244, 244, 0) 100%);
	cursor : pointer;
}

.crsbkr #crsbkr_search_results_groups_rscroller:hover,
.crsbkr .search .groups_rscroller:hover
{
	background : linear-gradient(270deg, rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 1) 33%, rgba(244, 244, 244, 0.9) 66%, rgba(244, 244, 244, 0) 100%);
	cursor : pointer;
}


.crsbkr #crsbkr_search_results_groups_lscroller::before,
.crsbkr #crsbkr_search_results_groups_rscroller::before,
.crsbkr .search .groups_lscroller::before,
.crsbkr .search .groups_rscroller::before
{
	color : var(--crsbkr-main);
	content : '«';
	display : block;
	font-size : 150%;

	position : absolute;
	left : 50%;
	top : 50%;

	transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
}

.crsbkr #crsbkr_search_results_groups_rscroller::before,
.crsbkr .search .groups_rscroller::before
{
	content : '»';
}

.crsbkr fieldset
{
	background-color : rgba(0, 0, 0, 0);
	border-width : 0;
	display : flex;
	flex-grow : 1;
	flex-shrink : 1;
	flex-wrap : wrap;
	justify-content : center;
	margin : 0;
	padding : 10px;
	position : relative;
}

.crsbkr fieldset > *
{
	box-sizing : border-box;
	margin : 5px;
	width : 100%;
}

.crsbkr .search .groups + fieldset
{
	border-color : #ddd;
	border-style : solid;
	border-width : 0 1px 1px 1px;
	padding : 15px;
}

.crsbkr .search .input
{
	background-color : #fff;
	border : 1px solid #ddd;
	border-radius : 10px;
	box-sizing : border-box;
	color : #000;
	display : block;
	font-size : 100%;
	font-weight : 300;
	height : 47px;
	position : relative;
	width : 100%;
}

.crsbkr .search .input + .input
{
	margin-top : 5px;
}

.crsbkr .search h1:not(.site-title):before
{
	background : none ! important;
	content : '' ! important;
	display : none ! important;
}

.crsbkr .search input[type=text],
.crsbkr .search input[type=text]:focus
{
	background-color : rgba(0, 0, 0, 0);
	border-width : 0;
	box-sizing : border-box;
	outline : none;
	width : 100%;
}

.crsbkr .search input[type=checkbox]
{
	display : inline-block;
	margin : auto 10px;
}

.crsbkr .search input.error,
.crsbkr .search .input.error,
.crsbkr div.error
{
	border-color : #ff0000 ! important;
}

.crsbkr .search p
{
	margin : 5px;
}

.crsbkr .search p.error
{
	color : #ff0000;
	display : none;
	font-size : 90%;
	margin-top : 5px;
}

.crsbkr .search .input
{
	display : inline-block;
	height : 50px;
	width : 100%;
}

.crsbkr .search .input input,
.crsbkr .search .input > span
{
	border-radius : 0;
	border-width : 0;
	box-sizing : border-box;
	color : #000;
	cursor : pointer;
	display : inline-block;
	font-size : 100%;
	height : 47px ! important;
	line-height : 47px;
	margin : 1px auto;
	overflow : hidden;
	padding-left : 10px;
	padding-right : 10px;
	text-align : left;
	text-overflow : ellipsis;
	text-wrap : nowrap;
	width : 100%;
}

.crsbkr .search .input ul
{
	margin : 0;
	overflow-y : scroll;
	padding : 0;
	width : 100%;
}

.crsbkr .search .input ul li
{
	border-bottom : 1px solid #ddd;
	padding : 20px;
	position : relative;
	text-align : left;
	z-index : 400;
}

.crsbkr .search .input ul li:first-child
{
	border-top : 1px solid #ddd;
}

.crsbkr .search .input ul li span
{
	display : block;
	font-weight : 600;
	line-height : 100%;
	padding-right : 60px;
}

.crsbkr .search .input ul li img
{
	filter : invert(30%);
	margin : auto 10px;

	position : absolute;
	right : 10px;
	top : 50%;
	height : 40px;
	width : 40px;

	translate : 0 -50%;
}

.crsbkr .search .input ul li:hover img
{
	filter : invert(100%);
}

.crsbkr .search .input ul li span + span
{
	color : #666;
	font-size : 80%;
	font-weight : normal;
	margin-top : 3px;
}

.crsbkr .search .input ul li:hover span + span
{
	color : #eee;
}

.crsbkr .search .input ul li.selected
{
	background-color : #efefef;
}


.crsbkr .search .input ul li:hover
{
	background-color : var(--crsbkr-main);
	color : #fff;
	cursor : pointer;
}

.crsbkr .search .date
{
	box-sizing : border-box;
	display : flex;
	flex-grow : 1;
	flex-wrap : wrap;
	gap : 10px;
	position : relative;
	width : 100%;
}

.crsbkr .search .date > div
{
	border : 1px solid #ddd;
	border-radius : 10px;
	box-sizing : border-box;
	flex-grow : 1;
	min-width : calc(50% - 10px);
	width : calc(50% - 10px);
}

.crsbkr .search .date > div:not(.error)
{
	background-color : #fff;
}

.crsbkr .search .date > div.arrow
{
	background-color : #fff;
	background-size : 100% 100%;
	border-color : #fff;
	border-radius : 20px;
	border-style : solid;
	border-width : 3px;
	box-sizing : border-box;
	height : 40px;
	min-width : auto;
	width : 40px;

	position : absolute;
	left : 50%;
	top : 50%;

	transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
}

.crsbkr .search .date .day
{
	box-sizing : border-box;
	display : block;
	font-size : 200%;
	font-weight : thin;
	padding : 10px;
	text-align : center;
	width : 100%;
}

.crsbkr .search .date .date_holder
{
	box-sizing : border-box;
	display : block;
	font-size : 100%;
	padding : 0;
	text-align : center;
	width : 100%;
}

.crsbkr .search .date .dow
{
	font-weight : bold;
	padding : 5px 10px;
}

.crsbkr .search .date .month
{
	border-left : 1px solid #ddd;
	font-weight : normal;
	padding : 5px 10px;
}

.crsbkr .search .date .time
{
	box-sizing : border-box;
	border-top : 1px solid #ddd;
	display : block;
	margin-top : 10px;
	padding : 10px;
	text-align : center;
	width : 100%;
}

.crsbkr .search .date + .date .error
{
	border-width : 0;
	color : #f33;
	font-size : 85%;
}


.crsbkr .search .input > div,
.crsbkr .search .date .calendar_holder
{
	background-color : #fff;
	box-shadow : 0 4px 15px 0 rgba(0, 0, 0, 0.15), 0 3px 20px 0 rgba(0, 0, 0, 0.15);
	box-sizing : border-box;
	border-radius : 25px;
	display : none;
	flex-grow : 1;
	flex-wrap : wrap;
	max-height : 90%;
	max-width : 800px;
	min-width : 270px;
	overflow : auto;
	overscroll-behavior : contain;
	padding : 20px;
	z-index : 300;

	position : fixed;
	width : 96%;
	left : 50%;
	top : 50%;

	transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
}

.crsbkr .search .date .calendar_holder
{
	max-width : 100%;
}

.crsbkr .search .input > div + .blur,
.crsbkr .search .date .calendar_holder + .blur
{
	background-color : rgba(0, 0, 0, 0.4);
	backdrop-filter: blur(10px);
	box-shadow : none;
	border-radius : 0px;
	display : none;
	flex-grow : 1;
	flex-wrap : wrap;
	max-height : 100%;
	max-width : 100%;
	min-width : 0;
	overflow : auto;
	overscroll-behavior : contain;
	padding : 0;
	z-index : 200;

	transform : translate(0, 0);
	-ms-transform : translate(0, 0);
	-webkit-transform : translate(0, 0);

	position : fixed;
	left : 0;
	right : 0;
	top : 0;
	bottom : 0;
	width : 100%;
	height : 100%;
}

.crsbkr .search .input > div
{
	flex-direction : column;
	flex-wrap : nowrap;
	min-height : 300px;
	max-height : 800px;
}

body:has(.crsbkr .search .date .calendar_holder.open),
body:has(.crsbkr .search .input.open)
{
	overflow : hidden;
}

.crsbkr .search .input.open > div,
.crsbkr .search .date .calendar_holder.open
{
	display : flex;
}

.crsbkr .search .input.open > div.blur,
.crsbkr .search .date .calendar_holder.open + div.blur
{
	display : block;
}

.crsbkr .search .input > div .top_arrow,
.crsbkr .search .date .calendar_holder .top_arrow
{
	background-color : #fff;
	border-width : 0;
	display : block;

	position : absolute;
	left : 10%;
	top : -10px;
	height : 30px;
	width : 30px;

	transform : rotate(45deg);
}

.crsbkr .search .date .calendar_holder .top_arrow
{
	top : auto;
	bottom : -10px;
}


.crsbkr .search .date .calendar_holder .top_arrow:has(+ .top_arrow)
{
	display : none;
	left : calc(25% - 30px);
}


.crsbkr .search .date .calendar_holder .top_arrow + .top_arrow
{
	display : none;
	left : calc(75% + 0px);
}

.crsbkr .search .date .calendar_holder.checkout .top_arrow:first-child,
.crsbkr .search .date .calendar_holder.checkin .top_arrow:first-child + .top_arrow
{
	display : block;
}

.crsbkr .search .date .calendar_holder button
{
	opacity : 1;
}

.crsbkr .search .date .calendar_holder > .buttons
{
	box-sizing : border-box;
	display : flex;
	height : 0px;
	justify-content : space-between;
	overflow : visible;
	position : relative;
	top : -5px;
	width : 100%;
	z-index : 400;
}

.crsbkr .search .date .calendar_holder > .buttons button
{
	background-color : transparent;
	background-size : 100% 100%;
	border-width : 0;
	flex-grow : 0;
	flex-shrink : 0;
	height : 30px;
	max-width : 30px;
	padding : 0;
	text-align : center;
	width : 30px;
}

.crsbkr .search .date .calendar_holder > .buttons button:first-child
{
	transform : rotate(180deg);
	-ms-transform : rotate(180deg);
	-webkit-transform : rotate(180deg);
}

.crsbkr .search .date .calendar_holder > .buttons button:hover
{
	background-color : #efefef;
}

.crsbkr .search .input > div > p,
.crsbkr .search .date .calendar_holder > p
{
	box-sizing : border-box;
	display : block;
	flex-grow : 0;
	font-weight : bold;
	margin : 20px 0 30px;
	width : 100%;
}

.crsbkr .search .date .calendar_holder > p:first-child
{
	width : 100%;
}

.crsbkr .search .date .calendar_holder > p:first-child > button.close
{
	background-color : transparent;
	background-size : 25px;
	align-self : flex-end;
	border-width : 0;
	flex-grow : 0;
	float : right;
	height : 25px;
	padding : 0;
	width : 25px;
}

.crsbkr .search .date .calendar_holder > p:first-child > button.close:hover
{
	background-color : #efefef;
}

.crsbkr .search .input > div > p > span,
.crsbkr .search .date .calendar_holder > p > span:last-child
{
	font-size : 95%;
	font-weight : normal;
}

.crsbkr .search .date .calendar_holder .months
{
	align-items : top;
	justify-content : center;
	display : flex;
	flex-grow : 1;
	flex-wrap : 0;
	gap : 5%;
	position : relative;
	top : -5px;
}

.crsbkr .search .date .calendar_holder .months > div
{
	box-sizing : border-box;
	display : none;
	flex-grow : 1;
	text-align : center;
	width : 40%;
}

.crsbkr .search .date .calendar_holder .months > div.selected
{
	display : block;
}

.crsbkr .search .date .calendar_holder .months > div.selected + div
{
	display : block;
}

.crsbkr .search .date .calendar_holder .months > div h1
{
	color : var(--crsbkr-main);
	font-size : 100%;
	font-weight : normal;
	height : 30px;
	text-align : center;
}

.crsbkr .search .date .calendar_holder .months > div table
{
	border-collapse : collapse;
	margin : auto;
	table-layout : fixed;
	width : 100%;
}

.crsbkr .search .date .calendar_holder .months > div table tr,
.crsbkr .search .date .calendar_holder .months > div table tr td
{
	border-width : 0;
}


.crsbkr .search .date .calendar_holder .months > div table tr td
{
	font-size : 95%;
	padding : 0;
	position : relative;
	text-align : center;
}

.crsbkr .search .date .calendar_holder .months > div table tr td span
{
	align-items : center;
	aspect-ratio : 1;
	background-color : #fff;
	border-color : rgba(0, 0, 0, 0);
	border-style : solid;
	border-radius : 50%;
	border-width : 1px;
	box-sizing : border-box;
	display : flex;
	justify-content : center;
	height : 100%;
	margin : auto;
	max-height : 50px;
	position : relative;
	text-align : center;
	vertical-align : middle;
	z-index : 600;
}

.crsbkr .search .date .calendar_holder .months > div table tr td.between span
{
	background-color : rgba(0, 0, 0, 0);
}

.crsbkr .search .date .calendar_holder .months > div table tr td.checkout:not(.checkin)::after,
.crsbkr .search .date .calendar_holder .months > div table tr td.checkin:not(.checkout)::after,
.crsbkr .search .date .calendar_holder .months > div table tr td.between::after
{
	background-color : #f5f5f5;
	content : ' ';
	z-index : 100;

	position : absolute;
	top : 50%;
	height : 90%;
	max-height : 50px;
	right : 0;
	width : 50%;

	transform : translate(0, -50%);
	-ms-transform : translate(0, -50%);
	-webkit-transform : translate(0, -50%);
}

.crsbkr .search .date .calendar_holder .months > div table tr td.checkout:last-child:not(.checkin)::after,
.crsbkr .search .date .calendar_holder .months > div table tr td.between:last-child::after,
.crsbkr .search .date .calendar_holder .months > div table tr td.between:not(:has(+ .between, + .checkin))::after
{
	border-radius : 0 15px 15px 0;
}

.crsbkr .search .date .calendar_holder .months > div table tr td.checkin:first-child:not(.checkout)::after,
.crsbkr .search .date .calendar_holder .months > div table tr td.between:first-child::after,
.crsbkr .search .date .calendar_holder .months > div table tr td:not(.checkout):not(.between) + td.between::after
{
	border-radius : 15px 0 0 15px;
}

.crsbkr .search .date .calendar_holder .months > div table tr td:not(.between, .checkout) + td.between:not(:has(+ .between, + .checkin))::after
{
	border-radius : 15px 15px 15px 15px;
}

.crsbkr .search .date .calendar_holder .months > div table tr td.checkin:not(.checkout)::after
{
	left : 0;
	right : auto;
}

.crsbkr .search .date .calendar_holder .months > div table tr td.between::after
{
	width : 100%;
}

.crsbkr .search .date .calendar_holder .months > div table tr td span:hover,
.crsbkr .search .date .calendar_holder .months > div table tr td.checkout span,
.crsbkr .search .date .calendar_holder .months > div table tr td.checkin span
{
	background-color : #fff;
	border-color : var(--crsbkr-main);
	cursor : pointer;
}

.crsbkr .search .date .calendar_holder .months > div table tr td.disabled span,
.crsbkr .search .date .calendar_holder .months > div table tr td.disabled span:hover
{
	border-color : rgba(0, 0, 0, 0);
	color : #ddd;
	cursor : default;
	pointer-events : none;
	user-select : none;
}

.crsbkr .search .date .calendar_holder > .time_label
{
	display : flex;
	flex-wrap : wrap;
	margin-top : 20px;
}

.crsbkr .search .date .calendar_holder > .time_label > a
{
	color : var(--crsbkr-main);
	cursor : pointer;
	display : none;
	flex-grow : 0;
	font-size : 80%;
	font-weight : normal;
	text-decoration : none;
}

.crsbkr .search .date .calendar_holder > .time_label > a:hover
{
	color : var(--crsbkr-dark);
}

.crsbkr .search .date .calendar_holder > .time_label.time_label_shown a.show,
.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden a.hide
{
	display : none ! important;
}

.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden a.show,
.crsbkr .search .date .calendar_holder > .time_label.time_label_shown a.hide
{
	display : none ! important;
}

.crsbkr .search .date .calendar_holder > .time_label > span
{
	flex-grow : 1;
}

.crsbkr .search .date .calendar_holder > .time_label > span:last-child
{
	width : 100%;
}

.crsbkr .search .date .calendar_holder > .time
{
	align-items : center;
	border-width : 0;
	display : flex;
	flex-wrap : nowrap;
	margin : 0;
}

.crsbkr .search .date .calendar_holder > .time span:first-child
{
	flex-grow : 0;
	text-align : left;
	width : 20%;
}

.crsbkr .search .date .calendar_holder > .time span:first-child > span
{
	display : none;
}

.crsbkr .search .date .calendar_holder > .time span + span
{
	display : flex;
	flex-grow : 1;
	position : relative;
}

.crsbkr .search .date .calendar_holder > .time > span + span
{
	margin : 0 50px;
}

.crsbkr .search .date .calendar_holder > .time + span.error,
.crsbkr .search .date .calendar_holder > .time + span.warn
{
	color : #f33;
	display : block;
	font-size : 80%;
	margin-left : 20%;
	padding-left : 50px;
	width : 80%;
}

.crsbkr .search .date .calendar_holder > .time + span.warn
{
	color : #f93;
}

.crsbkr .search .date .calendar_holder > .time span + span > span
{
	background-color : var(--crsbkr-main);
	cursor : pointer;
	display : inline-block;
	height : 7px;
}

.crsbkr .search .date .calendar_holder > .time:has(~ .time) > span + span > span:first-child,
.crsbkr .search .date .calendar_holder > .time ~ .time > span + span > span:first-child + span
{
	background-color : #ddd;
}

.crsbkr .search .date .calendar_holder .time span.indicator
{
	background-color : #fff;
	border : 1px solid var(--crsbkr-main);
	border-radius : 20px;
	box-shadow : 0 4px 15px 0 rgba(0, 0, 0, 0.15), 0 3px 20px 0 rgba(0, 0, 0, 0.15);
	box-sizing : border-box;
	cursor : pointer;
	z-index : 1000;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	height : 40px;
	width : 80px;
	position : absolute;
	top : 50%;
	left : 50%;

	transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
}

.crsbkr .search .date .calendar_holder .time span.indicator > *
{
	pointer-events : none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.crsbkr .search .date .calendar_holder .time .error span.indicator
{
	border-color : #f33;
}

.crsbkr .search .date .calendar_holder .time .warn span.indicator
{
	border-color : #f93;
}

.crsbkr .search .date .calendar_holder .time span.indicator span:first-child
{
	background-color : transparent;
	border-width : 0;
	height : 100%;
	line-height : 40px;
	text-align : center;
	user-select : none;
	vertical-align : middle;
	width : 100%;
}

.crsbkr .search .date .calendar_holder .time span.indicator span:last-child
{
	background-color : var(--crsbkr-main);
	border-radius : 5px;
	box-sizing : border-box;
	color : #fff;
	display : none;
	font-weight : 500;
	line-height : 30px;
	padding : 5px;
	text-align : center;
	vertical-align : middle;
	z-index : 1000;

	width : 80px;
	height : 40px;
	top : -110px;
}

.crsbkr .search .date .calendar_holder .time span.indicator span:last-child::before
{
	content : '';
	background : var(--crsbkr-main);
	border-radius : 0 0 5px 0;
	z-index : 900;

	position : absolute;
	left : 50%;
	height : 20px;
	width : 20px;
	top : 30px;

	transform : translate(-50%, 0%) rotate(45deg);
}

.crsbkr .search .date .calendar_holder .time .error span.indicator span:last-child,
.crsbkr .search .date .calendar_holder .time .error span.indicator span:last-child::before
{
	background-color : #f33;
}

.crsbkr .search .date .calendar_holder .time .warn span.indicator span:last-child,
.crsbkr .search .date .calendar_holder .time .warn span.indicator span:last-child::before
{
	background-color : #f93;
}

.crsbkr .search .date .calendar_holder .time span.indicator.dragging span:last-child
{
	display : block;
}

#crsbkr_module:not(.visible):has(> .search):has(+ #crsbkr_search_results)
{
	display : none;
}

#crsbkr_module.visible:has(> .search):has(+ #crsbkr_search_results) + #crsbkr_search_results > #crsbkr_search_results_header
{
	display : none;
}

@media screen and (max-width: 1000px)
{
	.crsbkr .search .date .calendar_holder .months > div table tr td
	{
		height : 40px;
		width : 40px;
	}
}

@media screen and (max-width: 900px)
{
	.crsbkr .search .date .calendar_holder
	{
		width : 100%;
	}

	.crsbkr .search .date .calendar_holder .months > div table tr td
	{
		font-size : 90%;
		height : 30px;
		width : 30px;
	}
}

@media screen and (max-width: 800px)
{
	.crsbkr .search .date .calendar_holder .months > div table tr td
	{
		font-size : 80%;
		height : 20px;
		width : 20px;
	}
}

@media screen and (max-width: 700px), screen and (max-height: 500px)
{
	body:has(.crsbkr .search .date .calendar_holder.open)
	{
		overflow : hidden;
	}

	.crsbkr .search .input > div,
	.crsbkr .search .date .calendar_holder
	{
		align-content : stretch;
		border-radius : 0;
		flex-direction : column;
		flex-wrap : nowrap;
		overflow : auto;
		overscroll-behavior : contain;
		z-index : 2048;

		position : fixed;
		width : 100%;
		height : 100%;
		max-height : 100%;
		left : 0;
		top : 0;

		transform : translate(0, 0);
		-ms-transform : translate(0, 0);
		-webkit-transform : translate(0, 0);
	}

	.crsbkr .search .input > div
	{
		max-height : auto;
	}

	.crsbkr .search .input > div p,
	.crsbkr .search .date .calendar_holder p
	{
		margin : 5px 10px;
		width : calc(100% - 20px);
	}

	.crsbkr .search .date .calendar_holder .top_arrow
	{
		display : none;
		top : auto;
		bottom : auto;
	}

	.crsbkr .search .input > div button.search,
	.crsbkr .search .date .calendar_holder button.search
	{
		margin : 5px 0;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden a.show,
	.crsbkr .search .date .calendar_holder > .time_label.time_label_shown a.hide
	{
		display : block ! important;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden span:last-child
	{
		display : none ! important;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ .time,
	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ .time > span:first-child
	{
		margin-bottom : 0;
		padding : 0;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ .time > span:first-child > span
	{
		font-weight : bold;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ .time > span:first-child > span::before
	{
		content : ': ';
		font-weight : normal;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ .time span + span,
	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ span.error,
	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ span.warn
	{
		display : none;
	}

	.crsbkr .search .date .calendar_holder > .time_label.time_label_hidden ~ .time span:first-child > span
	{
		display : inline-block;
	}

	.crsbkr .search .date .calendar_holder > .time + span.error,
	.crsbkr .search .date .calendar_holder > .time + span.warn
	{
		font-size : 85%;
	}

	.crsbkr .search .date .calendar_holder > .buttons
	{
		display : none;
	}

	.crsbkr .search .date .calendar_holder .months
	{
		flex-grow : 1;
		flex-shrink : 1;
		flex-wrap : wrap;
		height : 50%;
		overflow-y : scroll;
	}

	.crsbkr .search .date .calendar_holder > *:not(.months)
	{
		flex-grow : 0;
		height : auto;
	}

	.crsbkr .search .date .calendar_holder .months > div
	{
		display : block;
		width : 100%;
	}

	.crsbkr .search .date .calendar_holder .months > div table
	{
		width : 100%;
	}

	.crsbkr .search .date .calendar_holder .months > div table tr td
	{
		font-size : 90%;
		height : 5vh;
		width : auto;
	}

	.crsbkr .search .date .calendar_holder > .time
	{
		flex-wrap : wrap;
		font-size : 95%;
	}

	.crsbkr .search .date .calendar_holder > .time > span
	{
		width : 100%;
	}

	.crsbkr .search .date .calendar_holder > .time > span:first-child
	{
		margin-bottom : 25px;
		width : 100%;
	}

	.crsbkr .search .date .calendar_holder > .time + span.error,
	.crsbkr .search .date .calendar_holder > .time + span.warn
	{
		margin-left : 0;
		margin-top : 15px;
	}
}

.crsbkr .search .calendar_holder span:has(+ button.search)
{
	display : block;
	flex-grow : 1;
	width : 50%;
}

.crsbkr .search .calendar_holder button.search
{
	align-self : flex-end;
	border-width : 0;
	flex-grow : 0;
	font-size : 100%;
	margin : 20px 0;
}

.crsbkr .search .calendar_holder .input div
{
	box-sizing : border-box;
	height : auto;
	overflow : hidden;
	padding : 10px;
}

.crsbkr .search .calendar_holder .input div img
{
	cursor : pointer;
	position : absolute;
	top : 18px;
	width : 20px;
}

.crsbkr .search .calendar_holder .input div img:first-child
{
	left : 15px;
}

.crsbkr .search .calendar_holder .input div h1 + img
{
	right : 15px;
}

.crsbkr .search .calendar_holder .input div h1
{
	font-size : 100%;
	font-weight : bold;
	line-height : 30px;
	margin : 0;
	padding : 0;
	text-align : center;

	position : absolute;
	left : 30px;
	right : 30px;
	top : 15px;
	height : 30px;
}

.crsbkr .search .calendar_holder .input div table
{
	box-sizing : border-box;
	margin : 42px 0 0 0;
	min-width : 200px;
	table-layout : fixed;
	width : 100%;
}

.crsbkr .search .calendar_holder .input div table thead,
.crsbkr .search .calendar_holder .input div table thead th,
.crsbkr .search .calendar_holder .input div table tbody,
.crsbkr .search .calendar_holder .input div table tr
{
	border-bottom : 0px solid #000;
	border-width : 0;
}

.crsbkr .search .calendar_holder .input div table th
{
	background-color : #fff;
	font-weight : 600;
	margin : 0;
	padding : 1px;
	text-align : center;
	vertical-align : middle;
}

.crsbkr .search .calendar_holder .input div table td
{
	background-color : #fff;
	border-width : 0;
	color : #000;
	cursor : pointer;
	font-weight : normal;
	margin : 0;
	padding : 2px;
	text-align : center;
	vertical-align : middle;
}

.crsbkr .search .calendar_holder .input div table td.selected
{
	color : var(--crsbkr-main);
	font-weight : bold;
}

.crsbkr .search .calendar_holder .input div table td:not(.none):not(.disabled):hover
{
	background-color : var(--crsbkr-main);
	color : #fff;
}

.crsbkr .search .calendar_holder .input div table td.disabled,
.crsbkr .search .calendar_holder .input div table td.disabled:hover
{
	color : #999;
	cursor : pointer;
}


.crsbkr .search > fieldset > a > button
{
	background-color : var(--crsbkr-main);
	border-radius : 15px;
	border-width : 0;
	color : #fff;
	font-size : 100%;
	margin : 0;
	padding : 10px;
	width : 100%;
}

.crsbkr .search > fieldset > a > button:hover
{
	background-color : var(--crsbkr-dark);
}

.crsbkr .search > fieldset > a > button:disabled,
.crsbkr .search > fieldset > a > button:disabled:hover
{
	background-color : #444;
}

/**
 *
 * Search results
 *
 */
#crsbkr_search_results_header
{
	box-sizing : border-box;
	width : 100%;
}

#crsbkr_search_results_header ul
{
	border : 1px solid #ddd;
	list-style : none outside;
	margin : 20px 10px;
	padding : 0;
}

#crsbkr_search_results_header ul li
{
	box-sizing : border-box;
	display : inline-block;
	min-width : 300px;
	padding : 10px 10px 10px 20px;
	position : relative;
	vertical-align : top;
	width : 50%;
}

#crsbkr_search_results_header ul li:first-child + li::before
{
	color : #ddd;
	content : '❯';
	font-size : 200%;
	position : absolute;
	left : 5px;
	top : 50%;

	transform : translate(0, -50%);
	-ms-transform : translate(0, -50%);
	-webkit-transform : translate(0, -50%);
}

#crsbkr_search_results_header ul li .input
{
	display : block;
	font-weight : bold;
	margin-left : 10px;
}

#crsbkr_search_results_header ul li .date,
#crsbkr_search_results_header ul li .base
{
	margin-left : 10px;
}

#crsbkr_search_results_header ul li .date
{
	white-space : nowrap;
}

#crsbkr_search_results_header ul li a
{
	color : var(--crsbkr-main);
	display : block;
	font-size : 75%;
	margin : 5px 10px;
	text-decoration : none;
}

#crsbkr_search_results_header ul li a:hover
{
	color : var(--crsbkr-dark);
}

#crsbkr_search_results_groups
{
	box-sizing : border-box;
	position : relative;
	width : 100%;
}

#crsbkr_search_results_groups ul
{
	box-sizing : border-box;
	display : flex;
	flex-wrap : nowrap;

	list-style : none outside;
	margin : 25px 5px;
	overflow-x : scroll;
	padding : 0;

	scrollbar-width : none;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

#crsbkr_search_results_groups ul::-webkit-scrollbar
{
	display : none;
}

#crsbkr_search_results_groups ul li
{
	background-position : center;
	background-repeat : no-repeat;
	background-size : contain;
	border : 1px solid #ddd;
	box-sizing : border-box;
	display : inline-block;
	flex-shrink : 0;
	flex-grow : 0;
	margin : 5px;
	min-width : 180px;
	padding-top : calc(25% - 12px);
	position : relative;
	width : calc(25% - 10px);
	height : 180px;
}

#crsbkr_search_results_groups ul li .name
{
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	background-color : rgba(0, 0, 0, 0.1);
	box-sizing : border-box;
	display : block;
	font-weight : bold;
	padding : 10px 5px;
	text-align : left;

	position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
}

#crsbkr_search_results_groups ul li .rate
{
	box-sizing : border-box;
	display : block;
	font-weight : bold;
	padding : 5px 10px;
	text-align : right;

	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
}

#crsbkr_search_results_groups ul li:hover,
#crsbkr_search_results_groups ul li.selected
{
	border-color : var(--crsbkr-main);
	cursor : pointer;
}

#crsbkr_search_results_groups ul li.selected
{
	border-color : var(--crsbkr-dark);
}

#crsbkr_search_results_groups ul li.selected .name
{
	background-color : var(--crsbkr-transparent);
}

#crsbkr_search_results
{
	align-content : flex-start;
	align-items : flex-start;
	row-gap : 20px;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
}

#crsbkr_search_results > ul
{
	box-sizing : border-box;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	gap : 20px;
	list-style : none outside;
	margin : 0;
	padding : 5px 10px;
	position : relative;
	width : 100%;
}

#crsbkr_search_results > ul > li
{
	border : 1px solid #ccc;
	box-sizing : border-box;
	display : inline-block;
	flex-grow : 1;
	flex-shrink : 1;
	margin : 5px 0;
	min-width : 350px;
	padding : 10px;
	position : relative;
	text-align : center;
	width : calc(50% - 10px);
}

@media screen and (max-width : 500px)
{
	#crsbkr_search_results_header
	{
		font-size : 90%;
	}

	#crsbkr_search_results > ul > li
	{
		font-size : 90%;
		min-width : 100%;
	}

	#crsbkr_search_results > ul > li .info .params div span
	{
		width : 100% ! important;
	}
}

#crsbkr_search_results > ul > li.c1
{
	margin-left : 0;
	width : 100%;
}

#crsbkr_search_results > ul > li *
{
	text-align : left;
}

#crsbkr_search_results > ul > li h1
{
	font-size : 120%;
	margin : 0;
	padding : 0 70px 0 0;
}

#crsbkr_search_results > ul > li h2
{
	font-size : 100%;
	font-weight : normal;
	margin : 5px 0 0 0;
	padding : 0 70px 0 0;
}

#crsbkr_search_results > ul > li > div.base
{
	background-position : 4px 3px;
	background-repeat : no-repeat;
	background-size : 20px 20px;
	box-sizing : border-box;
	display : block;
	font-size : 90%;
	margin : 10px 0;
	padding-left : 30px;
	position : relative;
	width : 100%;
}

#crsbkr_search_results > ul > li > div.base span
{
	position : relative;
}


#crsbkr_search_results > ul > li div.base span + span
{
	margin-left : 30px;
	position : relative;
}

#crsbkr_search_results > ul > li div.base span + span::before
{
	color : #666;
	content : '❯';
	font-size : 100%;
	position : absolute;
	left : -20px;
	top : 50%;

	transform : translate(0, -50%);
	-ms-transform : translate(0, -50%);
	-webkit-transform : translate(0, -50%);
}

#crsbkr_search_results > ul > li span.company
{
	background-position : left center;
	background-repeat : no-repeat;
	background-size : 20px 20px;
	box-sizing : border-box;
	cursor : default;
	display : inline-block;
	font-size : 90%;
	line-height : 20px;
	margin : 10px 0;
	padding-left : 30px;
	width : calc(100%);
}

#crsbkr_search_results > ul > li .info img
{
	background-position : center;
	background-size : contain;
	background-repeat : no-repeat;
	margin : 20px 0;
	padding-top : 50%;
	width : 100%;
}

#crsbkr_search_results > ul > li .info table
{
	border-collapse : collapse;
	table-layout : auto;
}

#crsbkr_search_results > ul > li .info table tr
{
	width : 100%;
}

#crsbkr_search_results > ul > li .info table tr,
#crsbkr_search_results > ul > li .info table td
{
	border-width : 0;
	position : relative;
}

#crsbkr_search_results > ul > li .info table td.rate span + span
{
	font-weight : bold;
}

#crsbkr_search_results > ul > li .info table td.rate span.discount
{
	color : #dd2222;
}

#crsbkr_search_results > ul > li .info table td.rate span.discount > span
{
	color : #000;
	display : inline-block;
	font-size : 70%;
	margin : auto 20px;
	text-decoration : line-through;
}


#crsbkr_search_results > ul > li .info .params,
#crsbkr_search_results > ul > li .info .rate
{
	vertical-align : top;
}

#crsbkr_search_results > ul > li .info .rate
{
	white-space : nowrap;
}

#crsbkr_search_results > ul > li .info .hint
{
	display : block;
	font-size : 75%;
	line-height : 1.4;
}


#crsbkr_search_results > ul > li .info .params div,
#crsbkr_search_results > ul > li .info .rate div
{
	box-sizing : border-box;
	margin : 0;
}

#crsbkr_search_results > ul > li .info .params div
{
	display : flex;
	flex-wrap : wrap;
}

#crsbkr_search_results > ul > li .info .params div span
{
	background-position : left top;
	background-repeat : no-repeat;
	background-size : 12px 12px;
	box-sizing : border-box;
	cursor : default;
	display : inline-block;
	flex-grow : 1;
	font-size : 80%;
	line-height : 100%;
	margin : 4px;
	padding : 0 0 0 20px;
	width : calc(50% - 8px);
}

#crsbkr_search_results > ul > li .info .params div span.km_limit
{
	width : calc(100% - 8px);
}

#crsbkr_search_results > ul > li .info .rate div
{
	margin-left : 20px;
	text-align : left;
	width : auto;
}


#crsbkr_search_results > ul > li .info .rate span
{
	display : block;
}

#crsbkr_search_results > ul > li .info .rate span + span
{
	white-space : nowrap;
}




/**
 *
 * RESULT DETAILS
 *
 */
#crsbkr_search_results div.details
{
	background-color : rgba(255, 255, 255, 0.97);
	box-sizing : border-box;
	display : block;
	margin : 0;
	overflow : hidden;
	padding : 10px;
	width : calc(100%);

	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform : rotateY(180deg) scale(0.9);
	-webkit-transform : rotateY(180deg) scale(0.9);

	transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	transform-style: preserve-3d;

	position : absolute;
	left : 0;
	right : 0;
	bottom : 0;
	top : 60px;
}

#crsbkr_search_results div.details.shown
{
	opacity : 1;
	transform : rotateY(0deg) scale(1);
	-webkit-transform : rotateY(0deg) scale(1);
}

#crsbkr_search_results .details_toggle
{
	background : none;
	border-width : 0;
	box-sizing : border-box;
	color : #000;
	font-size : 85%;
	font-weight : normal;
	margin : 0;
	padding : 10px;

	position : absolute;
	top : 0;
	right : 0;
}

#crsbkr_search_results div.details_toggle:hover
{
}

#crsbkr_search_results div.details > div.params
{
	box-sizing : border-box;
	flex-grow : 2;
	font-size : 90%;
	overflow-y : scroll;
	padding : 10px 15px 50px;
	scrollbar-width : none;
	-ms-overflow-style: -ms-autohiding-scrollbar;

	display : flex;
	flex-wrap : wrap;
	align-content : flex-start;
	justify-content : flex-start;

	position : absolute;
	left : 0;
	top : 0;
	right : 0;
	bottom : 0;
}

#crsbkr_search_results div.details > div.params::-webkit-scrollbar
{
	display : none;
}

#crsbkr_search_results div.details > div.params > *
{
	flex-grow : 1;
	flex-shrink : 1;
	max-width : 400px;
	width : 100%;
}

#crsbkr_search_results div.details > div.params h3
{
	display : block;
	font-size : 120%;
	font-weight : 500;
	margin : 0;
	padding : 20px 0 10px;
}

#crsbkr_search_results div.details > div.params ul
{
	box-sizing : border-box;
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	left : 0;
	list-style : none outside;
	margin : 0;
	padding : 5px;
	position : relative;
	width : 100%;
}

#crsbkr_search_results div.details > div.params ul li
{
	border-width : 0;
	box-sizing : border-box;
	flex-grow : 1;
	float : none;
	left : auto;
	line-height : 120%;
	margin : 0;
	min-width : 130px;
	padding : 2px 5px;
	width :	50%;
}

#crsbkr_search_results div.details ul li span:first-child
{
}

#crsbkr_search_results div.details ul li span:last-child
{
}

#crsbkr_search_results div.details ul li span + span
{
	font-weight : 550;
	padding-left : 5px;
}

#crsbkr_search_results div.details ul.param_description li
{
	width : 100%;
}

.crsbkr_result_details_tscroller,
.crsbkr_result_details_bscroller
{
	background : rgba(255, 255, 255, 0.8);
	background : linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%);
	box-sizing : border-box;
	color : #fff;
	display : block;
	text-align : center;
	vertical-align : center;

	position : absolute;
	left : 0;
	right : 0;
	width : 100%;
	height : 50px;
}

.crsbkr_result_details_tscroller
{
	background : linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0) 100%);
	top : 0;
}

.crsbkr_result_details_bscroller
{
	bottom : 0;
}

.crsbkr_result_details_tscroller:hover
{
	background : linear-gradient(rgba(244, 244, 244, 1) 0%, rgba(244, 244, 244, 0.9) 50%, rgba(244, 244, 244, 0) 100%);
	cursor : pointer;
}

.crsbkr_result_details_bscroller:hover
{
	background : linear-gradient(rgba(244, 244, 244, 0) 0%, rgba(244, 244, 244, 0.9) 50%, rgba(244, 244, 244, 1) 100%);
	cursor : pointer;
}


.crsbkr_result_details_tscroller::before,
.crsbkr_result_details_bscroller::before
{
	color : #000;
	content : '«';
	display : block;
	font-size : 150%;

	position : absolute;
	left : 50%;
	top : 50%;
}

.crsbkr_result_details_tscroller::before
{
	content : '«';

	transform : translate(0, -75%) rotate(90deg);
	-ms-transform : translate(0, -75%) rotate(90deg);
	-webkit-transform : translate(0, -75%) rotate(90deg);
}

.crsbkr_result_details_bscroller::before
{
	content : '»';

	transform : translate(0, -25%) rotate(90deg);
	-ms-transform : translate(0, -25%) rotate(90deg);
	-webkit-transform : translate(0, -25%) rotate(90deg);
}



/**
 *
 * FULL WIDTH LAYOUT
 *
 */
#crsbkr_search_results.full-width > ul li
{
	width : calc(100% - 20px);
}

#crsbkr_search_results.full-width > ul li .box
{
	display : flex;
	align-content : flex-start;
	flex-direction : row;
	flex-grow : 1;
	flex-shrink : 1;
	flex-wrap : wrap;
	justify-content : start;
}

#crsbkr_search_results.full-width > ul li .info
{
	flex-grow : 1;
	min-width : 300px;
	width : calc(40% - 10px);
}

#crsbkr_search_results.full-width > ul li .info table td
{
	max-width : 100%;
	width : 100%;
}

#crsbkr_search_results.full-width > ul li .details_toggle
{
	display : none;
}

#crsbkr_search_results.full-width > ul li .details
{
	display : flex;
	align-items : flex-start;
	flex-grow : 2;
	flex-shrink : 1;
	flex-wrap : nowrap;
	justify-content : flex-end;
	font-size : 95%;
	padding : 0;
	position : relative;
	top : 0;
	width : calc(60% - 10px);

	transform : none;
	-webkit-transform : none;
}

#crsbkr_search_results.full-width > ul li .details > div.params
{
	flex-grow : 2;
	margin-left : 10px;
	min-width : 100px;
	overflow : visible;
	padding : 0 0 10px 0;
	position : static;
	width : calc(60% - 10px);
}

#crsbkr_search_results.full-width > ul li .details > div.params ul
{
	line-height : 115%;
}

#crsbkr_search_results.full-width > ul li .details > div.params ul li
{
	margin : 0;
	padding : 0 2px;
}

#crsbkr_search_results div.options
{
	flex-grow : 1;
	margin-left : 10px;
	max-width : 49%;
	padding-top : 20px;
	text-align : right;
	width : calc(40% - 10px);
}

#crsbkr_search_results div.options ul
{
	list-style : none outside;
	margin : 0;
	padding : 0;
}

#crsbkr_search_results div.options ul > li:first-child
{
	background-color : #ddd;
	border : 1px solid #aaa;
	box-sizing : border-box;
	font-size : 100%;
	font-weight : normal;
	padding : 5px 10px;
	text-align : center;
	width : 100%;
}

#crsbkr_search_results div.options ul > li + li
{
	background-color : #fefefe;
	border-color : #aaa;
	border-style : solid;
	border-width : 0 1px 1px 1px;
	box-sizing : border-box;
	cursor : pointer;
	overflow : hidden;
	padding : 5px 10px 5px 30px;
	position : relative;
	text-align : center;
	width : 100%;

	display : flex;
	flex-direction : column;
	align-items : flex-end;
}

#crsbkr_search_results div.options ul > li + li::before,
#crsbkr_search_results div.options ul > li + li::after
{
	background : #efefef;
	content : '';
	position : absolute;
	left : -20px;
	height : 50%;
	width : 30px;

	transition : width 0.5s;
}

#crsbkr_search_results div.options ul > li + li:hover::before,
#crsbkr_search_results div.options ul > li + li:hover::after
{
	background : var(--crsbkr-main);
	color : #fff;
	width : calc(100% + 40px);
}

#crsbkr_search_results div.options ul > li + li::before
{
	top: 0;
	transform: skew(30deg, 0deg);
}

#crsbkr_search_results div.options ul > li + li::after
{
	bottom: 0;
	transform: skew(-30deg, 0deg);
}

#crsbkr_search_results div.options ul > li + li *
{
	text-align : right;
	width : 100%;
}

#crsbkr_search_results div.options ul > li + li a
{
	color : inherit;
	padding-right : 10%;
	text-decoration : none;
}

#crsbkr_search_results div.options ul > li + li:hover a
{
	color : #fff;
	transition : color 0.5s;
	z-index : 1000;
}

#crsbkr_search_results div.options ul > li + li a span.tariff
{
	display : block;
	font-size : 80%;
	line-height : 110%;
	vertical-align : middle;
}

#crsbkr_search_results div.options ul > li + li a span.rate
{
	font-size : 130%;
	font-weight : bold;
	line-height : 100%;
	padding : 0;
	white-space : nowrap;
	vertical-align : middle;
}

#crsbkr_search_results div.options ul > li + li a span.discount
{
	color : #dd2222;
}

#crsbkr_search_results div.options ul > li + li a span.discount > span
{
	color : #000;
	display : inline-block;
	font-size : 70%;
	margin : auto 20px;
	text-decoration : line-through;
	width : auto;
}

#crsbkr_search_results div.options ul > li:last-child,
#crsbkr_search_results div.options ul > li:last-child:hover
{
	border-width : 0;
	cursor : default;
	font-size : 75%;
	line-height : 110%;
	opacity : 80%;
	padding-top : 10px;
	text-align : center;
}

#crsbkr_search_results div.options ul > li:last-child:before,
#crsbkr_search_results div.options ul > li:last-child:after
{
	content : none;
}

/**
 *
 * Selected search result.
 *
 */
#crsbkr_search_results div.quote
{
	box-sizing : border-box;
	flex-grow : 2;
	margin : 0;
	padding : 0 20px;
	text-align : center;
	width : 70%;
}

#crsbkr_search_results div.quote > h1
{
	font-size : 170%;
	font-weight : bold;
	margin : 35px 0 15px 0;
	line-height : 120%;
	text-align : left;
}

#crsbkr_search_results div.quote > h1:first-child
{
	margin : 0 0 15px 0;
}

#crsbkr_search_results div.quote > p
{
	text-align : left;
}

#crsbkr_search_results div.quote > p.error
{
	color : #f33;
	margin : 30px auto;
	text-align : center;
}

#crsbkr_search_results div.quote > p.success
{
	color : var(--crsbkr-main);
	font-weight : bold;
	margin : 30px auto;
	text-align : center;
}

#crsbkr_search_results div.quote > ul
{
	box-sizing : border-box;
	list-style : none outside;
	margin : 0;
	padding : 0;
	text-align : left;
	width : 100%;
}

#crsbkr_search_results div.quote > ul li
{
	align-items : stretch;
	border : 1px solid #efefef;
	box-sizing : border-box;
	cursor : pointer;
	display : flex;
	flex-wrap : nowrap;
	margin : 0;
	padding : 10px;
	position : relative;
	width : 100%;

	user-select : none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;
}

#crsbkr_search_results div.quote > ul.disabled li
{
	cursor : default;
}

#crsbkr_search_results div.quote > ul li > p
{
	flex-grow : 0;
	margin : 0;
	padding : 0;
	text-align : left;
	vertical-align : middle;
}

#crsbkr_search_results div.quote > ul li > p > *
{
	vertical-align : middle;
}

#crsbkr_search_results div.quote > ul li > p
{
	align-self : center;
	flex-grow : 1;
	flex-shrink : 1;
}

#crsbkr_search_results div.quote > ul li > p.quantity_decrease,
#crsbkr_search_results div.quote > ul li > p.quantity_increase
{
	background-size : 26px 26px;
	border : 2px solid #efefef;
	box-sizing : border-box;
	color : #000;
	display : none;
	flex-grow : 0;
	flex-shrink : 0;
	font-weight : bold;
	height : 30px;
	margin : 0;
	min-width : 30px;
	padding : -7px;
	text-align : center;
	width : 30px;
}

#crsbkr_search_results div.quote > ul li.selected > p.quantity_decrease,
#crsbkr_search_results div.quote > ul li.selected > p.quantity_increase
{
	display : block;
}

#crsbkr_search_results div.quote > ul li.selected > p.quantity_decrease:hover,
#crsbkr_search_results div.quote > ul li.selected > p.quantity_increase:hover
{
	background-color : #efefef;
}

#crsbkr_search_results div.quote > ul li.selected > p.quantity_decrease
{
	border-width : 2px 0px 2px 2px;
}

#crsbkr_search_results div.quote > ul li.selected > p.quantity_increase
{
	border-width : 2px 2px 2px 0px;
}

#crsbkr_search_results div.quote > ul li > p.tick
{
	background-size : 0 0;
	border : 2px solid #efefef;
	box-sizing : border-box;
	color : var(--crsbkr-main);
	flex-grow : 0;
	flex-shrink : 0;
	font-size : 21px;
	font-weight : bold;
	height : 30px;
	line-height : 26px;
	margin : 0;
	min-width : 30px;
	text-align : center;
	width : 30px;
}

#crsbkr_search_results div.quote > ul li.selected > p.tick
{
	background-color : var(--crsbkr-main);
	background-size : 26px 26px;
	border-color : var(--crsbkr-main);
}

#crsbkr_search_results div.quote > ul li.selected > p.quantity_decrease + p.tick
{
	background-color : transparent;
	border-color : #efefef;
	border-width : 2px 0 2px 0;
}

#crsbkr_search_results div.quote > ul li > p.tick.wide
{
	margin : 0 30px;
}

#crsbkr_search_results div.quote > ul li.selected > p.quantity_decrease + p.tick.wide
{
	margin : 0;
}

#crsbkr_search_results div.quote > ul li p.title
{
	font-weight : bold;
}

#crsbkr_search_results div.quote > ul li p.rate
{
	flex-grow : 0;
	flex-shrink : 0;
	font-weight : bold;
	margin-right : 15px;
	white-space : nowrap;
}

#crsbkr_search_results div.quote > ul li .info
{
	color : var(--crsbkr-main);
	cursor : pointer;
	display : inline-block;
	margin : 0 10px;
}

#crsbkr_search_results div.quote > ul li .info > div
{
	box-sizing : border-box;
	display : none;
	font-weight : normal;
	position : absolute;
	left : 5px;
	width: calc(100% - 10px);

	z-index : 200;
}

#crsbkr_search_results div.quote > ul li .info:hover > div
{
	display : block;
}

#crsbkr_search_results div.quote > ul li .info > div > div:first-child
{
	background-color : #fff;
	border : 1px solid #efefef;
	position : absolute;
	left : 50px;
	top : 3px;
	height : 20px;
	width : 30px;

	transform : rotate(45deg);
}

#crsbkr_search_results div.quote > ul li .info > div > div:nth-child(2n)
{
	backdrop-filter : blur(10px);
	background-color : rgba(255, 255, 255, 0.9);
	border : 1px solid #efefef;
	border-radius : 10px;
	box-sizing : border-box;
	color : #000;
	font-size : 90%;
	margin-top : 8px;
	padding : 10px;
	z-index : 200;
}

#crsbkr_search_results div.quote > ul li .info a
{
	color : var(--crsbkr-main);
	display : block;
	flex-grow : 1;
	font-size : 75%;
	text-align : right;
	text-decoration : none;
}

#crsbkr_search_results div.quote > ul li .info p
{
	display : flex;
	flex-wrap : nowrap;
	margin : 0;
	padding : 0;
}

#crsbkr_search_results div.quote > ul li .info p span
{
	flex-grow : 0;
}

#crsbkr_search_results div.quote > ul li .info p span:first-child
{
	flex-grow : 1;
}

#crsbkr_search_results div.quote > ul li .info a:hover
{
	color : var(--crsbkr-main);
}

#crsbkr_search_results div.quote > ul li:nth-child(2n)
{
	background-color : rgba(0, 0, 0, 2%);
}

#crsbkr_search_results div.quote > ul.terms
{
	font-size : 90%;
	margin-top : 25px;
	padding : 0;
}

#crsbkr_search_results div.quote > ul.terms a
{
	color : var(--crsbkr-main);
	text-decoration : none;
}

#crsbkr_search_results div.quote > ul.terms a:hover
{
	color : var(--crsbkr-main);
}

#crsbkr_search_results div.quote > ul.terms li
{
	background-color : inherit ! important;
	border-width : 0;
	padding : 0;
}

#crsbkr_search_results div.quote > ul.terms li + li
{
	margin-top : 10px;
}

#crsbkr_search_results div.quote > ul.terms li.error p.tick
{
	border-color : #f33;
}

#crsbkr_search_results div.quote > ul.terms li p.tick + p
{
	padding-left : 15px;
}

#crsbkr_search_results div.quote > ul.terms li > p > *
{
	vertical-align: top;
}

#crsbkr_search_results div.quote > .fieldset
{
	align-items : stretch;
	box-sizing : border-box;
	display : flex;
	flex-wrap : wrap;
	gap : 5px;
	margin : 0;
	padding : 0;
	width : 100%;
}

#crsbkr_search_results div.quote > .fieldset.disabled
{
	pointer-events : none;
}

#crsbkr_search_results div.quote textarea
{
	border : 1px solid #efefef;
	border-radius : 10px;
	box-sizing : border-box;
	min-height : 150px;
	padding : 10px;
	width : 100%;
}

#crsbkr_search_results div.quote textarea.disabled
{
	border-width : 0;
	pointer-events : none;
}

#crsbkr_search_results div.quote > .fieldset div
{
	box-sizing : border-box;
	flex-grow : 1;
	flex-shrink : 1;
	margin : 0;
	min-width : 150px;
	position : relative;
	width : 40%;

	user-select : none;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;
}

#crsbkr_search_results div.quote > .fieldset div *
{
	box-sizing : border-box;
	display : block;
	text-align : left;
	width : 100%;
}

#crsbkr_search_results div.quote > .fieldset div label
{
	font-size : 80%;
	font-weight : normal;
	padding : 5px 5px 1px;
}

#crsbkr_search_results div.quote > .fieldset div input,
#crsbkr_search_results div.quote > .fieldset div select
{
	border : 1px solid #efefef;
	border-radius : 10px;
	padding : 10px;
}

#crsbkr_search_results div.quote > .fieldset.disabled div input,
#crsbkr_search_results div.quote > .fieldset.disabled div select
{
	border-width : 0;
	font-size : 90%;
	font-weight : bold;
	padding : 5px;
}

#crsbkr_search_results div.quote > .fieldset div input.error,
#crsbkr_search_results div.quote > .fieldset div select.error
{
	border-color : #f33;
}

#crsbkr_search_results div.quote button.submit
{
	background-color : var(--crsbkr-main);
	color : #fff;
	cursor : pointer;
	font-size : 100%;
	margin : 30px auto;
	padding : 10px 30px;
	text-align : center;
}

#crsbkr_search_results div.quote button.submit:hover
{
	background-color : var(--crsbkr-main);
}

#crsbkr_search_results div.quote button.cancel
{
	background-color : #d33;
	border-color : #d33;
	color : #fff;
	cursor : pointer;
	font-size : 100%;
	margin : 30px auto;
	padding : 10px 30px;
	text-align : center;
}

#crsbkr_search_results div.quote button.cancel:hover
{
	background-color : #f33;
}

#crsbkr_search_results div.quote button.cancel + button.submit
{
	margin-left : 20px;
}

#crsbkr_search_results div.summary
{
	box-sizing : border-box;
	flex-grow : 1;
	font-size : 95%;
	margin : 0;
	min-width : 250px;
	padding : 0 20px;
	text-align : center;
	width: 30%;
}

#crsbkr_search_results div.summary img
{
	margin : 0 auto;
	max-width : 500px;
	width : 80%;
}

#crsbkr_search_results div.summary p
{
	border-color : #efefef;
	border-style : solid;
	border-width : 2px 0 0 0;
	box-sizing : border-box;
	display : block;
	margin : 10px 0;
	padding : 10px 0;
	text-align : center;
}

#crsbkr_search_results div.summary p.group a
{
	color : var(--crsbkr-main);
	flex-grow : 1;
	font-size : 75%;
	text-decoration : none;
}

#crsbkr_search_results div.summary p.group a:hover
{
	color : var(--crsbkr-main);
}

#crsbkr_search_results div.summary p.group
{
	background-color : rgba(0, 0, 0, 2%);
	margin : 0;
	padding : 10px;
}

#crsbkr_search_results div.summary p.group span
{
	font-weight : bold;
	padding : 0 5px;
}

#crsbkr_search_results div.summary p.group + p
{
	border-width : 0;
	padding-top : 0px;
}


#crsbkr_search_results div.summary p.base
{
	text-align : left;
}

#crsbkr_search_results div.summary p.base span
{
	box-sizing : border-box;
	color : var(--crsbkr-main);
	display : block;
	font-weight : bold;
}

#crsbkr_search_results div.summary p.base span + span
{
	color : #444;
	font-size : 90%;
	font-weight : normal;
	line-height : 100%;
}

#crsbkr_search_results div.summary p.date
{
	text-align : left;
}

#crsbkr_search_results div.summary p.date span
{
	box-sizing : border-box;
	color : var(--crsbkr-main);
	display : block;
	font-weight : bold;
}

#crsbkr_search_results div.summary p.km_limit
{
	text-align : left;
}

#crsbkr_search_results div.summary p.km_limit span
{
	box-sizing : border-box;
	color : var(--crsbkr-main);
	display : block;
	font-weight : bold;
}

#crsbkr_search_results div.summary div p:first-child,
#crsbkr_search_results div.summary div p:last-child
{
	border-top : 2px solid #efefef;
	color : var(--crsbkr-main);
	display : flex;
	font-weight : bold;
	margin : 10px 0 0;
	text-align : left;
}

#crsbkr_search_results div.summary div p + p
{
	align-items : end;
	border-width : 0;
	display : flex;
	line-height : 120%;
	margin : 0;
	padding : 5px 0;
	text-align : left;
}

#crsbkr_search_results div.summary div p.totals
{
	border-top : 2px solid #efefef;
	margin : 10px 0 0;
	padding : 10px 0 5px;
}

#crsbkr_search_results div.summary div p span
{
	flex-grow : 1;
}

#crsbkr_search_results div.summary div p span:last-child
{
	flex-grow : 0;
	margin-left : 15px;
	white-space : nowrap;
}

/**
 *
 * Alert
 *
 */
#alert-holder
{
	display : none;
	overflow : hidden;
	transform: translate3d(0, 0, 0);
	z-index : 7000;

	position : fixed;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}

.crsbkr_alert
{
	background-color : #fff;
	border : 1px solid #efefef;
	border-radius : 15px;
	box-shadow : 0 4px 15px 0 rgba(0, 0, 0, 0.15), 0 3px 20px 0 rgba(0, 0, 0, 0.15);
	display : block;
	line-height : normal;
	max-height : 80%;
	max-width : min(1200px, 80%);
	min-width : 300px;
	padding : 30px;
	overflow : scroll;
	transform: translate3d(0, 0, 0);
	z-index : 2500;

	position : fixed;
	left : 50%;
	top : 50%;

	transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
}

.crsbkr_alert div
{
	margin : 10px 0 0 0;
	position : relative;
}

.crsbkr_alert div.buttons
{
	text-align : center;
	width : 100%
}

.crsbkr_alert div.buttons button
{
	display : inline-block;
	margin: auto 5px;
}

.crsbkr_alert div.progressbar
{
	background-color : #efefef;
	height : 4px;
	margin : auto 0 10px;
}

.crsbkr_alert div.progressbar div
{
	background-color : #dddd00;
	height : 100%;
	width : 0%;

	transition: width 0.2s;
}

.crsbkr_alert .vehicle_select
{
	position : relative;
}

.crsbkr_alert .vehicle_select ul
{
	background-color : #fff;
	border: 1px solid var(--crsbkr-dark);
	border-radius : 3px;
	box-shadow: 0 0 5px #0d2738;
	box-sizing : border-box;
	color : var(--crsbkr-dark);
	display : none;
	margin : 0px;
	max-height : 300px;
	overflow : scroll;
	padding : 0px;
	position : absolute;
	width : 95%;
	z-index : 500;
}

.crsbkr_alert .vehicle_select li
{
	border-bottom : 1px solid #dfdfdf;
	box-sizing : border-box;
	cursor : pointer;
	display : block;
	padding : 8px 5px;
	width : 100%;
}

.crsbkr_alert .vehicle_select li:hover
{
	background-color : #dfdfdf;
}

.crsbkr_alert. vehicle_select li:last-child
{
	border-bottom-width : 0px;
}

.crsbkr_alert iframe
{
	border-width : 0;
	height : auto;
	min-height : 0;
	width : 100%;
}

.crsbkr_alert img.progress,
.crsbkr_alert div.progress img
{
	animation-name : loading;
	animation-duration : 2s;
	animation-iteration-count : infinite;
	animation-timing-function : linear;

	width : 30px;
}

.crsbkr_alert input[type=text],
.crsbkr_alert input[type=email],
.crsbkr_alert input[type=password],
.crsbkr_alert select,
.crsbkr_alert button.select,
.crsbkr_alert textarea
{
	border: 1px solid var(--crsbkr-main);
	border-radius: 3px;
	margin : 0;
	padding : 10px;
	width : 90%;
}

.crsbkr_alert .center
{
	text-align : center;
}

.crsbkr_alert textarea
{
	font-size : 100%;
	min-height : 100px;
}

.crsbkr_alert input[type=text] + input[type=text],
.crsbkr_alert input[type=text] + input[type=password],
.crsbkr_alert input[type=password] + input[type=password],
.crsbkr_alert select + input[type=text]
{
	margin-top : 5px;
}

.crsbkr_alert button.select
{
	margin-bottom : 3px;
	text-align : left;
}

.crsbkr_alert button.select span
{
	float : right;
	display : none;
}

.crsbkr_alert button.select:hover
{
	text-decoration : line-through;
}

.crsbkr_alert button.select:hover span
{
	display : block;
}

.crsbkr_alert select
{
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.crsbkr_alert select:focus
{
	background-color : var(--crsbkr-lighter);
}

#focus-trap, #focus-trap:focus
{
	border-width : 0;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	cursor : 0;
	outline-style : none;

	position : fixed;
	left : 0;
	top : 0;
	width : 0;
	height : 0;
}


.crsbkr_alert h1
{
	margin-bottom : 10px;
	margin-top : 10px;
}

.crsbkr_alert table
{
	display : table;
	margin : 0;
	table-layout : fixed;
	width : 100%;
}

.crsbkr_alert div.progress
{
	background-color : rgba(255, 255, 255, 0.7);
	margin : 0;
	padding : 0;
	position : absolute;
	left : 0;
	top : 0;
	right : 0;
	bottom : 0;
}

.crsbkr_alert div.progress img
{
	position : absolute;
	left : calc(50% - 20px);
	top : calc(50% - 20px);

	height : 40px;
	width : 40px;
}

.crsbkr_alert div.date
{
	padding : 0;
	position : relative;
}

.crsbkr_alert div.date, .crsbkr_alert div.date_interval
{
	padding : 0;
	position : relative;
}

.crsbkr_alert div.date img
{
	background-color : var(--crsbkr-dark);
	border-radius : 3px;
	cursor : pointer;
	margin : 0;
	padding : 10px;
	vertical-align : middle;

	position : absolute;
	right : 0;
	top : 0;
	height : 20px;
	width : 20px;
}

.crsbkr_alert div.date img:hover
{
	opacity : 0.7;
}

.crsbkr_alert div.date input,
.crsbkr_alert div.date_interval input
{
	box-sizing : border-box;
	display : inline-block;
	padding-right : 40px;
	vertical-align : middle;
	width : 100%;
}

.crsbkr_alert div.date_interval
{
	overflow : hidden;
}

.crsbkr_alert div.date_interval select
{
	background-color : var(--crsbkr-dark);
	border-radius : 3px;
	color : #fff;
	cursor : pointer;
	margin : 0;
	padding : 10px;
	vertical-align : middle;

	position : absolute;
	right : 0;
	top : 0;
	bottom : 0;
}

.crsbkr_alert div.date_interval .select_triangle:after
{
	color : #fff;
	content : '▽';
	font-size : 50%;
	padding : 10px;
	pointer-events : none;

	position : absolute;
	right : 0;
	top : 0;
	bottom : 0;
}

.crsbkr_alert div.date_interval select:hover,
.crsbkr_alert div.date_interval select:focus
{
	opacity : 0.7;
}

.crsbkr_alert div.date_interval select + span
{
	color : #fff;
	display : block;
	position : absolute;
	left : 150%;
	top : 0;
	width : auto;
}

.crsbkr_alert .divider
{
	background-color : rgba(0, 0, 0, 0.1);
	display : block;
	height : 1px;
	margin : 10px 0;
	width : 100%;
}

.crsbkr_alert .divider
{
	background-color : var(--crsbkr-light);
	display : block;
	height : 1px;
	margin : 10px 0;
	width : 100%;
}

.crsbkr_alert.no-padding
{
	padding : 0 0 30px 0;
}

.crsbkr_alert .file
{
	margin : 0;
	min-width : 500px;
	position : relative;
	width : auto;
}

.crsbkr_alert .file > p
{
	font-size : 110%;
	font-weight : 600;
	margin : 15px;
	padding : 0;
	text-align : center;
}

.crsbkr_alert .file .header
{
	display : flex;
	flex-direction : row;
	list-style : none outside;
	height : 40px;
	margin : 0;
	padding : 0;
	user-select : none;
}

.crsbkr_alert .file .header li
{
	background-color : var(--crsbkr-lighter);
	border-bottom : 1px solid #ccc;
	box-sizing : border-box;
	cursor : pointer;
	display : block;
	flex-grow : 1;
	height : 100%;
	line-height : 40px;
	text-align : center;
	vertical-align : middle;
}

.crsbkr_alert .file .header li.selected
{
	background-color : #fff;
	border-bottom-color : var(--crsbkr-dark);
	font-weight : 600;
}

.crsbkr_alert .file .content
{
	box-sizing : border-box;
	margin : 0;
	min-height : 200px;
	padding : 10px 30px 0;
	position : relative;
}

.crsbkr_alert .file .camera
{
	overflow : hidden;
	padding : 0;
	position : relative;
	text-align : center;
	touch-action : none;
	user-select : none;
}

.crsbkr_alert .file .camera p
{
	padding : 30px 30px;
}

.crsbkr_alert .file .camera .camera-select,
.crsbkr_alert .file .camera .flip
{
	background-color : rgba(0, 0, 0, 0.4);
	border : 2px solid #fff;
	border-radius : 25px;
	color : #fff;
	cursor : pointer;
	display : block;
	padding : 0;
	text-align : center;

	position : absolute;
	right : 40px;
	bottom : 40px;
	width : 50px;
	height : 50px;
}

.crsbkr_alert .file .camera .flip
{
	left : 40px;
	right : auto;
}

.crsbkr_alert .file .camera .camera-select img,
.crsbkr_alert .file .camera .flip img
{
	margin : 3px;
	width : 40px;
	height : 40px;
}

.crsbkr_alert .file .camera .flip.selected
{
	background-color : rgba(0, 255, 0, 0.4);
}

.crsbkr_alert .file .camera .cancel,
.crsbkr_alert .file .camera .shutter
{
	background-color : rgba(0, 0, 0, 0.2);
	border : 2px solid #fff;
	border-radius : 40px;
	cursor : pointer;
	display : none;
	text-align : center;
	vertical-align : middle;

	position : absolute;
	left : calc(50% - 40px);
	bottom : 40px;
	width : 80px;
	height : 80px;
}

.crsbkr_alert .file .camera .cancel
{
	background-color : rgba(0, 0, 0, 0.05);
	border-color : #f00;
	border-radius : 19px;

	left : 40px;
	width : 38px;
	height : 38px;
}

.crsbkr_alert .file .camera .cancel span,
.crsbkr_alert .file .camera .shutter span
{
	background-color : rgba(255, 255, 255, 0.8);
	border-radius : 36px;
	border-top : 0;
	box-sizing : border-box;
	display : inline-block;
	height : 72px;
	line-height : 72px;
	margin : 2px;
	text-align : center;
	vertical-align : middle;
	width : 72px;
}

.crsbkr_alert .file .camera .cancel span
{
	background-color : transparent;
	border-radius : 15px;
	color : #f00;
	font-size : 20pt;
	height : 42px;
	line-height : 30px;
	margin : 2px;
	width : 30px;
}

.crsbkr_alert .file .camera .shutter + .shutter span
{
	background : none;
	border-radius : 36px;
	border-top : 0;
	box-sizing : border-box;
	color : #fff;
	display : inline-block;
	font-size : 35pt;
	font-weight : 600;
	height : 72px;
	margin : 2px;
	width : 72px;
}

.crsbkr_alert .file .camera canvas,
.crsbkr_alert .file .camera video
{
	box-sizing : border-box;
	max-height : 80vh;
	max-width : min(1200px, 80vw);
	width : 70vw;
}

.crsbkr_alert .file .camera .crop
{
	background : transparent;
	border : 10000px solid rgba(0, 0, 0, 0.7);
	box-sizing : content-box;
	display : none;
	margin : 50px 0 0;
	overflow : hidden;
	padding : 0;
	user-select : none;

	position : absolute;
	left : -10000px;
	top : -10000px;
	right : -10000px;
	bottom : -10000px;
}

.crsbkr_alert .file .camera .crop > div
{
	border : 5px solid rgba(0, 255, 0, 0.9);
	box-sizing : border-box;
	height : 100%;
	margin : 0;
	padding : 0;
	width : 100%;
}

.crsbkr_alert .file .camera .crop > div > div
{
	position : absolute;
	width: 0;
	height: 0;

	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid rgba(0, 255, 0, 0.9);
}

.crsbkr_alert .file .camera .crop > div > div:first-child
{
	cursor : nwse-resize;
	top : -10px;
	left : -10px;

	transform : rotate(-45deg);
}

.crsbkr_alert .file .camera .crop > div > div:first-child + div
{
	cursor : nesw-resize;
	top : -10px;
	right : -10px;

	transform : rotate(45deg);
}

.crsbkr_alert .file .camera .crop > div > div:first-child + div + div
{
	cursor : nesw-resize;
	bottom : 0px;
	left : -10px;

	transform : rotate(-135deg);
}

.crsbkr_alert .file .camera .crop > div > div:first-child + div + div + div
{
	cursor : nwse-resize;
	bottom : 0px;
	right : -10px;

	transform : rotate(135deg);
}

.crsbkr_alert .file .upload > div:first-child
{
	background-color : var(--crsbkr-lighter);
	border : 1px dashed #ccc;
	height : 190px;
}

.crsbkr_alert.dropping .file .upload > div:first-child
{
	background-color : rgba(0, 0, 0, 0.7);
}

.crsbkr_alert .file .upload > div:first-child span
{
	color : #fff;
	display : none;
	font-size : 150%;
	text-align : center;
	position : absolute;
	left : 50%;
	top : 50%;

	transform : translate(-50%, -50%);
	-ms-transform : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
}

.crsbkr_alert .file .upload > div:first-child span:first-child
{
	color : #000;
	display : block;
	line-height : 110%;
}

.crsbkr_alert.dropping .file .upload > div:first-child span
{
	display : block;
}

.crsbkr_alert.dropping .file .upload > div:first-child span:first-child
{
	display : none;
}

.crsbkr_alert .file .upload > div:first-child label
{
	position : absolute;
	left : 0;
	top : 0;
	right : 0;
	bottom : 0;
}

.crsbkr_alert .file .info,
.crsbkr_alert .file .existing
{
	display : none;
	position : relative;
}

.crsbkr_alert .file .info img,
.crsbkr_alert .file .existing img
{
	border : 1px solid var(--crsbkr-lighter);
	object-fit : contain;
	position : absolute;
	left : 0;
	top : 10px;
	height : 60px;
	width : 60px;
}

.crsbkr_alert .file .existing img
{
	left : 30px;
	top : 50px;
}

.crsbkr_alert .file .existing .preview
{
	display : block;
	height : 200px;
	position : static;
	width : 100%;
}

.crsbkr_alert .file .info span,
.crsbkr_alert .file .existing span
{
    display : table-cell;
	height : 60px;
	padding-left : 75px;
	vertical-align : middle;
}

.crsbkr_alert .file .existing .delete
{
	background-color : #BB2222;
	border-color : #880000;
}

.crsbkr_alert .file .existing .delete:hover
{
	background-color : #880000;
}

.crsbkr_alert .file .existing .upload
{
	background-color : #22AA22;
	border-color : #008800;
}

.crsbkr_alert .file .existing .upload:hover
{
	background-color : #008800;
}

.crsbkr_alert .file .existing span
{
	display : table-cell;
	margin-bottom : 10px;
	margin-top : 20px;
}

.crsbkr_alert .file .existing .add
{
	margin : 10px 5px;
}

.crsbkr_alert .file input[type=file],
.file_select input[type=file]
{
	width : 0.1px;
	height : 0.1px;
	opacity : 0;
	overflow : hidden;
	position : absolute;
	z-index : -1;
}

.file_select
{
	position : absolute;
	left : -1000;
	top : -1000;
	width : 0.1px;
	height : 0.1px;
}

.crsbkr_overlay, .crsbkr_overlay-shown
{
	background-color : rgba(0, 0, 0, 0.6);
	display : none;
	height : 100%;
	left : 0;
	position : fixed;
	width : 100%;
	top : 0;
	z-index : 600;
}

.crsbkr_overlay-shown
{
	display : block;
}

.crsbkr_alert button,
.crsbkr button
{
	background-color : var(--crsbkr-main);
	border-width : 0;
	border-radius : 15px;
	color : #fff;
	font-size : 100%;
	margin : 5px;
	padding : 10px 20px;
	min-width : auto;
}

.crsbkr_alert button:hover,
.crsbkr button:hover
{
	background-color : var(--crsbkr-dark);
	cursor : pointer;
}

.crsbkr_alert div.progressbar
{
	background-color : #efefef;
	height : 4px;
	margin : auto 0 10px;
}

.crsbkr_alert div.progressbar div
{
	background-color : #dddd00;
	height : 100%;
	width : 0%;

	transition: width 0.2s;
}

button:disabled
{
	cursor : default;
}

@media (max-width: 500px)
{
	.crsbkr_alert .file
	{
		min-width : auto;
	}
}

@media screen and (max-width: 330px)
{
	.crsbkr .search .calendar_holder
	{
		min-width : 240px;
	}

	.crsbkr fieldset > *
	{
		min-width : 220px;
	}

	#crsbkr_search_results.full-width ul li .info
	{
		min-width : 220px;
	}

	#crsbkr_search_results_header ul li
	{
		display : block;
	}

	#crsbkr_search_results_header ul li + li::before
	{
		content : '';
	}

	#crsbkr_search_results > ul > li
	{
		min-width : 200px;
	}

	#crsbkr_search_results > ul > li .info .params div span
	{
		width : auto;
	}

	#crsbkr_search_results > ul > li h1
	{
		color : #000;
	}

}