/*** resets for default browser settings ***/
/* Removes inner padding and border in Firefox 4+. */
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
button,input[type='button'],input[type='reset'],input[type='submit']{-webkit-appearance:button;}
/***/


#varning-no-javascript {
	text-align: left;
	background: #eeeeee;
	padding: 10px 20px 5px 20px;
	border: 1px solid #dcdcdc;
	margin: 20px;
}
#varning-no-javascript td {
	vertical-align: top;
}
#varning-no-javascript h2 {
	margin-top: 20px;
	padding-top: 0;
}
#varning-no-javascript p {
	max-width: 100%;
}



.bookformmain, h2.bookformmain{
	font-size:12px;
	/* font-family:"HelveticaNeueBold","HelveticaNeue-Bold","Helvetica Neue Bold","TeXGyreHerosBold",Helvetica,Arial,sans-serif; */
	font-family:"Neue Helvetica W01",Helvetica,Arial,sans-serif,'heading'; 
	font-weight:600;
	color:#646464;

}


.form-input-text, input.form-input-text{
	/* font-size:14px; */
	/* font-family:"HelveticaNeue","Helvetica Neue",'TeXGyreHerosRegular',Helvetica,Arial,sans-serif; */
	/* font-family:"Neue Helvetica W01",Helvetica,Arial,sans-serif;
	font-weight:400;
	color:#8e8e8e; */
	
}


.widget {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.button{ 
		font-family:"Neue Helvetica W01",Helvetica,Arial,sans-serif,'heading';
		font-weight: 400;
		text-transform: uppercase;
		font-size: 1em;
		line-height: 1.5;
		letter-spacing: 0;
		text-decoration: none;
		border-radius: 0.215em;
		outline: 0 none;
		border-style: solid;
		border-width: 1px;
		display: inline-block;
		vertical-align: top;
		padding: 0.563em 0.813em;
		margin: 0;
		text-align: center;
		color: #fff;
		background-color: #db1f2c;
		border-color: #db1f2c;
}

.button, .button:hover{ text-decoration: none;}

.button:hover {
	cursor: pointer;

}


/* .btn from inlandsbanan.nocweb.se/sites/all/themes/inlandsbanan/media/css/style.css */

/* .button:hover,
a.button:hover{
  background: #f82534;
  
  -webkit-box-shadow:none;
  box-shadow:none;
  text-shadow: none;
}
.button:active {
  background: #be0411;
  -webkit-box-shadow:none;
  box-shadow:none;
  text-shadow: none;
} */




.button:disabled{
	color:#fff;
	background-color:#646464;
	zoom:1;
	filter:alpha(opacity=15);
	opacity:0.15;	
}

/**/

/*
button.button {
    padding: 0.25em 0.68em;
}
a.button {
    padding: 0.25em 0.68em;
}
a.button:hover {
    color: #FFFFFF;
   
}
input.button, #brochure_btn input.button {
    padding: 4px 8px;
}
.ie7 input.button {
    padding: 1px 6px;
}
*/


/**/
.step-container-inner{
	font-size:12px;
	line-height: 1.2;
	text-transform:uppercase;
	color:#aaaaaa;
}

.active .step-container-inner{
	color: #db1f2c;
	font-weight: 600;
    font-size: 14px;
    line-height: 1.4;
}



#step-indicator-container-top {
	margin: 0!important;
	padding:0!important;
	background-color: #fff!important;
	border-color:transparent!important;
	border-bottom-color:#fff!important;
	border-radius: 0!important;
}

html #step-indicator-container{
	padding-left:0;
	padding-right:0;
}

#step-indicator-container-top{max-width:728px;}







	
.step-container-inner:before{display:inline;}
#step-container-1 .step-container-inner:before{content:'1. ';}
#step-container-2 .step-container-inner:before{content:'2. ';}
#step-container-3 .step-container-inner:before{content:'3. ';}
#step-container-4 .step-container-inner:before{content:'4. ';}


.atstep2 #step-container-1 .step-container-inner:before,
.atstep3 #step-container-1 .step-container-inner:before,
.atstep3 #step-container-2 .step-container-inner:before,
.atstep4 #step-container-1 .step-container-inner:before,
.atstep4 #step-container-2 .step-container-inner:before,
.atstep4 #step-container-3 .step-container-inner:before{color:#db1f2c;}




html .step-container {
	background-color: transparent!important;
	padding: 14px 6px;

	max-width: 100%;
    width:170px;
    margin-left: auto;
    margin-right: auto;
    

	/*
	float: left;
	
	text-align: center;
	*/
}

.step-container-bottom {
	/*
	height: 22px;
	width: 185px;
	float: left;
	padding: 0 6px;
	*/
}

.step-container-bottom:empty{display:none;}

#step-container-1,
#step-container-2,
#step-container-3 {
	border-right-color:#d5d5d5!important;
	border-right:none!important;
}

.step-container{
	-webkit-box-shadow: 0 1px 0 0 #fff, 1px 0 0 0 #fff;
	box-shadow: 0 1px 0 0 #fff, 1px 0 0 0 #fff;
}


.step-container.active {
	
	background-color: #fff!important;
	border-bottom-color:transparent;
	
	-webkit-box-shadow: 0 1px 0 0 #fff, 1px 0 0 0 #fff, -1px 0 0 0 #fff;
	/*box-shadow: 0 1px 0 0 #fff, 0 -1px 0 0 #d5d5d5, 1px 0 0 0 #d5d5d5, -1px 0 0 0 #d5d5d5;*/
	box-shadow: 0 1px 0 0 #fff, 0 -1px 0 0 #fff, 1px 0 0 0 #fff, -1px 0 0 0 #fff;
	
}



.step-container-bottom.active {
	/*
	background-image: url("/clientfiles/images/stepindicator-arrow.png");
	background-position: 50% center;
	background-repeat: no-repeat;
	*/
	background-image: none!important;
}



/**/

.booking-steps.atstep4 .booking-finalpart .bookingbox {
	background-color: #f4f4f4 !important;
	border: 1px solid #d5d5d5 !important;
}

/**/
.bookingbox:first-child{margin-top:0;}


.sidebar-booking .bookingbox{margin:0;border-bottom:none!important;}


.sidebar-booking .bookingbox.booking-payinfo{
	background-color: #f4f4f4 !important;
	border-bottom: 4px solid #DB1F2C !important;
	margin-bottom:10px;
}


/**
	* viewbook.asp - CM2 style
*/

.classinput,.inputText{
    border: 1px solid #BBBBBB;
    border-radius: 3px;
    outline: none;
    padding: 4px;
    vertical-align: top;
    width: 61%;
}
.classinput:focus,.inputText:focus {
    border: 1px solid #000000;
}



/**/

.viewbookTable{
	margin-bottom:10px;
}
/**/
#viewbookTable1 td.col1{display: none;}

.fck-editor-content ul, 
.fck-editor-content li,
.text1 ul, 
.text1 li,
#viewbookTable1 tr,
#viewbookTable1 td{
	list-style:none;
	padding:0;
	margin:0;
}

.fck-editor-content ul,
.text1 ul,
#viewbookTable1 tr{
	padding-top:6px;
	padding-bottom:6px;
}


.fck-editor-content li,
.text1 li,
#viewbookTable1 td.col2{
	position:relative;
	padding:6px 0 6px 25px;
}
.fck-editor-content li:before,
.text1 li:before,
#viewbookTable1 td.col2:before{
	content:''; 
	display:block;
	width:12px;
	height:12px;
	line-height: 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background:#db1f2c;
	top:8px;
	left:0;
	position:absolute;
}

#viewbookTable1 td.col2:before{
	top:auto;
	margin-top:1px;
}


/**/
#viewbookTable2, #viewbookTable3, #viewbookTable5, #viewbookTable7 {
    background-color: #F4F4F4;
    padding:10px 2%;
    border-bottom:4px solid #DB1F2C;
    margin-bottom: 10px;
    margin-top: 20px;
}
    
#viewbookTable1{
	padding-top:0.75em;
}

body.viewbook table td{
	padding-top: 8px;
	padding-bottom: 8px;
}

.viewbookTable-title{
    /* font-family:"HelveticaNeueBold","HelveticaNeue-Bold","Helvetica Neue Bold","TeXGyreHerosBold",Helvetica,Arial,sans-serif; */
	font-family:"Neue Helvetica W01",Helvetica,Arial,sans-serif,'heading';
    font-size: 12px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 15px 0;
    text-align: left;
    color: #646464;
    display:block;
}

/**
	* brochureiframe.asp - CM2 style
*/
#brochure_page .Brochtext{
	padding-top:5px;
	padding-bottom:10px;
}

#brochure_choice_wrap span.checkbox,
#brochure_page span.checkbox{
    padding-left: 0;
    padding-right: 0;
    width: 23px;
}


.broch_custinfo_colleft {
    padding-right: 0;
    width: 120px;
}

/**
	* Contact_iframe.asp - CM2 style
*/
.contact_iframe td{
	padding-top: 5px;
	padding-bottom:5px;
}




/*Inlandsbanan grid layout (table) - date (first column)*/
.multiconnections .bookingbox-grid4-cell-1{
	width: 23%;
}

/*Inlandsbanan grid layout (table) - Rutt*/
.multiconnections .bookingbox-grid4-cell-2{
	width: 48%;
}

/*Inlandsbanan grid layout (table) - pris / person*/
.multiconnections .bookingbox-grid4-cell-3{
	width: 13%;
}
/*Inlandsbanan grid layout (table) - pris totalt*/
.multiconnections .bookingbox-grid4-cell-4{
	width: 12%;
}

/*Booking-box 'Din resa' not enough width for comments (column 5)*/
.atstep2 .bookingbox-grid5-cell-5{
/*.atstep3 .bookingbox-grid5-cell-5*/
	width: auto;
	display: block;
	clear: both;
	font-style: italic;
	color:#646464;
}

/* 2017-02-15 KA, don't show fifth column */
.atstep2 .bookingbox-grid5-header-row .bookingbox-grid5-cell-5,
.atstep3 .bookingbox-grid5-header-row .bookingbox-grid5-cell-5{
	display: none;
}

/* 2017-02-15 KA, Added this to not show t_number for additions */
.atstep3 .bookingbox-grid5-cell-options-4{
	color: transparent;
}

/* 2017-02-15 KA, Added this to show t_select (fifth column) for additions (and not for multiconnections) */
.atstep3 .bookingbox-grid5-cell-options-5{
	display: inline!important;
}

/**/

.clickable{
	cursor: pointer;
}

.togglebox .clickable{
	display: block;
}

.togglebox .clickable:after{
	float: right;
	font-size:1.25em;
	line-height: 1;
	font-weight: 600;
}


.togglebox-closed .clickable{
	color:#db1f2c;
}

.togglebox-closed .clickable:hover{
	text-decoration: underline;
}


.togglebox-closed .clickable:after{
	content:"\2192";
}

.togglebox-open .clickable:after{
	content:"\2193";
}



/**/





@media screen and (max-width: 980px) {
	html #wrapper{
		padding-left:0;
		padding-right:0;
		width:100%;
	}
	
}

@media screen and (min-width: 981px) {

	#wrapper {
		width: 1170px;
		max-width:100%;
		padding-top: 20px;
	}
	
	#content {
		/* width: 64%; */
		max-width:100%;
		padding-left:1%;
		padding-right:0;
	}
	#sidebar {
		width: 35%;
		max-width:100%;
		padding-left:0;
		/* padding-right:; */
	}
	#sidebar .widget{
		/* padding-left:0; */
		/* padding-right:0; */
	}
	.sidebar-booking{
		padding-top:5px;
		padding-bottom:5px;
	}
	.sidebar-booking:first-child{
		padding-top:0;
	}

}




@media screen and (max-width: 760px) {
	html .step-container{
		width:25%;
		padding-left:0;
		padding-right: 0;
	}
	
}




@media screen and (max-width: 560px) {
	html .step-container{
		width:50%;
		padding-left:0;
		padding-right: 0;
	}
	
	/*Inlandsbanan grid layout (table) - date (first column)*/
	html .multiconnections .bookingbox-grid4-cell-1{
		width: 29%;
	}

	/*Inlandsbanan grid layout (table) - Rutt*/
	html .multiconnections .bookingbox-grid4-cell-2{
		width: 39%;
	}

	/*Inlandsbanan grid layout (table) - pris / person*/
	html .multiconnections .bookingbox-grid4-cell-3{
		width: 14%;
	}
	/*Inlandsbanan grid layout (table) - pris totalt*/
	html .multiconnections .bookingbox-grid4-cell-4{
		width: 14%;
	}
	
	
	
}


@media screen and (max-width: 300px) {
	html .step-container{
		width:100%;
		max-width:170px;
		padding-left:0;
		padding-right: 0;
		float: none;
	}
	
	
}



/** 'bookingbox-key' and 'bookingbox-key' copied from template-mybookings.css */

.bookingbox-key,
.bookingbox-value{
	display:inline;
	display:inline-block;
	vertical-align:top;
}

.bookingbox-key,
.BookingLabel{
	/*font-weight:700;*/
	font-weight:600;
	width:28%;
	text-align:right;
	padding-right:1%;
}

.bookingbox-value{
	width:70%;
}

.bookingbox-alert{
	font-weight: bold;
	color: red;
}

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


	.bookingbox-key,
	.bookingbox-value,
	.BookingLabel{
		width:100%;
		padding:0px;
		text-align:left;
	}

}

.seatingajax {
	display: flex;
    flex-direction: column;
    align-items: center;
	.busseating-ajax-table-1 {
		td {
			width: 50px;
			height: 50px;
			vertical-align: middle;
		}

		a {
			color: inherit;
			font-size: medium;
		}
		font {
			font-size: medium;
		}
	}
}