body{
	font: 14px sans-serif;
	color: #2c3e50 !important;
}
.modal_error, .modal_success{
	top: 25% !important;
}
.show_modal{
	display: block !important;
}
footer{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #c0c0c0;
	color: white;
	text-align: center;
	padding: 15px 0 10px;
	font-size: 18px;
}
.div_top_spacer{
	margin-top: 40px;
}
.wrapper{
	width: 328px;
	padding: 20px;
	background-color: #ffdc00;
	border-radius: 10px;
	position: absolute;
	top: 35%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -35%);
	-webkit-box-shadow: 3px 3px 6px 0px rgba(163,163,163,1);
	-moz-box-shadow: 3px 3px 6px 0px rgba(163,163,163,1);
	box-shadow: 3px 3px 6px 0px rgba(163,163,163,1);
}
.login_h2{
	text-align: center;
	margin: 5px 0 25px;
}
.btn-custom{
	width: 49%;
}
.topline{
	text-align: center;
	background-color: #ffdc00;
	margin: 0px !important;
	padding: 1px 0 !important;
}
#sub_topline, #main_content{
	width: calc(100% - 300px);
	-moz-width: calc(100% - 300px);
	-webkit-width: calc(100% - 300px);
	float: right;
}
#sub_topline{
	padding-bottom: 5px;
}
.welcome_h1{
	margin: 10px 0 !important;
	padding: 0 10px;
}
.clear_both{
	clear: both;
}
@media (max-width: 767px) {
	.topline{
		text-align: center;
		background-color: #ffdc00;
		margin: 0px !important;
		padding: 1px 0 !important;
	}
	#sub_topline, #main_content{
		width: 100%;
	}
	.wrapper{
		top: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}
#main_content{
	padding: 15px 0;
	background-color: #fff;
}
#logout_info{
	text-align: center;
	background-color: #F39C10;
	padding: 1px !important;
	color: #fff;
}
.btn{
	white-space: normal;
}
#rc-imageselect, .g-recaptcha {transform:scale(0.95);-webkit-transform:scale(0.95);transform-origin:0 0;-webkit-transform-origin:0 0;}

.content_over{
	height: 100%;
	background-color: #fff;
}

/* Progress Bar */
.progress{
	width: 100.8px;
	height: 16.8px;
	-webkit-mask: linear-gradient(90deg,#474bff 70%,#0000 0) left/20% 100%;
	background: linear-gradient(#474bff 0 0) left/0% 100% no-repeat #dbdcef;
	animation: progress-422c3u 2s infinite steps(6);
	margin: 20px auto;
}
@keyframes progress-422c3u {
	100% {
	   background-size: 120% 100%;
	}
 }