/*
	Brighton Getaways
	Dashboard
	Mark Willis
*/

div.dashboard_navigation {
	text-align: left;
}
div.dashboard_navigation a {
	display: block;
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid #DDDDDD;
	color: #999999;
}
div.dashboard_navigation a:hover {
	color: #333333;
}
div.dashboard_navigation a:hover i {
	color: #DB404C;
}
div.dashboard_navigation a span {
	display: block;
	padding: 15px 5px 15px 5px;
}
div.dashboard_navigation a.active {
	background: #FFFFFF;
	color: #333333;
}
div.dashboard_navigation a.active i {
	color: #DB404C;
}


/* Main page */
div.dashboard_left {
	width: 200px;
	float: left;
}
div.dashboard_right {
	width: 900px;
	float: left;
	min-height: 500px;
}

/* Inner page */
div.dashboard_inner_left {
	width: 50%;
	float: left;
}
div.dashboard_inner_right {
	width: 50%;
	float: left;
}

div.dashboard_alert {
	background: #FFFFFF;
	margin: 0 0 10px 0;
	padding: 15px;
}
div.dashboard_alert p {
	margin: 0;
}

/* List rows */
div.dashboard_row {
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
}
div.dashboard_row_half {
	width: 50%;
	float: left;
}
div.dashboard_row_third {
	width: 33.3%;
	float: left;
}
div.dashboard_row_quarter {
	width: 25%;
	float: left;
}
div.dashboard_row_three_quarter {
	width: 75%;
	float: left;
}
img.dashboard_row_image {
	width: 100%;
	height: auto;
}
div.dashboard_row_sidepad {
	padding: 0 0 0 10px;
}

div.dashboard_color_block {
	padding: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0px 5px 0px 5px;
}
div.dashboard_color_block.blue {background: #0275d8;}
div.dashboard_color_block.green {background: #5cb85c;}
div.dashboard_color_block.orange {background: #ef910a;}
div.dashboard_color_block.red {background: #d9534f;}

div.dashboard_color_block.blue_light {background: #d9edf7;}
div.dashboard_color_block.green_light {background: #dff0d8;}
div.dashboard_color_block.orange_light {background: #fcf8e3;}
div.dashboard_color_block.red_light {background: #f2dede;}


div.dashboard_color_block h3 {
	font-size: 24px;
	margin: 0 0 10px 0;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #333;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding: 0 0 10px 0;
}
div.dashboard_color_block p {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #333;
}
div.dashboard_color_block p span.right {
	float: right;
}
div.dashboard_color_block p span.headline {
	font-size: 22px;
}
div.dashboard_color_block p.bold {
	font-weight: bold;
}

div.dashboard_color_block_light h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
	color: #333333;
	text-shadow: 1px 1px 1px #FFF;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 10px 0;
}
div.dashboard_color_block_light p {
	font-size: 14px;
	margin: 0 0 5px 0;
	color: #333333;
	text-shadow: 1px 1px 1px #FFF;
}

/* dashboard calendar */
div.admin_calendar table.calendar { border-left:1px solid #CCCCCC; margin: 20px 0 0 0; }
div.admin_calendar tr.calendar-row	{  }
div.admin_calendar td.calendar-day	{ height: 120px; min-height:120px; font-size:11px; position:relative; } * html div.calendar-day { height:200px; }
div.admin_calendar td.calendar-day:hover	{ background:#eceff5; }
div.admin_calendar td.calendar-day-blackout {background: #555555; color: #CCC;}
div.admin_calendar td.calendar-day-blackout:hover {background: #444444; color: #CCC;}
div.admin_calendar td.calendar-day-np	{ background:#F7F7F7; min-height:200px; } * html div.calendar-day-np { height:200px; }
div.admin_calendar td.calendar-day-head { background:#F7F7F7; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }
div.admin_calendar div.day-number		{ background:#CCCCCC; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
div.admin_calendar td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; }
div.admin_calendar table.calendar p.price {font-weight: bold; font-size: 18px;}
div.admin_calendar div.day-number-high {background: green;}
div.admin_calendar div.day-number-low {background: red;}


/* Amenities Icons */
.amenity_header {
	font-size: 16px;
	margin: 0 0 20px 10px;
	text-align: left;
	color: #777777;
}
div.amenity {
	width: 50%;
	float: left;
	margin: 0 0 10px 0;
}
div.amenity_icon {
	width: 42px;
	font-size: 32px;
	float: left;
	text-align: center;
}
div.amenity_title {
	font-size: 16px;
	padding: 8px 0 0 0;
}
div.amenity_spacer {
	height: 20px;
}

/* NO */
div.amenity_off div.amenity_icon {
	color: #CCCCCC;
	color: rgba(0,0,0,0.1);
}
div.amenity_off div.amenity_title {
	text-decoration: line-through;
	color: #CCCCCC;
}

/* Yes */
div.amenity_on div.amenity_icon {
	color: #333333;
}
div.amenity_on div.amenity_title {
	color: #333333;
	font-weight: bold;
}

/* Bookings area */
div.booking_row {
	border: 1px solid #D5D5D5;
	margin: 0 0 30px 0;
}
div.booking_row_head {
	height: 40px;
	background: #F7F7F7;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
}
div.booking_row_head h3 {
	font-size: 20px;
	margin: 0;
}
div.booking_row_head h3 a {
	display: block;
	height: 40px;
	overflow: hidden;
}
div.booking_row_head h3 a span {
	display: block;
	padding: 9px 15px;
}
div.booking_row_left {
	width: 60%;
	float: left;
}
div.booking_row_right {
	width: 38%;
	float: right;
	text-align: right;
}
div.booking_row_item {
	border-top: 1px solid #CCCCCC;
}
div.booking_row_payments {
	height: 40px;
}
div.booking_row_payments a.booking {
	width: 100%;
	display: block;
	height: 40px;
	font-size: 14px;
	color: #666666;
	text-align: center;
	line-height: 1em;
}
div.booking_row_payments a.booking:hover {
	background: #F1F1F1;
}
div.booking_row_payments a.booking span {
	display: block;
	padding: 12px 0 0 0;
	line-height: 1em;
}
div.booking_row_pad {
	padding: 20px;
}
div.booking_row_input_row {
	margin: 0 0 40px 0;
}
div.booking_checkinout {
	width: 50%;
	float: left;
	text-align: center;
	background: #F5F5F5;
	border-left: 1px solid #CCCCCC;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
div.booking_checkinout_pad {
	padding: 10px 0 10px 0;
}
div.booking_checkinout span {
	display: block;
	line-height: 1.5em;
}
div.booking_checkinout span.booking_check_inout {
	font-size: 16px;
	color: #444444;
	margin: 0 0 15px 0;
}
div.booking_checkinout span.booking_check_day {
	font-size: 11px;
	color: #777777;
}
div.booking_checkinout span.booking_check_date {
	font-size: 22px;
	color: #444444;
	padding: 0;
}
div.booking_checkinout span.booking_check_year {
	font-size: 11px;
	color: #777777;
}

p.booking_costs {
	font-size: 16px;
	color: #454545;
	margin: 0;
}
p.booking_item {
	font-size: 16px;
	color: #454545;
	margin: 0;
}
p.booking_item a {
	font-weight: bold;
	color: #454545;
}

div.dashboard_inner_left_2 {
	width: 70%;
	float: left;
}
div.dashboard_inner_right_2 {
	width: 30%;
	float: right;
}
div.dashboard_inner_right_2 img {
	width: 100%;
	height: auto;
}
div.dashboard_inner_right_2 h5 {
	font-size: 14px;
}
tr.cancelled {
	color: #999999;
	background: #CCCCCC;
}
tr.cancelled a {
	color: #999999;
}
tr.cancelled td {
	background: #CCCCCC;
}

/******************************/
/*
	Responsive
*/
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	/* Main page */
	div.dashboard_left {
		width: 200px;
		float: left;
	}
	div.dashboard_right {
		width: 800px;
		float: left;
		min-height: 500px;
	}
}
/* Desktops */
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	/* Main page */
	div.dashboard_left {
		width: 150px;
		float: left;
	}
	div.dashboard_right {
		width: 800px;
		float: left;
		min-height: 500px;
	}
}
/* iPad (or small monitor) Styles */
@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* Main page */
	div.dashboard_left {
		width: 100%;
		float: none;
	}
	div.dashboard_right {
		width: 100%;
		float: none;
	}
}
/* Mobile Styles */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	/* Main page */
	div.dashboard_left {
		width: 100%;
		float: none;
	}
	div.dashboard_navigation a {
		text-align: right;
	}
	div.dashboard_right {
		width: 100%;
		float: none;
	}
	div.booking_row_head {
		height: auto;
	}
	div.booking_row_left {
		width: 100%;
		float: none;
	}
	div.booking_row_right {
		width: 100%;
		float: none;
		text-align: left;
	}
	div.booking_checkinout {
		border-top: 1px solid #CCCCCC;
	}
	div.booking_checkinout_first {
		border-left: none;
	}
	
	/* info */
	div.dashboard_inner_left_2 {
		width: 100%;
		float: none;
	}
	div.dashboard_inner_right_2 {
		width: 100%;
		float: none;
	}
	
	div.dashboard_inner_left {
		width: 100%;
		float: none;
	}
	div.dashboard_inner_right {
		width: 100%;
		float: none;
	}
	
	
	
	div.dashboard_row_half {
		width: 100%;
		float: none;
	}
	div.dashboard_row_third {
		width: 100%;
		float: none;
	}
	div.dashboard_row_quarter {
		width: 100%;
		float: none;
	}
	div.dashboard_row_three_quarter {
		width: 100%;
		float: none;
	}
}