@charset "utf-8";
@import url(common.css);

#booking_details::-webkit-scrollbar,
#booking_confirm::-webkit-scrollbar {
    display: none; 
}

#booking_details,
#booking_confirm {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
}

#booking_details .tab_container,
#booking_confirm .tab_container {
	background-color: #dedede;
}

#booking_details .tab_container .title,
#booking_confirm .tab_container .title {
	display: inline-block;
}

#booking_details .btn_modal {
	float: right;
}

#booking_details .modal-dialog {
	width: 900px;
}

.table {
	table-layout: fixed;
}

.table input[type=text]::-webkit-input-placeholder { /* Edge */
  	color: #dedede;
}

.table input[type=text]:-ms-input-placeholder { /* Internet Explorer 10-11 */
  	color: #dedede;
}

.table input[type=text]::placeholder {
  	color: #dedede;
}

.table.main input[type=text] {
	border: none;
}

.table.main input {
	width: auto !important;
}

.table>thead {
	background-color: #f5f5f5;
}

.modal .table>thead {
	background-color: transparent;
}

.table.confirm>thead {
	background-color: #f5f5f5;
}

.modal .total_price {
	text-align: center;
	background-color: #f5f5f5;
	font-weight: bold;
}

.modal .note {
	text-align: right;
}

.table>thead>tr>th {
	border-bottom: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, 
.table>tfoot>tr>td, .table>tfoot>tr>th,
.table>thead>tr>td, .table>thead>tr>th {
	border-top: none;
	vertical-align: baseline;
}

.table>tbody.people>tr>th,
.table>tbody.people>tr>td {
	display: table-cell;	
}

.table>tbody.people>tr>th .room_label {
	width: auto;
	white-space: nowrap;
}

.table>tbody.people>tr>th.empty {
	padding-left: 61px;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th,
.table>tbody>tr>th:first-child {
	vertical-align: top;
}

.table>thead>tr>th {
	vertical-align: middle;
	font-size: 16px;
}

.table>thead>tr>th>a {
	font-size: 14px;
}

.modal .table>thead>tr>th {
	vertical-align: middle !important;
}

.table>thead>tr>th:first-child,
.table>tbody>tr>td:first-child {
	width: 25%;
}

.charge_label {
	display: none;
}

.modal .table>tbody>tr>td:first-child {
	width: auto;
}

.modal .table>tbody>tr>td {
	text-align: center;
}

.modal .table.confirm>tbody>tr>td {
	text-align: left;
}

.modal .select_column {
	width: 10%;
}

table .person_input {
	display: inline-block;
	text-align: center;
}

table .label {
	background-color: #dedede;
	color: #000;
	display: inline-block;
	margin-bottom: 5px;
	font-size: 100%;
	padding: .3em .6em;
}

table input,
table select,
table textarea {
	border: 1px solid #dedede;
	padding: 2px 5px;
}

table input[type=text] {
	width: 220px;
}

table input.mail {
	width: 400px;
}

table select {
	padding: 0 5px;
}

table .people input[type=text] {
	text-align: center;
}

.modal table input {
	width: auto;
}
}

dl dt {
	margin-bottom: 5px;
}

.zipcode {
	margin-bottom: 5px;
}

.zipcode input[type="text"] {
	width: 50px;
}

.addr select {
    display: inline;
}

.addr input[type="text"] {
    width: 400px;
}

.required {
	color: red;
	float: right;
	font-weight: normal;
}

.required .fa {
	margin-right: 5px;
}

.center {
	text-align: center;
	margin-bottom: 15px;
}

.traffic {
	margin: 0;
	padding: 0;
	list-style: none;
}

.traffic li {
	display: inline-block;
	margin-right: 2em;
}

.modal-header {
	text-align: center;
	border-bottom: none;
	padding: 30px;
}

.modal-footer {
	text-align: center;
}

.btn:active {
	background: rgba(169, 3, 41, 1);
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169, 3, 41,
		1)), color-stop(44%, rgba(143, 2, 34, 1)),
		color-stop(100%, rgba(109, 0, 25, 1)));
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -o-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -ms-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329',
		endColorstr='#6d0019', GradientType=0);
}

.btn:hover,
.btn:focus {
	color: #fff;
}

.btn_submit {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 12px 40px;
	color: #fff;
	background: rgba(169, 3, 41, 1);
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(169, 3, 41,
		1)), color-stop(44%, rgba(143, 2, 34, 1)),
		color-stop(100%, rgba(109, 0, 25, 1)));
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -o-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -ms-linear-gradient(top, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%,
		rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329',
		endColorstr='#6d0019', GradientType=0);
}

.btn_back {
	border: 1px solid #dedede;
	color: #000;
}

.btn_close {
	border: 1px solid #dedede;
	background-color: transparent;
}

.btn:hover.btn_back,
.btn:hover.btn_close {
	color: #000;
}

.btn:active.btn_back,
.btn:active.btn_close {
	background: transparent;
}

.radio {
	margin: 0;
}

.radio-btn {
	padding-left: 18px;
	position: relative;
}

.radio-btn input[type="checkbox"], .radio-btn input[type="radio"] {
	position: absolute;
	opacity: 0;
	/* IE<9 graceful degradation */
	z-index: 1;
	cursor: pointer;
}

.radio-btn label {
	color: #717171;
	font-weight: normal;
	width: auto;
	display: inline-block;
	line-height: 26px;
	/* ::after height+borders */
	vertical-align: middle;
	position: relative;
	margin-right: 38px;
	padding-left: 10px;
	cursor: pointer;
	user-select: none;
	/* iOS =< 6 bug fix*/
}

.radio-btn label::after {
	position: absolute;
	content: "";
	width: 24px;
	height: 24px;
	left: 0;
	top: 0;
	margin-left: -18px;
	background-color: #fff;
	border: 2px solid #ddd;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	cursor: pointer;
}

.radio-btn label::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 5px;
	top: 6px;
	left: 6px;
	margin-left: -18px;
	border: 2px solid #717171;
	border-top: none;
	border-right: none;
	background: transparent;
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0;
	-webkit-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	z-index: 1;
}

.radio-btn label:last-of-type {
	margin-right: 0;
}

.radio-btn input[type="checkbox"]:checked+label, .radio-btn input[type="radio"]:checked+label
	{
	color: #000;
}

.radio-btn input[type="checkbox"]:checked+label::after, .radio-btn input[type="radio"]:checked+label::after
	{
	border: 2px solid #717171;
}

.radio-btn input[type="checkbox"]:checked+label::before, .radio-btn input[type="radio"]:checked+label::before
	{
	opacity: 1;
}

.radio-btn input[type="checkbox"]:disabled+label, .radio-btn input[type="radio"]:disabled+label
	{
	color: #eaeaea;
	cursor: default;
}

.radio-btn input[type="checkbox"]:disabled+label::after, .radio-btn input[type="radio"]:disabled+label::after
	{
	border: 1px solid #eaeaea;
	background-color: #fff;
}

.radio-btn input[type="checkbox"]:disabled+label::before, .radio-btn input[type="radio"]:disabled+label::before
	{
	display: none;
}

.radio-btn label::after {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
}

.radio-btn label::before {
	width: 12px;
	height: 12px;
	border: none;
	top: 6px;
	left: 6px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	background-color: #000;
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.cvv_guide {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
}

.cvv_description {
	position: absolute;
    z-index: 1000;
    word-wrap: normal;
    border: 3px solid #00355f;
    background: #fff;
    padding: 10px;
    font-size: 14px;
}

.cancel_policy table,
.charge-tbl table {
	width: 100%;
}

.cancel_policy table tr th,
.cancel_policy table tr td,
.charge-tbl table tr th,
.charge-tbl table tr td {
	border: 1px solid #dedede;
	padding: 8px;
}

.notice {
	color: #990000;
}

.gmo_container {
	display: inline-block;
	padding: 8px;
	border: 1px solid #dedede
}

.gmo_title {
	padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.gmo_content {
    text-align: justify;
}

.con_btn {
	margin-top: 20px
}

.btn:hover.btn_outline,
.btn:focus.btn_outline,
.btn:active.btn_outline {
	color: #333;
}

.btn:active.btn_outline {
	background: #fff;
}

.btn_outline {
	border: 1px solid #e5e5e5;
    padding: 10px 30px;
}

.bikow {
	word-wrap: break-word;      /* IE 5.5-7 */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space: pre-wrap;      /* current browsers */
    max-width: 350px;
}

#confirmModal .modal-dialog {
    height: 100%;
}

#confirmModal .modal-content {
    height: 90%;
}

#confirmModal .modal-body {
    height: calc(100% - 40px);
    overflow-y: scroll;
}
	
.main .people>tr[class^="room"]:nth-child(3n) .room_label {
	display: none;
}

@media (max-width: 480px) {
	.table-striped>tbody>tr:nth-of-type(odd) {
		background-color: unset;
	}
}

@media (max-width: 480px) {
	#booking_details .modal-dialog {
		width: auto;
	}
	
	.table {
	    table-layout: auto;
	}
	
	.table>tbody>tr>th:first-child,
	.table>thead>tr>th,
	.table>thead>tr>td,
	.table>tbody>tr>td,
	.table>tfoot>tr>td {
		display: block;
	}
	
	.table>thead>tr>th:first-child,
	.table>tbody>tr>td:first-child {
		width: auto;
	}
	
	.table>tbody.people>tr>th, .table>tbody.people>tr>td {
	    display: flex;
	}
	
	table .person_input {
		text-align: left;
	}
	
	table select {
		padding: 5px;
	}

	table input.mail {
		width: 100%;
	}
	
	.main .people {
		display: flex;
		flex-wrap: wrap;
	}
	
	.main .people>tr[class^="room"]:nth-child(3n+2) .room_label {
		display: none;
	}
	
	.main .people>tr[class^="room"]:nth-child(3n) .room_label {
		display: block;
	}
	
	.main .people .empty:nth-child(n) {
		margin-right: 70px;
	}
	
	.main .people .empty:nth-child(n+1) {
		padding-left: 8px;
	}
	
	.charge_label {
		display: inline-block;
		font-weight: bold;
	}
	
	.modal .table>thead>tr>th {
		display: unset;	
	}
	
	.modal tbody.people>tr>td:nth-of-type(odd) {
		background-color: #f9f9f9;
	}
	
	.modal .select_column {
		width: auto;
	}
	
	.modal .table>tbody>tr>td {
		text-align: left;
		padding-left: 20px;
	}
	
	.header_mobile {
		display: none;
	}
	
	.required {
		float: unset;
	}
	
	.addr input[type="text"] {
	    width: 100%;
	}
	
	.traffic li {
		display: list-item;
	}
}
.total {
	color: #990000;
	font-weight: bold;
}
#total span{
	margin-right: 5px;
	font-size: 140%;
	vertical-align: bottom;
}
#pay-total-tbl {
	color: #990000;
	font-weight: bold;
}
#pay-total-tbl td span {
	margin-right: 5px;
	font-size: 140%;
	vertical-align: bottom;
}
.confirm tbody tr td p em {
	color: #990000;
}
.res_text {
	font-weight: bold;
}
.res_num {
	font-weight: bold;
	font-size: 140%;
}