:root {
    --heading-color: #2f78c4;
    --link-color: #2f78c4;
    --link-hover-color: #000048;
}



.bg-cts {
    background: #000048 !important;
}


.left-div {
    width: 67vw;
    height: 100vh;
    /*background-image: url("var(--background-url-left)");*/
    background-size:cover;
}

#left_logo_img {
    position: fixed;
    top: 10vh;
    left: 3.5vw;
}

#tool_name_span {
    position: fixed;
    top: 66vh;
    left: 8vw;
    font:normal normal 600 33px/37px CognizantSansWeb-Regular;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

#copyright_span {
    position: fixed;
    top: 92vh;
    left: 8vw;
    font:normal normal normal 13px/16px CognizantSansWeb-Regular;
    color: #FFF;
    letter-spacing: -0.05px;
    opacity: 1;
}


.right-div {
    width: 32.9vw;
    height: 100vh;
    overflow-y: auto;
}
.right-div::-webkit-scrollbar {
    width: 5px;
    background-color: lightgray;
}
.right-div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 3px #000048;
}
.right-div::-webkit-scrollbar-thumb {
    background-color: #000048;
    /*outline: 1px solid slategrey;*/
}


.auth-form-header {
    text-align: left;
    font: normal normal normal 25px/29px CognizantSansWeb-Regular;
    letter-spacing: 0px;
    color: #000445;
    opacity: 1;
}

.username-label, .email-label, .password-label {
    font: normal normal normal 16px/18px CognizantSansWeb-Regular;
    letter-spacing: 0px;
    color: #4B4D4D;
    /* top, right, bottom, left */
    margin: 15px 0 2px 0;
}

#id_email {
    text-transform: lowercase;
}

#id_username, #id_email, #id_password, #id_password1, #id_password2,
#id_old_password, #id_new_password1, #id_new_password2 {
    background: #F1F1F1 0% 0% no-repeat padding-box !important;
    text-align: left;
    font: normal normal normal 16px/20px CognizantSansWeb-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    padding: 10px;
    display: inline-block;
    border: none;
    width: 100%;
}

#id_login_btn, #id_signup_btn, #id_change_pswd_btn {
    height: 47px;
    background: #26efe9 0% 0% no-repeat padding-box;
    border-radius: 500em;  /*24px;*/
    border: none;
    opacity: 1;
    width: 100% !important;
    text-align: center;
    font: normal normal 600 16px/18px CognizantSansWeb-Regular;
    letter-spacing: 0px;
    color: #000048;
}
#id_login_btn:hover, #id_signup_btn:hover, #id_change_pswd_btn:hover {
    opacity: 0.8;
}

.auth-form-footer {
    text-align: left;
    font: normal normal 600 16px/14px CognizantSansWeb-Regular;
    letter-spacing: 0px;
    color: #97999B;
}


/* Text size - classes */
.text-xxs {
    font-size: 60%;
}
.text-xs {
    font-size: 70%;
}
.text-sm {
    font-size: 85%;
}
.text-md {
    font-size: 95%;
}
.text-lg {
    font-size: 115%;
}
.text-xl {
    font-size: 140%;
}
.text-xxl {
    font-size: 170%;
}


.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-bold {
    font-weight: bold;
}


.alert-success, .alert-green {
    background-color: #90EE90;
}
.alert-warning, .alert-yellow {
    background-color: #FFFFED;
}
.alert-error, alert-red {
    background-color: #FFBF00;
}