* {
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: 'GentiumBookBasicRegular';
	src: url('../fonts/GenBkBasR-webfont.eot');
	src: url('../fonts/GenBkBasR-webfont.eot?#iefix') format('embedded-opentype'), 
			 url('../fonts/GenBkBasR-webfont.woff') format('woff'),  
			 url('../fonts/GenBkBasR-webfont.ttf') format('truetype'),  
			 url('../fonts/GenBkBasR-webfont.svg#GentiumBookBasicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: #660000;
}
#wrapper {
	background-color: #fff1e2;
	max-width: 600px;
	overflow: hidden;
}
#content{
	padding:1rem 1rem 0;
}
#mth_container{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	
}
#header2{
	//background-color:#fff1e2;
}

.result-header {
	text-align: center;
	padding: 0.3rem;
	font-weight: bold;
	border-top-style: solid;
	border-color: #660000;
}
.contact-box {
	display: flex;
	padding: 0.3rem 1rem 0.3rem 0rem;
	border-top-style: solid;
	border-color: #660000;
}
.contact {
	padding: 0.3rem;
	font-size:1.2rem;
	}
.click-details {
	margin-left: auto;
	font-size: 2rem;

	flex: 1;
	text-align: right;
	}

.details {
	display: none;
	padding-left:0.5rem;
	padding-bottom:0.3rem;
}
#mth_container {
	//border-bottom: solid;
	//border-bottom-color: #FFE1AB;
	//padding-bottom:1rem;
}
.mthbox{
	margin:0.3rem;
	padding:0.4rem;
	width:25%;
	border: 1px solid #ff9933;
	text-align: center;
	font-size:1rem;
	font-weight:bold;

	background-image: url('https://work.worldbridge.ws/images/bg-btn-grad.png');	
	background-repeat:repeat-x;	
}
.mthbox a {
	text-decoration:none;
	color:#660000;
}
.date_box{
	font-style:italic;
	font-size:0.8rem;

}
.date_box_sun{
	font-style:italic;
	font-size:0.8rem;
	color:red;
}
.day_box{
	padding:0.5rem;
	border: 3px;
	border-top-style: solid;
	border-color: #660000;
}
.error {
	color: red;
	text-align:center;
	font-weight:bold;
}
.login-form {
	max-width: 60%;
	margin: 2rem auto;
	border: solid #660000;
	padding: 1rem;
	background-color:white;
}
.login-form label {
	display: block;
	font-size: 1rem;
	padding: 0.2rem 0rem;
}
.login-form input {
	display: block;
	width: 90%;
	padding: .3rem;
	font-size: 1rem;
}
.logout_btn {
	margin-left: auto;
}
.page-menu {
	display: flex;
	padding: 0.3rem 1rem;
}
.search-menu{
	display: flex;
	padding: 0.3rem 1rem;
}
.search-container {

}
.search-form {
	padding: 0 2rem;
	margin: auto;
}
.search-row {
	display: flex;
	padding: 0.3rem;
}
.search-row label {
	padding: 0.3rem 0.5rem;
}
.search-row select, input {
	width: 100%;
	font-size: 1rem;
	flex: 1;
	padding: 0.2rem;
}
.search-row button {
	width: 50%;
	padding: 0.2rem;
	margin: auto;
	font-size: 1rem;
}

#send_btn {
	padding: 0.5rem;
	margin: 1rem auto 0rem;
	width: 50%;
}
.footer {
	text-align:center;
	color: white;
	font-size:0.5rem;
	padding: 0.3rem;
}
.footer a {color:white;}

@media only screen and (min-width: 600px){
	
.login-form {
	max-width: 300px;
	padding: 2rem;
}
.login-form label {
	font-size: 1.2rem;
}
.login-form input {
	width: 100%;
}

#wrapper {
	margin: 5px auto;
	background-color: #fff1e2;
	max-width: 1024px;
	font-size: 1.2rem;
}
.footer{
	font-size:0.8rem;
}