html, body { color:#666; background-color:#51a8d7 ; height: 100%; margin:0px; background-repeat: no-repeat;   }
.backImg {
    background-image: url(../../../images/arms-health-black-transparent.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-attachment: scroll;
    background-size: 25%;
    background-position: center 27px;
}

/* Submit Button */ 
.SubmitField { }
.btn { outline: 0 !important; }

#blstTokenError { display: inline-flex; } 
#blstTokenError li { padding-right:5px; }

/* Tooltip */
#RSAtoolTip, #PasswordTooltip { background: rgba(0, 0, 0, 0); border: none; font-size: 20px; }
.rsaToolTip, .passwordToolTip { color: #333 !important; } 
.rsaToolTip:hover, .passwordToolTip:hover { color: #ccc !important; cursor:pointer; } 

/* Modal - Forgot Password */
.modalBodyHeight { height:169px; }
.modalBodyHeightBrowser { height: 275px; }
.warning_text             { font-size: 13px; color: #FF0029; margin-top: -36px; text-align: left; list-style: none; width: 100%; height: 21px; margin-left: -23px; }
.warning_text_changepwd   {  color: #FF0029;   font-size: 12.5pt; }
#blstPassError  { margin-left: 66px; }
#blstTokenError { margin-left: 131px; margin-top: 5px; }
#blstTokenUserError { margin-top: 22px; margin-left: 132px; }
.blstTokenErrorFr { margin-left: 131px !Important; margin-top: -33px; }
#sent-password { width: 100%; background-color: #12ad12; position: fixed; left: 0; color: white; text-align: center; }
#lblInvalidEmailFormat { color: red; width: 100%; font-size: 12px; text-align: right; float: right; margin-top: -49px; padding: 0px; font-weight: normal; }
.noBtn { border:0px; background-color:transparent; }
.noBtn:hover { border:0px; background-color:transparent; }
.BorderRed { border-color:#FF0029 !important; } 
.noBorderRight { border-right:none; }
#blstError { margin-left:126px; }
.passError { margin-left:126px !Important; }

/* Lanaguges */
#btnEnglish, #btnFrench { background-color:transparent; border: 0px; outline:0; }
#Training_sign { background-color: goldenrod; color: white; width: 100%; text-align: center; border: 0px; position: absolute; }
#patientLogin { background-color: transparent; border: 0px; color: #64b5e6; position: absolute; width: 118px; height: 50px; top: 194px; left: 50%; margin-left: -50px; }


/* LOGIN WELL */ 
.lang { color: #ffff00; top: 15px; right: 15px; position: absolute; z-index:9999999; }
.langBtn { background: none; border: none; }
#engLabel { border-top-left-radius:4px; border-bottom-left-radius:4px; }
.wellLogin { height: 355px; margin-top: 230px; box-shadow: 4px 5px 8px rgba(0, 0, 0, 0.1); }
.cloneToLang { width: 100px; margin-left: 0px; }
.LoginStyle { height: 73%; } 
.mandatory { float: right; clear: both; margin-top: -52px; color: red; padding-right: 10px; }

/* Modals */
.modalBodyHeight-diag-lostPass { height: 250px; }
.modalBodyHeightChangePass { height: 293px; }
.wellFTlogin { background-color: #f3feff !important; border: 1px solid #bcf4f9 !important; }
.popup-warning-wrap { width: 100%; background-color: rgba(36, 36, 36, 0.9); color:#fff; position: absolute; z-index:999999999; text-align: center;  display: none; left:0; top:0; height:100%; }
.popup-warning { width: 50%; margin: 0 auto; height: 100%; margin-top:100px; }
.popup-warning-content { padding-top:16px; }
#btnChangePassword { background: transparent; border: none; padding: 0px; }
.newPassContainer { margin-top:31px; }
#newPassErrorRequired { margin-top: -56px; margin-left: 0px; padding: 0px; }
#newPassErrorMisMatch { margin-top: -55px; margin-left: 0px; padding: 0px; }

/* Forgot Password */
.forgotPass { outline:none; background-color:transparent; border: 0px; margin-top: 3px; color:#337ab7 !Important; }
.forgotPass:hover { text-decoration:underline !important; color:#23527c !Important; }
.forgetPassword { bottom: 0; position: absolute;  }
.fPass:hover { color: red; text-decoration: underline; }
.toggleStyle { margin-top: 31px; }
.issues { color: #1876af; margin-top:-20px; }
.enterPass { margin-top:29px !important; }
.margTop32 { margin-top: 32px !important; }
.margTop34 { margin-top: 34px !important }
.margTop37 { margin-top: 37px !important }
.margTop48 { margin-top: 48px !important }
.margTopMin6 { margin-top: 6px !important; }

/* Header */
.loginHeader    { border-bottom: 1px solid #ededef; height: 80px; }
.loginHeaderTxt { margin-top:31px; font-size: 16px !Important; }
.loginHeaderTokenTxt { margin-top:31px; font-size: 16px !Important; }
.tokPad   { padding: 4px 5px !important; }
.leftBody { height: 80%; }
.tokPad:hover { text-decoration: underline; }
label { font-weight: normal !important; }
.form-inline .form-control { width: 75%; }
.input-group-addon, .input-group-btn { width: 1% !important; }

/* Submit Btn */
.SubmitField { float: right; width: 92%; display: grid; margin-top: -33px; }
.rightStyle  { color:#aaa; }

/* Custom */
.width100   { width:100%; }
.noPad      { padding: 0px !important; }
.noPadLeft  { padding-left:0px !important; }
.noPadRight { padding-right:0px !important; }
.noPadBtm   { padding-bottom: 0px !important; }
.padBtm10   { padding-bottom: 10px !important; }
.padBtm19   { padding-bottom: 19px !important; }
.padBtm30   { padding-bottom: 30px !important; }
.margTop6   { margin-top:  6px !important; }
.margTop8   { margin-top: -8px; }
.margRight15 { margin-right:15px; }
.margTop24  { margin-top: 24px !important; }
.margTop25  { margin-top: 25px !Important; }
.margTop30  { margin-top: 30px !Important; }
.margTop31  { margin-top: 31px !Important; }
.margTop35  { margin-top: 35px !important; }
.margTop40  { margin-top: 40px !Important; }
.margTop41  { margin-top: 41px !Important; }
.margTop50  { margin-top: 50px !Important; }
.margTop53  { margin-top: 53px !Important; }
.margTop57  { margin-top: 57px !Important; }
.margTop60  { margin-top: 60px !Important; }
.margTopMinus5  { margin-top: -5px; }
.margTopMinus5  { margin-top: -5px; }
.margTopMinus6  { margin-top: -6px; }
.margTopMinus25 { margin-top: -25px; }
.marginTopMinus26 { margin-top: -26px; }
.margTopMin30  { margin-top:-30px; }
.loginDisplay  { display: none; }
.loginDisplayTrue { display: block; }
.loginWidth   { width: 71.6%; }
.loginWidthToken   { width: 76.6%; }
.loginWidthEng { width: 78.6% !important; }
.loginWidthTokenFr { width: 78.6% !important; }

.support-text {
    margin: 0 auto;
    font-size: 12px;
    color: black;
}

.disclaimer-training {
    margin-top: 1em;
    cursor: pointer;
}

    .disclaimer-training label {
        cursor: pointer;
        text-decoration: underline;
    }

    .disclaimer-training img {
        height: 10px;
        margin-left: 5px;
    }

/* Screen Resizing */
@media screen and (min-width: 1920px) {
    .backImg { background-size: 25%; height: 100%; }
    .loginWidth { width: 73.6%; }
    .loginWidthToken { width: 76.6% !Important; }
    #Training_sign { top: 192px; }
    .loginWidthTokenEng { width: 79.7% !important; }
    #txtPassword { width: 78.7% !important; }
}

@media screen and (max-width: 1620px) {
    .backImg { background-size: 25%; height: 100%; }
}
@media screen and (max-width: 1620px) {
    .backImg { background-size: 25%; height: 100%; }
    /*#btnPassSignIn { width: 90px; }*/
    .padBtm30 { padding-bottom: 35px; }
    .margTop57 { margin-top: 57px; }
}
@media screen and (max-width: 1381px) {
    .backImg { background-size: 25%; height: 100%; }
}
@media screen and (min-width: 1366px) {
    .backImg { background-size: 25%; height: 100%; }
    /*#btnPassSignIn { width: 90px; }*/
    .padBtm30 { padding-bottom: 35px; }
    .margTop57 { margin-top: 57px; }
    #Training_sign { top: 208px; }
    #engTokenCodeField { width: 78.6% }
    #txtPassword { width: 79.8% !important; }
}
@media screen and (max-width: 1335px) { 
    #txtPassword { width: 79%; }
}
@media screen and (min-width: 1280px) {
    .backImg { background-size: 25%; height: 100%; }
}
@media screen and (max-width: 1125px) {
    .backImg { background-size: 25%; height: 100%; }
    .wellLogin { margin-top: 240px; }
}
@media screen and (max-width: 1075px) {
    .backImg { background-size: 25%; height: 100%; }
    .wellLogin { margin-top: 240px; }
}
@media screen and (max-width: 974px) {
    .wellLogin  { margin-top: 240px; }
    .loginWidth { width: 73.6%; }
    .enterPass  { margin-top: 9px; }
}
@media screen and (max-width: 956px) {
   .backImg { background-size: 25%; height: 100%; }
   #txtPassword { width:78%; }
}
@media (min-width: 768px) {
    /*#btnPassSignIn { width: 90px; }*/
    .padBtm30 { padding-bottom: 13px; }
    .margTop57 { margin-top: 54px; }
    .loginWidthToken { width: 78.7% ; }
    #txtToken { width: 80%; }
    .txtPassword { width: 78.8% !important; } 
}
@media (min-width: 768px) {
    .form-inline .input-group > .form-control {
        width: 79.8%;
    }
}
@media screen and (max-width: 697px) {
    .form-inline .form-control { width: 71%; }
    .loginWidth { width: 67.6%; }
    .padBtm30  { padding-bottom: 13px; }
    .margTop57 { margin-top: 54px; }
    .enterPass { margin-top: 9px; }
    #txtToken { width: 73.6%; }
    #txtPassword { width: 73.6%; }
}
@media screen and (max-width: 679px) {
   .backImg { background-size: 25%; height: 100%; }
}
@media screen and (max-width: 651px) {
    #exampleInputName2 { margin-top:-30px;}
}

.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { border-left: none; }

.gradient  {
    padding-top: 6em; margin:0 auto; width: 100%; background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center 475px, ellipse cover,  #ffffff 14%, #51a8d7 58%, #51a8d7 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center 475px, ellipse cover,  #ffffff 14%,#51a8d7 58%,#51a8d7 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center 475px,  #ffffff 14%,#51a8d7 58%,#51a8d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#51a8d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background-repeat: no-repeat; background-attachment: scroll;
}
.gradLeft  {
    background: #fdfdfd; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f1f2f4, #fdfdfd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1f2f4, #fdfdfd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f2f4, #fdfdfd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f2f4, #fdfdfd); /* Standard syntax */
    height: 100%; border-top-left-radius: 4px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-right: 2px solid #ededef;
}
.gradRight {
    background: #fdfdfd; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f1f2f4, #fdfdfd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f1f2f4, #fdfdfd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f1f2f4, #fdfdfd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f1f1f1, #f5f8f8); /* Standard syntax */
    height: 100%; border-top-right-radius: 4px; border-bottom-right-radius: 4px; er-right: 2px solid #ededef;
}