.breadcrumbs, .breadcrumbs-login {
    min-height: 250px;
    background: #E9F1FC;
    margin-bottom: 30px;
}

.breadcrumbs-login {
    background: transparent;
    min-height: auto;
}

ul.breadcrumbs-list {
    list-style: none;
    display: flex;
}

ul.breadcrumbs-list li {
    padding: 5px;
}

ul.breadcrumbs-list li a {
    text-decoration: none;
    color: #194A8B;
}

ul.breadcrumbs-list li a:after {
    content: '/';
    color: var(--text-secondary, #5D616B);
    padding-left: 5px;
}

ul.breadcrumbs-list li a.active:after {
    content: '';
}

ul.breadcrumbs-list li a.active {
    color: var(--text-secondary, #5D616B);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/*login page*/
.breadcrumbs-login {
    margin-bottom: 90px;
}

.auth-unified #LoginAccordion {
    min-height: auto;
}

.auth-icon img {
    max-width: 60px;
}

.auth-icon.ghiseul img {
    max-width: 70px;
}

.roid img {
    margin-top: -10px;
}

#LoginAccordion .input-group {
    display: block;
}

#LoginAccordion .input-group input.form-control,
#CollapseLoginViaEmail .input-group input.form-control {
    margin-bottom: 15px;
    border-radius: 4px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 141.176% */
    border: 1px solid var(--extra-gray, #B7BBC7);
}

#LoginAccordion .btn-login:hover,
#CollapseLoginViaEmail .btn-login:hover {
    background: var(--brand-blue, #3166ab) !important;
    color: var(--text-light, #F0F5FF);
}

#LoginAccordion .mypassword .input-group-addon {
    position: absolute;
    z-index: 9999;
    cursor: pointer;
    right: 20px;
    top: 5px;
    background: transparent;
    border: none;
}

#LoginAccordion .auth-password-reset {
    top: -5px;
    position: relative;
}

#LoginAccordion .auth-password-reset a {
    color: var(--brand-blue, #3672C0);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

#LoginAccordion .auth-password-reset a:hover {
    text-decoration: none;
}

#LoginAccordion label,
#CollapseLoginViaEmail label {
    color: var(--text-secondary, #6E7177);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

#EmailLinkAccordion .input-group {
    display: block;
}

/*end login page*/

@media (max-width: 992px) {
    .navbar-nav {
        margin: 0;
    }

    .navbar-toggle {
        margin-right: 30px;
        margin-top: 27px;
    }

    .navbar-brand img {
        max-width: 203px;
        margin-top: -4px;
    }

    .navbar-inverse.first-navbar li a {
        font-size: 15px;
        font-weight: 500;
        padding: 25px 25px 19px;
        border-bottom: 0;
    }

    .navbar-inverse.first-navbar li a:focus,
    .navbar-inverse.first-navbar li a:hover {
        text-shadow: none;
        transition: all .35s;
        border: 0;
        outline: 0;
        border-bottom: 0;
    }

    .navbar-inverse.first-navbar li a {
        padding: 26px 40px 19px;
        font-size: 16px;
    }

    ul.navbar-right {
        font-size: 16px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .navbar-brand.app-name, .navbar-brand.module-name {
        padding-left: 35px;
        padding-top: 23px;
    }

    ul.navbar-right {
        padding-right: 30px;
        padding-bottom: 15px;
    }

    footer {
        padding: 10px 10px 10px 10px;
    }

    .footer-padding {
        padding-left: 0;
    }
    /*login page*/

}

@media (max-width: 770px) {

    .auth-icon {
        display: none;
    }
}


@media (max-width: 500px) {
    .navbar-brand img {
        max-width: 200px;
    }

    .navbar-inverse.first-navbar li a {
        padding: 26px 40px 19px;
        font-size: 16px;
    }

    .navbar-toggle {
        margin-right: 30px;
    }

    footer .col-xs-6 {
        width: 50%;
        min-height: 160px;
    }
}