.roomavailability #gridwrapper .roomtotals article {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.roomavailability #content nav, .roomavailability #content nav section, .roomavailability #content nav section.calendars .reset, .roomavailability #gridwrapper, .roomavailability #gridwrapper .roomtypes article, .roomavailability .footer, .roomavailability .footer span.totals, .roomavailability .footer span.totals section, .qtip-room .roomdetails {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.roomavailability #gridwrapper .roomtypes, .roomavailability #gridwrapper .roomdata, .roomavailability #gridwrapper .roomdata thead th article, .roomavailability #gridwrapper .roomtotals, .roomavailability .footer span.help, .qtip-room .roomdetails > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.roomavailability #content nav section, .roomavailability #content nav section.calendars .input input[type=text], .roomavailability #content nav section.datenav button, .roomavailability #gridwrapper .roomtypes, .roomavailability #gridwrapper .roomtypes article, .roomavailability #gridwrapper .roomtypes article.header span, .roomavailability #gridwrapper .roomtypes article b, .roomavailability #gridwrapper .roomtypes article span, .roomavailability #gridwrapper .roomdata, .roomavailability #gridwrapper .roomdata thead th article span, .roomavailability #gridwrapper .roomdata thead th article b, .roomavailability #gridwrapper .roomtotals, .roomavailability #gridwrapper .roomtotals article {
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

/*
@font-face {
	font-family: Delicious;
	font-weight: bold;
	src: url('Delicious-Bold.otf');
}
*/
@font-face {
  font-family: 'ra-icon';
  src: url("../fonts/roomavailability.eot");
  src: url("../fonts/roomavailability.eot?#iefix") format("eot"), url("../fonts/roomavailability.woff") format("woff"), url("../fonts/roomavailability.ttf") format("truetype"), url("../fonts/roomavailability.svg#webfontsMra4XHP") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'numbers';
  src: url("../fonts/numberpile-webfont.eot");
  src: url("../fonts/numberpile-webfont.eot?#iefix") format("eot"), url("../fonts/numberpile-webfont.woff") format("woff"), url("../fonts/numberpile-webfont.ttf") format("truetype"), url("../fonts/numberpile-webfont.svg#webfontsMra4XHP") format("svg");
  font-weight: normal;
  font-style: normal;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none;
}

.roomavailability, .roomavailability *, .offers .rooms .numrooms, .qtip-room .roomdetails {
  font-family: Arial, sans-serif;
  font-size: 15px;
}

.roomavailability #content nav section.calendars .reset, .roomavailability .footer span.help .stepcounter s, .roomavailability .ra-icon {
  color: white;
  font-family: "ra-icon";
  font-size: 2rem;
  text-rendering: optimizeLegibility;
  vertical-align: middle;
}

.roomavailability #gridwrapper .roomtotals article button, .offers .rooms .numrooms {
  border-radius: .3rem;
  display: inline-block;
  padding: .5rem 2rem .55rem;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: solid 1px #ccc;
  border: solid 1px #0076b1;
  background-color: #0080c0;
  background: -webkit-gradient(linear, left top, left bottom, from(#0080c0), to(#0080c0));
  background: -moz-linear-gradient(top, #0080c0, #0080c0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0080c0', endColorstr='#0080c0');
  color: #e6f2f9;
  font-size: .8rem;
  padding: .3rem .5rem;
  white-space: nowrap;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.roomavailability #gridwrapper .roomtotals article button:hover, .offers .rooms .numrooms:hover {
  text-decoration: none;
}
.roomavailability #gridwrapper .roomtotals article button:active, .offers .rooms .numrooms:active {
  position: relative;
  top: 1px;
}
.roomavailability #gridwrapper .roomtotals article button:hover, .offers .rooms .numrooms:hover {
  background-color: #00a2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#006fa7), to(#00a2f3));
  background: -moz-linear-gradient(top, #006fa7, #00a2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fa7', endColorstr='#00a2f3');
}

.roomavailability #gridwrapper .roomtotals article.disabled button, .offers .rooms .numrooms.disabled {
  border: solid 1px #b8b8b8;
  background-color: silver;
  background: -webkit-gradient(linear, left top, left bottom, from(silver), to(silver));
  background: -moz-linear-gradient(top, silver, silver);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='silver');
  color: #f9f9f9;
  opacity: 0;
}
.roomavailability #gridwrapper .roomtotals article.disabled button:hover, .offers .rooms .numrooms.disabled:hover {
  background-color: #dadada;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#dadada));
  background: -moz-linear-gradient(top, #b3b3b3, #dadada);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#dadada');
}

.roomavailability #gridwrapper .roomtotals article.selected button, .offers .rooms .numrooms.selected {
  border: solid 1px #55aa10;
  background-color: #5cb811;
  background: -webkit-gradient(linear, left top, left bottom, from(#5cb811), to(#5cb811));
  background: -moz-linear-gradient(top, #5cb811, #5cb811);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#5cb811');
  color: #eff8e7;
}
.roomavailability #gridwrapper .roomtotals article.selected button:hover, .offers .rooms .numrooms.selected:hover {
  background-color: #73e715;
  background: -webkit-gradient(linear, left top, left bottom, from(#50a10f), to(#73e715));
  background: -moz-linear-gradient(top, #50a10f, #73e715);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50a10f', endColorstr='#73e715');
}

.ratestable {
  border-radius: 0;
}

.roomavailability {
  background-color: rgba(239, 239, 239, 0.5);
  box-sizing: border-box;
  width: 100%;
  z-index: 50;
}
.roomavailability * {
  box-sizing: border-box;
}
.roomavailability a {
  color: inherit;
  text-decoration: none;
}
.roomavailability .button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-weight: normal;
  text-shadow: none;
}
.roomavailability #content {
  border: none;
  border-radius: 0;
  background-color: transparent;
  min-height: 10rem;
  padding: 0;
  transition: all .2s;
}
.roomavailability #content.loading {
  background-color: #eeeeee;
  background-image: url(../graphics/ajax-loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.roomavailability #content nav {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #608FC3), color-stop(1, #96B4D3));
  background: -moz-linear-gradient(center top, #608FC3 5%, #96B4D3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gradbluestart', endColorstr='$gradblueend');
  background-color: #608FC3;
  border: 1px solid #608FC3;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  color: white;
  left: auto;
  position: static;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  top: auto;
}
.roomavailability #content nav {
  border-radius: 0;
  min-height: 1.5rem;
  padding: .5rem .3rem;
}
.roomavailability #content nav section {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0;
}
.roomavailability #content nav section.calendars {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  max-width: 60%;
}
.roomavailability #content nav section.calendars .input {
  margin: 0;
  max-width: 35%;
  position: relative;
}
.roomavailability #content nav section.calendars .input.nights {
  max-width: 20%;
}
.roomavailability #content nav section.calendars .input b {
	color: #616161;
  font-size: .7rem;
  left: 3%;
  position: absolute;
  text-shadow: none;
  top: 15%;
}
.roomavailability #content nav section.calendars .input input[type=text] {
	background-color: rgba(255, 255, 255, 0.6);
	border: 1px solid #999;
  border-radius: 0;
  color: #000;
  font-size: 1.1rem;
  font-weight: bold;
  height: auto;
  line-height: 2rem;
  margin: 0;
  max-width: 100%;
  min-width: 0;
  padding-left: 2.5rem;
  text-align: center;
  width: auto;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.roomavailability #content nav section.calendars .input input[type=text].highlight {
  background-color: #F9FF8E;
}
.roomavailability #content nav section.calendars .input:first-of-type input[type=text] {
	border-radius: .3rem 0 0 .3rem;
}
.roomavailability #content nav section.calendars .reset {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 0 .3rem .3rem 0;
  color: #505050;
  cursor: pointer;
  border: 1px solid #999;
  font-size: 1.5rem;
  padding: 0 .5em;
}
.roomavailability #content nav section.datenav {
  max-width: 20%;
}
.roomavailability #content nav section.datenav button {
  border-radius: .3rem;
  display: inline-block;
  padding: .5rem 2rem .55rem;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
/*border: solid 1px #ccc;*/
  border: solid 1px #3293cc;
  background-color: #0080c0;
  background: -webkit-gradient(linear, left top, left bottom, from(#40b1e9), to(#006fa7));
  background: -moz-linear-gradient(top, #13b0ff, #0080c0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#13b0ff', endColorstr='#0080c0');
  color: #e6f2f9;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: .8rem;
  padding: .5em 0 .55em 0;
  white-space: nowrap;
  /*
  						&.back {
  							@include color(rgba($blue, .5));
  						}

  						&.forward {
  							@include color(rgba($blue, .5));
  						}
  */
}
.roomavailability #content nav section.datenav button:hover {
  text-decoration: none;border:1px inset #3c8fbf;
}
.roomavailability #content nav section.datenav button:active {
  position: relative;
  top: 1px;
}
.roomavailability #content nav section.datenav button:hover {
  background-color: #00a2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#006fa7), to(#00a2f3));
  background: -moz-linear-gradient(top, #006fa7, #00a2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fa7', endColorstr='#00a2f3');
}
.roomavailability #content nav section.datenav button:active {
  background-color: #00a2f3;
  background: -webkit-gradient(linear, left top, left bottom, from(#0080c0), to(#00a2f3));
  background: -moz-linear-gradient(top, #0080c0, #00a2f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0080c0', endColorstr='#00a2f3');
  color: #b3d9ec;
}
.roomavailability #content nav section.datenav button:first-of-type {
  border-radius: .3rem 0 0 .3rem;
}
.roomavailability #content nav section.datenav button.space {
  margin-right: .3rem;
}
.roomavailability #content nav section.datenav button:last-of-type {
  border-radius: 0 .3rem .3rem 0;
}
.roomavailability #content nav section.datenav .ra-icon {
  font-size: .8rem;
  text-shadow: none;
}
.roomavailability #gridwrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  border-bottom: 1px solid white;
}
.roomavailability #gridwrapper .roomtypes {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-flex-basis: 14rem;
  -moz-flex-basis: 14rem;
  -ms-flex-preferred-size: 14rem;
  flex-basis: 14rem;
  background-color: #d5d5d5;
  border-right: 1px solid #c3c3c3;
}
.roomavailability #gridwrapper .roomtypes article {
  border-top: 1px solid white;
  cursor: pointer;
  overflow: hidden;
  padding: 0.7rem;
  padding-bottom: .5rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roomavailability #gridwrapper .roomtypes article.header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  color: #646464;
  cursor: text;
  max-height: 64px;
  min-height: 63px;
  text-align: center;
}
.roomavailability #gridwrapper .roomtypes article.header span {
  font-size: .9rem;
}
.roomavailability #gridwrapper .roomtypes article.header span.currentmonth {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 1.3rem;
  text-align: right;
  text-transform: capitalize;
}
.roomavailability #gridwrapper .roomtypes article.header .room {
  -webkit-flex-basis: 2rem;
  -moz-flex-basis: 2rem;
  -ms-flex-preferred-size: 2rem;
  flex-basis: 2rem;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  color: rgba(130, 130, 130, 0.5);
  cursor: pointer;
  font-size: 1.6rem;
  padding: .1rem .5rem .2rem;
  text-shadow: none;
  transition: all .2s;
  vertical-align: middle;
}
.roomavailability #gridwrapper .roomtypes article.header .room:hover {
  color: rgba(0, 128, 192, 0.8);
}
.roomavailability #gridwrapper .roomtypes article.header .room.remove:hover {
  color: rgba(255, 200, 200, 0.8);
}
.roomavailability #gridwrapper .roomtypes article.underoccupancy {
  border-top-color: rgba(255, 255, 255, 0);
}
.roomavailability #gridwrapper .roomtypes article b {
  font-weight: normal;
}
.roomavailability #gridwrapper .roomtypes article b.right {
  padding-right: .5rem;
  text-align: right;
}
.roomavailability #gridwrapper .roomtypes article b.right i {
  font-size: .85rem;
}
.roomavailability #gridwrapper .roomtypes article span {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-size: .8rem;
  margin: 0;
  padding: 0;
  text-align: right;
  transition: all .1s;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.roomavailability #gridwrapper .roomtypes article[data-roomid]:hover {
  background-color: rgba(255, 255, 255, 0.1);
  					/*

  					span {
  						opacity: 0;
  					}

  					&:after {
  						opacity: 1;
  					}
  					*/
}
.roomavailability #gridwrapper .roomdata {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
  -moz-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
  -webkit-flex-basis: 70%;
  -moz-flex-basis: 70%;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  background: #eeeeee url(../graphics/ajax-loader.gif) no-repeat center center;
}
.roomavailability #gridwrapper .roomdata table {
  background-color: #eeeeee;
  border: none;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0;
  padding: 0;
  table-layout: fixed;
  white-space: nowrap;
  width: 100%;
}
.roomavailability #gridwrapper .roomdata thead th.oof *, .roomavailability #gridwrapper .roomdata tbody tr td.oof * {
  color: #b4b4b4 !important;
}
.roomavailability #gridwrapper .roomdata thead {
  background-color: rgba(0, 0, 0, 0.05);
}
.roomavailability #gridwrapper .roomdata thead th {
  color: #505050;
  font-weight: normal;
  min-height: 4rem;
  min-width: 6.6%;
}
.roomavailability #gridwrapper .roomdata thead th.weekend {
  background-color: rgba(0, 128, 192, 0.05);
}
.roomavailability #gridwrapper .roomdata thead th.weekend article {
  background-color: transparent;
}
.roomavailability #gridwrapper .roomdata thead th.today article, .roomavailability #gridwrapper .roomdata thead th.today span, .roomavailability #gridwrapper .roomdata thead th.today b {
  color: #c80000;
  font-weight: bold;
}
.roomavailability #gridwrapper .roomdata thead th.selection {
  background-color: #5ac8ff;
}
.roomavailability #gridwrapper .roomdata thead th.selection article, .roomavailability #gridwrapper .roomdata thead th.selection span, .roomavailability #gridwrapper .roomdata thead th.selection b {
  font-weight: bold;
}
.roomavailability #gridwrapper .roomdata thead th.offer article:after {
  border-color: transparent transparent transparent #0080c0;
  border-style: solid;
  border-width: 2rem 0 0 2rem;
  height: 0;
  width: 0;
}
.roomavailability #gridwrapper .roomdata thead th article {
  height: 100%;
  padding: 0.35rem 0;
  position: relative;
  text-align: center;
  width: 100%;
}
.roomavailability #gridwrapper .roomdata thead th article span {
  color: inherit;
  display: inline-block;
  float: none;
  font-size: .8rem;
  text-align: inherit;
  width: auto;
}
.roomavailability #gridwrapper .roomdata thead th article b {
  font-size: 1.25rem;
}
.roomavailability #gridwrapper .roomdata tbody tr {
  vertical-align: middle;
}
.roomavailability #gridwrapper .roomdata tbody tr:nth-of-type(even) td {
  background-color: rgba(0, 0, 0, 0.05);
}
.roomavailability #gridwrapper .roomdata tbody tr:last-child td:first-child {
  border-radius: 0;
}
.roomavailability #gridwrapper .roomdata tbody tr td {
  min-width: 6.6%;
  transition: all .2s;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.roomavailability #gridwrapper .roomdata tbody tr td article {
  cursor: pointer;
  font-size: .8rem;
  height: 100%;
  min-height: 2.5rem;
  overflow: hidden;
  padding: 0.7rem 0;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.roomavailability #gridwrapper .roomdata tbody tr td:not(.closed):hover article {
  background-color: rgba(150, 150, 150, 0.3);
}
.roomavailability #gridwrapper .roomdata tbody tr td.closed {
  background-color: rgba(160, 0, 0, 0.2);
}
.roomavailability #gridwrapper .roomdata tbody tr td.closed article {
  color: #c80000;
  cursor: not-allowed;
  font-size: .7rem;
}
.roomavailability #gridwrapper .roomdata tbody tr td.discount {
  background-color: rgba(0, 160, 0, 0.2);
  color: #00a000;
}
.roomavailability #gridwrapper .roomdata tbody tr td.discount s {
  color: rgba(150, 0, 0, 0.5);
  font-size: .7rem;
  left: .1rem;
  position: absolute;
  top: .1rem;
}
.roomavailability #gridwrapper .roomdata tbody tr td b {
  font-size: inherit;
}
.roomavailability #gridwrapper .roomdata tbody tr td.oof.closed {
  background-color: rgba(160, 0, 0, 0.1);
}
.roomavailability #gridwrapper .roomdata tbody tr td.oof.closed article {
  color: rgba(200, 0, 0, 0.5);
}
.roomavailability #gridwrapper .roomdata tbody tr td.offer:not(.closed) {
  background-color: rgba(0, 128, 192, 0.15);
}
.roomavailability #gridwrapper .roomdata tbody tr td.offer:not(.closed) article {
  font-weight: bold;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selected {
  font-weight: bold;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end) {
  background-color: #74d1ff;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end) article {
  color: #000;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end) * {
  font-weight: bold;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end).discount b, .roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end).offer b {
  color: #004d00;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end).closed {
  background-color: rgba(160, 0, 0, 0.1);
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection:not(.end).closed article {
  color: rgba(200, 0, 0, 0.5);
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection article,
.roomavailability #gridwrapper .roomdata tbody tr td.selection article b {
	font-weight: normal !important;
}
.roomavailability #gridwrapper .roomdata tbody tr td.selection.selected { background-color: rgb(99, 199, 18); }
.roomavailability #gridwrapper .roomdata tbody tr td.selection.selected article { color: white; }
.roomavailability #gridwrapper .roomdata tbody tr td.today {
  font-weight: bold;
}
.roomavailability #gridwrapper .roomtotals {
  -webkit-flex-basis: 5rem;
  -moz-flex-basis: 5rem;
  -ms-flex-preferred-size: 5rem;
  flex-basis: 5rem;
}
.roomavailability #gridwrapper .roomtotals article {
  border-top: 1px solid white;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}
.roomavailability #gridwrapper .roomtotals article.header {
  max-height: 64px;
  min-height: 4rem;
  text-align: center;
}
.roomavailability .footer {
  background-color: #c3c3c3;
  color: #646464;
  font-size: 15px;
  padding: 0 1rem;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.roomavailability .footer span.help {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-left: 3.5rem;
  padding: .5rem 0;
  position: relative;
}
.roomavailability .footer span.help .stepcounter {
  display: inline-block;
  font-weight: bold;
  padding-bottom: .5rem;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0080c0+48,0080c0+51&0+0,0+48,1+49,1+50,0+51,0+100 */
  background: -moz-linear-gradient(top, rgba(0, 128, 192, 0) 0%, rgba(0, 128, 192, 0) 43%, #0080c0 44%, #0080c0 48%, rgba(0, 128, 192, 0) 51%, rgba(0, 128, 192, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 128, 192, 0)), color-stop(43%, rgba(0, 128, 192, 0)), color-stop(44%, #0080c0), color-stop(48%, #0080c0), color-stop(48.5%, rgba(0, 128, 192, 0)), color-stop(100%, rgba(0, 128, 192, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 128, 192, 0) 0%, rgba(0, 128, 192, 0) 43%, #0080c0 44%, #0080c0 48%, rgba(0, 128, 192, 0) 48.5%, rgba(0, 128, 192, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 128, 192, 0) 0%, rgba(0, 128, 192, 0) 43%, #0080c0 44%, #0080c0 48%, rgba(0, 128, 192, 0) 48.5%, rgba(0, 128, 192, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 128, 192, 0) 0%, rgba(0, 128, 192, 0) 43%, #0080c0 44%, #0080c0 48%, rgba(0, 128, 192, 0) 48.5%, rgba(0, 128, 192, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 128, 192, 0) 0%, rgba(0, 128, 192, 0) 43%, #0080c0 44%, #0080c0 48%, rgba(0, 128, 192, 0) 48.5%, rgba(0, 128, 192, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000080c0', endColorstr='#000080c0',GradientType=0 );
  /* IE6-9 */
}
.roomavailability .footer span.help .stepcounter b {
  background-color: #969696;
  border-radius: 1.33rem;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: .9rem;
  height: 1.4rem;
  line-height: 1.4rem;
  min-width: 1.4rem;
  padding: 0;
  text-align: center;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.roomavailability .footer span.help .stepcounter b:first-of-type {
  margin-left: 0;
}
.roomavailability .footer span.help .stepcounter b.active {
  background-color: #0082c4;
  color: yellow;
}
.roomavailability .footer span.help .stepcounter s {
  color: #0080c0;
  font-size: .7rem;
  padding: 0 .8rem;
  text-decoration: none;
}
.roomavailability .footer span.help hr {
  border: none;
  border-top: 1px solid #0080c0;
  height: 1px;
  margin-top: 0.7rem;
  min-width: 11rem;
  position: absolute;
  z-index: 1;
}
.roomavailability .footer span.help .dates {
  color: #000;
}
.roomavailability .footer span.help .dates b {
  color: #0080c0;
}
.roomavailability .footer span.totals {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-width: 28%;
}
.roomavailability .footer span.totals section {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around;
  color: #323232;
  font-size: 1.3rem;
  font-weight: bold;
}
.roomavailability .footer span.totals section * {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.roomavailability .footer span.totals section .total {
  padding-left: .5rem;
}
.roomavailability .footer span.totals .book {
  -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
  -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
  box-shadow: inset 0px 1px 0px 0px #caefab;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
  background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
  color: white;
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
  font-size: 1.2rem;
  font-weight: bold;
  background-color: #77d42a;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #8ac77f;
  padding: .5rem 2rem .55rem;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  text-shadow: rgba(100, 100, 100, 0.580392) 1px 1px 1px;
  transition: all 0.3s;
}
.roomavailability .footer span.totals .book.disabled {
  border-radius: .3rem;
  display: inline-block;
  padding: .5rem 2rem .55rem;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: solid 1px #ccc;
  border: solid 1px #b8b8b8;
  background-color: silver;
  background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(silver));
  background: -moz-linear-gradient(top, #e9e9e9, silver);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='silver');
  color: #f9f9f9;
}
.roomavailability .footer span.totals .book.disabled:hover {
  text-decoration: none;
}
.roomavailability .footer span.totals .book.disabled:active {
  position: relative;
  top: 1px;
}
.roomavailability .footer span.totals .book.disabled:hover {
  background-color: #dadada;
  background: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#dadada));
  background: -moz-linear-gradient(top, #b3b3b3, #dadada);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#dadada');
}
.roomavailability .footer span.totals .book.disabled:active {
  background-color: #dadada;
  background: -webkit-gradient(linear, left top, left bottom, from(silver), to(#dadada));
  background: -moz-linear-gradient(top, silver, #dadada);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='silver', endColorstr='#dadada');
  color: #ececec;
}

.offers .roomtotal .hidden {
  display: none;
}
.offers .rooms .numrooms.disabled {
  opacity: 1;
}

.qtip-room {
  max-width: 30rem;
  min-width: 10rem;
}
.qtip-room .roomdetails {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.qtip-room .roomdetails .img {
  margin-right: .5rem;
  max-height: 15rem;
}
.qtip-room .roomdetails .img img {
  height: auto;
  width: 100%;
}
.qtip-room .roomdetails > span * {
  max-width: 20rem;
}
.qtip-room .roomdetails > span h3 {
  color: #0080c0;
  text-align: center;
}
.qtip-room .roomdetails > span p {
  margin: .3rem 0;
}