body,
html {
  background: #fdb700;
  background-image: url("/images/v2/layout/bgworld.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0px;
  background-attachment: fixed;
  font-family: 'Cabin', Arial, sans-serif;
  -ms-behavior: url("/stylesheets/backgroundsize.min.htc");
}
#content {
  margin-top: 85px;
  min-height: 430px;
  font-size: 16px;
}
#content h1 {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.22);
  margin-bottom: 24px;
}
a {
  color: #d34700;
}
a:hover {
  color: #d34700;
}
em {
  color: #ffa02c;
  font-style: normal;
}
ul.ticks {
  list-style-image: url("/images/v2/icons/list_check_yellow.png");
}
.backdrop {
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 4px #777;
  -moz-box-shadow: 0px 2px 4px #777;
  box-shadow: 0px 2px 4px #777;
  padding: 20px;
  margin-bottom: 30px;
}
.backdrop h2 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 20px;
}
.backdrop h3 {
  font-size: 20px;
}
.takeback {
  color: #9b9888;
}
ul.error-list {
  list-style-image: none;
}
.striped > div:nth-child(odd) {
  background-color: #f9f9f9;
}
.legacyPage {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.legacyThrobber {
  position: absolute;
}
.circle {
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  width: 1.2em;
  height: 1.2m;
  padding: 0.4em;
  border: 2px solid #666;
  color: #666;
  text-align: center;
  font-size: 20px;
  line-height: normal;
}
.circle-float {
  float: left;
  margin-right: 14px;
  margin-bottom: 2px;
  margin-top: 6px;
  margin-left: 6px;
}
.nav {
  font-size: 14px;
}
.nav .menu-item-fullrefresh {
  display: none;
}
.uppercase {
  text-transform: uppercase;
}
table {
  font-size: 14px;
}
.clickable {
  cursor: pointer;
}
.fa {
  margin-right: 1px;
}
.print-visible {
  display: none;
}
.non-print-visible {
  display: block;
}
.alert {
  position: relative;
  padding-left: 90px;
  font-size: 14px;
  background-color: #f5ecbf;
  border: 1px solid #d3be95;
  color: #9e7938;
}
.alert strong {
  border-right: 1px dotted #c09853;
  height: 80%;
  display: block;
  position: absolute;
  left: 10px;
  width: 70px;
}
.alert.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert.alert-info strong {
  border-right: 1px dotted #3a87ad;
}
.alert.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert.alert-success strong {
  border-right: 1px dotted #468847;
}
.alert.alert-warning {
  color: #8a621e;
}
.alert.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.form-condensed .control-group {
  margin-top: 0;
  margin-bottom: 5px;
}
.modal {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.modal-backdrop {
  background-color: #d88113;
}
.label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: none;
  padding: 6px 12px;
  font-size: 14px;
  text-align: center;
}
.label.label-success {
  background-color: #82d268;
  color: #357f1c;
}
.label.label-important {
  background-color: #a13a16;
  color: #fff;
}
.label.label-warning {
  background-color: #ffbd00;
  color: #986a00;
}
.checkboxGroup {
  padding-top: 5px;
  margin-left: 160px;
  overflow: hidden;
}
.checkboxGroup .span1 {
  margin-right: 15px;
  margin-left: 0;
}
.checkboxGroup .span2 {
  margin-left: 0;
  margin-right: -15px;
}
.modal .checkboxGroup {
  padding-top: 5px;
  margin-left: 160px;
}
.modal .checkboxGroup .span1,
.modal .checkboxGroup .span2 {
  margin-left: 22px;
}
.badge {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.badge-notify {
  background-color: #fd8f03;
}
.navbar {
  position: fixed;
  width: 100%;
  z-index: 1060;
}
.navbar .badge {
  margin-top: -5px;
}
.navbar .nav > li > a {
  color: #282828;
  font-weight: 400;
  font-size: 0.9em;
  padding: 10px 25px 10px;
}
.navbar .nav > li > a.active {
  font-weight: bold;
}
.navbar .nav > li.login > a {
  background-color: #e14c00;
  color: #fff;
  text-shadow: 0px 0px 1px #fff;
  padding: 10px 12px 10px;
}
.navbar .nav li.dropdown.open>.dropdown-toggle {
  background-color: inherit;
}
.navbar .navbar-inner {
  padding: 5px 0px;
  background: none !important;
  background-color: #fff !important;
  border: none !important;
  -webkit-box-shadow: 0 2px 3px #bf873a;
  -moz-box-shadow: 0 2px 3px #bf873a;
  box-shadow: 0 2px 3px #bf873a;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar li {
  line-height: 8px;
  margin-top: 6px;
}
.navbar .nav .dropdown-toggle .caret {
  margin-top: 2px;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
  color: #282828;
}
.navbar .brand {
  position: fixed;
  top: -11px;
}
.navbar .brand .logo-desktop {
  width: 315px;
  height: 78px;
  background-image: url("/images/v2/layout/logo.png");
}
.navbar .brand .logo-mobile {
  width: 200px;
  height: 36px;
  background-image: url("/images/v2/layout/logo-mobile.png");
}
.navbar #pid-switch {
  overflow-y: auto;
  max-height: 500px;
}
.navbar #pid-switch .property-link-expired {
  color: #878787;
}
.navbar-dev .brand .logo-desktop {
  background-image: url("/images/v2/layout/logo-dev.png") !important;
}
.loggedIn .navbar .nav > li > a {
  padding: 10px 17px 10px;
}
.loggedIn .username {
  max-width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-align: right;
}
.loggedIn .username .caret {
  margin-left: 5px;
}
.supportbtn {
  font-weight: normal;
  float: right;
  background: #36dac1 !important;
  background-color: #36dac1 !important;
  text-shadow: none !important;
  border: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0px;
  padding: 10px 20px;
  letter-spacing: 1px;
}
.mybookingsbtn {
  font-weight: normal;
  float: right;
  background: #24aae3 !important;
  background-color: #24aae3 !important;
  text-shadow: none !important;
  border: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0px 8px 0px 0px;
  padding: 10px 20px;
  letter-spacing: 1px;
}
#signup {
  width: 610px;
  margin-left: -305px;
  color: #9b9888;
  background: #fff;
  background: -moz-linear-gradient(top, #fff 42%, #ebebeb 72%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(42%, #fff), color-stop(72%, #ebebeb));
  background: -webkit-linear-gradient(top, #fff 42%, #ebebeb 72%);
  background: -o-linear-gradient(top, #fff 42%, #ebebeb 72%);
  background: -ms-linear-gradient(top, #fff 42%, #ebebeb 72%);
  background: linear-gradient(to bottom, #fff 42%, #ebebeb 72%);
}
#signup .modal-header {
  border-bottom: none;
}
#signup .modal-header h3 {
  padding-left: 24px;
  padding-top: 15px;
  color: #000;
}
#signup .modal-body {
  padding-left: 40px;
}
#signup .modal-body .control-label {
  width: auto;
  text-align: left;
  font-weight: 600;
}
#signup .modal-body .controls {
  margin-left: 100px;
}
#signup ul {
  font-weight: 600;
  color: #9b9889;
  margin-bottom: 25px;
}
#signup ul li {
  margin-bottom: 10px;
}
#signup .span4 {
  width: 326px;
}
#signup .checkboxes {
  margin-top: 20px;
}
#signup .checkboxes label {
  font-size: 0.9em;
}
#signup .required-info {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.footer {
  background-color: #31312f;
  margin-top: 40px;
  color: #676766;
  min-height: 200px;
  padding-top: 15px;
  padding-bottom: 50px;
}
.footer a {
  color: #fe8f00;
}
.footer h3 {
  color: #edb106;
  font-size: 14px;
  line-height: 21px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .footer .row {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 979px), (max-height: 800px) {
  .navbar {
    position: absolute;
    left: 0;
  }
  .navbar .brand {
    position: absolute;
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .loggedIn .username {
    max-width: 250px;
  }
}
@media (min-width: 1400px) {
  .loggedIn .username {
    max-width: 450px;
  }
}
@media (max-width: 1065px) {
  .loggedIn .navbar .nav > li > a {
    padding: 9px 10px 10px;
  }
}
@media (max-width: 979px) {
  .navbar .brand {
    top: -3px;
  }
  .navbar .nav-collapse.in {
    padding-top: 20px;
  }
  .loggedIn .username {
    max-width: initial;
  }
  .loggedIn .navbar .nav > li > a {
    margin: 0;
  }
}
