/*** ACCOUNT-SETTING **/
*:where(:not(html, iframe, canvas, img, svg, video, input[type=checkbox]):not(svg *, symbol *)) {
    all: revert;
}

(.page-content__container > *):where(:not(html, iframe, canvas, img, svg, video, input[type=checkbox]):not(svg *, symbol *)) {
    all: unset;
}

.text--uppercase {
    text-transform: uppercase;
}

input.text--can-change, p.text--can-change {
    color: black;
}

.page-header {
    display: flex;
    display: -webkit-flex;
}

    .page-header h1 {
        margin-left: 24px;
    }

.navbar-inverse .navbar-inner {
    border: none;
}

    .navbar-inverse .navbar-inner .container-fluid ul {
        padding: 0;
    }

        .navbar-inverse .navbar-inner .container-fluid ul li {
            margin-bottom: 0px;
        }

.nav-header {
    border-bottom: 1px solid #DFDFDF;
    margin: 0;
    padding: 12px;
    min-height: initial;
    font-size: 16px;
    text-transform: unset;
}

.nav-list > li > a {
    color: black;
    text-decoration: none;
}

.items a:hover, .items a:visited {
    transition: unset;
}

.nav-list > li {
    margin-bottom: 0;
}

    .nav-list > li.nav-header {
        margin-bottom: 10px;
    }

#ssoSettingFormContainer {
    max-width: 580px;
}

.input-group input,
.input-group .input-group__wrapper,
.sso-saml-group {
    width: auto;
}

.attachment-box {
    display: inline-flex;
}

#fileUrl {
    width: 100%;
}

.button-group-input {
    border: none;
    background: transparent;
}

.dropdown-group p {
    margin: 0;
}

.sso-action {
    display: flex;
}

#saveSsoSettingLoader {
    margin-top: 4px;
}

.sso-message-error {
    color: red;
    margin-top: 8px;
    margin-bottom: 12px !important;
}

.sso-message-success {
    color: green;
    margin-top: 8px;
    margin-left: 12px;
}

.input-group .input:focus, .dropdown-group .input:focus {
    outline: none;
    box-shadow: none;
}

/*** ACCOUNT-SETTING---END **/

/*** LOGIN **/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
}

.board--login .login__form__contents .login__form__logo {
    background-image: url("/Content/ClientApp/asserts/images/logo/logo-dark.svg");
}

.button--outline.button--google i, a.button--outline.button--google i {
    background-image: url("/Content/ClientApp/asserts/images/login/g.svg");
}

.button--outline.button--sso i,
a.button--outline.button--sso i {
    background-image: url("/Content/ClientApp/asserts/images/login/sso.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16px;
    height: 12px;
    margin-right: 8px;
}

.wrapper.hide,
.login__form.hide,
.login__form__fields.hide,
.input-group.hide,
.input.hide {
    display: none;
}

.loading .btn-label {
    display: none;
}

.loading .loader-animation {
    display: block;
}

.fields__buttons .loader-animation {
    width: 18px;
}

.input-group--error .input:focus {
    border-color: red;
}

.input-group--error .input-domain--detail {
    color: #A9A9A9;
    padding-top: 4px;
}

.input-group--samlfile .input--error {
    padding-top: 8px;
}

.plan-selection .login__form {
    display: none;
}

.plan-selection .board--login .login__image {
    background-image: none;
}

/*** LOGIN---END **/