/* File Created: July 24, 2016 */

/* init CSS */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* End init CSS */

/* General */

body { margin: 0; padding: 0; }
input, select, div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; -webkit-transition: all 500ms ease-in; transition: all 500ms ease-in; text-shadow: none; }
.view-switcher { display: none; }

.defInput { color: #7b7b7b; }
.reInput { color: #7b7b7b; }

.clear { clear: both; }

#userName-error, #password-error, #Forgot-error { margin: 0; margin-top: -18px; margin-bottom: 10px; padding-left: 2px; color: #0f555d; font-size: 12px; color: red; }

.inputLabel { margin-bottom: 10px; color: #838383; font-size: 15px; font-weight: 400; }
.cbLabel { color: rgb(85, 85, 85); }

#Email-error { margin: -5px 0 20px 0; color: red; font-size: 12px; }
#General-error { margin: -35px 0 20px 0; color: red; font-size: 12px; }
#system-error { margin: -10px 0 20px 0; color: red; font-size: 12px; }

a, a:link, a:visited, a:hover { color: #69a5ee !important; text-decoration: none !important; font-weight: normal !important; }

#submitBTN.loading, #submitBTNForgot.loading { background: #d3232b url("Images/CVP_Loader.gif") center center no-repeat; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; }

/* Login Content */

#MainDiv { width: 100%; height: 100%; background: #fff; margin: 0 auto; }

#ContentDiv { height: auto; margin: 0 auto; padding-top: 55px; font-family: 'Roboto'; }

#loginHeader { font-size: 32px; font-weight: bold; color: #145550; margin: 0 auto 18px -40px; }

#formWrapper { width: 600px; padding: 40px 10px 40px 28px; background: #fff; }





input[type="text"], input[type="email"], input[type="password"] { width: 375px; height: 48px; border-radius: 3px; border: 1px solid #e9e9e9; background: #fff; padding: 5px; padding-left: 10px; outline: none; font-size: 14px; letter-spacing: .35px; }

#userName { margin-bottom: 25px; color: rgb(85, 85, 85); }
#password { margin-bottom: 25px; color: #929292; }

#RememberMeBox { display: inline-block; width: 100%; height: 14px; line-height: 14px; font-size: 14px; margin-bottom: 38px; }
#RememberMe { float: left; width: 20px; height: 20px; position: relative; top: -3px; margin-right: 10px; }

#rememberLabel { font-size: 16px; color: #595959; letter-spacing: .4px; }

#submitBTN, #submitBTNForgot { display: block; height: 45px; padding: 0 20px; background: #1b6a95; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .5px; border-radius: 3px; border: 0; outline: none; cursor: pointer; margin-bottom: 28px; text-transform: uppercase; font-family: 'roboto condensed'; }

#forgotLink { font-size: 15px; color: #05b9ef; font-weight: 700; letter-spacing: .4px; text-decoration: none; cursor: pointer; }

/* Forgot Form Content */

#ForgotForm, #ForgotForm2 { display: none; }

    #ForgotFormContent p, #ForgotForm2 p { font-size: 14px; color: rgb(85, 85, 85); }

#VerificationEmail { margin-bottom: 30px; }

#Forgot { margin-bottom: 20px; font-size: 14px; }


#SelectAppPopup {display:none;width:100%;height:100vh;position:fixed;top:0;left:0;background:rgba(255,255,255,0.6); }

#SelectAppWindow {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:150px;width:600px;background:#fff;border:1px solid #1b6a95;padding:30px;border-radius:6px }

#SelectAppHeader {color:#1b6a95;font-size:17px;font-weight:bold; }
#SelectAppButtons {text-align:center;padding:20px 0; }
.AppselectButton {width:auto;color:#fff;background:#1b6a95;padding:10px 20px;font-size:14px;font-weight:700;border-radius:3px;cursor:pointer;border:none;margin-left:20px; }




@media screen and (max-width: 1199px) {

    #imageWrapper, #formWrapper { width: 485px; }
    input[type="text"], input[type="email"], input[type="password"] { width: 100%; }
}

@media screen and (max-width: 991px) {

    #imageWrapper, #formWrapper { width: 375px; }
}

@media screen and (max-width: 767px) {

    #ContentDiv { width: 100%; padding: 55px 20px 55px 20px; }
    #imageWrapper { float: none; width: 100%; }
    #formWrapper { float: none; width: 100%; padding: 40px 0 0 0; }
    #formWrapper { border-left: none; }
}