* {font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; box-sizing: border-box;}
.bgSolve {background: url("images/csc_atish_bg_r1[3].jpg") repeat fixed center top / 100% auto;}
#defaultForm p.error {color: #ff0000; font-size: 14px; margin: 10px 0; text-align: center;}
input, textarea {-webkit-appearance: none; -webkit-border-radius: 0;}
.errorSign {display: inline-block; margin: 13px 0 0; position: absolute; right: -15px; top: 0; width: 10px;}
textarea:focus, input:focus {outline: 0;}
*:focus {outline: 0;}
#form-wrapper {background: #fff; box-shadow: 0 0 5px #666; left: 130px; padding: 30px 35px; position: absolute; top: 22%; width: 420px; z-index: 999;}
.logo {margin: 0 0 20px; text-align: center;}
.logo img {width: 90%;}
#form-wrapper .input {background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 2px; color: #333; font-size: 16px; font-weight: normal; margin: 0 0 15px; padding: 10px 10px 10px 20px; width: 100%;}
input::-webkit-input-placeholder {color: #333;}
#form-wrapper input:-ms-input-placeholder {color: #aaa !important;}
#form-wrapper input::-webkit-input-placeholder {color: #707070 !important;}
input, textarea {-webkit-appearance: none; -webkit-border-radius: 0;}
#defaultForm p {color: #000; font-size: 18px; font-weight: 400;}
#LoginBtn {background: #0047BA; border: 2px solid #fff; border-radius: 4px; color: #fff; cursor: pointer; font-size: 16px; margin: 0 0 0 -2px; padding: 12px 0; text-align: center; width: 101%;}
#defaultForm h1 {color: #999; font-size: 24px; font-weight: 400; text-align: center; margin: 0 0 20px;}
.clear {clear: both;}
.forgot-pwd {color: #707070; display: inline-block; text-decoration: none;}
.linkBlock {color: #999; font-size: 14px; margin: 15px 0 0; text-align: center;}
.forgot-pwd:hover {text-decoration: underline;}
.frgt-span {color: #fff; display: block; font-size: 16px; margin: 5px 0 0; position: relative; text-align: center;}
.leftBlock {position: relative; width: 100%;}
.block1, .block2 {position: relative;}
.block1 label, .block2 label {color: #000; float: left; font-size: 14px; font-weight: bold; margin: 7px 0 0; width: 90px;}
#defaultForm {margin: 0 auto; position: relative;}
.hasPlaceholder {background: #fff; color: #000; font-weight: bold; padding: 3px 10px; width: 100%; border: 0 none; font-size: 18px; display: block;}
#divWatermarkPass .hasPlaceholder {background: #fff; color: #000; font-weight: bold; padding: 3px 10px; width: 100%; border: 0 none; font-size: 18px; display: block;}
.buttonWrap {text-align: center;}
.copyright {color: #fff; font-size: 12px; margin: 45px 0 0; text-align: center;}
.language-selection {color: #fff; margin: 0 0 15px; text-align: right;}
.language-selection a {color: #fff; text-decoration: none;}
.powered {bottom: 20px; color: #fff; position: fixed; right: 10px;}
.powered img {margin: 0 0 0 10px; position: relative; top: 6px; width: 120px;}
select {-moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; background: #fff url("../images/down-Arrow.jpg") no-repeat scroll 95% 18px; border: 1px solid #ccc; border-radius: 2px; color: #999; font-size: 16px; padding: 9px 10px 9px 20px; position: relative; width: 100%;}
select::-ms-expand {display: none;}
select option {padding: 2px 5px 2px 25px;}
.cropbox {left: 0; position: fixed; bottom: 0; display: none;}
#divHide {height: 100%; overflow: hidden; position: absolute; width: 100%;}
#divHide img {width: 100%;}
.nivoSlider img {left: 0; max-width: none; position: fixed !important; top: 0; width: 100% !important;}
.forgotUserName #form-wrapper, .forgotPassword #form-wrapper {width: 460px; margin: 50px auto 20px; box-shadow: none; position: static; padding: 0; color: #707070;}
.forgotUserName .header, .forgotPassword .header {width: 400px; margin: 0 0 20px;}
.forgotUserName .header img, .forgotPassword .header img {width: 100%;}
#DescriptionLabel {color: #999; display: block; margin: 0 0 10px 0;}
.forgotUserName label {color: #707070;}
#Email, .forgotUserName input, .forgotPassword input {border: 1px solid #ccc; padding: 5px; width: 200px;}
#recaptcha {margin: 20px 0 0; display: block;}
.CsImageButton {display: inline-block; margin: 10px 0 0;border-radius: 3px; font-size: 14px; font-weight: bold; background: #FA4616; color: #fff; text-decoration: none; width: 100px; text-align: center; padding: 10px 0;}
.CsImageButton b {font-weight: normal;}
.InfoLabel {font-size: 14px;}
.DescriptionLabel1 {display: block; margin: 0 0 20px;}
center {text-align: left;}
#cvUserID, #cvCaptcha {font-size: 14px; display: block; margin: 0 0 5px;}
@media all and (max-width:1366px) {#form-wrapper {left: 100px; top: 15%;}}
@media all and (max-width:1152px) {#form-wrapper {left: 0; margin: 50px auto; position: relative; top: 15%;} .nivoSlider img {height: 100% !important;}}
@media all and (max-width: 812px) {.forgotUserName #form-wrapper, .forgotPassword #form-wrapper {margin: 20px auto 50px;}}
@media all and (max-width:640px) {#form-wrapper {padding: 30px 25px; position: relative; width: 90%;}}
@media all and (max-width:640px) {.logo img {width: 100%;}}
@media all and (max-width:380px) {#defaultForm h1 {font-size: 18px;}}
@media all and (max-width: 460px) {.forgotUserName #form-wrapper, .forgotPassword #form-wrapper {width: 90%; margin: 30px auto 50px;} .forgotUserName .header, .forgotPassword .header {width: 100%;}}
.txtBox-outline:focus-visible {outline: -webkit-focus-ring-color auto 1px !important;}