/**
 * (2017-10-17) This CSS file is currently shared on both:
 *	- football-booking template (ITYPE 144, body.football-booking)
 *  - pricetable-booking template (ITYPE 145, body.pricetable-booking)
 * The same html class name 'football-booking-box' and 'football-booking-pricebox' is also used in the pricetable-booking template.
 */


/**
 * === colors ===
 *

 * --- ACCENT - LIGHTGREEN ---
 *
 * DARK HEX: #029450
 *

 * --- LIGHTGRAY ---
 *
 * NORMAL HEX: #f3f5f5
 * DARK HEX: #e4e7e7
 *

 * --- TEXT HEADING ---
 *
 * NORMAL HEX: #1d1a1a
 *

 * --- ALERT ---
 *
 * NORMAL HEX: #ec2723
 * DARK HEX: #d70807
 * DARK RGB: 215,8,7
 *

 * --- PRICE ---
 *
 * NORMAL HEX: #cb0022
 *

 * RED:
 *	#e90f34
 *
 */




/* =====
 BOOKING BOX - GENERAL
 ====== */

.render-pricetable-booking-version .box-image{
	margin-bottom:0;
}

.render-pricetable-booking-version .box-inner{
	/*max-width:400px;*/
	max-width:100%;
}

.render-pricetable-booking-version .box,
.render-pricetable-booking-version .box-inner,
.render-pricetable-booking-version .box-title{
	border-radius:4px;
}



.render-pricetable-booking-version .box-title{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

.render-pricetable-booking-version .box-inner{
	padding:13px 0;
	padding:1.3rem 0;
}

.render-pricetable-booking-version .box-title{
	/*text-align:left;*/
	text-align:center;
	margin-top:-13px;
	margin-top:-1.3rem;
	margin-bottom:0;
	padding-top:13px;
	padding-top:1.3rem;
	padding-bottom:13px;
	padding-bottom:1.3rem;
}

.render-pricetable-booking-version .box-title,
.render-pricetable-booking-version .box-desc,
.render-pricetable-booking-version .box-nav{
	padding-left:9px;
	padding-right:9px;
	padding-left:0.9rem;
	padding-right:0.9rem;
}

.render-pricetable-booking-version .box-image,
.render-pricetable-booking-version .box-image img{
	border-radius:0;
}

.render-pricetable-booking-version .box-desc{
	/*padding-top:0.375em;*/
	/*padding-bottom:0.375em;*/
	padding-top:0.375em;
	padding-bottom:0.375em;
}

.render-pricetable-booking-version .box-nav{
	text-align:center;
	font-size:1.286em;
	/*padding-top:1.5em;*/
	padding-top:10;
}

.render-pricetable-booking-version .box-title + .box-desc{
	/*padding-top:1em;*/
	/*padding-bottom:0.375em;*/
	padding-top:18px;
	padding-top:1.8rem;
	padding-bottom:6px;
	padding-bottom:0.6rem;
}


.football-booking-textarea-box .box-title + .box-desc{
	padding-top:9px;
	padding-top:0.9rem;
	padding-bottom:0;
}

.render-pricetable-booking-version .box-desc .box-nav{
	padding-top:0;
	padding-left:0;
	padding-right:0;
}

/* =====
 BOOKING CONTENT BOX - SKIN
 ====== */

.football-booking-box,
.football-booking-box .box-inner{
	background:#fff;
}

.football-booking-box .box-title,
.football-booking-box .box-title a{
	/*color:#1d1a1a;*/
	/*background-color:#fff;*/
	color:#fff;
	/*background-color:#009640;*/
	background-color:#029450;
	
}

/*
.default .football-booking-box .box-title,
.default .football-booking-box .box-title a{
	color:#fff;
	background-color:#939292;
}

.fotboll .football-booking-box .box-title,
.fotboll .football-booking-box .box-title a{
	color:#fff;
	background-color:#008b39;
}

.golf .football-booking-box .box-title,
.golf .football-booking-box .box-title a{
	color:#fff;
	background-color:#82c341;
}

.longstay .football-booking-box .box-title,
.longstay .football-booking-box .box-title a{
	color:#fff;
	background-color:#82c341;
}


.sport .football-booking-box .box-title,
.sport .football-booking-box .box-title a{
	color:#fff;
	background-color:#008bcc;
}

.aktiv .football-booking-box .box-title,
.aktiv .football-booking-box .box-title a{
	color:#fff;
	background-color:#ec2723;
}

.travel .football-booking-box .box-title,
.travel .football-booking-box .box-title a{
	color:#fff;
	background-color:#bd1e2c;
}

*/


.football-booking-box .box-inner{
	box-shadow:0px 0px 0px 1px #e4e7e7;
}

.football-booking-box .box-title,
.football-booking-box .box-title + .box-image{
	border-bottom:1px solid #e4e7e7;
}

/*
.football-booking-box input:not(.button),
.football-booking-box textarea,
.football-booking-box select{
	border-color:inherit;
}

.football-booking-box input:not(.button):hover,
.football-booking-box textarea:hover,
.football-booking-box select:hover{
	border-color:inherit;
}

.football-booking-box input:not(.button):focus,
.football-booking-box textarea:focus,
.football-booking-box select:focus{
	border-color:inherit;
}

.football-booking-box{
	color:#fff;
	color:rgba(255,255,255,0.85);
}

.football-booking-box a:not(.button),
.football-booking-box .box-inner a:not(.button),
.football-booking-box h1,
.football-booking-box h2,
.football-booking-box h3,
.football-booking-box h4,
.football-booking-box h5,
.football-booking-box h6,
.football-booking-box .box-title,
.football-booking-box .box-nav,
.football-booking-box th,
.football-booking-box thead td{
	color:#fff;
}

.football-booking-box a:not(.button){
	font-weight:600;
}

.box.football-booking-box tr.row-even,
.box.football-booking-box li.item-even,
.box.football-booking-box thead + tbody tr.row-odd,
.box.football-booking-box thead + tbody tr.row-odd.toggled:hover{
	background-color:rgba(255,255,255,0.1);
}

.football-booking-box tr,
.football-booking-box tr.row-odd,
.football-booking-box tr.row-even{
	border-color:transparent;
	border-color:rgba(255,255,255,0.1);
}

.football-booking-box th,
.football-booking-box thead tr{
	border-color:#fff;
}
*/

.football-booking-box{
	/* margin-bottom: 2.25em; */
	margin-bottom:0;
}

/*
	.football-booking-box .box-title{
		position:relative;
	}

	.football-booking-box .box-title:before,
	.football-booking-box .box-nav:before{
		font-size:126px;
		content:'';
		height:1em;
		width:0.698em;
		background-color:transparent;
		background-image:url(../images/booking-arrow-green.png);
		background-repeat:no-repeat;
		background-position: 50%; 50%;
		background-size:contain;
	}

	.football-booking-box .box-title:before{
		display:block;
		position:absolute;
		left:-0.698em;
		bottom:0;
		margin-left:-10px;
	}


	.football-booking-box .box-nav:before{
		font-size:96px;
		display:inline-block;
		margin-right:10px;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
*/
.football-booking-box .box-nav .button{
	margin-right:0.75em;
}

.football-booking-box .box-nav .button:last-of-type{
	margin-right:0;
}

.football-booking-box .box-nav:before,
.football-booking-box .box-nav .button{
	vertical-align:bottom;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}


.football-booking-box:first-child .box-title:before{
	display:none;
}

.football-booking-box + .ajax-wrap .football-booking-box:first-child .box-title:before{
	display:block;
}

/**/

.render-pricetable-booking-version .football-booking-box,
.football-booking-box .box-inner,
.football-booking-box .box-title,
.render-pricetable-booking-version .validation-ajax-box,
.validation-ajax-box .box-inner,
.validation-ajax-box .box-title{
	border-radius:0;
}

.render-pricetable-booking-version .football-booking-box:first-child,
.football-booking-box:first-child .box-inner,
.football-booking-box:first-child .box-title{
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.football-booking-hotel-box + .ajax-wrap .football-booking-box:first-child,
.football-booking-hotel-box + .ajax-wrap .football-booking-box:first-child .box-inner,
.football-booking-hotel-box + .ajax-wrap .football-booking-box:first-child .box-title{
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.render-pricetable-booking-version .football-booking-box:last-of-type,
.football-booking-box:last-of-type .box-inner,
.render-pricetable-booking-version .football-booking-submit-box,
.football-booking-submit-box .box-inner{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}


/* =====
 BOOKING PRICEBOX  - SKIN
 ====== */
.football-booking-pricebox,
.football-booking-pricebox .box-inner{
	background:#f3f5f5;
}

.football-booking-pricebox .box-title{
	color:#1d1a1a;
	background-color:#f3f5f5;
}

.football-booking-pricebox .box-inner{
	box-shadow:0px 0px 0px 1px #e4e7e7;
}

.football-booking-pricebox .box-title,
.football-booking-pricebox .box-title + .box-image{
	border-bottom:1px solid #e4e7e7;
}

/*
.football-booking-pricebox input:not(.button),
.football-booking-pricebox textarea,
.football-booking-pricebox select{
	border-color:#e4e7e7;
}

.football-booking-pricebox input:not(.button):hover,
.football-booking-pricebox textarea:hover,
.football-booking-pricebox select:hover{
	box-shadow:0px 0px 0px 1px #e4e7e7;
}

.football-booking-pricebox input:not(.button):focus,
.football-booking-pricebox textarea:focus,
.football-booking-pricebox select:focus{
	box-shadow:0px 0px 0px 1px #e4e7e7;
}

.football-booking-pricebox{
	color:#fff;
	color:rgba(255,255,255,0.85);
}

.football-booking-pricebox a:not(.button),
.football-booking-pricebox .box-inner a:not(.button),
.football-booking-pricebox h1,
.football-booking-pricebox h2,
.football-booking-pricebox h3,
.football-booking-pricebox h4,
.football-booking-pricebox h5,
.football-booking-pricebox h6,
.football-booking-pricebox .box-title,
.football-booking-pricebox .box-nav,
.football-booking-pricebox th,
.football-booking-pricebox thead td{
	color:#fff;
}

.football-booking-pricebox a:not(.button){
	font-weight:600;
}

.box.football-booking-pricebox tr.row-even,
.box.football-booking-pricebox li.item-even,
.box.football-booking-pricebox thead + tbody tr.row-odd,
.box.football-booking-pricebox thead + tbody tr.row-odd.toggled:hover{
	background-color:rgba(255,255,255,0.1);
}

.football-booking-pricebox tr,
.football-booking-pricebox tr.row-odd,
.football-booking-pricebox tr.row-even{
	border-color:transparent;
	border-color:rgba(255,255,255,0.1);
}

.football-booking-pricebox th,
.football-booking-pricebox thead tr{
	border-color:#fff;
}
*/



html .football-booking-pricebox .box-title{
	font-size: 2em;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left;
    border-bottom: none;
    padding-bottom:0.333em;
    margin-bottom: 0;
}

/* =====
 BOOKING CONTENT BOX BUTTON - SKIN
 ====== */

/**
 * First child button (red'ish)
 */

 
 /*
.render-pricetable-booking-version .box-nav .button:first-of-type,
.render-pricetable-booking-version .box-nav .button:first-of-type:disabled:hover,
.render-pricetable-booking-version .box-nav .button:first-of-type:disabled:active{
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.15);
	background-image:-webkit-linear-gradient(top,transparent 0%,rgba(215,8,7,0.65) 100%);
	background-image:linear-gradient(to bottom,transparent 0%,rgba(215,8,7,0.65) 100%);
	color:#fff;
	background-color:#ec2723;
	border-color:#d70807;
}

.render-pricetable-booking-version .box-nav .button:first-of-type:hover{
	text-shadow:0 0 2px rgba(0,0,0,0.4);
	box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.5),0 1px 3px rgba(0,0,0,0.35);
	background-image:-webkit-linear-gradient(top,#ec2723 50%,#d70807 100%);
	background-image:linear-gradient(to bottom,#ec2723 50%,#d70807 100%);
	background-color:#ec2723;
	color:#fff;
	border-color:#d70807;
}

.render-pricetable-booking-version .box-nav .button:first-of-type:active{
	text-shadow:-1px -1px 1px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.1);
	box-shadow:inset 0 3px 6px 0 rgba(0,0,0,0.15),inset 0 -1px 1px 0 rgba(255,255,255,0.5),-1px -1px 2px 0 rgba(0,0,0,0.2),1px 1px 2px 0 rgba(255,255,255,0.15);
	background-image:none;
	background-color:#d70807;
	color:#fff;
	border-color:#d70807;
}
 */

/* =====
 BOOKING CONTENT VALIDATION BOX (ERROR) - SKIN
 ====== */

.validation-ajax-box .box-inner{
	/*box-shadow:0px 0px 0px 1px #e4e7e7;*/
	box-shadow:0px 0px 0px 1px #e90f34;
	
}

.validation-ajax-box .box-title,
.validation-ajax-box .box-title + .box-image{
	/*border-bottom:1px solid #e4e7e7;*/
	border-bottom:1px solid #e90f34;
}


/* =====
 BOOKING
 ====== */

.booking-pricebox-row{
	padding: 0 0 1em 0;
	
}


.booking-pricebox-row-title{
	font-family:'Open Sans Condensed',sans-serif;
	font-weight: 700;
	font-size: 1.167em;
	line-height: 1.286em;
	letter-spacing: 0.018em;
	padding: 0 0 0.75em 0;
}

.booking-pricebox-totalcost-row{
	border-top: 1px dashed rgba(0,0,0,0.1);
	padding-top: 0.75em;
	margin-top: 0;
}

.booking-pricebox-totalcost-row .booking-pricebox-row-title{
	text-transform: uppercase;
}
/**/
.id-booking-pricebox-totalcost-row .key{
	font-weight:normal;
	color:inherit;
}

.id-booking-pricebox-totalcost-row .value{
	font-weight:bold;
	color:inherit;
}

.id-booking-pricebox-totalcostpp-row .key,
.id-booking-pricebox-totalcostpp-row .value{
	font-weight:bold;
	/*color:red;*/
	color:#cb0022;
}
/**/
.booking-pricebox-list a,
.booking-pricebox-list a:hover{
	text-decoration:none;
}

.booking-pricebox-list,
.booking-pricebox-item{
	display:block;
	padding:0;
	margin:0 auto;
	list-style:none;
}

.booking-pricebox-list{
	text-align:center;
}

.booking-pricebox-item{
	text-align: left;
	display:block;
	padding-bottom:0.375em;
	
}

.booking-pricebox-item:last-child{
	padding-bottom:0;
}


.booking-pricebox-item-key,
.booking-pricebox-item-value{
	display:inline-block;
	vertical-align:top;
	text-align:left;
}


.booking-pricebox-item-key-inner,
.booking-pricebox-item-value-inner{
	display:block;
	display:inline-block;
	vertical-align:top;
	text-transform: uppercase;
}


.booking-pricebox-item-key{
	width:73%;
	width:calc(169px + 1px);
	min-width:10em;
	min-width:calc(1px + 1px);

}


.booking-pricebox-item-value{
	width:27%;
	width:calc(100% - (170px + 1%));
	min-width:5em;
	min-width:calc(1em + 4em);
	padding:0.083em 0;
	text-align: right;
}


/**/






/* 
	CSS place in calendar-pickadate.css when done
	* Adjustments when placed in '/functions-booking-step1.asp':
*/

.football-booking-calendar-box-row .requiredfield-asterisk{
	display:none;
}

.football-booking-calendar-box-row .picker__input{
	height:2.285em;
	line-height: 2.285;
	padding-top:0;
	padding-bottom:0;
}
.football-booking-calendar-box-row .pickadate-date-icon{
	margin-top:0.6em;
}



/** FORM & TAGS **/

.render-pricetable-booking-version .form-item{
	padding-top:5px;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}

.render-pricetable-booking-version p{
	padding-bottom:0.375em;
}

.render-pricetable-booking-version p:last-of-type{
	padding-bottom:0;
}

