/* [[[ Branding Overrides ]]] */
body { background-color: transparent; font-family: Arial, Helvetica, sans-serif !important;}
html { 
 background: #288cc5;

}

form { margin: 0; }

.row { width: 950px; }



#Footer { display: none; }
#Content 
{ 
  
  background-color:rgba(255,255,255,1.0); 
  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: 400px; 
  height: 300px; 
  background: url(https://www.bookonthenet.net/west/RKEresStorage/Images/Portal/SkyliteMotel_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: #f5c632; margin: 5px 0 10px 0;}
.nav-bar > li > a:first-child { color: #1e3c49; text-shadow: 1px 1px 1px rgba(149, 149, 149, 0.4); }
.nav-bar > li.res_steps.active > a:first-child { color: #1e3c49; }
.nav-bar { margin: 0px; }
.nav-bar > li.res_steps.no-access:hover { background: #f5c632; }

.pre_nav_bar { background: #f5c632; }
.pre_nav_bar > h2 { color: #1e3c49; text-shadow: 1px 1px 1px rgba(149, 149, 149, 0.4); line-height: 1;}
.nav-bar > li.res_steps:hover { background: #f5c632; }
.nav-bar > li.res_steps:hover > a:first-child  { color: #288cc5; }
.nav-bar > li.res_steps.no-access:hover > a:first-child  { color: #1e3c49; }
.nav-bar > li.res_steps.active,
.nav-bar > li.res_steps.active:hover { background: #f5c632; }

/*.reveal-modal .login_container a.create_account,
#Content a.coupon_codes,
#lblShowDetails {
	color:#6993c7;
	font-weight: bold;
}*/

.ta_nav_bar > li > a{ color:#288cc5; font-weight: bold;}
.eres_search .coupon_codes { color: #288cc5; }

/* [[[ Reservation Resultlist Page ]]] */
.eres_resultlist .rate_cat_hdr { background: #288cc5; }
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: #54a5d2;}
.eres_resultlist .avail_grid .columns > .current_day_avail > span { color: rgba(255,255,255,1); text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}
.eres_resultlist .rate_cat_hdr .rate_cat_name {
    color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.arrow-down {
    border-top: 10px solid #fff;
}
.arrow-up {
    border-bottom: 10px solid #fff;
}

.eres_resultlist .avail_grid_outer .arrow-right {
border-left: 10px solid #54a5d2 !important;
}

.eres_resultlist .avail_grid_outer .arrow-left {
border-right: 10px solid #54a5d2 !important;
}


/* [[[ Special Promo ]]] */
.eres_resultlist .rates .lblSpecialRate { color: #288cc5; }
.eres_resultlist .promo_corner { border-left-color: #288cc5; }
.eres_resultlist .rate_category_wrapper.promo { border-color: #288cc5; 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: #444444; }

.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: #444444;
    /*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: #444444!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:#444444;
}


/* [[[ Mobile Buttons ]]] */

.mobile_header, .nav_bar_mobile_title {
	background:#f5c632;
}
.nav_bar_mobile_title > span.mobile_title {
	color:#1e3c49;
}

.arrow-left {
	border-right: 10px solid #1e3c49;
}

/* [[[ Buttons ]]] */
#btnReservationFilter,
.button.alert,
.button.success {
    color: #1e3c49 !important;
    border: 1px solid #f5c632;
    background: #f5c632;
    text-shadow: 1px 1px 1px rgba(149, 149, 149, 0.4);
}

    #btnReservationFilter:hover,
    .button.alert:hover,
    .button.success:hover {
		color:#fff !important; 
		border: 1px solid #f5c632;
		background: #f5c632;
		
    }
/* [[[ Room Details Button ]]]*/
.divRoomDetailsCover a.small.radius.success.button {
    background: #288cc5 !important;
    border:1px solid #288cc5 !important;
	  color: #fff !important;
	box-shadow: none;
}

.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 #f5c632!important;
	background: #f5c632!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 #288cc5!important;
	background: #288cc5!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: #0098df !important;
}

span.twelve.columns.lblRoomType {
  color: #0098df !important;
}*/

/* [[[ Change Color of Room Details Bar ]]]*/
div.divRoomDetailsCover > div {
	background: #288cc5 !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 ]]] */

.footer-contact {
	font-size:14px;
	color:#fff;
}

.footer-contact a {
	color:#fff;
	text-decoration: underline;
}

.footer-contact a:hover {
	color: #fff;
}
/*@media only screen and (max-width: 1000px) {
  #style_container 
  { 
      width: 400px; 
      height: 300px; 
  }
}*/
@media only screen and (max-width: 820px) {
	
}