@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700|Roboto:300,400,700&display=swap");

.rb-cat-desc {
	padding-top: 1em;
}

.ui-dialog-titlebar-close.ui-state-hover {
	background: transparent;
}

#orderForm\:itemdtbsk,
#orderForm\:itemdtchkout,
.rb-guests-dt {
	border: 1px solid #ddd !important;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1) !important;
}

.ui-dialog.ui-hidden-container>div.ui-dialog-content.ui-widget-content {
	padding: 0em 1em .5em 1em;
}

.rb-header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	background-color: #333 !important;
	background-repeat: no-repeat;
	height: 200px;
	background: -o-linear-gradient(top, rgba(52, 130, 246, 0.5), rgb(248 251 255 / 80%)), url(https://dabb7zy6p4b0z.cloudfront.net/jse/mountain-back.webp) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 130, 246, 0.5)), to(rgb(248 251 255 / 80%))), url(https://dabb7zy6p4b0z.cloudfront.net/jse/mountain-back.webp) !important;
	background: linear-gradient(to bottom, rgba(52, 130, 246, 0.5), rgb(248 251 255 / 80%)), url(https://dabb7zy6p4b0z.cloudfront.net/jse/mountain-back.webp) !important;
	background-size: cover, cover !important;
	background-position: center, center center !important;
	border: none !important;
}

.rb-header .rb-header-title,
.rb-header .ui-title {
	text-transform: uppercase;
	padding: 20px 30px;
	line-height: 36px;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 32px;
	text-transform: uppercase;
	padding: 0.85rem 1.25rem 1rem !important;
	border-radius: 1em;
	margin: 1rem;
	background: rgba(0, 0, 0, .8);
	border: 8px solid #72b8f1;
	background: #409ae4;
	text-shadow: 1px 1px 2px #000;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, .1);
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .1);
}

.rb-header .rb-header-title:before {
	content: "JSP ";
}

@media screen and (max-width: 800px) {
	.rb-header {
		padding: 20px 0px 20px !important;
	}
}

#locform\:currencySelect_label,
#locform\:languageSelect_label {
	color: #fff !important;
	overflow: visible;
	text-align: center !important;
	border-radius: 2px !important;
	background-color: #409ae4 !important;
	font-size: 14px;
	text-transform: uppercase;
}

#locform\:currencySelect>.ui-selectonemenu-trigger.ui-state-default.ui-corner-right,
#locform\:languageSelect>.ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
	background-color: #409ae4 !important;
}

div #locform\:languageSelect,
div #locform\:currencySelect {
	min-width: 45px !important;
	padding-right: 23px;
}

.ui-btn-right {
	margin-right: -5px;
}

.ui-btn-right .ui-state-default {
	border: none !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
	text-align: center;
}

.ui-widget-content .ui-state-highlight {
	color: #fff;
}

.rb-parent-cat-container,
.rb-child-cat-container {
	padding-bottom: 0 !important;
}

* {
	font-family: "Noto Sans JP", sans-serif;
}

/* Custom Headers */
.rb-parent-cat-title,
.rb-child-cat-title,
.rb-prod-title,
.rb-basket-title,
.rb-checkout-title,
.rb-my-booking-title,
.rb-my-group-title,
.ui-dialog-title,
#orderForm\:existglbl,
#orderForm\:newguestlbl,
#orderForm\:contactinfolbl,
#orderForm\:addqlbl,
#orderForm\:foremlblnew,
#guestDialogForm\:foremlbledit,
#orderForm\:welclbl,
#orderForm\:foremlbl,
h3,
#orderForm\:snslbl {
	color: #333;
	text-transform: uppercase;
	font-family: "Noto Sans JP", sans-serif;
}

/*Custom Icons */
.rb-parent-cat-title:before,
.rb-child-cat-title:before,
.rb-prod-title:before,
.rb-basket-title-pg:before,
.rb-checkout-title:before,
#orderForm\:existglbl:before,
#orderForm\:newguestlbl:before,
#orderForm\:snslbl:before,
.rb-checkout-title:before {
	color: #409ae4;
}

/* Sel item highlight */
.rb-parent-cat-container .rb-parent-cat-sel a img,
.rb-parent-cat-container .rb-parent-cat-sel .rb-cat-box a,
.rb-child-cat-container .rb-child-cat-sel a img,
.rb-child-cat-container .rb-child-cat-sel .rb-cat-box a {
	-webkit-box-shadow: 0 0 0px 6px #acd8fd;
	box-shadow: 0 0 0px 6px #acd8fd;
}

/* Lighter Desc Font */
.rb-parent-cat-desc,
.rb-child-cat-desc {
	font-weight: normal;
}

/* Hide Icon */
.rb-parent-cat-desc:before {
	display: none;
}

#orderForm\:addbskpg>tbody:nth-child(1)>tr:nth-child(1) {
	text-align: left;
}

/* Basket Item Highlights */
#orderForm\:itemdtbsk_data tr.ui-widget-content>td:nth-child(1)>label,
#orderForm\:itemdtchkout_data tr.ui-widget-content>td:nth-child(1)>label {
	background-color: #333;
	-webkit-box-shadow: 2px -1 -1 #333, -2px -1 -1 #333;
	box-shadow: 2px -1 -1 #333, -2px -1 -1 #333;
}

/* Accent Dialogue Title */
.ui-dialog .ui-dialog-titlebar {
	border-color: #333 !important;
	background-color: #333 !important;
}

.ui-dialog-title {
	color: #fff !important;
}

#orderForm\:booknow,
#orderForm\:booknowcond {
	background-color: #186ba0 !important;
	border: 1px solid #186ba0 !important;
	color: #fff !important;
}

#orderForm\:booknow:hover,
#orderForm\:booknowcond:hover {
	background-color: #5699c3 !important;
	border: 1px solid #5699c3 !important;
	color: #fff !important;
}

/* Custom Button Font */
.ui-button-text {
	font-family: "Noto Sans JP", sans-serif !important;
}

/* Lang and currency */
#locform\:currencySelect_label,
#locform\:languageSelect_label {
	color: #333;
}

.ui-widget-content .ui-state-highlight {
	background: #409ae4;
}

/* CHECKOUT */
.rb-checkout-title:before {
	content: "\f291";
	margin-right: 10px;
	font-family: "FontAwesome" !important;
}

/* Default Buttons */
.ui-button.ui-widget.ui-state-default {
	background-color: #409ae4;
	border-color: #409ae4;
	color: #fff !important;
}

.ui-button.ui-widget.ui-state-hover,
.ui-button.ui-widget.ui-state-active {
	background-color: #6db2ea;
	border-color: #6db2ea;
}

.ui-button {
	text-transform: uppercase;
}

.ui-title {
	display: none !important;
}

/* Panels*/
.ui-panel-m-titlebar.ui-bar.ui-bar-inherit,
.ui-btn .ui-panel-collapsible-heading-toggle,
.ui-icon-minus:after,
.ui-icon-plus:after {
	background-color: #409ae4 !important;
	border: none;
	color: #fff;
	text-shadow: none;
}

.ui-collapsible-themed-content:not(.ui-collapsible-collapsed)>.ui-collapsible-heading a,
.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
	background-color: #3388cc;
	text-shadow: none;
	color: #fff;
	-webkit-transition: ease-in-out 0.2s !important;
	-o-transition: ease-in-out 0.2s !important;
	transition: ease-in-out 0.2s !important;
}

.ui-collapsible-themed-content:not(.ui-collapsible-collapsed)>.ui-collapsible-heading a:hover,
.ui-collapsible-inset .ui-collapsible-heading .ui-btn:hover {
	background-color: #5ca0d6;
	color: #fff;
}

.ui-panel-m-titlebar.ui-bar.ui-bar-inherit h3 {
	color: #fff;
}


#base_page\:txtab_data td {
	vertical-align: middle;
}

.ui-btn-right.ui-btn.ui-icon-minus.ui-btn-icon-notext.ui-shadow.ui-corner-all,
.ui-btn-right.ui-btn.ui-icon-plus.ui-btn-icon-notext.ui-shadow.ui-corner-all {
	background-color: white;
}

.ui-panel-m-titlebar.ui-bar.ui-bar-inherit:hover,
.ui-btn .ui-panel-collapsible-heading-toggle:hover {
	background-color: #4d4d4d;
}

/* Buttons */
#base_page\:gform>.ui-btn.ui-input-btn.ui-corner-all.ui-shadow,
#base_page\:locform\:languageSelect_input-button,
#base_page\:locform\:currencySelect_input-button {
	background-color: #409ae4;
	border: none;
	color: #fff !important;
	text-shadow: none !important;
}

#base_page\:gform>.ui-btn.ui-input-btn.ui-corner-all.ui-shadow:hover,
#base_page\:locform\:languageSelect_input-button:hover,
#base_page\:locform\:currencySelect_input-button:hover {
	background-color: #6db2ea;
	border: none;
}

/* Your booking */
.ui-title {
	display: block !important;
	text-transform: uppercase;
}

.rb-page .rb-header {
	border-top: 0;
	padding: 10px 10px !important;
	font-size: 36px;
	text-shadow: none;
}

#base_page\:base_header>form {
	margin-top: 10px;
}

#base_page .rb-content {
	padding-top: 0;
}

.rbn-yb-searchtext,
#base_page\:gform {
	display: none;
}

#base_page\:guest-intranet-greeting {
	font-family: "Roboto", sans-serif;
}

div.ui-collapsible-heading>a>table>tbody>tr>td:nth-child(2) {
	padding-left: 1em;
}

.ui-btn-right.ui-btn.ui-icon-minus.ui-btn-icon-notext.ui-shadow.ui-corner-all,
.ui-btn-right.ui-btn.ui-icon-plus.ui-btn-icon-notext.ui-shadow.ui-corner-all {
	background-color: white;
	margin-right: 0;
}

.rb-footer {
	display: none;
}

@media screen and (max-width: 640px) {
	.rbn-vendor-box>div>div.ui-grid-col-3 {
		margin-bottom: 1em;
	}

	.ui-title {
		font-size: 24px !important;
		padding-top: 40px !important;
	}
}

/* Category replacement */
.rb-parent-cat-text,
.rb-child-cat-text,
.rb-prod-panel-text {
	display: none;
}

/* P Cat */
html[lang="en"] .rb-parent-cat-title:after {
	content: "Choose a category";
}

html[lang="ja"] .rb-parent-cat-title:after {
	content: "カテゴリーを選択してください";
}

/* Cat */
html[lang="en"] .rb-child-cat-title:after {
	content: "Choose a type";
}

html[lang="ja"] .rb-child-cat-title:after {
	content: "商品を選択してください";
}

/* Un-Hide Photo Upload */
#guestDialogForm\:guestImgWrapperedit,
#guestDialogForm\:guestImgContaineradd,
#guestDialogForm\:shouldAllowAnotherUploadContaineredit {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

/* Additional spacing on photo container */
[id*="guestImgContainer"] {
	margin-bottom: 18px;
}

#orderForm\:slctpdtpnl_content>.rb-prod-title>span {
	display: -webkit-inline-box !important;
	display: -webkit-inline-flex !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

/* Country list */
ul[id*="country"] {
	max-width: calc(100vw - 2em);
}

ul[id*="country"] li {
	overflow: hidden;
	word-break: break-word;
	white-space: initial;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.ui-datatable-summaryrow a[id*="newguestbut"] {
	font-size: 15px !important;
}