@font-face {
    font-family: 'AIS55';
    src: url('../../stylesheets/fonts/helvethaicaais55.eot');
    src: url('../../stylesheets/fonts/helvethaicaais55.eot') format('embedded-opentype'),
         url('../../stylesheets/fonts/helvethaicaais55.woff') format('woff'),
         url('../../stylesheets/fonts/helvethaicaais55.ttf') format('truetype'),
         url('../../stylesheets/fonts/helvethaicaais55.svg#DBHelvethaicaAISX55Regular') format('svg');

    font-weight:lighter;
    font-style:lighter;
}

.theme-color {
    color: #89B62F;
}

body, html {
    height: 100%;
    min-height: 768px;
    width: 100%;
    margin: 0;
}


body {
    font-family:'AIS55';
    font-size: 20px;
    color: #5d4d47;
    overflow: auto;
}

.body-img {
    background-image:url('/images/bg.png') ;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bg {
	background-color: white;
	width: 100%;
	height: 100%;
	position: absolute;
}

.container { 
    width: 90%;
    max-width: 900px;
    text-align: left;

}

.loginblock { 
    text-align: left;
}

.loginText{
    font-size: 48px;
}

.logoAIS {
    float: right;
    height: 75px;
    margin-top: 0px;
    margin-right: 10px;
}

.input-Border{
    border-color: #74A333;
}

.btn-default{
    color: #fff;
    background-color: #74A333;
}

.btn-default:hover {
    color: #fff;
    background-color: #bfd22d;
}
.btn-default:active {
    color: #fff;
    background-color: #bfd22d!important;
}
.btn-default:focus {
    color: #fff;
    background-color: #bfd22d;
}
.btn-default:disabled {
    color: #fff;
    background-color: #bfd22d;
}

.loginError{
    text-align: left;
    padding: 10px;
}

.modal {
    z-index: 11; /* Sit on top */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.spin-otp {
	font-size: 97px;
	color: #bfd22b;
}

.g-recaptcha.error {
	border: solid 2px #c64848;
	display: block!important;
}

.g-recaptcha.success {
	display: none!important;
}

iframe[title="reCAPTCHA"] {
    height: 100% !important;
}

.copyright {
    font-size: 12px;
    width: max-content;
}

.pwd_content {
    text-align: right;
    display: flex;
}

#rc-imageselect, .g-recaptcha {
    transform:scale(0.9);
    -webkit-transform:scale(0.9);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

@media (min-width: 320px) and (max-width: 480px) {
	#recaptcha_challenge_image{
	margin: 0 !important;
	width: 100% !important;
	}
	#recaptcha_response_field
	{
	margin: 0 !important;
	width: 100% !important;
	}
	.recaptchatable #recaptcha_image {
	margin: 0 !important;
	width: 100% !important;
	}
	.recaptchatable .recaptcha_r1_c1, 
	.recaptchatable .recaptcha_r3_c1, 
	.recaptchatable .recaptcha_r3_c2, 
	.recaptchatable .recaptcha_r7_c1, 
	.recaptchatable .recaptcha_r8_c1, 
	.recaptchatable .recaptcha_r3_c3, 
	.recaptchatable .recaptcha_r2_c1, 
	.recaptchatable .recaptcha_r4_c1, 
	.recaptchatable .recaptcha_r4_c2, 
	.recaptchatable .recaptcha_r4_c4, 
	.recaptchatable .recaptcha_image_cell {

	margin: 0 !important;
	width: 100% !important;
	background: none !important;
	}

}

@media only screen and (min-width: 768px) {
    .container {
        text-align: -webkit-center;
        text-align: -moz-center;
    }
}