/*
[Branding Stylesheet]

Project:	AeroParker
Version:	1.0
Author: Tim Brook
Description: AeroParker branding overwrites for the base admin area
-------------------------------------------------------------------*/

/*
[Todo]
1. Font Family on body needs Helvetica Neue
-------------------------------------------------------------------*/

/*
[Table of contents]

1.0 General
	1.1 Links
	1.2 Typography
2.0 Header
	2.1 Logo
	2.2 Strapline
	2.3 Navigation
3.0 Footer
4.0 Content
5.0 IE Fixes
6.0 Media Queries
	6.1 Widescreen (> 1200px)
	6.2 Smaller than iPad Landscape (< 979px)
	6.3 Tablet (768px - 979px)
	6.4 Smaller than iPad Portrait (< 767px)
	6.5 Mobile Portrait (< 480px)
7.1 Dashboard
-------------------------------------------------------------------*/

/*
[Color codes]

Dark Purple (base): #2d2331
Light blue: #c5e6de
Red: #e95c62
------------------------------------------------------------------*/

/* apply a natural box layout model to all elements 
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
*/
/*
 * 1.0	General
 *-------------------------*/
html {
}

/*
Here is part of the mazur.css
*/

/* Step 2 */
/* Add clearfixing since it's not table-based anymore - HTML would have required drastic changes to work with tables anyway, so just fix it */
.productDisplayItem::after, .horizontal-form select::after, .horizontal-form input::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.productDisplayItem .image {
    float: left;
    width: 31%;
}

.productDisplayItem .details {
	margin-left: 2%;
    float: left;
    width: 36%;
}
.productDisplayItem .details.noimage {
    width: 67%;
}
.productDisplayItem .details h3 {
    font-size: 1.4rem;
    line-height: 1.4rem;
}
.productDisplayItem .details .travel-time {
    display: block;
    font-weight: bold;
    margin: 15px 0;
}
.productDisplayItem .price {
    float: left;
    width: 30%;
    text-align: right;
}
.productDisplayItem .price .price-promo {
    color: #DF0000;
    display: block;
    margin: 17px 0;
}
.productDisplayItem .price .price-amt {
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}
.productDisplayItem .price .btn-huge {
    margin: 0 0 0 auto; /* Pull it to the right */
}
@media (min-width: 1200px) {
    .productDisplayItem .image {
        width: 25%;
    }
    .productDisplayItem .details {
        width: 42%;
    }
}
@media (max-width: 767px) {
    .productDisplayItem .image {
        display: none;
    }
    .productDisplayItem .image img {
        /*max-height: 120px;*/
    }

    .productDisplayItem .details,
    .productDisplayItem .details.noimage {
        float: left;
        width: 50%;
    }
    .productDisplayItem .price {
        float: left;
        width: 50%;
        text-align: right;
    }
}

body {
	padding-top: 165px;
	color:#2d2331;
	/*font-family: "HelveticaNeue-Roman", "Helvetica Neue Roman", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - TODO#1 */
	font-weight: 300;

	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
.clearfix:before, .clearfix:after {  
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;
} 

.clearfix:after { 
	clear: both; 
}

.clearfix { 
	zoom: 1; 
}

label.inline-label {
	display: inline-block;
}

.btn-bar .btn.btn-success {
	float: right;
}

.btn-bar .btn.btn-danger {
	float: left;
}

/* Step 4 */
.btn-bar {
    margin-top: 10px;
}
.btn-bar .btn.btn-default {
    float: left;
}

#mainForm .horizontal-form label {
    float: left;
    width: 90%;
    padding: 0px 15px 0 0;
}

@media (min-width:980px) {
	#mainForm .horizontal-form label {
    	text-align: right;
    	width: 175px;
    	padding-top: 15px;
	}
}

#mainForm .horizontal-form label.inline-label {
    float: none;
    width: auto;
    padding: 0;
}
#mainForm .horizontal-form .multi-field div {
    display: block;
}
#mainForm .horizontal-form .multi-field div.radio-padding {
    padding-top: 5px;
}
#mainForm .horizontal-form .error span,
#mainForm .horizontal-form .error p
{
    margin-left: 190px;
}
/* We call it horizontal-form, NOT form-horizontal as that is already provided by Bootstrap */
#mainForm .horizontal-form .form-horizontal .error span {
    margin-top: 8px;
    margin-left: 10px;
}

#mainForm .price.well h4 {
    float: left;
}

@media (min-width: 980px) {
	#PaymentForm input[type="text"],
	#PaymentForm input[type="email"],
	#PaymentForm input[type="button"],
	#PaymentForm select,
	#PaymentForm a {
		margin: 10px 0 0;
	}
}

#PaymentForm .alert {
	margin: 15px 0 0;
	text-align: center;
	margin-bottom: 10px;
}

@media (min-width:980px) {
	#PaymentForm .manualDetailsLink {
		margin-left: 190px;
	}
}

#sideContainer {
    width: 300px; /* Only needs a 20px boost with the new JS template */
}
#sideContainer .basket th {
    width: 100%; /* Consume as much available space as possible */
}

/*
End of Mazur css
*/

/*
 * 1.1 Links
 *------------------------*/

/*
 * 1.2 Typography
 *------------------------*/
.page-title {
	margin: 60px 0 70px;
	padding: 0 0 10px;
	border-bottom: 1px solid #2d2331;
	color: #e95c62;
	font-size: 40px;
	font-weight: normal;
}


/*
 * 2.0 	Header
 *-------------------------*/
#page-header {
	background: #2d2331;
}
.header-strip {
	padding: 20px 20px !important;
}
.header-strip .strapline .logout h5{
	color: #c5e6de;
	font-weight: normal;
}
.header-strip .strapline .logout a{
	color: #e95c62;
	padding: 20px;
}

/*
 * 2.1 	Logo
 *-------------------------*/
.logo {
	float: left;
	margin: 5px 0 0;
}
.logo a {
	width: 146px;
	height: 45px;
	margin: 0;
	background-image: url(../images/logo.png);
}

/*
 * 2.2 	Strapline
 *-------------------------*/
.strapline {
	margin: 0;
	color: #fff;
	font-weight: normal;
	line-height: 1;
	text-align: right;
}
.strapline div:not(.logout) {
	font-size: 18px;
}
.strapline strong {
	display: block;
}
.nav > .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

/*
 * 2.3 	Navigation
 *-------------------------*/

.navbar {
}
.navbar-inner {
	min-height: 40px;
	padding-right: 20px;
	padding-left: 20px;
	border: none;
	background: #c5e6de;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	
	filter:none;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
	-webkit-box-shadow: inset 0 -7px 10px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 -7px 10px -5px rgba(0,0,0,0.1);
	box-shadow: inset 0 -7px 10px -5px rgba(0,0,0,0.1);
}
.navbar-fixed-top .navbar-inner .nav {
	float: none;
	margin: 0;
	padding: 13px 0;
}
.navbar .nav > li {
	padding: 0 15px;
	border-left:1px solid #fff;
	line-height: 1;
}
.navbar .nav > li:first-child {
	padding-left:0;
	border-left: none;
}
.navbar .nav > li > a {
	position: relative;
	padding: 0;
	color:#2d2331;
	text-shadow: none;
}
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
}
.navbar .nav > li.logout {
	float: right;
}
.navbar .nav > li.logout a {
	color: #e95c62;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	background: none;
	color:#2d2331;
	font-weight: bold;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.navbar .nav > .active > a:after,
.navbar .nav > li > a:hover:after,
.navbar .nav > li > a:focus:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-top: -1px;
	margin-left: -7px;
	border: 7px solid transparent;
	border-bottom-color: #fff;
}

/*
 * 3.0 	Footer
 *-------------------------*/
#page-footer {
	position: relative;
	background: #e95c62;
	color: #fff;
}
#page-footer .container {
	position: relative;
	padding: 10px 0 50px;
	border-top: 4px solid #c5e6de;
}
#page-footer .strip {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 4px;
	background: #c5e6de;
}
#page-footer .icon {
	position: absolute;
	top: -24px;
	right: -1px;
	width: 46px;
	height: 45px;
	background: url(../images/plane-footer.png) no-repeat 0 0;
}



/*
 * 4.0 	Content
 *-------------------------*/
 
 .btn-huge {
	max-width: 450px;
	width: 90%;
	display: block;
	text-align: center;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	text-decoration: none !important;
	border: #888 solid 1px;
	border-radius: 15px;
	margin: 7px;
	padding: 10px 0;
}

.btn-huge:hover {
	box-shadow: 0 0 5px 3px #777;
	background-color: #51a351;
}

.btn-huge:active {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-huge h2, .btn-huge h3 {
 	color: #2d2331;
}
 
 
 /****** Step 2 ***********/
.productDisplayItem {
	position: relative;
}

.productDisplayItem .distanceDetail {
	margin: 6px 10px;
	float: left;
	text-align: center;
}

.productDisplayItem .distanceDetail img {
	display: block;
	margin: auto;
}

.productDisplayItem td.detailsCol {
	width: 25%;
}

.productDisplayItem td.productsCol {
	width: 50%;
}

.productDisplayItem .featuredProductBanner {
	background: url("../images/featured-banner.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 0;
	height: 88px;
	line-height: 0;
	position: absolute;
	right: -3px;
	top: -3px;
	width: 138px;
	z-index: 10;
}

.productDisplayItem .displayItemBulletPointsCell {
	vertical-align: top;
}

/********* Step 3 ************/

#shopProductList {
	vertical-align: top;
}

#shopProductList .shopProductAmountError {
	color: #e95c62;
	margin: -5px 0 8px 0;
}

/******* Step 4 ***************/

#mainForm .multi-field {
	clear: both;
}

#mainForm .showingPlaceholderText { 
	color: #aaa; 
	font-style: italic; 
}

#mainForm .multi-field div {
	display: inline-block;
	margin: 0 10px 0 0;
}

#mainForm .error span, #mainForm .error p {
	display: block;
	color: red;
	margin-bottom: 5px;
}

#mainForm .error input, #mainForm .error select {
	border: 1px solid red;
}

#mainForm input[type="checkbox"], #mainForm input[type="radio"] {
	border: medium none;
	margin: 12px 5px 12px 2px;
}

#mainForm input[type="checkbox"] {
	vertical-align: top;
	margin-top: 22px;
}

#mainForm .price div {
	float: left;
	margin-left: 70px;
	text-align: center;
}

#mainForm .price div h4 {
	font-size: 20px;
}

#mainForm .price div p {
	font-size: 40px;
	font-weight: bold;
	padding: 10px 0;
}

#mainForm .price .btn-bar {
	clear: both;
}

#mainForm .btn-bar .btn-success {
	float: right;
}

#mainForm .btn-bar .btn-default {
	float: left;
}

#mainForm .security {
	background: url("../images/sec-code.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
	float: none;
	height: 22px;
	margin: 4px 0 0;
	text-indent: -9999px;
	width: 57px;
}

#mainForm .info {
	background:url(../images/info.png) no-repeat 0 0;
	width:22px;
	height:21px;
	margin:0;
}

#mainForm .popup {
	background: url("../images/cards-popup.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: none;
	height: 151px;
	position: absolute;
	right: -185px;
	top: -40px;
	width: 165px;
	z-index: 9999;
}
#mainForm .popup-text {
	background:#fffacb;
	color:#664a13;
	padding:10px !important;
	height:auto;
	border:1px solid #E7DAAD;
	top:-125px;
	right:-148px;
}

#mainForm .popup-text:before {
	background:url(../images/error-tip-bottom.png) no-repeat 0 0;
	width:14px;
	height:8px;
	position:absolute;
	bottom:-8px;
	left:7px;
	content:"";
	z-index:-1;
}

.alert a {
	color: #1485CC;
}

/********* Step 5 *************/

#reviewTable td, #reviewTable th, #reviewBasket td, #reviewBasket th {
	text-align: left;
	vertical-align: top;
}

#reviewAndConfirm p {
	width: 400px;
	display: inline-block;
	margin: 0 10px 10px 0;
}

.product-details {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 10px 0;
}

 #reviewBasket td, #reviewBasket th {
	padding-bottom: 15px;
}

#reviewBasket .price {
	width: 1%;
}

#reviewBasket .edit-buttons {
	width: 50px;
}

#termsaccepted {
	margin: -1px 4px 0 4px;
}

#termsaccepted + label {
	display: inline-block;
}

/******* Confirmation **************/

.full-details p strong {
	display: block;
}

.full-details p {
	width: 400px;
	display: inline-block;
	margin: 0 10px 10px 0;
	vertical-align: top;
}

.full-details-4 p {
	width: 200px!important;
}

/******* Basket Container **********/

#sideContainer {
	width: 280px;
	vertical-align: top;
}

#sideContainer .basket {
	margin-left: 10px;
}

#sideContainer .basket table {
	text-align: left;
}

#sideContainer .basket h3 {
	text-align: center;
}

#sideContainer .basket strong {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
}

#sideContainer .basket span {
	font-weight: bold;
	display: block;
}

#sideContainer .basket label {
	font-size: 12px;
	cursor: default;
}

.icon-edit, .icon-remove {
	background: url("../generic/images/ecommerce/icon-basket.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	direction: ltr;
	display: inline-block;
	float: right;
	height: 16px;
	margin: 0 1px;
	overflow: hidden;
	text-align: left;
	text-indent: -999em;
	width: 17px;
}

.icon-remove {
  background-position: -20px 0;
}

#sideContainer .basket .price {
	font-weight: bold;
	font-size: 20px;
	text-align: right;
	width: 49px;
}

#sideContainer .basket td, #sideContainer .basket th {
	border-bottom: 1px solid #cdcdcd;
	padding: 5px 0;
	font-weight: bold;
	vertical-align: top;
	width: 38px;
}

#sideContainer .basket .no-underline td, #sideContainer .basket .no-underline th {
	border-bottom: 0;
}

#sideContainer .basket tfoot th, #sideContainer .basket tfoot td {
	vertical-align: top;
	padding-top: 15px;
	font-size: 18px;
	border: 0;
}

#sideContainer .basket tfoot td {
	font-size: 28px;
	text-align: right;
}

#confirmationTravelExtras table td, #confirmationTravelExtras table th {
	text-align: left;
	padding-bottom: 5px;
}

#overviewTravelExtras table td, #overviewTravelExtras table th {
	text-align: left;
	padding-bottom: 5px;
}

/* ----- DatePicker -------*/

input.datepicker {
	cursor: pointer;
	background: #fff;
}

button.ui-datepicker-trigger {
	position: relative;
	left: 3px;
	height: 32px;
	width: 40px;
	margin: 0 14px 0 2px;
}

.ui-datepicker { 
	width:160px;
	font-size:12px;
	padding:10px;
	display:none;
	background:#fff;
	border:1px solid #cbcbcb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);
	box-shadow:0 0 2px rgba(0,0,0,0.1);
	z-index: 9001 !important;
}
.ui-datepicker .ui-datepicker-header {
	position:relative;
	padding:.2em 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	position:absolute;
	top: 2px;
	width:24px;
	height:24px;
	background:url(../generic/images/ecommerce/paging-small.png) no-repeat -29px 0;
	cursor:pointer;
}
.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover {
}
.ui-datepicker .ui-datepicker-prev {
	left:2px;
}
.ui-datepicker .ui-datepicker-next {
	right:2px;
	background:url(../generic/images/ecommerce/paging-small.png) no-repeat -29px -26px;
}
.ui-datepicker .ui-datepicker-prev-hover {
}
.ui-datepicker .ui-datepicker-next-hover {
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
	text-indent:-9999px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size:1em;
	margin:1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin:0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	padding:0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	width:61px;
	height:30px;
	border:none;
	text-indent:-9999px;
	overflow:visible;
	background:url(../images/ecommerce/btn-done.png) no-repeat 0 0;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:left;
	background:url(../images/ecommerce/btn-today.png) no-repeat 0 0;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width:auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float:left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width:95%;
	margin:0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width:50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width:33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width:25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width:0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear:left;
}
.ui-datepicker-row-break {
	clear:both;
	width:100%;
}

.row {
	margin-bottom: 20px;
}

 .row #editPositions, .row #savePositions {
 	margin-left: 30px;
 	margin-up: 10px;
 }
 
 .row #exportCsv {
 	margin-up: 10px;
 }
 
/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear:right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:right;
}
.ui-datepicker-rtl .ui-datepicker-group {
	float:right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-right-width:0;
	border-left-width:1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width:0;
	border-left-width:1px;
}
.ui-datepicker-current {
	display:none;
}

.datepicker-dropdown td {
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.datepicker-dropdown .day:hover {
	background: #d7d7d7;
}
.datepicker-dropdown .disabled {
	color: #d7d7d7;
}
.datepicker-dropdown .disabled:hover {
	background: #fff;
}
.datepicker-dropdown .range {
	background: #eee;
}
.datepicker-dropdown .selected {
	background: #888;
	color: #fff;
}


/*
 * 4.1 	Dashboard
 *-------------------------*/


 /* ------- Buttons --------*/

.apply-btn {
	background: #2d2331;
	color: white;
	text-shadow: 0px 1px #000;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.apply-btn:hover {
	background: #e55c4c;
	color: white;
}

.orange-btn {
	background: #e55c4c;
	font-size: 15px;
	color: white;
	font-weight: normal;
	text-shadow: 0 -1px #c13120;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.orange-btn:hover {
	background: #c13120;
	color: white;
}

/*-------------------------*/

.share {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
}

.share li {
	float: left;
	background: url(../img/sprite.png) no-repeat -1px -61px;
	margin-left: 20px;
	padding-left: 20px;
	height: 22px;
}

.share li:first-child {
	background: none;
	margin-left: 0;
}


.share li a {
	color: #2e2331;
	padding-left: 25px;
	display: block;
	font-size: 13px;
	background-image: url(../img/sprite.png);
	background-repeat: no-repeat;
}

.print-icon {
	background-position: 0 4px;
}

.export-icon {
	background-position: 0 -18px;
}

.email-icon {
	background-position: 0 -36px;
}

.share li a:hover {
	color: #f9a340;
	text-decoration: none;
}

#main.dashboard-wrap {
	min-height: 350px;
	margin-bottom: 25px;
}
.dashboard-wrap .page-title {
	margin:50px 0 20px;
	color: #2d2331;
	clear: right;
}

.filter-results-strip {
	background: #e9f5f2;
	padding: 15px 20px;
	margin: 0 0 20px;
}

.filter-results-strip label {
	margin-right: 10px;
}

.filter-results-strip select {
	margin-right: 10px;
}

/* ------- 	Summary Tabs --------*/

.summary-tab {
	padding: 10px;
	background: #f5faf8;
	border: 1px solid #dedddf;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 97px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.summary-info {
	float: left;
	width: 40%;
	font-size: 10px;
	margin: 10px 0;
}

.summary-info h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 5px;
	line-height: 1;
	text-align: center;
}

.summary-date {
	text-align: right;
	margin-right: 5px;
	line-height: 1;
	width: 30px;
	float: left;
}

.percentage {
	font-size: 17px;
	padding-left: 15px;
	float: left;
}

.up {
	
	background: url(../images/percentage-up.png) no-repeat 0 3px;
}

.down {
	background: url(../images/percentage-down.png) no-repeat 0 3px;
}

.percentage sup {
	font-size: 10px;
}

.summary-total {
	float: right;
	width: 55%;
	margin: 10px 0;
	border-left: 1px solid #e7e9e9;
}

.summary-total p {
	font-size: 10px;
	text-align: right;
	margin-bottom: 0;
}


.total-number {
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #f9a340;
	line-height: 1;
}

.total-cost {
	display: block;
	font-size: 27px;
	font-weight: bold;
	color: #f9a340;
	line-height: 1;
}
/*
.total-cost:before {
	content:"\00a3"; 
	font-size: 20px;
}*/

.total-cost span {
	font-size: 20px;
	display: inline;
}


/* ------- 	Pop Out Edit Panel --------*/

.overall-revenue-performance,
.conversion,
.consolidator-mix,
.top5products,
.yield-management,
.occupancy,
.revenue {
	position: relative;
}

#consolidatorMixRow {
	float: right;
}

.overall-revenue-performance,
.conversion {
	min-height: 360px;
}

.top5products,
.yield-management {
	min-height: 370px;
}

.need-assistance,
.blog {
	min-height: 570px;
}

.need-assistance textarea {
	height: 240px;
}


.edit-overall-revenue,
.edit-consolidator,
.edit-conversion,
.edit-top5products,
.edit-yield-management,
.edit-occupancy,
.edit-revenue {
	display: none;
}

#goals label input[type="checkbox"] {
	margin-right: 5px;
	margin-bottom: 5px;
}

#conversionApply {
	margin-top: 5px;
}

.edit-dates {
	float: right;
	background: white;
	border: 1px solid #dedddf;
	padding: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	right: 20px;
	top: 45px;
	z-index: 2;
	
}

.edit-dates label {
	display: inline;
	margin-right: 5px;
	font-size: 13px;
	font-weight: bold;
}

.edit-dates select {
	margin-bottom: 0;
	margin-right: 5px;
	width: 160px;
	font-size: 13px;
}

.date {
	display: inline;
}

.add-on {
	cursor: pointer;
	background: #f5faf8;
	padding: 4px;
	border: 1px solid #dedddf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-right: 5px;
	display: inline-block;
}


.edit-block-layout {
	padding: 10px;
}

.edit-block-layout label {
	display: block;
	margin-bottom: 5px;
	margin-right: 0;
}


.edit-block-layout select {
	margin-right: 0;
	margin-bottom: 10px;
	width: 150px;
}

.edit-block-layout select:first-of-type {
	width: 100%;
}


.edit-block-layout select:last-of-type {
	margin-bottom: 0;
	margin-right: 5px;
}


/* -----------------------------------*/

.edit-panel {
	float: right;
	position: relative;
	top: -5px;
}

#conversionSection .edit-panel {
	display: inline;
}

.edit-current-dates {
	text-align: right;
	font-size: 11px;
	color: #2e2331;
	float: left;
	line-height: 1.3;
	margin: 5px 10px 0 0;
}

.edit-current-dates span {
	display: inline;
	margin-right: 10px;
}

.edit-settings {
	float: right;
	background: #f5faf8;
	padding: 4px 6px;
	border: 1px solid #dedddf;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.edit-settings:hover {
	background: #e9f5f2;
}




/* ------- 	Graph Panels --------*/

.dashboard-panel {
	background: #f4f4f4;
	padding: 20px;
	margin-top: 20px;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.dashboard-panel h2 {
	font-size: 22px;
	color: #2e2331;
	margin: 0 0 20px 0;
	font-weight: normal;
	background: url(../img/title-background.png) no-repeat right bottom;
	padding-bottom: 10px;
	line-height: 1.3;
	clear: right;
}

/* ------- 	Consolidator Mix --------*/

.consolidator-table {
	margin-top: 20px;
	font-size: 12px;
	color: #2d2331;
}

.key {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	width: 16px;
	height: 16px;
	display: block;
	margin: 0 auto;
}

.dark-purple {background: #2e2331;}
.dark-blue {background: #435d6e;}
.mint {background: #c7e6d6;}
.orange {background: #e55c4c;}
.grey {background: #a6a6a6;}
.peach {background: #ffc1a5;}
.blue {background: #1074b5;}
.purple {background: #9263cf;}
.green {background: #5aa967;}
.tangerine {background: #f9a340;}

.consolidator-table tr th {
	font-size: 13px;
}

.consolidator-table .percentage {
	font-size: 15px;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f5faf8;
}

.table-striped tbody > tr:nth-child(even) > td,
.table-striped tbody > tr:nth-child(even) > th,
.table-striped thead > tr {
  background-color: #fff;
}


/* ------- 	Top 5 Products --------*/


.top-products {
	 counter-reset:li;
	 margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}

.top-products > li {
    position:relative; /* Create a positioning context */
    margin:0 0 20px 50px; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
}

.top-products li:before {
	content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
}

.top-products li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-50px;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:35px;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border:3px solid #435d6e;
    text-shadow: 0 -1px black;
    color:#e55c4c;
    font-size: 18px;
    font-weight: bold;
    background:#2d2331;
    font-weight:bold;
    text-align:center;
}


/* ------- 	Need Assistance --------*/


.need-assistance form {
	margin: 15px 0 0 0;
}

.need-assistance select, .need-assistance textarea {
	width: 100%;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.need-assistance > p {
	font-size: 12px;
}

.contact-us {
	background: url(../img/mail-icon.png) no-repeat 0 10px;
	padding: 6px 0 6px 40px;
	margin: 10px 0 0;
}


/* ------- 	Blog Panel --------*/

.media-list .media {
	margin-bottom: 30px;
}

.media-list .media:last-child {
	margin-bottom: 0;
}

.blog-date-container {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding-top:9px;
    border:3px solid #435d6e;
    font-weight: bold;
    background:#2d2331;
    text-align: center;
    line-height: 0.8;
    width: 50px;
    height: 50px;
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.blog-date-container:hover {
	background: #435d6e;
	text-decoration: none;
	color: white;
}

.blog-date {
	display: block;
	font-size: 19px;
}

.blog-month {
	font-size: 9px;
	text-transform: uppercase;
}

.blog-title {
	font-size: 14px;
	color: #e55c4c;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 5px;
}

.media-body p {
	font-size: 11px;
	line-height: 1.5;
}

/* Components */

.center-image {
	display: block;
	margin: 0 auto;
}

.fl {
	float: left;
}
.fr {
	float:right;
}


/* Datatables paging bar */

.paging-bar {
	margin-top: 25px;
	margin-bottom: 35px;
}
.paging-bar .paginate_active {
	/*color: #e95c62;
	background: #C5E6DE;*/
	color: #ffffff;
	background: #e95c62;
}
.paging-bar .btn.btn-default,.paging-bar .btn.btn-primary,.paging-bar .btn.btn-danger
	{
	margin-right: 10px;
}

.paging-info {
	float: right;
}

/* Product Edit */

.distanceDetailImageOption {
	border: solid white 4px;
}

.distanceDetailImageList {
	display: none;
	border: solid black 1px;
	padding: 4px;
	position: absolute;
	background: #fff;
}

.distanceDetailImageList a:hover img {
	border: solid #CCF 4px;
}

.dataTables_wrapper {
	margin: 20px 0;
}

.paging-info {
	padding: 10px;
	color: #ffffff;
	background: #e95c62;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.paging-bar span {
	margin: 0 30px;
}

table .sorting,
table .sorting_asc,
table .sorting_desc {
	cursor: pointer;
}
table .sorting{
	background: url(../images/default-arrow.png) 60% 12px no-repeat;
	background-position: right;
}
table .sorting_asc {
	background: url(../images/up-arrow.png) 60% 12px no-repeat;
	background-position: right;
}
table .sorting_desc {
	background: url(../images/down-arrow.png) 60% 12px no-repeat;
	background-position: right;
}
.dataTables_wrapper th {
	background-color: #c5e6de;
}
.dataTables_info, .dataTables_paginate {
	text-align: center;
}
.paginate_button {
	padding: 5px;
	cursor: pointer;
}
.first.paginate_button,
.last.paginate_button,
.next.paginate_button,
.previous.paginate_button {
	/*color: #2d2331;*/
}
.paginate_button.disabled {
	cursor: default;
	color: #2d2331;
}
.paginate_button.current {
	font-weight: bold;
	cursor: default;
}
.paginate_button.current:hover {
	text-decoration: none;
}
.btn-dash {
	min-width: 170px;
}

/* ------- 	Login Page --------*/
.loginError {
	font-weight: bold;
	color: #FF0000;
}

/*
 * 5.0 	IE Fixes
 *-------------------------*/



/*
 * 6.0 	Media Queries
 *-------------------------*/


/*
 * 6.1 	Widescreen (>1200)
 *-------------------------*/
@media (min-width: 1200px) {
	.dashboard li a {
/*		height: 294px;
		line-height: 294px;*/
/*		height: 154px;*/
/*		line-height: 154px;*/
	}

	.edit-dates select {
		width: 180px;
		margin-right: 10px;
	}

	.edit-dates label {
	margin-right: 10px;
}


	.total-cost,
	.total-number {
		font-size: 35px;
	}

	.summary-info h2 {
		font-size: 15px;
	}

	.summary-info,
	.summary-total {
		margin: 5px 0 0 0;
	}

	.summary-tab {
		min-height: 84px;
	}

	.dashboard-panel h2 {
		clear: none;
	}

	.need-assistance textarea {
		height: 200px;
	}

	.top5products,
	.yield-management {
		min-height: 340px;
	}

	.need-assistance,
	.blog {
		min-height: 480px;
	}


	.edit-current-dates {
		margin: 0 10px 0 0;
	}

	.edit-current-dates span {
		display: block;
		margin-right: 0;
	}

	.contact-us {
		background-position: 0 0;
	}
}

@media (max-width: 1199px) {

	table .sorting{
		background-position: 73% 12px;
	}
	table .sorting_asc {
		background-position: 73% 12px;
	}
	table .sorting_desc {
		background-position: 73% 12px;
	}	
	.paging-bar span {
		display: block;
		margin: 10px 0;
	}
}

/*
 * 6.2 	Smaller than iPad Landscape (< 979px)
 *-------------------------*/
@media (max-width: 979px) {
	.dashboard li a {
/*		height: 294px;
		line-height: 294px;*/
	}
	body {
		padding-top:0;
	}
	.navbar-fixed-top
	.navbar-inner .nav {
		padding: 20px 20px 0;
	}
	.dataTables_wrapper {
		font-size: 12px;
	}
	table .sorting{
		background-position: 90% 12px;
	}
	table .sorting_asc {
		background-position: 90% 12px;
	}
	table .sorting_desc {
		background-position: 90% 12px;
	}

	.filter-results-strip label,
	.filter-results-strip select {
		margin-right: 5px;
		font-size: 12px;
	}

	.filter-results-strip select {
		width: 170px;
	}
	

}

/*
 * 6.3 	Tablet (768px - 979px)
 *-------------------------*/
@media (min-width: 768px) and (max-width: 979px) {

	.dashboard-wrap .page-title {
		font-size: 30px;
	}

	.summary-tab {
		min-height: 98px;
	}

	.summary-info {
		width: 45%;
	}

	.summary-info,
	.summary-total {
		margin: 5px 0;
	}

	.summary-info h2 {
		font-size: 12px;
		text-align: left;
		margin-bottom: 0;
	}

	.total-number,
	.total-cost
	{
		font-size: 21px;
	}

	.total-cost:before,
	.total-cost span
	{
		font-size: 14px;
	}

	.summary-date {
		width: auto;
		float: none;
	}

	.percentage {
		float: none;
	}

	.dashboard-panel h2 {
		clear: right;
	}

	.consolidator-mix {
		width: 724px;
	}

	.consolidator-mix .center-image {
		display: inline;
		float: left;
		margin: 0 15px 0 0;
	}

	.consolidator-table {
		float: left;
		width: 375px;
		margin: 0;
	}

	.need-assistance textarea {
		height: 200px;
	}

	.need-assistance,
	.blog {
		min-height: 500px;
	}

	.top5products,
	.yield-management,
	.need-assistance,
	.blog {
		width: 352px;
	}

	.overall-revenue-performance,
	.conversion,
	.occupancy,
	.revenue {
		width: 724px;
	}

	.full-width-tablet {
		width: 724px;
	}

}

/*
 * 6.4 	Smaller than iPad Portrait (< 767px)
 *-------------------------*/
@media (max-width: 767px) {
	.navbar .nav > li.logout {
		clear:both;
		margin-top:10px;
	}
	.navbar .nav > .active > a:after, 
	.navbar .nav > li > a:hover:after, 
	.navbar .nav > li > a:focus:after {
		border:0;
	}
	.navbar .nav > li {
		padding-top:5px;
		padding-bottom:5px;
	}

	.dashboard-wrap .page-title {
		font-size: 28px;
		margin: 20px 0;
	}

	.filter-results-strip select {
		width: 47%;
		font-size: 12px;
		margin: 0;
	}

	.filter-results-strip select:first-of-type {
		margin-left: 0;
		width: 100%;
		margin-bottom: 10px;
	}

	.filter-results-strip select:last-of-type {
		float: right;
	}

	.filter-results-strip button {
		float: right;
		margin-top: 10px;
	}

	.filter-results-strip label {
		display: block;
	}

	.summary-tab {
		min-height: 93px;
		width: 48%;
		float: left;
		margin-bottom: 20px;
	}

	.summary-tab:nth-child(2), .summary-tab:nth-child(4) {
		float: right;
	}

	.summary-tab:nth-child(3) {
		clear: both;
	}

	.summary-info h2 {	
		text-align: left;
	}

	.summary-date {
		width: auto;
	}

	.edit-dates {
		padding: 15px;
	}

	.edit-dates label {
		display: block;
		margin-bottom: 5px;
		margin-right: 0;
	}


	.edit-dates select {
		margin-right: 0;
		margin-bottom: 10px;
		width: 150px;
	}

	.edit-dates select:first-of-type {
		width: 100%;
	}


	.edit-dates select:last-of-type {
		margin-bottom: 0;
		margin-right: 5px;
	}

	.overall-revenue-performance,
	.conversion,
	.top5products,
	.yield-management,
	.need-assistance,
	.blog  {
		min-height:0;
	}

	.need-assistance textarea {
		height: 200px;
	}

	.contact-us {
		background-position: 0 0;
	}

	#page-footer {
		margin: 0 -2.5%;
	}
	#page-footer small {
		padding-left: 20px;
	}
}

/*
 * 6.5 	Mobile Portrait (< 480px)
 *-------------------------*/
@media (max-width: 480px) {

	.summary-tab {
		margin-bottom: 20px;
		width: 100%;
		float: none;
	}

	.total-cost,
	.total-number {
		font-size: 35px;
	}

	.summary-info h2 {
		text-align: left;
		font-size: 15px;
	}

	.summary-date {
		width: auto;
		padding-top: 5px;
	}

	.contact-us strong {
		display: block;
	}

	.contact-us {
		background-position: 0 10px;
	}

	.media .pull-left {
		float: left;
	}
}

 @media (max-width: 767px) {
	.row {
		float: right;
	}
 }
 
 /*
 * 7.1 	Dashboard
 *-------------------------*/

 /* ------- Styling for sortable elements -------*/

 #container {
 	margin-left: 0px;
 	margin-top: 10px;
 	position: relative;
 	width: 100%;
 }

 .item {
 	position: absolute;
 }

 #container div[data-ss-colspan="1"] {
 	width: 370px;
 }

 #container div[data-ss-colspan="2"] {
 	width: 770px;
 }

 .row #editPositions, .row #savePositions {
 	margin-left: 30px;
 	margin-top: 10px;
 }
 
 .row #exportCsv {
 	margin-top: 10px;
 }
 
 #exportedCsvs {
 	width: auto;
 }
 
 #exportCsvDiv .dataTable thead {
 	text-align: left;
 }
 
 #exportedCsvs_paginate .btn {
 	margin-right: 5px;
 	margin-top: 5px;
 	margin-bottom: 5px;
 }
 
 #refreshCsvs {
 	margin-bottom: 5px;
 	margin-right: 5px;
 }
 
 #refreshImage {
 	display: none;
 }
 
 #exportCsvDiv .dataTable, #exportCsvDiv .dataTable th, #exportCsvDiv .dataTable td {
 	border: 1px solid #dedddf;
 }
  
 #exportCsvDiv .dataTable th, #exportCsvDiv .dataTable td {
 	padding: 5px;
 }
 
 #exportCsvDiv .dataTable caption {
 	padding-bottom: 5px;
 	text-align: left;
 	font-weight: bold;
 }
 
 @media (max-width: 767px) {
	.row #editPositions, .row #savePositions {
		float: right;
	}	 
 }
 
.payment-methods .payment-method {
	float: left;
	width: 33%;	
}

.payment-methods .payment-method img {
	width: 65px;
}

.payment-methods .payment-method input[type="radio"] {
	vertical-align: middle !important;
}

.help-block {
	color: #d60007;
}

.help-block-success {
	color: #3c763d;
}

.default-promocode {
	margin-top: 10px;
	margin-left: 190px;
	font-weight: bold;
}

@media (min-width:980px) {
	.help-block {
		margin-left: 190px;
	}
}

.has-error input[type="text"],
.has-error input[type="email"],
.has-error select {
	border: 1px solid #e95c62;
}

/*
 * Booking Search
 *-------------------------*/
div#bookingSearchButtons {
	float: right;
}

.table .clickableResultRow:hover td {
	background-color: #D5D5D5 !important;
	cursor: pointer;
}

.table .clickableResultRow td {
	 font-size: 12px !important;
}

div#columnsSelector {	
	position: absolute;
	border: solid 1px black;
	border-radius: 15px;
	background: white;
	padding: 15px;
	width: 250px;
	height: auto;
	margin-left: 300px;
	margin-top: -300px;
}

div.colSelection{
	height: 200px;
	width: 250px;
	overflow: auto;
}

div.noteDiv {
	position: absolute;
	display:none;
	border: solid 1px black;
	background: white;
	width: 150px;
	text-align:justify;
	word-wrap: break-word;
	white-space: initial;
	margin-left: 20px;
	margin-top: -15px;
}

div.statusDiv {
	position: absolute;
	display:none;
	border: solid 1px black;
	background: white;
	width: 110px;
	text-align:justify;
	word-wrap: break-word;
	white-space: initial;
	margin-left: 20px;
	margin-top: -15px;
	padding-left: 5px;
}

div .column {
	margin-bottom: 5px !important;
}

div .column .control-label{
	padding-top: 0px; !important;
}

/* DataTables prefs 
*-------------------------*/
/* makes sure all tds are on one line*/
.table th, .table td { white-space: nowrap;}
/* removes any extra space in the header caused by the scroller*/
div.dataTables_scrollHead { max-height: 37px; }

/* Booking Search Container */
.booking-search-container {
	width: 95%;
    max-width: 2000px;
}