/* CSS Document */

/* ------------------------------ */
/* temp Setups for test framework */
/* ------------------------------ */
body {
    font-family: Arial,Helvetica,sans-serif;
}

/* ------------------------------ */
/* user specific css  starts here */
/* ------------------------------ */

#ss_working {
    color: #666;
    display: block;
    font-size: 4em;
    margin: 0 auto;
    width: max-content;
}

#ss_divTable_wrapper {
	margin-bottom: 80px;
	/* margin: 0px 0px 0 calc((100% - 980px) * 0.5); */
    overflow: hidden;
    /* width: 979px; */
}

#ss_divTable_wrapper a {
    text-decoration: none;
    color: #428bca;;
}

#ss_divTable_wrapper .divTable {
	color: #303030;
	display: table;
	width: 100%;
}

#ss_divTable_wrapper .divTable .ss_section_header {
    color: #aaa;
}

#ss_divTable_wrapper .divTable a:hover {
    text-decoration: underline;
}

#ss_divTable_wrapper .ss_section_header {
    font: normal normal bold 25px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;
    margin: 25px 0 5px;
}

#ss_divTable_wrapper .divTable_header {
	background-color: #666;
	color: #fff;
	font: normal normal normal 14px/20px open sans condensed,sans-serif;
	line-height: 2;
}

#ss_divTable_wrapper .divTable_header .divCell {
	vertical-align: top;
}

#ss_divTable_wrapper .divTable_header .divCell.tripprice span {
    font-size: 0.7rem;
    font-weight: normal;
}

#ss_divTable_wrapper .divRow {
	color: #2A3027;
}

#ss_divTable_wrapper .divRow.tripname {width: 100%;}

#ss_divTable_wrapper .divRow .divRow {display: table-cell; padding: 12px 0;}

#ss_divTable_wrapper .divCell {
	display: table-cell;
	min-width: 100px;
	padding: 0 6px;
	text-align: left;
}

#ss_divTable_wrapper .divCell.tripdates {
    min-width: 85px;
}

#ss_divTable_wrapper .divCell.tripnights {
    min-width: 65px;
}

#ss_divTable_wrapper .divCell.tripname {
	text-align: left;
    width: 100%;
}

#ss_divTable_wrapper .divCell.tripname span {
    display: block;
    font-weight: normal;
}

#ss_divTable_wrapper .special_on .divCell.tripprice,
#ss_divTable_wrapper .special_on .divCell.cabin_price {
    color: #999;
    text-decoration: line-through;
}

#ss_divTable_wrapper .divCell.book {
    min-width: 80px;
}

#ss_divTable_wrapper .divCell.togglectrl {
    min-width: 30px;
}

#ss_divTable_wrapper .ss_trip_date {
	border-bottom: 1px solid #ddd;
    display: block;
	font: normal normal normal 13px/16px open sans condensed,sans-serif;
}

#ss_divTable_wrapper .ss_trip_date:nth-child(2n+1) {
    background-color: #f9f9f9;
}

#ss_divTable_wrapper .ss_trip_date:nth-child(2n)  {
    background-color: #f3f3f3;
}

#ss_divTable_wrapper .ss_trip_date .divCell.tripspaces span {
    font-size: 0.8rem;
}

#ss_divTable_wrapper .ss_trip_date .divCell.togglectrl i {
    font-size: 1.6rem;
	vertical-align: middle;
}

#ss_divTable_wrapper .ss_trip_date .ss_trip_details .divCell:first-child { display: none !important;}

#ss_divTable_wrapper .ss_trip_details .special {
    background-color: orange;
    border-radius: 5px;
    box-shadow: 1px 1px 7px 0px #3334;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    margin-top: 3px;
    padding: 4px 6px;
}

#ss_divTable_wrapper .ss_trip_details .special span {color: #444;}

#ss_divTable_wrapper .ss_cabin_details {
	background: #f3f3f3;;
	border: 1px solid #1d497a;
	border: 1px solid #ddd;
	border-radius: 3px;
	display: none;
	margin: 15px 15px 20px;
	padding: 8px 0;
}
	
#ss_divTable_wrapper .ss_cabin_details > div > div {
    padding: 2px 8px;
}

#ss_divTable_wrapper .ss_cabin_details .divCell.cabin_type {
    text-align: right;
}

#ss_divTable_wrapper .ss_cabin_details .divCell.cabin_price {
    text-align: right;
    min-width: 100px;
}

#ss_divTable_wrapper .ss_cabin_details .divCell.cabin_special {
    color: orange;
    font-weight: bold;
}

#ss_divTable_wrapper .ss_cabin_details .divCell.cabin_space {
    text-align: left;
}



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

	#ss_divTable_wrapper { margin: unset; width: unset;}
	#ss_divTable_wrapper .ss_section_header {text-align: center;}	
	#ss_divTable_wrapper .divTable_header {display: none;}
	
	#ss_divTable_wrapper .ss_trip_date {margin-bottom: 15px;}
	#ss_divTable_wrapper .ss_trip_date .ss_trip_details .divCell:first-child {display: table-cell !important;}
	
	#ss_divTable_wrapper .divRow.tripprice .special {display: table-cell !important;}

	#ss_divTable_wrapper .divCell {min-width: 100px !important;}
	#ss_divTable_wrapper .divCell.tripname {width: unset;}
	#ss_divTable_wrapper .divCell.tripname span {display: none;}
	#ss_divTable_wrapper .divCell.togglectrl {display: none !important;}
	
	#ss_divTable_wrapper .divRow .divRow {display: block !important; padding: 5px 0 !important;}
	#ss_divTable_wrapper .divRow.tripdates:first-child {background-color: #ddd;}

	#ss_divTable_wrapper .ss_trip_details .special {display: block; margin: 10px 10px 0;}
}