* {margin: 0px; padding: 0px;}
html, body, #form1 {height: 100%; min-height: 100%;}
body {font-family: 'Lato', sans-serif !important; font-weight: 400; transition: all 0.2s ease 0s;}
label {font-weight: normal !important;}
img {max-width: 100%;}

.hide {display: none !important}
.mlr-7 {margin-left: -7px !important; margin-right: -7px !important;}
.plr7 {padding-left: 7px !important; padding-right: 7px !important;}
.white{color: #fff;}
.dark{color: #333;}
.grey{color: #666;}
.blue {color: #049ef6;}
.red {color: #ff3300;}
.none{display: none !important;}

#main-container {min-height: 100%; /*background: url(../images/loginbgimgTVT.jpg) no-repeat center center / cover;*/}
.login-container {margin: 0 auto; padding: 12% 0 30px 0px; max-width: 750px;}
.loginboxnew {color: #fff; margin-top: 8%; background: rgba(0, 0, 0, 0.2); padding: 50px 60px 40px; border-radius: 4px;}
.footerlogin {color:#fff; text-align: center; padding: 10px 0px; border-top: 1px solid #3a3a3a; background: rgba(0, 0, 0, 0.6); box-shadow: 0 0 4px rgba(0,0,0,.4); bottom: 0; position: fixed; width: 100%;}
.footerlogin a.pbgi {color: #fbc530;}
.footerlogin a.pbgi:hover, .footerlogin a.pbgi:focus{color: #f9d676;}
.footerlogin a {color: #e6e6e6;}
.footerlogin a:hover, .footerlogin a:focus{color: #fff; text-decoration:none;}
#back-top {display: none !important;}

@media only screen and (min-width: 240px) and (max-width:767px) {
.login-container {max-width: 90%;}
.loginboxnew {padding: 30px 35px 25px;}
.loginboxnew .btn-block {display: inline-block !important;width: auto !important;}
}