/* [[[ Branding Overrides ]]] */
body {
  background-color: transparent;
  font-family: "Montserrat", sans-serif !important;
}
html {
  background: #f7f2e5;
}
form {
  margin: 0;
}
.row {
  width: 1100px;
}
#Footer {
  display: none;
}
#Content {
  background-color: #f7f2e5;
  margin-top: 0px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0px;
}
/* [[[ Search Page ]]] */
#step_content {
  background-color: #fff;
  padding: 0 15px 25px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#style_container_outer {
  position: absolute;
  top: 180px;
  right: 70px;
}
#style_container {
  border: 5px solid #FFF;
  width: 480px;
  height: 380px;
  background: url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/Okaeri_image.jpg) no-repeat center center;
  background-size: cover;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
/*.eres_guest .login_options {
	background:transparent; 
}
*/
/* [[[ TA Nav Panel ]]] */
.nav_bar_panel {
  background: #434747;
  margin: 5px 0 10px 0;
}
.nav-bar > li > a:first-child {
  color: #fff;
  text-shadow: none;
}
.nav-bar > li.res_steps.active > a:first-child {
  color: #434747;
}
.nav-bar {
  margin: 0px;
}
.nav-bar > li.res_steps.no-access:hover {
  background: #434747;
}
.pre_nav_bar {
  background: #434747;
}
.pre_nav_bar > h2 {
  color: #fff;
  text-shadow: none;
  line-height: 1;
}
.nav-bar > li.res_steps:hover {
  background: #d8b57a;
}
.nav-bar > li.res_steps:hover > a:first-child {
  color: #434747;
}
.nav-bar > li.res_steps.no-access:hover > a:first-child {
  color: #fff;
}
.nav-bar > li.res_steps.active, .nav-bar > li.res_steps.active:hover {
  background: #d8b57a;
}
/*.reveal-modal .login_container a.create_account,
#Content a.coupon_codes,
#lblShowDetails {
	color:#6993c7;
	font-weight: bold;
}*/
.ta_nav_bar > li > a {
  color: #434747;
  font-weight: bold;
}
.eres_search .coupon_codes {
  color: #d8b57a;
  font-weight: bold;
}
/* [[[ Reservation Resultlist Page ]]] */
.eres_resultlist .rate_cat_hdr {
  background: #d8b57a;
}
p, .eres_resultlist .search_panel span, .eres_resultlist .rates .rates_detail_row .btnShowRateDetail, .eres_resultlist .rates .rates_detail_row .btnHideRateDetail, .eres_resultlist .rates .lblRoomType, .eres_resultlist .rates .lblAverageRate {
  color: #666;
}
.eres_resultlist .rates .lblRateName {
  font-size: 12px;
}
.reveal-modal .gs_container h4 {
  color: #000;
}
.eres_resultlist .avail_grid_footer.columns, .eres_resultlist .avail_grid .columns > .current_day_avail {
  background-color: #434747;
}
.eres_resultlist .avail_grid .columns > .current_day_avail > span {
  color: rgba(255, 255, 255, 1);
  text-shadow: none;
}
.eres_resultlist .rate_cat_hdr .rate_cat_name {
  color: #434747;
  text-shadow: none;
}
.arrow-down {
  border-top: 10px solid #434747;
}
.arrow-up {
  border-bottom: 10px solid #434747;
}
.eres_resultlist .avail_grid_outer .arrow-right {
  border-left: 10px solid #434747 !important;
}
.eres_resultlist .avail_grid_outer .arrow-left {
  border-right: 10px solid #434747 !important;
}
/* [[[ Special Promo ]]] */
.eres_resultlist .rates .lblSpecialRate {
  color: #d8b57a;
}
.eres_resultlist .promo_corner {
  border-left-color: #d8b57a;
}
.eres_resultlist .rate_category_wrapper.promo {
  border-color: #d8b57a;
  background: transparent;
}
/* [[[ Special Promo text color ]]] 
div.row.pnlRoomDetails {
    color: #fff;
}*/
/* [[[ Rates Page Borders ]]]
.eres_resultlist .avail_grid {
  border: 1px solid #fff;
}
.eres_resultlist .avail_grid .b_left {
    border-left: 1px solid #fff;
}
.eres_resultlist .rate_category_wrapper {
  border: 1px solid #fff;
}*/
/* [[[ Guest Information ]]] */
.summary_panel span.summary_header, .guest_reservation_info h2, #lblCPSuccess {
  color: #434747;
}
.eres_guest h5, .search_controls > div > div > h5 {
  font-weight: bold !important;
  font-size: 1em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  float: left !important;
  color: #434747;
  /*text-shadow: 0px -1px 1px rgba(0,0,0,0.4), 0px 1px 0px rgba(255,255,255,0.5);*/
}
.ta_container > div:nth-child(1) > div:nth-child(4) > div:nth-child(1), #pnlCCInfo > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), .eres_guest > div:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
  width: 100% !important;
}
/*Text Colors */
.eres_resultlist .search_panel .coupon_labels {
  font-weight: bold;
}
.eres_resultlist .search_panel span {
  font-weight: bold;
}
/* [[[ Font Styles ]]] */
.row.login_title, li, h4, #btnCreateAccount, #btnForgotPassword, .result_descriptions, .result_descriptions, #lblPropertyCurrency, #lblPropertyCurrencyLabel, #hlPolicy, .rrd_tab > a, .eres_guest h1, .eres_guest h4, .eres_guest h5, .eres_guest span, div[id^='md'] h1, div[id^='md'] h5, div[id^='md'] h4, div[id^='md'] p, div[id^='md'] span, .ta_container h1, .ta_container p, .ta_container h5, #filter_selections span, #lblShowDetails, #Content h1, #Content h5, #Content p, #Content div.row .eres_resultlist .search_panel .coupon_labels, .eres_resultlist h1, .eres_resultlist .title_description, .eres_resultlist .search_panel span, .eres_resultlist .rates .lblSpecialRate, .eres_resultlist .rates .rates_detail_row .btnShowRateDetail, .eres_resultlist .rates .rates_detail_row .btnHideRateDetail, .eres_resultlist .rates .lblAverageRate, .eres_resultlist .rates span.lblRoomType, .eres_resultlist .rates span.lblDiscountRate, .eres_resultlist .rates span.lblRateName, .eres_resultlist .search_panel .coupon_labels, .avail_grid_outer .avail_grid .avail_grid_inner .shoulder span, #ShowDetails_3_16_R > div > div.row.rrd_tab_container > div:nth-child(1) > a, .reveal-modal .filter_container h4 {
  color: #434747 !important;
  font-weight: normal;
  /*text-shadow: 0px 1px 4px rgba(51, 51, 51, 0.4) !important;*/
}
.eres_resultlist .avail_grid .columns.shoulder_na > span {
  color: red !important;
}
/* [[[ Modify/Cancel/Groups Text - note - Groups keeps content_steps background while Modify uses content background  ]]] */
span, h2 {
  color: #434747;
}
/* [[[ Mobile Buttons ]]] */
.mobile_header, .nav_bar_mobile_title {
  background: #434747;
}
.nav_bar_mobile_title > span.mobile_title {
  color: #fff;
}
.arrow-left {
  border-right: 10px solid #fff;
}
/* [[[ Buttons ]]] */
#btnReservationFilter, .button.alert, .button.success {
  color: #434747 !important;
  border: 2px solid #434747;
  background: #d8b57a;
  text-shadow: none;
  box-shadow: none;
  border-radius: 20px;
}
#btnReservationFilter:hover, .button.alert:hover, .button.success:hover {
  color: #fff !important;
  border: 2px solid #434747;
  background: #434747;
}
/* [[[ Room Details Button ]]]*/
.divRoomDetailsCover a.small.radius.success.button {
  background: #434747 !important;
  border: 1px solid #434747 !important;
  color: #fff !important;
}
.button.success:focus {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.button.disabled.success:hover, .button.disabled.success {
  border-color: rgba(180, 180, 180, 0.8);
  background-color: rgba(180, 180, 180, 0.8);
}
/* [[[ Pop-up Windows ]]] 
.reveal-modal .cancel_container, .reveal-modal .guest_change_pwd_container, .reveal-modal .guest_container, .reveal-modal .gs_container, .reveal-modal .login_container, .reveal-modal .filter_container, .reveal-modal .expiry_container, .reveal-modal .message_container, .reveal-modal .ta_container, .reveal-modal .gp_container, .reveal-modal .ratedetail_container, .reveal-modal .abandonment_container, .reveal-modal .guest_container {
	background:#ebd6d1 !important;
}

div[id^="md"],
div[id^="md"] > div
{
	background:#4c0e0e;
}*/
.eres_guest h5, .search_controls > div > div > h5 {
  font-weight: bold !important;
  font-size: 1em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.eres_guest > div:nth-child(7) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), #pnlCCInfo > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1), .ta_container > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) {
  width: 100% !important;
}
/*------------Calendar-----------------*/
.ui-widget-header {
  border: 1px solid #434747 !important;
  background: #434747 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #f0f0f0 !important;
  background: #d2d0d0 !important;
  color: #000 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #d8b57a !important;
  background: #d8b57a !important;
  color: #fff !important;
}
.ui-widget-content {
  border: 1px solid #dddddd !important;
  background: #fff !important;
  color: #000 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  border: 1px solid #fff !important;
  background: #fff url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x !important;
  color: #000 !important;
}
table.ui-datepicker-calendar > thead > tr > th > span {
  color: #000 !important;
}
.ui-datepicker-month, .ui-datepicker-year {
  color: #000 !important;
}
a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover {
  background-image: none;
  background: none;
  outline: none;
  border: 1px solid #000;
}
.ui-widget-header .ui-icon, .ui-icon {
  background: url(https://www.bookonthenet.net/east/RKEresStorage/Images/Portal/ui-icons_white.png) !important;
}
.ui-datepicker .ui-datepicker-next span {
  background-position-x: -48px !important;
  background-position-y: -192px !important;
}
.ui-datepicker .ui-datepicker-prev span {
  background-position-x: -80px !important;
  background-position-y: -192px !important;
}
/*---Drop Down Text Color--- */
form.custom div.custom.dropdown ul li, form.custom div.custom.dropdown ul li.selected {
  color: #000 !important;
}
/* [[[ Heading and Room Title Text Color ]]] */
#Content h1 {
  color: #d8b57a !important;
  font-family: "Nanum Myeongjo", serif !important;
  font-weight: bold !important;
}
span.twelve.columns.lblRoomType {
  color: #d8b57a !important;
  font-family: "Nanum Myeongjo", serif !important;
  font-weight: bold !important;
}
/* [[[ Change Color of Room Details Bar ]]]*/
div.divRoomDetailsCover > div {
  background: #434747 !important;
}
/* [[[ Change the Background Color of the Room Details ]]] */
.pnlOpen, .divRoomDetailsCover {
  background: transparent !important;
  background-color: transparent !important;
}
/* [[[ Changed box shadow for unavailable rate page ]]] */
#step_content > div.eres_resultlist > div:nth-child(5) > div {
  box-shadow: none !important;
}
#divTitleMsg > div {
  box-shadow: none !important;
}
/* [[[ Header Styles ]]] */
.contact {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: right;
}
.contact li {
  display: inline-block;
  padding: 20px;
}
.contact li a {
  color: #434747;
  font-family: "Blinker", sans-serif !important;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
}
.contact li a:hover {
  color: #d8b57a;
}
.policies {
  color: #fff;
  font-family: "Blinker", sans-serif !important;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 400;
  line-height: 75px;
}
.policies:hover {
  color: #fff;
}
.copyright {
  text-align: right;
  color: #fff;
  font-size: 16px;
  margin: 0px;
  line-height: 75px;
}
.insta img {
  height: 40px;
}
.insta {
  display: inline-block;
  padding: 20px 50px 20px 0px;
}
.fb img {
  height: 40px;
}

/*------------Changes-----------------*/

/*Hides Children dropdown lists and titles from Search, Rates, and Guests pages */
.dChildrenVis,
.dChildren {
    display: none;
}

/*Hides group, group code, travel agent, coupon code */

a#lblTALogin, a#hlGroupLogin, a#hlPromoCode, a.coupon_codes.group_code, #step_content > div.eres_resultlist > div.row.search_panel > div > div:nth-child(1) > div:nth-child(1), #step_content > div.eres_resultlist > div.row.search_panel > div > div:nth-child(1) > div:nth-child(2) {
	display: none !important;
}

@media only screen and (max-width: 1000px) {
  #style_container {
    width: 400px;
    height: 300px;
  }
}
@media only screen and (max-width: 820px) {
	.contact {
		text-align: center;
	}
}