:root {
    --background-color: #E4E6EC;
    --primary-text-color: #41414b;
    --secondary-text-color: #2E2E2E;
    --border-color: #BEBEC3;
    --input-background: #F5F5F5;
    --button-background: #0365c0;
    --button-text-color: #ffffff;
    --disbaled-button-bg: #C0C0C0;
    --pwd-strength-poor: #E4E4E4;
    --pwd-strength-moderate: #BEBEC3;
    --pwd-strength-good: #6D6D6D;
    --pwd-strength-strong: #4F4F56;
}

/**
 * NOTE: Merged branded/css/brand.css here since the same file will be loaded in DOM
 * when theme is set to `nukirin`.
 */
body {
    background: #F5F5FA;
}

#login_box {
    background: #FFF;
}

.login_page_tab {
    background: #FFF;
}

#login_box .inp {
    border: none;
}

#header {
    display: none;
}

#middle-logo {
    height: 32px;
    width: 140px;
    display: inline-block !important;
}

#login_box_icon {}

.airtight {
    display: inline-block !important;
}

.subBut {
    background: #41414B none repeat scroll 0 0;
    color: #fff;
}

#privacyPolicy {
    display: none;
}

.smallText {
    font-size: 11px;
    margin: 15px auto;
}

#pat {
    display: none;
}

/**
 * Nukirin theme style starts from here.
 */

/* Font-face declaration */
@font-face {
    font-family: 'Open Sans';
    /* font name */
    src: url('../../common/font-files/opensans-regular-webfont.eot');
    /* location of supportive .eot file*/
    src: url('../../common/font-files/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../../common/font-files/opensans-regular-webfont.woff') format('woff'),
        url('../../common/font-files/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body,
#wrapper {
    background: var(--background-color) !important;
}

#login_box {
    border-radius: 10px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: var(--primary-text-color) !important;
    border-color: transparent !important;
}

#error_msg+br,
#fm1 br:first-child {
    line-height: 0 !important;
    display: none !important;
}

.subBut {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px !important;
    padding: 6px 20px !important;
    border-radius: 6px;
    width: auto !important;
    height: auto !important;
    line-height: 16px;
    font-weight: 700 !important;
    color: var(--button-text-color) !important;
    background-color: var(--button-background) !important;
    border-color: var(--button-background) !important;
}

.subBut:disabled {
    background: var(--disbaled-button-bg) !important;
    cursor: not-allowed;
}

.email_domain_note {
    font-size: 12px !important;
    color: var(--primary-text-color) !important;
    font-weight: 400;
}

.inp {
    border-radius: 4px !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    border: 1px solid var(--border-color) !important;
    width: 70% !important;
    height: 35px !important;
    background: var(--input-background) !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    outline: 0;
}

.login_page_tab {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: var(--primary-text-color) !important;
    background: transparent !important;
}

.login_page_tab a:hover {
    text-decoration: underline !important;
    text-decoration-color: var(--button-background);
}

.login_page_tab a {
    color: var(--button-background) !important;
}

#footer {
    color: var(--primary-text-color) !important;
    margin-top: -30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

#login_box #atn_cloud_sub_heading {
    color: var(--secondary-text-color) !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#container {
    margin-bottom: 14px !important;
}

.otpTooltip {
    background: url('../images/question.png?bust=v4.1') no-repeat scroll 0% 0% transparent;
    background-size: 20px;
}

#wrapperNext {
    margin: 0 auto !important;
}

.unavailable_error,
.contact_system_administrator {
    font-family: 'Open Sans', sans-serif;
}

#customer_service_error {
    padding: 20% 25%;
    font-family: 'Open Sans', sans-serif;
    background: url('../images/warning.png?bust=v4.1') no-repeat 23% center;
    background-size: 66px 60px;
    line-height: 35px;
    margin-left: 150px;
}

#error_msg {
    padding-left: 30px;
    margin-left: 30px;
    margin-right: 20px;
}

a.passwordPolicyLink {
    margin-top: 4px;
    cursor: pointer;
}

.new_password_note {
    font-size: 12px;
}

.password-strength-indicator #poor.active {
    background-color: var(--pwd-strength-poor);
}

.password-strength-indicator #moderate.active {
    background-color: var(--pwd-strength-moderate);
}

.password-strength-indicator #good.active {
    background-color: var(--pwd-strength-good);
}

.password-strength-indicator #strong.active {
    background-color: var(--pwd-strength-strong);
}

#password-strength {
    margin-bottom: 8px;
}

#password-strength-text {
    margin-left: 61%;
}