.global_container{
	margin: 0 auto;
	max-width: 1100px;
	width: 100%;
	font-size: 16px;
	min-height: 400px;
}
.mod_navigator {text-align: right}
.mod_navigator ul {list-style-type: none; display: inline-block; padding: 0;}
.mod_navigator ul li{margin-left: 16px; display: inline-block;}


.mod_progress_bar {margin: 0 auto; text-align: center; background: #EF8F2F}
.mod_progress_bar ul {list-style-type: none; }
.mod_progress_bar ul li{display: inline-block; width: 24%; padding: 8px 0; color: #ccc; font-size: 18px;}
.mod_progress_bar ul li.active {color: #fff;}


.tab {
	max-width: 1100px;
	padding: 15px;

}


.logo {display: block; margin: 0 auto;}
.logo_ZA, .logo_za {width: 200px;}
.logo_KT, .logo_kt {width: 260px;}
.mod_print{display:none;}
.mod_print.staff{display:block;}

@media print {
	.mod_print{display:block !important;}
	.mod_screen, .mod_enquiry{display: none;}
}

/* landing_tab */

.lsn_language {font-size: 16px}

.landing_tab {
	text-align: center;
}

.datepicker_css {
	margin: 0 auto;
	max-width: 600px;
}

.toggle_timeslot {background: #bbb; color: #fff; padding: 8px; border-radius: 6px; width: 100px; margin: 5px auto;cursor: pointer; opacity:0.8;}
.toggle_timeslot_ln {display: inline-block; margin: 5px 10px; font-size: 22px; width: 200px; background: #618fb3;}
.toggle_timeslot.active {background: #EF8F2F;opacity: 1;}
.toggle_timeslot:hover {opacity: 1;}




/* confirm_tab*/
table.mod_lsn_detail {border-collapse: collapse; width: 100%; text-align: left}
table.mod_lsn_detail th {color: #EF8F2F; padding: 4px; }
table.mod_lsn_detail td {border-top: 1px solid #333;border-bottom: 1px solid #333; padding: 4px; }

.button {background: #ccc; padding: 10px; border-radius: 5px; color: #fff; cursor: pointer; opacity: 0.8; width: 80px; text-align: center; margin: 0 10px;}
.button:hover {opacity: 1;}
.button.chg_lsn_date, .button.btn_back {color: #fff; background: #bbb; display: inline-block}
.button.btn_confirm, .button.btn_confirm_submit, .btn_payment_submit, .btn_exit, .btn_print, .btn_enquiry, .btn_pay_method {background: #EF8F2F; display: inline-block}

.student_info, .payment_info, .location_info {border-bottom: 1px solid #333;}
.student_info label, .payment_info label {width: 260px; display: inline-block; padding: 5px 0;}
.stt_hkid_bkt {width: 30px; text-align: center;}
input:read-only {border: none !important ;}
.subtitle {text-decoration: underline; font-size: 18px;}
.subtitle small{text-decoration: none;}


/*payment_tab*/

/*Stripe*/
.stripe_input_container {width:  48%; margin:0 auto; display: inline-block; text-align: left}
.stripe_keypad_container {width: 48%; margin:0 auto; display: inline-block; vertical-align: top; margin-top: 30px;}

.stripe_input_container img {width: 130px;  margin-top: 20px;}
.stripe-txt {font-size: 16px;}
#stripe_payment_form label {display: block; margin-top: 12px;}
.stripe_input {border-radius: 3px; border: 1px solid #999; padding: 10px; font-size: 18px; width: 40px; text-align:center;}
.stripe_input.cardnumber {width: 200px;}

.keypad_key_button{position: absolute; top: -2px; left: -2px; width: 88px; height: 32px; padding: 7px; border-radius: 10px; margin: 5px 0px; }
.keypad_key_button_bg{position: relative; background-color: #8DA4C5; color: #fff; width: 88px; border: 2px solid #8DA4C5; padding: 7px; border-radius: 10px; margin: 5px 0px; }
#card-errors {color: #ed1c24; font-weight: bold;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.stripe_payment_method {width: 200px !important; display: block;}

/*reuslt_tab*/
.msg_success {display: none; font-size: 36px; color: #EF8F2F; margin: 15px 0;}
.msg_fail {display: none; font-size: 36px; color: #ed1c24; margin: 15px 0;}

/*.declaration li {font-size: 13px;}*/


/*initial page setup*/
.tab, .mod_lsn_detail, .mod_progress_bar{display:none;}
.landing_tab, .order_enquiry_tab {display: block;}
@media print {
	.mod_navigator, .mod_progress_bar, .mod_result_button {display: none !important;}
}


/*order enquiry*/
.mod_enquiry {margin-bottom: 20px;}
.title_order_enquiry {font-size: 36px; color:#EF8F2F; margin:15px 0;}


.iframe_header {min-height: 510px;}

@media only screen and (max-width: 1200px) {
 .iframe_header {min-height: 400px;}
}
@media only screen and (max-width: 1100px) {
 .iframe_header {min-height: 330px;}
}
@media only screen and (max-width: 800px) {
 .iframe_header {min-height: 300px;}
}






.maintenance {max-width: 1100px; margin: 0 auto;}

.order_enquiry_logo {text-align: center;}
.order_enquiry_logo img{display: none;}
.mod_enquiry label {width: 250px; display: inline-block;}

.signature_container {margin-top: 45px;}
table.property_table {
    width: 100%;
    table-layout: fixed;
}
.result_tab {padding-top: 0px; padding-bottom: 0px;}
.property_table th, .property_table tr {font-weight: normal}

.property_table {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding: 0 10px;
    margin-bottom: 1px;
}