:root {
  /* Loaders*/
  --rt4-loader-color: #c1c1c1 !important;
  --rt4-loader-bg-color: #ffffff !important;

  /* BE BgColors & fonts*/
  --rt4-primary-bgColor: url("https://d3luo4gqi8t9g0.cloudfront.net/themes/twinriver/background_image-1650672399.png") !important;
  --rt4-secondary-bgColor: #fafafa !important;
  --rt4-gradient-bgColor: linear-gradient(to left, #fff 0%, #fff 80%)  !important;
  --rt4-headings-color: #1c1c1c !important;
  --rt4-title-color: #000000 !important;
  --rt4-body-primary-color: #000 !important;
  --rt4-body-secondary-color: #9b9b9b !important;
  --rt4-dpr-tag-color: #19611D !important;
  --rt4-price-panel-bgColor: #f5f5f5 !important;

  /* Variables for focus, header & footer*/
  --rt4-focus-highlight-color: #af0000 !important;
  --rt4-header-bgColor: #FFF !important;
  --rt4-header-text-link: #af0000 !important;
  --rt4-header-text-hover: #212529 !important;
  --rt4-footer-bgColor: #f5f5f5 !important;
  --rt4-footer-text-link: #333333 !important;

  /* RateCalendar*/
  --rt4-calendar-secondaryText: #7d7a77 !important;
  --rt4-calendar-noCheckout: linear-gradient(to top left, #efefef 50%, white 50%) !important;
  --rt4-calendar-noCheckIn: linear-gradient(to bottom right, #eee 50%, white 50%) !important;
  --rt4-calendar-pastDates: repeating-linear-gradient(-45deg, #200833, #eee 1px, #fff 2px, #fff 4px) !important;
  --rt4-calendar-partOfselection: #7d7a77 !important;
  --rt4-calendar-checkIn-Out-bgcolor: #626262 !important;
  --rt4-calendar-checkIn-Out-text: #ffffff !important;
  --rt4-calendar-hover: #7d7a77 !important;
  --rt4-calendar-noCheckIn-Out-border: #dcdcdc !important;

  /* Filters*/
  --rt4-filters-border: #002c5f !important;
  --rt4-filters-font-color: #000 !important;
  --rt4-filters-bgColor: #ffffff !important;
  --rt4-filters-border-hover: #2a6ebb !important;
  --rt4-filters-hover-bgColor: #e6f3ff !important;

  /* Borders*/
  --rt4-horizontal-row: #b2b2b2 !important;
  --rt4-border-primary: #e5e5e5 !important;

  /* Buttons*/
  --rt4-btn-primary-color: -webkit-linear-gradient(top,#200833, #200833) !important;
  --rt4-btn-hover-primary: -webkit-linear-gradient(top,#200833, #200833) !important;
  --rt4-btn-primary-border: #000 !important;
  --rt4-btn-hover-primary-border: #000 !important;
  --rt4-btn-disabled-primary: #200833 !important;
  --rt4-btn-text-primary: #ffffff !important;
  --rt4-btn-hover-text-primary: #fff !important;
  --rt4-btn-disabled-text-primary: #ffffff !important;
  --rt4-btn-secondary-color: #ffffff !important;
  --rt4-btn-hover-secondary: #ffffff !important;
  --rt4-btn-style-secondary: #200833 !important;
  --rt4-btn-hover-style-secondary: #af0000 !important;

  /* Links*/
  --rt4-link-color: #002c5f !important;
  --rt4-link-hover-color: #2a6ebb !important;

  /* Scrollbars */
  --rt4-scrollbar-color: #af0000 !important;
  --rt4-scrollbar-hover-color: #af0000 !important;

  /* Stepper */
  --rt4-stepper-highlighted-text:#af0000 !important;
  --rt4-stepper-unhighlighted-text: #717171 !important;
  --rt4-stepper-circle-highlighted-Text: #fff !important;
  --rt4-stepper-circle-highlighted-border:#af0000 !important;
  --rt4-stepper-circle-highlighted-background:#af0000 !important;
  --rt4-stepper-circle-unhighlighted-border:#c4c4c4 !important;
  --rt4-stepper-circle-unhighlighted-Text:#fff !important;
  --rt4-stepper-circle-unhighlighted-background:#c4c4c4  !important;
}

.custom-offcanvas .offcanvas-header {
    background-image: var(--rt4-btn-primary-color) !important;
}

.outlet-container {
    background-image: url(https://d3luo4gqi8t9g0.cloudfront.net/themes/twinriver/background_image-1650672399.png) !important;
    background-size: auto !important;
}

h1 {
    color: var(--rt4-headings-color) !important;
}

/* MBS logo*/
.logo {
       display:block !important;
       width: 219px !important;
}

@media(max-width: 768px) {
  .logo {
       display:block !important;
       width: 219px !important;
  }
}

img.control-focus.logo.ng-star-inserted {
    width: 219px !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.75rem !important;
    padding-left: 0.75rem !important;
}

.rate-calendar-inner-content .left-panel .monthlyCal .partOfSelection #checkInDate, .partOfSelection h5  {
    color: #fff !important;
}

.rate-calendar-inner-content .left-panel .monthlyCal .hoverStyling #checkInDate, .hoverStyling h5 
{
 color: #fff !important;
}

.lh-30.me-0.price.priceColor.txt-md-lb-rv {
  color: #000;
}

.switch input:checked + .slider,
.switch .slider {
  background-color: #200833 !important;
}
.switch .slider:before {
  background-color: #fff !important;
}

svg.bottom-left-icon {
    background-color: #002c5f !important;
}



/* END OF NEW THEME */










/*.book-your-stay-header-wrapper.body-wrapper-child.book-my-stay-heading*/
/*Book your stay heading*/
h1 {
  color: #af0000 !important;
  font-weight: 700 !important;
  }
  
    /* Background and items color changing */
.hyl-dark {
    color: #af0000!important;
}

.txt-md-lr {
    color: #000 !important;
}

.txt-lg-lr {
     color: #000 !important;
}

strong {
 color: #af0000;
}

.txt-black {
 color: #af0000;
}

.txt-black-three {
 color: #333;
}

.txt-lg-jb {
color: #af0000;
}

.txt-sm-lb {
 color: #af0000;
}

div.TermsAndConditions.form-check.mbs-checkbox-primary {
background-color:#FFFFFF;
padding-left: 5px;
}

.seperator {
    width: 1px;
    height: 30px;
    position: relative;
    left: 5px;
}

.sort-by {
background-color:#FFFFFF;
}

.currency {
background-color:#FFFFFF;
}

.txt-black-five {
border: none;
}

.txt-br-grey {
background-color:#FFFFFF;
}

.outer {
    background-color: #FFFFFF;
}
   
.body-wrapper {
    background-color: #FFFFFF;
    color: #000;
}

.left-panel{
background-color:#FFFFFF;
}

.right-panel{
background-color:#FFFFFF;
}

.outlet-container {
	background-image: url("https://d3luo4gqi8t9g0.cloudfront.net/themes/twinriver/background_image-1650672399.png") !important;
	background-size: auto !important;
}

.roomListWithFilters {
     background-color: #FFFFFF;
}
/* Background and items color changing */
  
  
  /*In  absence of attraction point*/
  .body-wrapper-child {
      padding: 3px !important;
  }
  
  /*Multiroom banner border*/
  .banner-card .vl {
  border-left: 3px solid #af0000 !important;
  }
  
  .packageList .vl {
      border-left: 2px solid #af0000 !important;
  }
  
  /*Upgrades filters*/
  .rt-Body {
      border-left: 3px solid #af0000 !important;
  }
  
  .row.panel-details.radio-div-selected  {
      border: 2px solid #af0000 !important;
  }
  
  .imgPanel-label input:checked ~ .checkmark {
      background-color:  #af0000 !important;
  }
  
  /*Outer & Inner circle border for search on navbar  */
  .outer-circle-search.outer.circle.shapeborder-selected, .d-flex.justify-content-center.align-items-center.inner-circle-search.inner.circle.shapeborder-selected.circle-text {
  border: 1px solid #af0000 !important;
  
  }
  
  /* Inner circle color for search on navbar*/
  .d-flex.justify-content-center.align-items-center.inner-circle-search.inner.circle.shapeborder-selected.circle-text {
           background-color: #af0000 !important;
  }
  
  /*Highlighted stepper number circles*/
  .d-flex.justify-content-center.align-items-center[class*='inner-circle-'].inner.circle.shapeborder-selected.circle-text {
    border: 1px solid #af0000 !important;
    background-color: #af0000 !important;
  }
  
  /*Unhighlighted stepper number circle*/
  .placeholder-section .Container .shapeborder {
      border: 1px solid #a0a0a0 !important;
      background: #a0a0a0 !important;
      color: white !important;
  }
  
  /*Selected stepper color*/
  .placeholder-section .Container .shapeborder-selected{
      border: 1px solid #af0000 !important;
      color: white;  
  }
  
  /*Stepper Holder*/
  .placeholder-section .Container.row{
      margin-left: 85px !important;
      margin-right: 80px !important;
      border: 1px solid #ededed;
      padding: 12px 20px 12px 20px !important;
      margin-bottom: 6px;
      border-radius: 5px;
      box-shadow: 0 0 14px rgba(0,0,0,0.13);
  }
  
  @media(max-width: 1200px) {
  .placeholder-section .Container.row{
      margin-left: 10px !important;
      margin-right: 25px !important;
  }
  }
  @media(max-width: 990px) {
  .placeholder-section .Container.row{
      margin-left: 5px !important;
      margin-right: 5px !important;
  }
  }
  /*View Avaliable Rooms button*/
  .btn.mbs-button-primary {
  background-image: -webkit-linear-gradient(bottom, #200833, #200833 96%) !important;
  background-image: -ms-linear-gradient(bottom, #200833, #200833 96%) !important;
  color: #fff !important;
  border: 1px solid #200833 !important;
  text-shadow: none;
  }
  
  .btn.mbs-button-primary:hover {
  color: #200833 !important;
  background-image: -webkit-linear-gradient(bottom, #200833, #200833 96%) !important;
  background-image: -ms-linear-gradient(bottom, #200833, #200833 96%) !important;
  color: #fff !important;
  border: 1px solid #200833 !important;
  text-shadow: none;
  }
  
  .mbs-button-secondary {
  color: #fff !important;
  background-color: #200833 !important;
  border: 2px solid #200833 !important;
  }
  
  .mbs-button-secondary:hover {
  color: #fff !important;
  background-color: #200833 !important;
  border: 2px solid #200833 !important;
  }
  
  /*Dropdown fix*/
  .main-nav .nav-link:before {
  border-bottom: 6px solid #fff !important;
  // top:48px;
   top:42px;
  }
  
  .main-nav .navbar .outlet-container {
    background-color: #FFFFFF !important;
	background-image: none !important;
	border-bottom: 3px solid #FFFFFF;
	}
	
  .main-nav .navbar {
    background-color: #FFFFFF !important;
	background-image: none !important;
	border-bottom: 3px solid #FFFFFF;
	}
  
  header .dropdown .dropdown-menu {
  // top:54px;
  top:50px;
  border-top: 2px solid #fff !important;
  }
  
  /*Enhance your stay*/
  .room-data .vl {
      border-left: 1.5px solid #af0000 !important;
  }
  
  .enhanceYourStay .card-body, .card-footer {
      border-left: 1.5px solid #af0000 !important;
  }
  
  /* Rate Calendar ScrollBar*/
  ::-webkit-scrollbar-thumb {
    background-image: -webkit-linear-gradient(top,#af0000, #af0000 96%, #af0000 4%) !important;
  }

 
/* MBS logo*/
.logo {
	display:block !important;
	width: 285px !important;
	height: 90px !important;
}

@media(max-width: 768px) {
  .logo {
       display: block !important;
       width: 285px !important;
       height: 90px !important;
  }
}

/*Logo Placement*/
.header.body-wrapper-child {
  padding: 0px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media(max-width:990px) {
  .header.body-wrapper-child {
    padding: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
}
  /*Summary Header*/
  .placeholder-section .Container {
  background-image:linear-gradient(to left, #ffffff 0%, #ffffff 100%) !important;
  }
  
  /*Summary Header Selected label*/
  .placeholder-section .Container .shapeborder-selected + .label-text {
      color: #af0000 !important;
  }
  
  /*Summary Header Unselected label*/
  .placeholder-section .Container .label-text {
  color: #a0a0a0 !important;
  }
  
  /*Direct booking benefit logo*/
  .mr-2.media {
  filter: invert(1.5) sepia(24.5) saturate(5) hue-rotate(343deg);
  }
  
  /*Calendar check-in date*/
  .text-center.dayItem.partOfSelection.firstSelectedDate.start-end-date .calendarCellContent.d-flex.flex-column.justify-content-center {
      background-color: #626262 !important;
      border: 1px solid #000 !important;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
      /* background-image: -webkit-linear-gradient(bottom, #e4655f, #961b15) !important;
      background-image: -ms-linear-gradient(bottom, #e4655f, #961b15) !important; */
      color: #a0a0a0 !important;
      background-repeat: repeat-x !important;
  }
  
  /*Calendar check-out date*/
  .text-center.dayItem.partOfSelection.start-end-date.lastSelectedDate .calendarCellContent.d-flex.flex-column.justify-content-center {
  
  background-color: #626262 !important;
  border: 1px solid #000 !important;
  
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  /* background-image: -webkit-linear-gradient(bottom, #e4655f, #961b15) !important;
  background-image: -ms-linear-gradient(bottom, #e4655f, #961b15) !important; */
  color: #a0a0a0 !important;
  background-repeat: repeat-x !important;
  }
  
  /* Text color for check-in and check-out date*/
  .rate-calendar-inner-content .left-panel .monthlyCal .start-end-date .text-muted-cal {
        color: #fff !important;
  }
  
  .rate-calendar-inner-content .left-panel .monthlyCal .start-end-date .text-muted-cal span {
        color: #fff !important;
  }
  /*Unavailable date scratched out*/
  .text-center.dayItem.pastDate .calendarCellContent.d-flex.flex-column.justify-content-center, .text-center.dayItem.notAvailableDate .calendarCellContent.d-flex.flex-column.justify-content-center {
  background: repeating-linear-gradient(-45deg,#e5e5e5, #200833 1px,#fff 1px,#fff 4px);
  }
  
  /*Unavailable date number*/
  .text-center.dayItem.pastDate .calendarCellContent.d-flex.flex-column.justify-content-center .txt-md-lb.text-muted-cal.txt-black-two, 
  .text-center.dayItem.notAvailableDate .calendarCellContent.d-flex.flex-column.justify-content-center .txt-md-lb.text-muted-cal.txt-black-two {
  color: #200833 !important;
  }
  
  /*Check-in/out disabled*/
  li.text-center.dayItem.notAvailableDate.checkinNotAllowed.checkoutNotAllowed .calendarCellContent.d-flex.flex-column.justify-content-center {
      background: linear-gradient(to top left,eee# 50%,#fff 0) !important;
  }
  
  /*Available date pricing color*/
  .rate-calendar-inner-content .left-panel .monthlyCal .days li span {
  color: #000000 !important;
  } 
  
  /*Hover Styling*/
  .rate-calendar-inner-content .left-panel .monthlyCal .hoverStyling {
  border: 1px solid #5e5553;
  border-top-color: #a0a0a0;
  background-color: #7d7a77 !important;
  color: #413b39 !important;
  }
  
  /*Dates part of selection*/
  .rate-calendar-inner-content .left-panel .monthlyCal .partOfSelection {
  background-color: #7d7a77 !important;
  }
  
  
  /*Bed type border*/
  #noBorder .radio-div-selected {
      border: 3px solid #af0000 !important;
  }
  
  /*Bed type selected*/
  .container input:checked ~ .checkmark {
      background-color: #af0000 !important;
  }
  /*IATA Input field*/
  div.mt-10 input.iata-code {
      width: 100% !important;
      border-radius: .25rem!important;
  }
  
  /* dot in room view details model */
  .circle-bullet:before{
    Background : #af0000 !important ;
  }
  
  /*Price Panel*/
  .roomCardBody .row .pricePanel {
      background-color: #f5f5f5 !important;
      height: 100%;
  }
  /*edit link after adult count*/
  #r_link_edit:hover {
   color: #af0000;
  }
  
  /*RatePlan card block*/
  div.row .rate-plan-card {
    border: 1px solid #af0000 !important;
  }
  /* terms and conditions checkbox  */
  .mbs-checkbox-primary input:checked+label:before {
      background-color: #af0000 !important;
  }
  
  /*radio button for payment methods */
  .mbs-radio-primary input:checked+.radio {
      background-color: #002c5f !important;
  }
  
  /* Language dropdown */
  .lang-filter a.dropdown-toggle, .navbar-nav a.dropdown-toggle{
        background-color: #FFFFFF !important;
  }
  
  /* GuestSummery dropdowns or filters */
  .mbs-dropdown-primary a.dropdown-toggle {
        background-color: #fff !important;
  }
  
  /* Price toggle arrow */
  .fa-long-arrow-down:before {
      color: #000000;
  }
  
  .fa-long-arrow-up:before {
      color: #000000;
  }
  
  /* anchor tags*/
  .hyl-dark:hover {
          color: #af0000 !important;
      } 
  
  #accessCode_link:hover {
   color: #af0000 !important;
      } 
  
  /*Language Specific Header*/
  div.row.theme-header {
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 30px;
      box-shadow: 0 10px 10px -8px rgba(0,0,0,0.13);
  }
  
  /*Park Regis Specific Header*/
  .main-nav .nav-link {
  padding : 0.6rem !important;
  padding-left: 0.6rem !important;
  text-transform: uppercase !important;
  color: #af0000 !important;
  }
  
  /*Hr for theme specific header*/
  .theme-specific {
  border-top:0px !important;
  background: linear-gradient(#f1f1f1, #fff) !important;
  }
  
  /* Accordian-icon */
  .fa-angle-up:before {
      color: #af0000 !important;
  }
  
  .fa-angle-down:before {
      color: #af0000 !important;
  }
  
  /*Dates not available for selection*/
  .rate-calendar-inner-content .left-panel .monthlyCal .days .notPartOfSelection h5, .rate-calendar-inner-content .left-panel .monthlyCal .days .notPartOfSelection span {
      color: #200833 !important;
  }
  
  /* Checkout Page  Multi Selection Dropdown */
  .prefDiv .multiselect-dropdown .dropdown-btn .selected-item {
	  border: 1px solid #fff !important;
      background: #af0000 !important;
  }
  
  /*Multiselect dropdown*/
  .multiselect-dropdown *>.multiselect-item-checkbox input[type=checkbox]+div:before {
      color: #af0000  !important;
      border: 2px solid #af0000  !important;
  }
  
  .multiselect-dropdown *>.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
      background: #af0000 !important;
  }
  
  #PrefInput  *>.multiselect-dropdown .dropdown-btn .dropdown-up {
      border-bottom: 5px solid #af0000 !important;
  }
  
  /* Modal popup background color */
  .modal .modal-header, .modal .modal-footer{
  background: linear-gradient(to right, #e7e7e7, #f1f1f1 48%, white) !important;
  }
  
  /* Footer */
  .footer {
    display: none;
  }
  
  /*Header Lang Filter*/
  @media(min-width: 992px) {
  .lang-filter {
      padding: 0px 85px 5px 30px !important;
  }
  }
  
  .theme-header .lang-filter .mbs-dropdown-primary .dropdown-toggle:hover {
      color: #af0000  !important;
  }
    

   .roomImagePanel .dprTagLine .dprText , .roomCardBody .dprTagLine .dprText {
      color: #af0000 !important;
    }

/* Hides details as per passport parenthesis on checkout page*/
.form-group label.col-sm-4.col-form-label.txt-lg-lb.txt-black-five.ls-x-sm.p-0 p {
    display: none !important;
}

.navbar-expand-lg{
width:100%
}

.scroll-panel {
	color: #000000 !important;
}

body {
  background-image: url("https://d3luo4gqi8t9g0.cloudfront.net/themes/twinriver/background_image-1650672399.png") !important;
  background-size: auto !important;
}