/* old styles that need removing if found */
.caption { font-weight:bold; color:red}
.value { color: red}


/* Main div that contains WebRes */
#webres-container {
   font-family: 'Open Sans',Tahoma,Verdana,Arial,Helvetica,Sans-serif; 
   color: rgb(102,102,102); 
   font-size: 11px;   
   width: 100%;
   margin: 0px;
   padding: 0px;
   
}
#webres-container * { 
   box-sizing: content-box;
   -webkit-box-sizing: content-box;
}
.webres-availability-content {
   /*margin-top: 190px;*/
   padding: 0px;
   margin: 0px;
   position: absolute;
   /***height: 600px;*/
   height: calc(100% - 160px);
   overflow-y: scroll;
   width: 100%;
}
/* Progress table */
.webres-progress {
   margin : 0px auto 20px auto;
   border-collapse: collapse; 
   width: 600px
}

.webres-progress-active,
.webres-progress-inactive,
.webres-progress-done { text-align: center; font-size: 11px; padding: 4px; }

.webres-progress-active { border-bottom: 1px solid red; color: red}
.webres-progress-inactive { border-bottom: 1px solid #c0c0c0; color: #c0c0c0}
.webres-progress-done {border-bottom: 1px solid #216394; color: #216394}
.webres-progress-done a {color: #216394 ; text-decoration: none}

/* Availability table */
table.webres-availability {
  width: 985px;
  margin: auto;
  border-collapse: collapse;
}

/* Most other tables */
table.webres-table {
   margin : 0px auto;
   width : 400px;
}

/* Section headers */
.webres-header {
   text-align: left; 
   font-size: 18px; 
   font-weight:bold;
   color: #216394;
   text-transform: uppercase;
}

/* Form captions */
.webres-caption {
   text-align: left; 
   font-size: 12px; 
   width: 20ex; 
   white-space: nowrap;
   color: #666666;
}
/* Form values */
.webres-value {
   text-align: left; 
   font-size: 12px; 
   white-space: nowrap;
}
.webres-inport-text {
	text-align: left; 
	font-size: 12px; 
}

/* Buttons and links that look like buttons */
.webres-button {
   border: none; 
   background-color:#04B431; 
   color: #ffffff; 
   font-weight: bold; 
   padding: 5px 15px 5px 15px;
   font-size:11px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-sizing: border-box !important;
}				 
.webres-button:hover {
   background-color: #088A08;
}
.webres-button:disabled { 
   background-color: #C0C0C0 
}
.webres-button:disabled:hover:after { 
   background-color: rgb(42, 196, 234) /*#5fb5ea */;
   box-shadow: 5px 5px 3px #888888;
   /*bottom: 26px;*/
   color: #000;
   content: attr(titlex);
   /*left: 20%;*/
   padding: 5px 15px;
   position: absolute;
   z-index: 98;
   font-size: 11px;
   width: 150px;
   border-radius: 5px;
}

/* Avail Navigation */
.webres-nav {}
.webres-nav-div {
   font-size: 12px;
   color: #636363;
   margin-left: 2%;
   padding: 6px 0;
   text-transform: capitalize;
   width: 96%;
   float: right;
}
.webres-nav-div .webres-prev, 
.webres-nav-div .webres-next, 
.webres-nav-div .webres-date, 
.webres-nav-div .webres-clear,
.webres-nav-div .webres-clear-resource-filter {
   display: inline-block;
   padding-left: 15px;
}

/* Avail */

.webres-avail-header { 
   background-color: #696969;
   border-right: 1px solid #afb1b4;
   color: #ffffff;
   font-family: 'Open Sans',Tahoma,Verdana,Arial,Helvetica,Sans-serif;
   font-size: /*50%*/ 8px;
   height: 45px;
   padding: 0; /* 0 5px;*/
   /*width: 32px;*/
   text-align : center;
   
}

.webres-avail-header-type,
.webres-avail-header-price{
   width:120px;
   /*padding:3px;*/
   font-size: 10px;
   line-height:56px;
}

.webres-avail-header-date {
	width : 32px !important;
	border-left: 1px solid rgb(102,102,102);
}
/* Resource column */
.webres-resource {
   font-size: 12px; 
   border-bottom: 1px solid #216394; 
   width: 15ex; 
   white-space: nowrap; 
   height:40px;
   text-align: center;
}
/* Link if resource has a info url */
.webres-resource a { 
   color: #216394;
   text-decoration: none; 
}
.webres-resource a:hover { text-decoration: underline }
/* Info mouseover */
.webres-resource-info { 
   background-image: url(https://www.reslink.net/webres/images/information.png); 
   height:16px; 
   width:16px;
   background-repeat: no-repeat; 
   display: inline-block !important;  
   vertical-align: bottom;
}
/* Info mouseover popup */
.webres-resource-details { 
   background-color: rgb(42, 196, 234) /*#5fb5ea */ ; 
   width: 400px; 
   height: 200px;    
   display: block; 
   position: absolute; 
   visibility:collapse;
   overflow: hidden;
   left: 20px;
   box-shadow: 5px 5px 3px #888888;
   border-radius: 5px;
   /*box-sizing: content-box;
   -webkit-box-sizing: content-box;*/
}
.webres-resource-details * { 
   /*box-sizing: content-box;
   -webkit-box-sizing: content-box;*/
}
.webres-resource-img { 
   display: inline-block;  
   height: 90px; 
   width: 120px; 
   float:left; 
   padding: 2px; 
   overflow: hidden; 
   margin:none 
}
.webres-resource-text {
   display:inline-block; 
   width : 260px; 
   padding : 2px; 
   overflow: hidden; 
   margin: 0 0 135px 0; 
   white-space:normal;
   line-height : initial;
}
.webres-resource-text p { word-wrap: break-word;}

/* Availability cells */
.webres-avail {
   background-color: #fff; 
   text-align: center; 
   /*border-bottom: 1px solid #216394; */
   border-left: 1px solid #c0c0c0; 
}
.webres-avail:hover:after { 
   background-color: rgb(42, 196, 234) /*#5fb5ea */;
   box-shadow: 5px 5px 3px #888888;
   /*bottom: 26px;*/
   color: #000;
   content: attr(titlex);
   /*left: 20%;*/
   padding: 5px 15px;
   position: absolute;
   z-index: 98;
   font-size: 11px;
   width: 150px;
   border-radius: 5px;
}
.webres-standby {
	background-color: rgba(255,165,0,0.3);
}
.webres-unavail {
   background-color: #c0c0c0; 
   font-size: 7px; 
   text-align: center; 
   color: #000; 
   /*border-bottom: 1px solid #216394;*/
   border-left: 1px solid #c0c0c0;}
.webres-avail.selected , 
.webres-avail:hover { 
   background-color: #C6FFBB!important; 
}
.webres-unavail.selected , 
.webres-unavail:hover { 
   background-color: #FFBBBB!important; 
}
/* Held (Call) unavail special handling */
.webres-unavailH{
   background-color: #C6C6FF; 
   position: relative;
}
/* Displays a custom message on hover (eg 'Call office on XXXXXXX') */
.webres-unavailH:hover:after { 
   background-color: rgb(42, 196, 234) /*#5fb5ea */;
   box-shadow: 5px 5px 3px #888888;
   bottom: 26px;
   color: #000;
   content: attr(titlex);
   left: 20%;
   padding: 5px 15px;
   position: absolute;
   z-index: 98;
   font-size: 11px;
   width: 150px;
   border-radius: 5px;
}

/* avail cell label for checkbox */
label.webres-av { 
	display: block; 
	border: none;
	/*min-height: 100%;*/ /* for the latest browsers which support min-height */
	height: auto !important; /* for newer IE versions */
	height: 100%; /* the only height-related attribute that IE6 does not ignore  */
}
/* avail cell price */
.webres-avprice { 
   font-size: 11px;
   vertical-align:middle;
}

/* avail price column*/
.webres-summary {
	width:114px /*120px*/;
	padding:3px;
	font-size: 16px;
	border-bottom: 1px solid #216394; 
	float:right;
	display:block;
	height: 50px;
	/*-webkit-box-sizing: content-box;
	box-sizing: content-box;*/
}
/* avail charter price */
.webres-price {
   background: linear-gradient(to bottom, #e34267 0%,#c01f44 80%);
    color: #ffffff;
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
    padding: 0 6px;
    text-align:center;
}
/* avail proceed button */
.webres-proceed {
    cursor: pointer;
    width: 115px;
    height: 28px;
    text-align:center;    
}

/* specials */
.webres-specials{
   color:#000;
   display:none; 
   z-index:900; 
   width:300px;
   background-color: rgb(42, 196, 234) /*#5fb5ea */;
   overflow: auto;
   padding:10px 10px 0px 10px;
   text-align:left;
   box-shadow: 5px 5px 3px #888888;
   border-radius: 5px;
}
.webres-specials H1{
   padding: 0px;
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 15px;
}
.webres-specials H2{
   padding: 0px;
   margin: 0px;
   font-size: 12px;
}
.webres-special-header {
  padding: 0px;
   margin: 0px;
   font-size: 12px;
   font-weight: bold;
}
div.webres-special-close {
   float:right;
   font-weight:bold;
   font-size:20px;
}
div.webres-special-close a {
   text-decoration: none;
   color: #000;
}

.webres-special {
  padding: 10px;
  margin-left: -10px;
  margin-right: -10px;
}
 .webres-alternate {  background-color: rgb(163, 205, 222) }
/*.webres-special {   background-color: rgb(42, 196, 234); }*/

/* required/validation */
.webres-required { 
   color: red; 
   font-size: 12px; 
   font-weight: bold 
}
.webres-validation { 
   color: red; 
   font-size: smaller; 
   margin: 0 0 0 0;
}

/* inputs */
.webres-xwideform {width: 40ex;font-size: 12px; height: 23px;}
.webres-wideform {width: 25ex;font-size: 12px; height: 23px;}
.webres-narrowform {width: 8ex;font-size: 12px; height: 23px;}
.webres-dropdown{
   font-size : 12px;
   height : 23px;
}
.webres-check{
   font-size : 12px;
   width : auto !important;
}

/* submit sections */
td.webres-submit {
   padding-top: 20px;
   text-align: right; 
   color: #216394; 
   font-size: 11px
}

/* sub totals */
.webres-totalcaption {font-size: 11px; font-weight: bold; color: #216394}
.webres-totalvalue {font-size: 11px; font-weight: bold}

/* Terms and Conditions */
.webres-terms {text-align: left; font-size: 11px;}
.webres-terms a {text-decoration:none;color:#216394}
.webres-terms a:hover {text-decoration:underline;}


.webres-avail-cell {display: table-cell; width: 32px !important; vertical-align:middle; height: 40px;}

.webres-form-item { display: table-row; padding: 10px 0px;}
.webres-form-item div { display: table-cell;}

/* responsive */
.webres-week-2,
.webres-week-3,
.webres-week-4,
.webres-week-5 {
	display:none;
}
.webres-avail-header-capacity,
.webres-capacity { 
	display: none;
	width : 50px !important;
	/*width: 2%;*/
	float:left;
	height: 40px;
	line-height: 40px;
}

.webres-avail-header-type,
.webres-resource { 
	width: 150px  !important; 
	/*text-align:left;*/
	vertical-align : middle;
}
.webres-avail-header-type {
	text-align:center;
}

.webres-grid-row { 
	height: 56px;
	clear:both;
	/*-webkit-box-sizing: content-box;
	box-sizing: content-box;*/
}
.webres-grid-row-title,
.webres-resource { 
	/*width: 150px  !important; */
	float:left; 
	display:block; 
	height: 56px;
	line-height: 28px;
	/*-webkit-box-sizing: content-box;
	box-sizing: content-box;*/
}
.webres-grid-row-body { 
	display: table; 
	float:right; 
	height: 56px;
	border-bottom: 1px solid #216394;
	/*-webkit-box-sizing: content-box;
	box-sizing: content-box;*/
}
.webres-avail-header-price {
	float:right;
	display:block;
	height: 56px;
}
.webres-avail-header .webres-grid-row-body { border-bottom: none; }
.webres-avail-header-type,
.webres-avail-header-capacity {  border-bottom: none; /*1px solid #216394;*/ }
.webres-resource-info { vertical-align: middle; }

#webres-prompt div { display: inline-block; padding: 2px; }
.webres-update-clear { padding: 2px; }
.webres-prev { float: left; padding: 2px; }
.webres-next { float: right; padding: 2px; }
#wrUpdate, #wrClear { float: none }

#webres-avail-instructions { padding : 2px; }

input[type=button], input[type=submit], button { height: 35px; min-width: 70px; font-size: 12px; -webkit-appearance:none; }
.webres-dropdown,
.webres-wideform,
.webres-xwideform,
.webres-narrowform { 
	height: 35px 
}

.webres-form-charter-options {
	clear:both;
	line-height: 25px;
	height: 25px;
}
.webres-form-charter-options .webres-caption { text-align:left; float:left; }
.webres-form-charter-options .webres-value { text-align:right; float:right; }
.webres-table { padding-top: 3px; }

.webres-promo { color : rgb(0,192,128); }




/*@media (max-width: 660px) {*/
@media (max-width: 767px) {
	input[type=button], input[type=submit], button { height: 35px; min-width: 120px;  font-size: 12px; }
	.webres-grid-row-title { width: calc(100% - 130px) !important;float:left;display: inline-block;height:56px;line-height:56px;} 
	.webres-resource { text-align: left; }
	.webres-summary { width: 120px !important; float:left;display: inline-block;}
	.webres-grid-row-body { width: 100%; }
	.webres-avail-header-type.webres-grid-row-title { display: none; }
	.webres-avail-header-price {display:none; }
	/*.webres-resource.webres-grid-row-title { width : 100%; height: 25px;line-height: 25px; }*/
	.webres-progress { width: 100%; }
	#webres-prompt, #webres-prompt div { display: block; width: 100%; height: 35px; line-height: 35px}
	#webres-prompt div select { 
		width: calc(100% - 100px) !important;		
		float: right;
		height: 35px;
	}
	.webres-prev-next { clear: both; }
	.webres-prev, .webres-next { clear:both; float: none; width: 100%; text-align: center;}
	
	.webres-prev input[type=button], .webres-next input[type=button], .webres-prev button, .webres-next button { width: 32%; ;min-width: 0px;}
	#wrUpdate, #wrClear {  width : 49%; ;min-width: 0px;}
	#wrUpdate, #wrPrevMonth, #wrNextDay { float: left }
	#wrClear, #wrNextMonth, #wrPrevDay { float: right }
			
	#webres-avail-instructions { width: 100%; white-space:normal; }
	.webres-resource-info { display:none; }
	
	div.webres-submit { width:48%;}
	#webres-avail-details { width: 48%; font-size: 12px;padding: 3px;float:left;}
	
	.webres-form-item {display:block; padding-top: 3px;}
	.webres-form-item div {display:block; width: 100%;}
	.webres-form-item div input,
	.webres-form-item div select {width: calc(100% - 15px);}
	.webres-validation  {display:block; }
	.webres-charter-options { 
		width: 100%;
	}
	.webres-page-hint { display:none; }
	
	
	.webres-availability-content {  
		/*height: calc(100% - 260px);*/
		overflow : initial;
		height : auto;
		
	}
	
	.webres-specials {
		/*display: inline-block !important;*/
		
		position: relative !important;
		top: 0px !important;
		left: 0px !important;
	}
}
@media (min-width: 661px) {
	.webres-week-2 { display: table-cell; }
}
/*
@media (min-width: 661px) {
	.webres-avail-header-capacity,
	.webres-capacity {display: block; }
	.webres-week-2 { display: table-cell; }
	.webres-grid-row-body { width: 448px; }
	.webres-grid-row-body { width: calc(100% - 260px); }
	.webres-form-item div { padding-top: 5px;}
}
*/
@media (min-width: 768px) {
	/*.webres-avail-header-capacity,
	.webres-capacity,*/
	.webres-week-2 { display: table-cell; }
	.webres-grid-row-body { width: 608px; }
	.webres-grid-row-body { width: calc(100% - 270px); }
	.webres-table { max-width : 750px; margin: 0px auto; }
	
	
	.webres-avail-table { height : 50px; margin : 0 auto 0 auto; }
	.webres-prompt {
		display : inline-block;
		float : left;
	}
	.webres-prev-next {
		display : inline-block;
		float : right;
	}
}
@media (min-width: 960px) {
	.webres-week-3 { display: table-cell;}
	.webres-grid-row-body { width: 800px; }
	.webres-grid-row-body { width: calc(100% - 270px); }
}
/*@media (min-width: 1200px) {*/
@media (min-width: 1350px) {
	.webres-week-4 { display: table-cell;}
	.webres-week-5 { display: table-cell;}
	.webres-grid-row-body { width: 1040px; }
	.webres-grid-row-body { width: calc(100% - 270px); }
}


form {
	margin: 0px;
}


/* payway styles */
#btn-payway {
   border: none; 
   background-color:#04B431; 
   color: #ffffff; 
   font-weight: bold; 
   padding: 5px 15px 5px 15px;
   font-size:11px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   box-sizing: border-box !important;
}	
#webres-button-payway:hover {
   background-color: #088A08;
}
#webres-button-payway:disabled { 
   background-color: #C0C0C0 
}