/* topbar */
.nav-link-min-width {
    min-width: 2.5rem;
}

.scrollbar-overlay-height {
    height: 27rem;
}

.icon-size-20px-20px {
    height:20px;
    width:20px;
}

.badge-size-12px-12px {
    height:12.8px;
    width:12.8px;
}

/* height */

.height-0p625rem {
    height: 0.625rem;
}

.height-5rem {
    height: 5rem;
}

.height-10rem {
    height: 10rem;
}

.height-1px {
    height: 1px;
}

.height-10px {
    height: 10px;
}

.height-15px {
    height: 15px;
}

.height-20px {
    height: 20px;
}

.height-70px {
    height: 70px;
}

.height-75px {
    height: 75px;
}

.height-100px {
    height: 100px;
}

.height-180px {
    height: 180px;
}

.height-200px {
    height: 200px;
}

.height-208px {
    height: 208px;
}

.height-300px {
    height: 300px;
}

.height-420px {
    height: 420px;
}

/* min height */

.min-height-130px {
    min-height: 130px;
}

.min-height-250px {
    min-height: 250px;
}

.min-height-300px {
    min-height: 300px;
}

/* width */

.width-18px {
    width: 18px;
}

.width-70px {
    width: 70px;
}

.width-150px {
    width: 150px;
}

.width-200px {
    width: 200px;
}

.width-250px {
    width: 250px;
}

.width-320px {
    width: 320px;
}

.width-2percent {
    width: 2%;
}

.width-5percent {
    width: 5%;
}

.width-6percent {
    width: 6%;
}

.width-8percent {
    width: 8%;
}

.width-10percent {
    width: 10%;
}

.width-11percent {
    width: 11%;
}

.width-14percent {
    width: 14%;
}

.width-15percent {
    width: 15%;
}

.width-16percent {
    width: 16%;
}

.width-19percent {
    width: 19%;
}

.width-20percent {
    width: 20%;
}

.width-21percent {
    width: 21%;
}

.width-22percent {
    width: 22%;
}

.width-23percent {
    width: 23%;
}

.width-25percent {
    width: 25%;
}

.width-30percent {
    width: 30%;
}

.width-32percent {
    width: 32%;
}

.width-35percent {
    width: 35%;
}

.width-40percent {
    width: 40%;
}

.width-45percent {
    width: 45%;
}

.width-50percent {
    width: 50%;
}

.width-55percent {
    width: 55%;
}

.width-60percent {
    width: 60%;
}

.width-64percent {
    width: 64%;
}

.width-70percent {
    width: 70%;
}

.width-76percent {
    width: 76%;
}

.width-89percent {
    width: 89%;
}

.width-90percent {
    width: 90%;
}

.width-100percent {
    width: 100%;
}

.width-8rem {
    width: 8rem;
}

.width-6rem {
    width: 6rem;
}

.width-20rem {
    width: 20rem;
}

/* min width */

.min-width-4rem {
    min-width: 4.5rem;
}

.min-width-7rem {
    min-width: 7rem;
}

.min-width-8rem {
    min-width: 8.5rem;
}

.min-width-12rem {
    min-width: 12.5rem;
}

.min-width-200px {
    min-width: 200px;
}

/* max width */

.max-width-20px {
    max-width: 20px;
}

.max-width-500px {
    max-width: 500px;
}

.max-width-20rem {
    max-width: 20rem;
}

.max-width-30rem {
    max-width: 30rem;
}

.max-width-32rem {
    max-width: 32rem;
}

/* top */

.top-80px {
    top: 80px;
}

.top-30percent {
    top: 30%;
}

.z-index-5 {
    z-index: 5;
}

.margin-top-nve-72px {
    margin-top:-72px;
}

.padding-top-72px {
    padding-top:72px;
}

.breadcrumb-divider {
    --phoenix-breadcrumb-divider: '>>';
}

/* locale dropdown */

.locale-dropdown-menu {
    min-width: 260px;
}
@media (min-width: 576px) {
    .locale-dropdown-menu {
        min-width: 360px;
    }
}

/* sign-in, sign-out, forgot-password page */

.sign-in-bg {
    background-image:url(/theme/img/login-bg.jpg);
}

.faq-bg {
    background-image:url(/theme/img/bg/bg-40.png);
    background-size:cover;
}

.faq-dark-bg {
    background-image:url(/theme/img/bg/bg-dark-40.png);
    background-size:cover;
}