div#verification-method-returnToSignIn {
    text-align-last: center;
}

.alert.alert-success.extended-alert {
    background-color: rgba(255,255,255,0.2) !important;
    color: #FFF !important;
    border-color: transparent !important;
    width: 370px;
    justify-self: center;
}

.alert.alert-error {
    background-color: rgba(255,255,255,0.2) !important;
    color: #FFF !important;
    border-color: transparent !important;
    width: 370px;
    justify-self: center;
}

a#returnToLogin {
    justify-self: center;
    padding-left: 0px !important;
    width: 100%;
}

body, .carbonite-ui, a {
    color: #FFF !important;
}

    .carbonite-ui .return-to-sign-in {
        margin-left: 0% !important;
        width: 100% !important;
    }

return-to-sign-in {
    place-items: center;
    text-align-last: center;
}

.logo-service-text {
    color: #FFF !important;
    font-size: 40px !important;
    font-weight: 100px;
    vertical-align: -10px;
}

.login-box .logo {
    text-align: center;
    width: 750px !important;
    justify-self: center;
}

.vertical-bar {
    vertical-align: -2px !important;
    font-size: 32px !important;
}

.ce-version-text {
    color: #FFF !important;
    font-size: 23px !important;
    vertical-align: -10px;
}

iframe#banner {
    height: 80% !important;
    min-height: 400px !important;
    padding-top: 20px;
    padding-right: 45px;
    padding-bottom: 50px;
}

body, .login-container {
    background: linear-gradient(90deg, #121736 0%, #19224A 25%, #23346A 65%, #146693 90%, #088CB2 100%);
    object-fit: none;
    width: 100%;
}

    .login-container .container-left .login-box form .control-group {
        padding-bottom: 0px !important;
    }

.carbonite-ui .login-box {
    background-color: transparent !important;
    border-radius: 4px;
    box-shadow: none !important;
    align-content: center !important;
    width: 100%;
    padding-bottom: 15px !important;
}

.login-container, .container-right {
    min-height: 800px;
}

.login-container, .container-left {
    width: 50%;
    justify-content: center;
    justify-items: center;
    padding: 0px !important;
}

input#getVerificationCode {
    text-align-last: center;
}

.setup-multi-factor-auth-box.ng-scope .col-md-12.no-left-right-padding {
    text-align: center;
}

.setup-multi-factor-auth-box.ng-scope .row.top-spaced {
    text-align-last: start;
}

.carbonite-ui, .setup-multi-factor-auth-box {
    margin: 0px;
    border-radius: 6px;
    box-shadow: 0px 0px 0px 0px !important;
    padding: 30px 60px 60px 60px;
    width: 750px !important;
    background-color: transparent !important;
    color: #FFF !important;
    justify-content: center;
    justify-self: center;
    text-align: center;
}

.help-inline {
    background-color: transparent !important;
    border-color: transparent !important;
}

.carbonite-ui .ng-scope {
    width: 100%;
    justify-content: center;
    justify-items: center;
    padding-bottom: 0px !important;
}

a#culture_es-ES {
    color: #000 !important;
    ;
}

a#culture_de-DE {
    color: #000 !important;
    ;
}

a#culture_fr-FR {
    color: #000 !important;
    ;
}

a#culture_en-GB {
    color: #000 !important;
    ;
}

a#culture_en-US {
    color: #000 !important;
}

a#culture_es-ES:hover {
    color: #FFF !important;
    background-color: rgb(4, 0, 59) !important;
    background-image: revert;
}

a#culture_de-DE:hover {
    color: #FFF !important;
    background-image: revert;
    background-color: rgb(4, 0, 59);
}

a#culture_fr-FR:hover {
    color: #FFF !important;
    background-image: revert;
    background-color: rgb(4, 0, 59);
}

a#culture_en-GB:hover {
    color: #FFF !important;
    background-image: revert;
    background-color: rgb(4, 0, 59);
}

a#culture_en-US:hover {
    color: #FFF !important;
    background-image: revert;
    background-color: rgb(4, 0, 59);
}

.fa.fa-caret-down.fa-fw {
    color: #000 !important;
}

.btn.dropdown-toggle {
    color: #000 !important;
    border-radius: 0px 4px 4px 0px !important;
    background-color: #EFEFEF !important;
}

.btn.btn-inverse {
    color: #000 !important;
    font-size: 12px !important;
    border-radius: 4px 0px 0px 4px !important;
    background-color: #EFEFEF !important;
}

.btn, btn-link btn-block {
    color: #FFF !important;
}

label {
    font-size: 15px;
    color: #FFF;
}

h4 {
    justify-content: center;
    justify-self: center;
}

input#verificationCode {
    border-radius: 6px !important;
}

input#takeMeToPortal {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    width: 140px !important;
    justify-self: center;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
}

input#resendVerificationCode {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    width: auto;
    justify-self: center;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
}

input#sendVerificationCode {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    width: 140px !important;
    justify-self: center;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
}

input#btnSubmit {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    width: 140px !important;
    justify-self: center;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
}

input[type="text"] {
    border-radius: 6px !important;
    height: 44px;
    font-size: 22px;
}

input#userName {
    border-radius: 6px !important;
    height: 44px;
    font-size: 22px;
}

input#UserName4122D1F1DBCA462A849AF0095B4279BF {
    border-radius: 6px !important;
    height: 44px;
    font-size: 22px;
}

input#Password1BECBF0A08974148819C10084A2D9E43 {
    border-radius: 6px !important;
    height: 44px;
    font-size: 22px;
}

input#signInAction, form[name=passwordResetForm] input.btn.btn-primary.btn-large.btn-block {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    width: auto;
    justify-self: center;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
}

#loginForm input#signInAction {
    padding: 10px 20px;
}

div[data-ng-app=appPasswordResetModule] button.btn.btn-success.center-block.btn-block.btn-large, div[data-ng-app=appPasswordResetModule] a.btn.btn-large.btn-primary.btn-block {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    justify-self: center;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
    width: auto;
}

input#getVerificationCode {
    border-radius: 22px !important;
    border: thin ridge #FFFFFF !important;
    background: white !important;
    color: #232e72 !important;
    border: 1px solid #232e72 !important;
    box-sizing: border-box !important;
    font-size: 18px !important;
    color: #000000 !important;
    width: 140px !important;
    font-family: "Open Sans", Verdana, Tahoma, Helvetica, sans-serif;
    justify-self: center;
}

.carbonite-ui, .password-reset-box {
    width: 750px;
    margin: 0px;
    boarder-radius: 0px;
    box-shadow: 0px 0px 0px 0px !important;
    background-color: transparent !important;
    color: #FFF !important;
}

.controls {
    content-align: center;
    align-items: cneter;
}

.footer {
    background: transparent !important;
}

.container-fluid {
    justify-items: center;
    min-height: 100% !important;
}

.row-fluid {
    min-height: 100% !important;
}

.row.top-spaced:nth-child(2) {
    padding-left: 30%;
}

.row.top-spaced:last-child {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.group-name, ng-binding {
    color: #000 !important;
}

.item-name, ng-binding {
    color: #000 !important;
}

.placeholder, ng-binding {
    color: #000 !important;
}

.public-headered-simple-layout .top-status-bar {
    background: transparent !important;
}

.pull-right, .btn-inverse, .top-status-bar .fa-fw {
    color: white !important;
}

.bottom-spaced {
    width: 750px !important;
}

body, .carbonite-ui {
    background: linear-gradient(90deg, #121736 0%, #19224A 25%, #23346A 65%, #146693 90%, #088CB2 100%);
    font-size: 15px;
    color: #FFF;
    width: 100%;
    padding-bottom: 0px !important;
}

    body .carbonite-ui, bs3 {
        background: transparent !important;
        width: 100%;
        justify-content: center;
    }

div#phone-number-return-to-sign-in {
    text-align-last: unset;
}

button#skipSetupPhoneNumber {
    text-align-last: center;
}

div#phone-number-mfa-options {
    text-align-last: justify;
}

.login-box #logoContainer .login-logo {
    padding-bottom: 0 !important;
}

.setup-multi-factor-auth-box.ng-scope .logo.bottom-spaced .login-logo {
    padding-bottom: 0;
}

.password-reset-box.ng-scope img.login-logo {
    padding-bottom: 0 !important;
}

.password-reset-box .login-logo {
    padding-bottom: 0 !important;
}

.login-vertical-bar {
    font-size: 30px !important;
    vertical-align: unset !important;
}

.setup-multi-factor-auth-box.ng-scope form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.password-reset-box.ng-scope {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    align-self: center;
}

    .password-reset-box.ng-scope form .controls:has(#btnSubmit) {
        flex: 1;
        display: grid;
    }

input#takeMeToPortal {
    text-wrap: auto;
    text-align-last: auto;
}

.password-reset-box.ng-scope .login-logo {
    padding-bottom: 0 !important;
}

.popup-window.generic-message-popup.popup-frame-company-customization .popup-content .alert.alert-error {
    background-color: #f2dede !important;
    border-color: #eed3d7 !important;
    color: #e51400 !important;
    display: table-cell !important;
}

.popup-window.generic-message-popup.popup-frame-company-customization .popup-footer.modal-footer .btn.jqmClose {
    color: #333333 !important;
}

.user-password-restrictions .bottom-spaced.half-bottom-spaced {
    text-align: justify;
}

.password-reset-box.with-requirements img.login-logo {
    padding-bottom: 0 !important;
}

li.ng-isolate-scope {
    text-align: justify;
}

.password-reset-box.with-requirements .alert.alert-info.user-password-restrictions {
    margin-top: 4% !important;
}

.password-reset-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .password-reset-box .container-fluid .span12 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.setup-multi-factor-auth-box .container-fluid {
    display: flex;
    flex-direction: column;
}

.setup-multi-factor-auth-box.ng-scope .container-fluid {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-group.has-error span.error-text, form#loginForm span.help-inline.hide.pull-right {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.2) !important;
    width: 100%;
    border-color: transparent !important;
    text-align: center !important;
    padding: 15px !important;
    border-radius: 2px !important;
}

span.help-inline.hide.pull-right:not(.container-right) {
    width: 93% !important;
}

div#verification-method-returnToSignIn {
    text-align-last: auto;
}

#loginForm .control-group.top-spaced.half-top-spaced {
    width: 100%;
}

@-moz-document url-prefix() {
    .container-left {
        display: flex;
        flex-direction: column;
        flex: 1;
        align-items: center;
    }

    .carbonite-ui {
        flex: 1;
        align-items: center;
        justify-content: center;
    }

    .control-group {
        flex: 1;
    }

    .container-left .control-group .controls {
        display: grid;
    }

    #logoContainer {
        position: relative;
        right: 29% !important;
    }

    .span12:has(.carbonite-ui.bs3.ng-scope) {
        flex: 1;
        display: flex;
    }

    div.col-md-12.no-left-right-padding:has(input#getVerificationCode) {
        display: grid;
    }

    .setup-multi-factor-auth-box.ng-scope .logo.bottom-spaced {
        display: contents;
    }

    .setup-multi-factor-auth-box.ng-scope .row.top-spaced {
        text-align-last: unset;
    }

    #verification-method-mfa-options {
        text-align-last: start;
    }

    form[name="verificationMethodMultiFactorLoginForm"] .container-fluid {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .container-fluid:has(#phone-number-mfa-options), .container-fluid:has(#verification-method-mfa-options) {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #phone-number-mfa-options {
        text-align-last: justify;
    }

    .login-container:not(.display-flex) {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .login-container:not(.display-flex) #loginForm {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .span12:has(.password-reset-box) {
        display: flex !important;
        align-items: center !important;
    }

    .password-reset-box.ng-scope form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}