/* HEADER STUFF */
.navbar-default {
   z-index:25; /* So the carousel left arrow doesn't show in the header */
}

/* summary-infos.css is setting padding on popover-content directly :(
   so set this for the language popover. */
.language-override .popover-content {
   padding-bottom: 9px !important;
   padding-left: 14px !important;
   padding-right: 14px !important;
   padding-top: 9px !important;
   font-weight:700 !important;
   margin-bottom:5px !important;
   overflow-x: hidden !important;
}
.language-override .popover-content label {
   font-weight: 700 !important;
   margin: 0px 0 0px 0 !important;
   color: #000 !important;
}
.popover {
   border-radius: 0px !important;
}
/* End HEADER STUFF */

/* global rr.css overrides */
.room-rates-list {
   padding: 10px; 
}
/* END rr.css global overrides */



/* BUTTON BOOTSTRAP & other overrides */
button, .btn {
   border-radius:0px;
   text-transform: uppercase;
}

.border-button {
   border: 1px solid #666666;
}
.underline-button {
   text-decoration: underline;
}
a:focus, i:focus, button:focus, input:focus, span.cr:focus, #nextMonth:focus, #prevMonth:focus, .no-avail:focus {
   border:2px #40748E solid;
}

a.whiteBorder:focus, 
a.phone1:focus, 
a.phone2:focus {
        outline:none;
        border:2px #FFFFFF solid;
}
/* LEMON */
.btn-primary {
   width:100%;
   padding:15px;
   margin-top:5px;
   font-size:1.05em;
   font-weight:800;
   text-align:center;
   background:#000000 !important;
   background-color:#000000 !important;
   color:#FFFFFF;
   border:1px solid #000000;
   outline: none;
   cursor:pointer;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
   box-shadow:0px 0px 5px #ccc !important;
   outline: none !important;
   color:#FFFFFF !important;
}

/* Override box-shadow so some buttons have a blue aura.  Must be AFTER btn-primary */
.blueBorder:hover {
   box-shadow: 0px 0px 15px #40748E !important;
}

/* OCEAN */ 
.btn-secondary {
   width:100%;
   padding:15px;
   margin-top:5px;
   font-size:1.05em;
   font-weight:800;
   text-align:center;
   background:#000000;
   color:#FFFFFF;
   border: 0;
   outline: none;
   cursor:pointer;
}
.btn-secondary:hover {
   color: #fff;
   box-shadow: 0px 0px 3px #4073a8;
}
.btn-secondary:visited, .btn-login:active {
   color:#ffffff;
}
.btn-reversed,
.btn-reversed:hover {
   background: #ffffff none repeat scroll 0 0 !important;
   border: 1px solid #000000 !important;
   color: #000000 !important;
}
.btn-change {
   background: #ffffff none repeat scroll 0 0;
   border: 1px solid #000000;
   display: block;
   height: 30px;
   min-width: 90px;
   width: 90px;
}
.btn-change:hover, .btn-change:focus {
   color: #000000 !important;
}
.btn-hide-rates:hover, .btn-hide-rates:active, .btn-hide-rates:focus {
   color: #fff !important;
   outline: none;
}
.sr-only {
   position:absolute;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}
.checkbox-ada {
   font-family:'Gotham Book';
   font-size: 13px;
}
.room-title {
   font-family: 'Arquitecta W00 Book';
   font-size: 18px;
   text-transform: uppercase;
   margin-top: 5px;
}
.slick-track {
   font-family: 'Gotham Book';
}
.slide-title {
   color: #ffffff;
   margin-top: 0;
   margin-bottom: 0;
   font-family:'Gotham Book';
   font-size: 16px;
   line-height: 22px;
}
.slide-sub {
   font-size: 9px;
}
.slide-price {
   font-size: 13px;
}
/********* PADDING and MARGINS **********/
.padding-15 {
   padding: 15px;
}
.padding-left-0 {
   padding-left: 0px;
}
.padding-left-5 {
   padding-left: 5px !important;
}
.padding-left-15 {
   padding-left: 15px;
}
.padding-left-20 {
   padding-left: 20px;
}
.padding-right-0 {
   padding-right: 0px;
}
.padding-right-5 {
   padding-right: 5px !important;
}
.padding-right-25 {
   padding-right: 25px;
}
.padding-bottom-0 {
   padding-bottom: 0px !important;
}
.padding-bottom-10 {
   padding-bottom: 10px !important;
}
.padding-bottom-30 {
   padding-bottom: 30px !important;
}
.margin-left-0 {
   margin-left: 0px;
}
.margin-left-10 {
   margin-left: 10px;
}

.margin-right-0 {
   margin-right: 0px;
}
.margin-right-10 {
   margin-right: 10px;
}
.margin-bottom-10 {
   margin-bottom: 10px;
}
.margin-bottom-15 {
   margin-bottom: 15px;
}
.margin-bottom-20 {
   margin-bottom: 20px;
}
.margin-top-5 {
   margin-top: 5px;
}
.margin-top-10 {
   margin-top: 10px;
}
.margin-top-15 {
   margin-top: 15px;
}
.margin-top-20 {
   margin-top: 20px;
}
.margin-top-25 {
   margin-top: 25px;
}
/********* END PADDING and MARGINS **********/

/********* ERRORS ***********/
p.has-error,
span.has-error {
  font-style: normal;
  /* rem's work for IE9+, px fallback for IE8 and under */
  font-size: 12px;
  color: #D7262E;
  display: block;
}
div.has-error {
  border: solid 1px #D7262E;
  background-image: url('/images/om3/errorIcon.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 30px;
  border: 2px solid #da4453 !important;
}
p.has-error-text,
span.has-error-text {
  font-style: normal;
  /* rem's work for IE9+, px fallback for IE8 and under */
  font-size: 12px;
  color: #D7262E;
  display: block;
}
div.custom-input {
   background-position: right 8px center !important;
}
.custom-input.valid {
  background-image:url('/images/om3/check-circle.png');
}
.custom-select {
  background-repeat: no-repeat;
  background-position: right 30px center;
}
/********* END ERRORS ***********/

/*************** DataTables ***************/
button.dt-button {
   background-color:#fff;
   background-image: none;
}
button.dt-button:hover:not(.disabled) {
   box-shadow: 0px 0px 3px #4073a8;
   background-image:none;
   background-color:#FFFFFF;
   color:#000000;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
   background:none !important;
   background-color:#FFFFFF !important;
   color:#000000 !important;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover:not(.disabled) {
   background:#FFFFFF !important;
   border: 1px solid #979797;
   color:#000000 !important;
}
a.paginate_button {
   background-color:#fff;
}
.dataTables_length label {
   margin: 0px;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc {
   background-image:none !important;
}
/*************** END DataTables ***************/

/** Misc stuff **/
.ocean-bold {
   color: #40748E;
   font-weight: bold;
}
.ocean {
   color: #40748E;
}

.callout-title {
   font-family: "Didot";
   font-style: italic;
   font-size: 1.75em;
   font-weight: bold;
}
.callout-subtitle {
   font-family: "Didot";
   font-style: italic;
   font-size: 1.3em;
   font-weight: bold;
   padding-left: 20px;
   padding-bottom: 10px;
}
.hidden-ada {
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
}
.callout-border {
   padding:10px;
   margin-top:5px;
   margin-bottom:5px;
   border:1px solid #ccc;
   box-shadow: 3px 3px 15px 3px rgba(0,0,0, 0.1);
}
.callout-border.callout-bottom {
   padding:20px;
   margin:0px;
   margin-bottom:10px;
   background-color:#40748E;
   box-shadow: 0px 0px 0px 0px rgba(0,0,0, 0.0) !important;
}
.bold-small-title {
   color: #333333;
   font-weight: 300;
   font-family: "Gotham 7r", "Gotham A", "Gotham B";
   font-size:1em;
}
/* override the main.css rounded select corners */
.custom-select select {
   border-radius: 0px !important; 
}
.v-button:focus {
   border:2px #40748E solid;
}
.custom-input:focus-within {
   border: 2px solid #40748e !important;
}
.custom-select:focus-within {
  border: 2px solid #40748e !important;
}
.slide-toggle:focus-within {
  border: 2px solid #40748e !important;
}
.lineThrough {
  background: url(/images/om3/lineThrough.png) repeat-x center center;
  text-align: center;
}
.lineThrough span {
    display: inline-block;
    background-color: #ffffff;
    padding: 0 15px;
}
.container-fluid {
   padding-right : 0px;
   padding-left : 0px;
}
.buttons.container.reserve {
   padding: 0px;
}
.hotel-expand-arrow {
   display: table-cell;
   font-size: 1.2em;
   width: 17px;
}
.expand-arrow {
   cursor: pointer;
}
#sg-promo-popover {
   display:none;
}
.box-fieldset {
   border: 1px solid #ccc;
   padding: 10px;
   border-radius: 0px;
}
.box-fieldset > legend {
   width: inherit;
   display: block;
   padding: 0px !important;
   margin: 0px !important;
   font-size: 1em;
   border:none;
}
.room-list-slider {
   margin-right: -15px;
   margin-left: -15px;
}
.room-list-slider .slick-arrow.nextArrow {
   color:#333;
   font-weight: 700;
   height:80px;
   width: 40px;
}
.room-list-slider .slick-arrow.prevArrow {
   color:#F00;
   font-weight: 700;
   height:80px;
   width: 40px;
}
.card-number input {
        padding-left: 65px !important;
}
.buttons.container.sgreserve button.yellow {
        margin: auto;
        max-width: 420px;
        margin-bottom: 40px
}
.tabs-content-container {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #f1f1f1;
    margin-bottom: 15px;
}
#tab-1-content .row {
    padding-bottom: 0;
}
input.has-error,
textarea.has-error,
select.has-error,
.cr.has-error {
  border: solid 2px #D7262E;
}
.radio label {
        padding-left:0;
        font-size:1.05em;
        margin-bottom:5px;
        margin-right:5px;
        font-weight:300;
}
.starting-price {
       position: relative;
}
.show-hide-rates {
   font-size:14px;
}
.expand-arrow-container {
   display: table-cell;
   vertical-align: bottom !important;
   padding-bottom:13px;
}
.popover-content {
    padding: 10px;
}
.underline {
   text-decoration: underline;
}
#its_a_debit {
       border: 1px solid #cdcdcd;
       box-shadow: none;
       padding : 10px;
}
.occupancy_alert {
       color: #ff0000;
}
.kids-ages .custom-select::after {
   margin-right: 5px;
}
.custom-select select {
   padding-right: 0.4em;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
   width: 12px;
}
.close-x {
   padding: 14px;
}
.hotel-change {
   float:right;
   display: table-cell;
   width: 65px;
   margin-right: 10px;
}
.ada-tooltip-content {
   position: absolute;
   background-color: #fff;
   color: #000;
   text-align: center;
   border-radius: 0px;
   border: 1px solid black;
   padding: 10px;
   font-size: 14px;
   font-weight: 100;
   margin-left: auto;
   margin-right: auto;
   z-index: 120 !important;
}
.modal-content  {
   border-radius: 0px;
   padding: 20px;
}
label, legend {
   text-transform: uppercase;
}
/** END Misc **/

/** A360 override classes for ease... **/
/* Used when A360 says the thing should not be a header... put it in a span, use this class */
.h1-override {
   font-family: "Arquitecta W00 Book",sans-serif;
   font-size: 30px;
   font-weight: 500;
   color: black;
   line-height: 1.1;
}
.h2-override {
   font-family: "Arquitecta W00 Book",sans-serif;
   font-size: 28px;
   color: black;
   line-height: 1.1;
}
.h3-override {
   font-family: "Arquitecta W00 Book",sans-serif;
   font-size: 18px;
   color: black;
   line-height: 1.1;
   display:block;
   margin-top:20px;
   margin-bottom:20px;
}
/* Used when A360 says to make a paragraph an h2 */
.p-to-h2-override {
   font-family: "Goudy Old Style", sans-serif;
   font-size: 28px !important;
   text-transform: none !important;
   margin: 0 !important;
}
/* Used when A360 says a drop down should be a button, like "Read Morev */
.btn-dropdown {
   color: black;
   background-color: white;
   border: 0px;
   padding: 0px;
   text-transform: none;
}
.btn-dropdown-header {
   color: white;
   background-color: black;
   border: 0px;
   text-transform: uppercase;
}

/** Override label **/
.label-override {
   margin: 0;
   padding-left: 0;
   font-size: 1.05em;
   color: #000000;
   font-weight: 300;
   text-transform: uppercase;
}

/** Override bootstrap error styles **/
.alert {
   border-radius: 0px;
}
.alert-danger {
   background-image: none;
   background-color: #D7262E !important;
   border-color: #f00;
   color: #fff;
}
.alert-danger a.close {
   color: #fff !important;
   opacity: 1 !important;
}
span.people-label {
    font-weight: 600;
}

@media (max-width: 320px) {
   .hidden-micro {
      display: none !important;
   }
}
@media (min-width: 330px) {
}

@media (max-width: 769px) and (orientation:landscape) {
   .hide-landscape {
      display: none !important;
   }
}

@media (max-width: 769px) {
   .btn-primary {
      width:100%;
   }
   .btn-secondary {
      width:100%;
   }
   #signin-account .content {
      width: 100%;
   }
   .tabs-content-container {
      border-style: none;
   }
   .main-menu {
      padding:0px;
   }
   .visible-label + .radio.switch .checkbox-label {
      display:none;
   }
   .underline-mobile {
      text-decoration: underline;
   }
   .room-rates-list {
      padding: 0px !important;
   }
   .ada-tooltip-content,
   #brg-popup-content {
      width: 280px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
   }

}

@media (min-width : 770px) { 
   .form-border {
      padding:20px;
      margin-top:0px;
      margin-bottom:10px;
      border:1px solid #ccc;
      box-shadow: 0px 0px 15px 3px rgba(0,0,0, 0.1);
   }
}

@media (min-width: 769px) {
   .visible-label {
      display:none;
   }
   .room-rates-list {
      padding:15px; /* rr.css override */
   } 
   .ada-tooltip-content,
   #brg-popup-content {
      width: 340px;
      right: 0;
   }
}

@media (min-width: 1500px) {
}

@media (min-width: 840px) {
}


@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}

@media (max-width: 991px) {
}