@import url("/css/site.css");

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: IRANSans;
    margin-top: 100px;
    margin-bottom: 110px;
}

input.border-0:focus-visible {
    outline: 0 !important;
}

.rtl {
    direction: rtl !important;
}

.ltr {
    direction: ltr !important;
}

.navbar-brand img {
    height: 1.8rem;
}

.navbar-nav {
    flex-direction: row !important;
}

    .navbar-nav .nav-item i.fa-thin {
        font-size: 1.5rem;
        /*color: var(--frz-secondary);*/
        color: #000;
    }

    .navbar-nav .nav-item hr {
        color: #efeff4; /*var(--frz-secondary);*/
        position: absolute;
        top: 1.5rem;
        width: 100%;
        height: .3rem;
        opacity: 1;
        border-radius: 1rem;
    }

    .navbar-nav .nav-item:not(.active) hr {
        display: none !important;
    }

.main-icon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 696px;
    margin: auto;
    margin-bottom: 2rem;
}

    .main-icon > div[onclick] {
        cursor: pointer;
    }

    .main-icon > div {
        width: fit-content;
    }

        .main-icon > div > div {
            color: #707070;
            font-size: .85rem;
            padding-top: .1rem;
            font-weight: lighter;
            /*color: #0d5257;
            text-shadow: 0px 2px 1px #9db9bb;*/
            width: 80px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            text-align: center;
            margin: auto;
        }

    .main-icon i {
        color: var(--frz-primary);
        font-size: 2.5rem;
        /*border: 1px solid #0d5257;*/
        border-radius: 1rem;
        box-shadow: 0 2px 5px var(--frz-primary);
        margin: 1rem .5rem .3rem;
        /*padding: 1.6rem .5rem;
        width: 85px;
        height: 85px;*/
        padding: 1rem .4rem;
        width: 5rem;
        height: 64px;
    }

    .main-icon.gold-icon i {
        color: var(--frz-secondary);
        box-shadow: 0 2px 5px var(--frz-secondary);
    }

.navbar .mdynamic {
    margin: auto 0;
}

.multi-banner {
    height: 160px;
    overflow-x: scroll;
    width: 100%;
    padding: .1rem 0;
}

.banner {
    height: 144px;
    width: 350px;
    border-radius: .6rem;
    position: relative;
    box-shadow: 0 2px 5px #ccc;
}

    .banner img {
        /*object-fit: contain;*/
    }

    .banner .caption {
        position: absolute;
        bottom: 0;
        padding: 1rem;
        background-color: #fff;
        width: 100%;
        border-bottom-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
    }

    .banner.type4 .caption {
        display: none;
    }

    .banner:not(.type4) img {
        max-height: 175px;
    }

    .banner.projects {
        height: auto !important;
        width: auto !important;
    }

        .banner.projects .caption {
            position: relative !important;
        }

.banners .owl-carousel {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
}

    .banners .row,
    .banners .owl-carousel .owl-stage-outer {
        padding-bottom: 1rem;
    }

.banners [onclick] {
    cursor: pointer;
}

.loading {
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white !important;
    z-index: 99;
}

.splash {
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white !important;
    z-index: 9999;
}

    .splash .version {
        position: fixed;
        bottom: 3rem;
        font-weight: lighter;
        width: 100%;
        text-align: center;
    }

    .splash .logo {
        position: absolute;
        top: 35%;
        right: 25%;
        z-index: -1;
        max-width: 500px;
    }

.pinned {
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10;
    background-image: linear-gradient(transparent, var(--frz-primary-light-1));
    backdrop-filter: blur(.2rem);
}

    .pinned > div > div[onclick] {
        cursor: pointer;
    }

    .pinned > div {
        max-width: 336px;
        margin: 1rem auto;
        border-radius: 1rem;
        box-shadow: 0 0 1rem #efeff4; /*#b99d75;*/
        background-color: #fff;
        padding: 1rem;
        border: 1px solid #efeff4;
    }

        .pinned > div i {
            color: var(--frz-primary);
            font-size: 2.5rem;
        }

        .pinned > div div {
            color: #707070;
            font-size: .7rem;
            padding-top: .1rem;
            margin: 0 auto;
            width: 84px;
        }

.scroll-touch {
    -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
}

.scroll-auto {
    -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
}

@media (min-width: 768px) {
    body {
        margin-top: 120px;
    }

    .main-icon {
        max-width: unset;
    }

        .main-icon i {
            /*padding: 1.2rem .5rem;*/
            padding: 1rem .1rem;
            font-size: 3.5rem;
            margin: 1rem;
            margin-bottom: .5rem;
            width: 7rem;
            height: 6rem;
        }

        .main-icon > div > div {
            width: 100px;
            font-weight: normal;
        }

    .navbar .mdynamic {
        margin: auto 2rem;
    }

    .multi-banner {
        height: 250px;
        padding: .3rem 0;
    }

    .banner {
        height: 225px;
        width: 400px;
        border-radius: .6rem;
    }

    .splash .logo {
        top: 25%;
    }
}

.notification {
    position: fixed !important;
    top: -100px;
    z-index: 9999;
    width: 330px;
    right: calc((100% - 330px) / 2);
}

    .notification.alert {
        border-radius: .6rem;
    }

    .notification.alert-danger {
        background-color: #f8d7daaa;
        box-shadow: 0 0 10px #f8d7daaa;
    }

    .notification.alert-info {
        background-color: #cff4fcaa;
        box-shadow: 0 0 10px #cff4fcaa;
    }

    .notification.alert-success {
        background-color: #d1e7ddaa;
        box-shadow: 0 0 10px #d1e7ddaa;
    }

    .notification.alert-warning {
        background-color: #fff3cdaa;
        box-shadow: 0 0 10px #fff3cdaa;
    }

    .notification.alert-primary {
        background-color: #cfe2ffaa;
        box-shadow: 0 0 10px #cfe2ffaa;
    }

    .notification.show {
        animation: show-notification .5s 1;
        animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards;
    }

@keyframes show-notification {
    0% {
        top: -100px;
    }

    100% {
        top: 1rem;
    }
}

@-webkit-keyframes show-notification {
    0% {
        top: -100px;
    }

    100% {
        top: 1rem;
    }
}

.notification.hide {
    animation: hide-notification .5s 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@keyframes hide-notification {
    0% {
        top: 1rem;
    }

    100% {
        top: -100px;
    }
}

@-webkit-keyframes hide-notification {
    0% {
        top: 1rem;
    }

    100% {
        top: -100px;
    }
}

.preloader {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-animation: preloader-spin 1s steps(12, end) infinite;
    animation: preloader-spin 1s steps(12, end) infinite;
}

@-webkit-keyframes preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes preloader-spin {
    100% {
        transform: rotate(360deg);
    }
}

.modal.iOS {
    text-align: center;
    color: #000;
}

    .modal.iOS .modal-dialog-centered {
        width: 270px;
        margin: auto;
    }

    .modal.iOS .modal-title {
        font-size: 18px;
        font-weight: 500;
        text-align: center;
    }

    .modal.iOS .modal-content {
        border-radius: .6rem;
        background-color: #f9f9f9;
    }

        .modal.iOS .modal-content .modal-body {
            padding: 0.9375rem !important;
        }

    .modal.iOS .modal-title + .modal-text {
        margin-top: 5px;
        padding: 0;
    }

    .modal.iOS .preloader {
        width: 34px;
        height: 34px;
    }

    .modal.iOS .modal-footer {
        height: 44px;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0 !important;
        border-top: 1px solid #cecece;
    }

#iOSAlert.modal.iOS .modal-footer span:active {
    background: #d4d4d4;
    border-radius: 0 0 .6rem .6rem;
}

#iOSConfirm.modal.iOS .modal-footer span:active:first-child,
#iOSModal.modal.iOS .modal-footer span:active:first-child,
.modal.iOS .modal-footer span:active:first-child {
    background: #d4d4d4;
    border-radius: 0 0 .6rem 0;
}

#iOSConfirm.modal.iOS .modal-footer span:active:last-child,
#iOSModal.modal.iOS .modal-footer span:active:last-child,
.modal.iOS .modal-footer span:active:last-child {
    background: #d4d4d4;
    border-radius: 0 0 0 .6rem;
}

#iOSAlert.modal.iOS .modal-footer span {
    width: 100%;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #007aff;
    margin: 0;
    padding: 0;
    font-weight: 500;
    cursor: pointer;
}

#iOSConfirm.modal.iOS .modal-footer span,
#iOSModal.modal.iOS .modal-footer span,
.modal.iOS .modal-footer span {
    width: 50%;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #007aff;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

    #iOSConfirm.modal.iOS .modal-footer span:first-child,
    #iOSModal.modal.iOS .modal-footer span:first-child,
    .modal.iOS .modal-footer span:first-child {
        border-left: 1px solid #cecece;
        font-weight: 500;
    }

#iOSModal.modal.iOS .form-control,
.modal.iOS .form-control {
    width: 100%;
    height: 2rem;
    padding: 0 .5rem;
    margin-right: .5rem;
    margin-left: 0;
}

#iOSModal.modal.iOS .input-group,
.modal.iOS .input-group {
    margin-right: .5rem;
}

.modal.iOS .form-select {
    margin-left: .5rem;
    padding-top: 0;
    padding-bottom: 0;
}

.form-select {
    background-position: left .3rem center;
    font-size: .9rem;
    text-overflow: ellipsis;
}

.form-control {
    border-radius: .6rem;
    /*font-weight: lighter;*/
}

    .form-control:focus,
    .form-control:focus + .input-group-text + .countdown,
    .form-control:focus + .input-group-text {
        border-color: #b99d75;
        box-shadow: none;
        /*color: var(--frz-primary);*/
    }

.input-list {
    padding: 0;
    position: relative;
    margin-bottom: 1rem;
}

    .input-list .input-group.disabled .form-control {
    }

    .input-list .form-control, .input-list .input-group-text {
        border-radius: 0;
        margin-bottom: -1px;
    }

        .input-list .form-control:focus,
        .input-list .form-control:focus + .input-group-text {
            z-index: 5;
            position: relative;
        }

            .input-list .form-control:focus + .input-group-text {
                color: #e6ae02;
            }

    .input-list > .form-control:first-child {
        border-top-right-radius: .6rem;
        border-top-left-radius: .6rem;
    }

    .input-list > .form-control:last-child {
        border-bottom-right-radius: .6rem;
        border-bottom-left-radius: .6rem;
    }

    .input-list > .input-group:first-child .form-control,
    .input-list > .input-group:first-child .input-group-text {
        border-top-right-radius: .6rem;
        border-top-left-radius: .6rem;
    }

    .input-list > .input-group:last-child .form-control,
    .input-list > .input-group:last-child .input-group-text {
        border-bottom-right-radius: .6rem;
        border-bottom-left-radius: .6rem;
    }

    .input-list > .input-group .form-control {
        /*border-right: 0;*/
        border-left: 0;
    }

    .input-list > .input-group .input-group-text {
        background-color: #fff;
        /*border-left: 0;*/
        border-right: 0;
        color: #777;
    }

        .input-list > .input-group .input-group-text:disabled {
            background-color: #e9ecef;
            opacity: 1;
        }

.list-input-group {
    border-radius: .6rem;
}

.input-group-text:not(:last-child) {
    border-left: 0 !important;
}

.input-group-text i {
    font-size: 1.4rem;
}

.text-decoration-none a {
    text-decoration: none;
    cursor: pointer;
    color: #212529;
}

/*a.text-decoration-none {
    color: #212529;
}*/

.success {
    /*background-color: #208c5c33 !important;
    border-color: #208c5c !important;*/
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
}

.gold {
    color: #aa916c !important;
    background-color: #e8dfd1 !important;
    border-color: #ded2be !important;
}

.danger {
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}

.warning {
    color: #664d03 !important;
    background-color: #fff3cd !important;
    border-color: #ffecb5 !important;
}

.info {
    color: #055160 !important;
    background-color: #cff4fc !important;
    border-color: #b6effb !important;
}

.primary {
    color: #084298 !important;
    background-color: #cfe2ff !important;
    border-color: #b6d4fe !important;
}

.secondary {
    color: #41464b !important;
    background-color: #e2e3e5 !important;
    border-color: #d3d6d8 !important;
}

.countdown {
    font-size: .8rem;
    min-width: 4.5rem;
    justify-content: center;
    color: #1472fd !important;
}

    .countdown i {
        font-size: 1.1rem;
    }

.text-yellow,
.text-yellow a {
    color: #e6ae02 !important;
}

/*.text-secondary,*/
.text-gold,
.text-gold a {
    color: var(--frz-secondary) !important;
}

/*.text-primary,*/
.text-green,
.text-green a {
    color: var(--frz-primary) !important;
}

.text-blue,
.text-blue a {
    color: #0d6efd !important;
}

.bg-yellow {
    background-color: #e6ae02 !important;
}

.bg-gold {
    background-color: var(--frz-secondary) !important;
}

.bg-gold-light {
    background-color: var(--frz-secondary-light-1) !important;
}

.bg-green {
    background-color: var(--frz-primary) !important;
}


.note {
    color: #33363a;
    text-align: justify;
}

.login {
    background-color: #fffb;
    margin: 10rem 1.5rem 0;
    padding: 1rem;
    border-radius: .6rem;
    box-shadow: 0 0 10px #fff;
}

    .login .input-list {
        width: 270px;
        margin: auto;
    }

a > i {
    min-width: 1rem;
}

a label {
    cursor: pointer;
}

.circle {
    border-radius: 50%;
    position: absolute;
    z-index: -1;
}

.circle-1 {
    width: 2rem;
    height: 2rem;
}

.circle-2 {
    width: 5rem;
    height: 5rem;
}

.circle-3 {
    width: 10rem;
    height: 10rem;
}

.circle-4 {
    width: 15rem;
    height: 15rem;
}

.circle-5 {
    width: 20rem;
    height: 20rem;
}

.background {
    height: 100vh;
    z-index: -1;
    position: fixed;
    width: 100%;
    overflow: hidden !important;
    top: 0;
    left: 0;
}

.profile {
    padding-top: 1rem !important;
}

    .profile .avatar {
        display: flex;
        width: fit-content;
        margin: auto;
        height: 6rem;
        justify-content: center;
    }

        .profile .avatar i:not(.vip-star) {
            font-size: 5rem;
            width: 6rem;
            height: 6rem;
            padding-top: 1.2rem;
            color: #fff;
            margin-right: -.3rem;
        }

        .profile .avatar img {
            width: 6rem;
            height: 6rem;
        }

    .profile .bg {
        width: 6rem;
        height: 6.1rem;
        border: .3rem solid #6c757d;
        overflow: hidden;
        background-color: #6c757d;
    }

    .profile .gradient {
        width: 6rem;
        height: 6rem;
        background: linear-gradient(#fcfcfc, transparent);
    }

    .profile .name {
        font-size: 1.4rem;
        margin-top: .5rem;
    }

    .profile .phone {
        color: #686868;
    }

    .profile.d-flex {
        padding-top: 0 !important;
    }

        .profile.d-flex .avatar {
            width: 4rem;
            height: 4rem;
        }

            .profile.d-flex .avatar i:not(.vip-star) {
                font-size: 3rem !important;
                width: 4rem;
                height: 4rem;
                padding-top: .6rem !important;
            }

        .profile.d-flex .bg {
            width: 4rem;
            height: 4rem;
        }

        .profile.d-flex .gradient {
            width: 4rem;
            height: 4rem;
        }

        .profile.d-flex .data {
            width: calc(100% - 4rem);
            margin-right: .5rem;
        }

        .profile.d-flex .name {
            font-size: 1.2rem;
            margin-top: .3rem;
            color: #000;
            height: 47px !important;
            align-items: center;
            display: inline-flex;
        }

        .profile.d-flex .phone {
            font-weight: lighter;
            font-size: smaller;
            margin-top: -.5rem
        }

.setting {
    /*margin: 9rem .2rem;*/
    padding-top: 1rem !important;
}

    .setting h6 {
        color: #707071; /*var(--frz-secondary);*/
        margin: 0 .5rem !important;
        font-weight: lighter;
    }

    .setting .list-group {
        display: flex;
        flex-direction: column;
        padding: 0;
        border-radius: .6rem;
        margin-bottom: revert;
    }

        .setting .list-group i:first-child {
            border-bottom: solid #fff;
            padding: 0 .7rem .7rem;
            position: absolute;
            width: 2.9rem;
            right: 0;
            font-size: 1.5rem;
            text-align: center;
        }

        .setting .list-group .list-group-item.d-flex i:first-child {
            height: 2.3rem;
            width: unset;
        }

        .setting .list-group .list-group-item.d-flex i:last-child {
            min-width: unset;
        }

        /*.setting .list-group .list-group-item.d-flex label {
            margin-right: .5rem;
        }*/

        .setting .list-group .list-group-item.d-flex span.caption {
            left: 2rem;
            position: absolute;
            color: #686868;
            padding: 0;
        }

            .select .setting .list-group .list-group-item.d-flex span.caption,
            .setting .list-group .list-group-item.d-flex span.caption.left {
                left: 1rem !important;
            }

        .setting .list-group .list-group-item.d-flex .chosen-container,
        .setting .list-group .list-group-item.d-flex input,
        .setting .list-group .list-group-item.d-flex select {
            margin-top: -.1rem;
            margin-right: 7rem;
            width: -moz-available;
            margin-left: 1rem;
        }

            .setting .list-group .list-group-item.d-flex select option {
                font-family: IRANSans;
            }

        .setting .list-group li a > span,
        .setting .list-group li > span {
            padding-right: 2rem;
        }

        .setting .list-group i.fa-chevron-start {
            position: absolute;
            left: 1rem;
            right: auto;
            top: 1rem;
            color: #878787;
        }

        .setting .list-group i.fa-receipt,
        .setting .list-group i.fa-pencil {
            position: absolute;
            left: 1rem;
            right: auto;
            top: 1rem;
        }

    .setting .list-group-item {
        padding: .7rem 1rem;
    }

        .setting .list-group-item:last-child i:first-child {
            border-bottom: 0 !important;
        }

    .setting .list-group.msg img {
        width: 3.3rem;
        height: 3.3rem;
    }

    .setting .list-group.msg .contact {
        margin-right: 4.5rem;
    }

    .setting .list-group.msg .message {
        margin-right: 4.5rem;
        opacity: .5;
    }

    .setting .list-group.msg .date,
    .setting .list-group .date {
        font-family: IRANSans;
        font-weight: normal;
        margin-left: .4rem;
        font-size: small;
        color: #878787;
    }

    .setting .list-group.msg i:first-child {
        padding-bottom: .4rem !important;
        width: 2rem;
    }

        .setting .list-group.msg i:first-child img {
            margin-right: 1rem;
        }

.dashboard {
    background-color: #efeff4; /*var(--frz-primary);*/ /*#f2f2f6;*/
}

.provider {
    /*background-color: var(--frz-primary-light);*/
    background-color: var(--frz-secondary-light);
}

.my {
    /*background-color: #fff4f6;*/
    background-color: var(--frz-primary-light);
}

.global {
    background-color: #fefbef;
}

.text-justify {
    text-align: justify !important;
}

.disabled {
    background-color: #e9ecef !important;
    opacity: 1;
}

.filter {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #dee2e6 !important;
    width: 100%;
    background-color: #fff;
    font-weight: 300;
    box-shadow: 1rem 1rem rgba(0, 0, 0, .05);
    z-index: 2;
    font-size: small;
}

    .filter ul {
        display: flex;
        list-style-type: none;
        margin: .5rem 0;
        padding: 0 .5rem;
        overflow-x: auto;
        touch-action: pan-x;
    }

    .filter li {
        margin: 0 .25rem;
        border: 1px solid #ddd;
        border-radius: 10rem;
        padding: .25rem 1rem;
        background-color: #fff;
        cursor: pointer;
        white-space: nowrap;
    }

        .filter li.active {
            color: var(--frz-primary) !important;
            border-color: var(--frz-primary) !important;
        }

.filter-inline {
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*border-top: 1px solid #dee2e6 !important;*/
    width: 100%;
    background-color: #fff;
    font-weight: 300;
    /*box-shadow: 1rem 1rem rgba(0, 0, 0, .05);*/
    z-index: 1;
    font-size: small;
}

    .filter-inline ul {
        display: flex;
        list-style-type: none;
        margin: .5rem 0;
        padding: 0 .5rem;
        overflow-x: auto;
        touch-action: pan-x;
    }

    .filter-inline li {
        margin: 0 .25rem;
        border: 1px solid var(--frz-secondary);
        border-radius: 10rem;
        padding: .25rem 1rem;
        background-color: #fff;
        cursor: pointer;
        white-space: nowrap;
        color: var(--frz-primary);
    }

        .filter-inline li.active {
            background-color: var(--frz-secondary-light);
            font-weight: bold;
        }

        .filter-inline li small {
            margin-right: .25rem;
            color: #6c757d;
            font-weight: bold;
        }

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #adb5bd;
    font-weight: 200;
    /*opacity: 1;*/ /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #adb5bd;
    font-weight: 200;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #adb5bd;
    font-weight: 200;
}

.rounded-pill {
    font-family: IRANSans;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile {
    margin-right: .2rem;
}

.select {
    width: 100%;
    height: calc(100vh - 6rem);
    display: flex;
    position: fixed;
    top: 6rem;
    left: 0;
    background-color: #efeff4 !important;
    overflow-y: auto; /*scroll;*/
    padding-top: 1rem;
    z-index: 3;
}

    .select.provider {
        background-color: var(--frz-secondary-light) !important;
    }

    .select.my {
        background-color: var(--frz-primary-light) !important;
    }

        .select .setting .list-group i.fa-chevron-start .left,
        .select.my .setting .list-group i.fa-chevron-start,
        .select.provider .setting .list-group i.fa-chevron-start {
            left: -.7rem;
            top: auto;
        }

    .select .list-group-item {
        cursor: pointer;
    }

        .select .list-group-item i.left,
        .setting .list-group-item i.left {
            position: absolute;
            top: 1rem;
            left: 1rem;
        }

        .select .list-group-item i:not(.left) {
            font-size: 1.1rem !important;
            padding-top: .2rem !important;
            /*color: #0d6efd;*/
            width: 2.3rem !important;
        }

        .select .list-group-item > span {
            padding-right: 1.5rem !important;
        }

#sidebar {
}

.cursor-pointer {
    cursor: pointer;
}

.owl-nav.disabled,
.owl-nav {
    display: block !important;
    position: absolute;
    top: 40%;
    margin: 0 .3rem;
    width: 100%;
    background-color: transparent !important;
}

    .owl-nav.disabled .owl-prev.disabled,
    .owl-nav.disabled .owl-next.disabled,
    .owl-nav .owl-prev.disabled,
    .owl-nav .owl-next.disabled {
        display: none;
    }

    .owl-nav.disabled .owl-prev span[aria-label],
    .owl-nav.disabled .owl-next span[aria-label],
    .owl-nav .owl-prev span[aria-label],
    .owl-nav .owl-next span[aria-label] {
        border-radius: 100% !important;
        background-color: rgb(255, 255, 255, 0.7) !important;
        padding: .3rem 1rem !important;
    }

    .owl-nav.disabled .owl-next,
    .owl-nav .owl-next {
        position: absolute;
        left: .8rem;
    }

#dots.owl-dots {
    text-align: center;
    padding: 0 0 1.5rem;
}

    #dots.owl-dots button.owl-dot {
        width: 1.5rem;
        height: .3rem;
        border-radius: .5rem;
        display: inline-block;
        background: #c6f2f4;
        /*background: #98d4f0bf;*/
        /*background: var(--frz-primary-light-1);*/
        margin: 0 .3rem;
        border: 0;
    }

        #dots.owl-dots button.owl-dot.active {
            background-color: #2ccfd6;
            /*background-color: #1fa3df;*/
            /*background-color: var(--frz-primary);*/
        }

        #dots.owl-dots button.owl-dot:focus {
            outline: none;
        }

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: IRANSans;
}

.list-group-item .chosen-container {
    margin: 0 4rem 0 0 !important;
    height: 0 !important;
}

.list-group-item a.chosen-single {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.list-group-item .chosen-search input {
    margin: 0 !important;
}

.list-group-item a.chosen-single span {
    font-size: .98rem !important;
    color: #000 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.list-group-item a.chosen-single div {
    right: auto !important;
    left: 0 !important;
}

.bubble {
    position: relative;
    border-radius: 1rem;
    padding: .3rem 1rem;
    width: 300px;
    margin-top: 10px;
}

    .bubble:first-child {
        margin-top: 0;
    }

.bubble-end {
    background: var(--frz-primary-light);
}

    .bubble-end:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 1.4rem solid var(--frz-primary-light);
        border-right: 1.8rem solid transparent;
        right: -1rem;
        top: 0px;
    }

.bubble-start {
    margin-right: calc(100% - 350px);
    background: #f4efe8;
    text-align: left;
}

    .bubble-start:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-top: 1.4rem solid #f4efe8;
        border-left: 1.8rem solid transparent;
        left: -1rem;
        top: 0;
    }

.messages {
    margin-top: 20rem !important;
}

    .messages > .d-flex, .chatDialogs > .d-flex {
        margin-top: .8rem;
    }

    .messages .d-flex img, .chatDialogs .d-flex img {
        width: 3rem;
        height: 3rem;
        margin-left: .8rem;
    }

    .messages .d-flex.ltr img, .chatDialogs .d-flex.ltr img {
        margin-left: unset !important;
        margin-right: .8rem;
    }

.messageInfo {
    top: 5rem;
    position: fixed !important;
    width: 100%;
    right: 0;
    padding: 1rem 0 0;
    background-color: white;
    z-index: 10;
    margin-bottom: 0;
}

.chat {
    height: 100vh !important;
    width: 100% !important;
    position: fixed !important;
    display: flex !important;
    right: 0;
}

    .chat .chatInfo {
        top: 5.55rem;
        position: relative;
        width: 100%;
        right: 0;
        padding: .7rem;
        background-color: white;
        z-index: 10;
        border-bottom: 1px solid #dee2e6;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    }

        .chat .chatInfo img {
            height: 3rem;
            width: 3rem;
            border: 1px solid #dee2e6;
        }

        .chat .chatInfo i {
            display: none;
        }

    .chat .chatContent {
        width: 75%;
        position: relative;
        top: -7rem;
        height: 100vh;
        background-color: #fff;
    }

    .chat .chatDialogs {
        margin-top: 5.55rem;
        overflow-y: auto;
        padding: 0 1rem;
        height: calc(100vh - 15rem);
    }

    .chat .chatUsers {
        width: 25%;
        top: -1.5rem;
        position: relative;
        right: 0;
        /*padding: 1rem;*/
        background-color: #f8f9fa;
        height: 100vh !important;
    }

        .chat .chatUsers i {
            display: none;
        }

        .chat .chatUsers .lst {
            /*margin-top: .5rem;*/
            overflow-y: auto;
            height: calc(100vh - 10.5rem);
        }

            .chat .chatUsers .lst div {
                border-bottom: 1px #eee solid;
                padding: .7rem .7rem .7rem 0;
                cursor: pointer;
            }

            .chat .chatUsers .lst img {
                height: 2rem;
                width: 2rem;
            }

    .chat .chatInput {
        /*bottom: .5rem;*/
        bottom: 6rem;
        position: absolute !important;
        width: 100%;
        right: 0;
        padding: 1rem 0;
        background-color: white;
    }

        .chat .chatInput .container i {
            bottom: .45rem;
            font-size: 1.5rem;
            cursor: pointer;
        }

            .chat .chatInput .container i.text-green {
                left: 1.2rem;
                rotate: 180deg;
            }

            .chat .chatInput .container i.text-gold {
                left: 3.5rem;
            }

@media (max-width: 640px) {
    .chat .chatUsers {
        width: 100%;
        position: absolute;
        /*z-index: 11;*/
    }

    .chat .chatContent {
        width: 100%;
    }

    .chat .chatInfo i {
        display: block;
    }

    .chat .chatUsers i {
        display: block;
    }
}

.h-area-auto,
div [contenteditable] {
    max-height: 200px;
    overflow: auto;
    -webkit-user-select: text;
    user-select: text;
}

.messageInput {
    bottom: 0;
    position: fixed !important;
    width: 100%;
    right: 0;
    padding: 1rem 0;
    background-color: white;
}

    .messageInput .container i {
        left: 1.2rem;
        bottom: .45rem;
        font-size: 1.5rem;
        cursor: pointer;
    }

#iOSModal .modal-text div.d-flex,
.modal.iOS .modal-text div.d-flex {
    margin: .2rem 0;
}

    #iOSModal .modal-text div.d-flex .form-control,
    .modal.iOS .modal-text div.d-flex .form-control {
        border-radius: 4px;
    }

#iOSModal .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.modal.iOS .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

li a[role=button]:not(.page-link) {
    text-decoration: none;
    color: initial;
}

.slideUp {
    background: #fff;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    padding: 1rem;
    width: 95%;
    right: 2.5%;
    box-shadow: none;
    position: fixed;
    /*top: 100%;*/
    bottom: calc(-100vh - 20rem); /*-310px;*/
    transition: all .5s ease 0s;
}

    .slideUp::before {
        width: 2.5rem;
        display: block;
        background: var(--frz-secondary);
        content: '.';
        color: #fff;
        height: .3rem;
        border-radius: 1rem;
        margin: auto;
    }

    .slideUp .title {
        text-align: center;
        margin: .3rem 0;
        font-weight: bold;
        font-size: .875em;
        color: var(--frz-secondary);
    }

    .slideUp .body {
        overflow-y: auto;
        max-height: calc(100vh - 13rem); /*210px;*/
    }

    .slideUp.show {
        bottom: 0;
        box-shadow: 0 -5px 20px -5px #1b878c45;
        /*top: auto;*/
    }


        .slideUp.show.shadow-gray {
            box-shadow: 0 -5px 20px -5px #7b7b7b45;
        }

    .slideUp .operation {
        position: relative;
        bottom: 0;
        text-align: center !important;
        border-top: 1px solid #eee;
        padding-top: .5rem;
        margin-top: .5rem;
        justify-content: space-around;
        display: flex;
    }

.provider .slideUp.show {
    box-shadow: 0 -5px 20px -5px var(--frz-secondary)45;
}

.form-check.rtl .form-check-input {
    float: none;
    margin-left: 0;
    margin-right: .25rem;
}

.separator > div:not(:first-child) {
    margin-top: 1rem;
}

.separator > div > h6 {
    border-top: #eee 1px solid;
    padding-top: .5rem;
    color: #1b878c;
    padding-right: .7rem;
}

.separator > div > div {
    margin-right: 1.5rem;
}

.frz-sub-menu {
    /*top: 85px;*/
    bottom: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
    background: #fff;
    border-top: #dee2e6 1px solid;
    /*border-bottom: #dee2e6 1px solid;*/
    padding: .5rem .25rem !important;
    position: fixed !important;
    height: 3rem;
}

/*@media (min-width: 768px) {
    .sub-menu {
        top: 97px;
    }
}*/

.max-width-100 {
    overflow: hidden;
    max-width: 100px;
}

.max-width-150 {
    overflow: hidden;
    max-width: 150px;
}

.max-width-200 {
    overflow: hidden;
    max-width: 200px;
}

#pageTitle {
    /*max-width: 200px;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: auto !important;
    display: block !important;
}



@media (min-width:100px) { /* smartphones, iPhone, portrait 480x320 phones */
    #pageTitle {
        max-width: 50px;
    }
}

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    #pageTitle {
        max-width: 150px;
    }
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    #pageTitle {
        max-width: 300px;
    }
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    #pageTitle {
        max-width: 465px;
    }
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    #pageTitle {
        max-width: 785px;
    }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    #pageTitle {
        max-width: 850px;
    }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
    #pageTitle {
        max-width: 1105px;
    }
}

.price {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    text-align: left;
}

.currency {
    padding: 0 .3rem !important;
    font-size: small;
}

.text-line-through {
    text-decoration: line-through;
    color: #dc3545;
    font-size: small;
    line-height: 1;
}

.cart .list-group-item {
    cursor: default;
}

.store-img {
    border-radius: .5rem;
    box-shadow: 0 0 4px 1px #acacac;
    height: 120px !important;
    background-repeat: no-repeat;
    border: white solid;
    background-position: center center;
    background-size: 100%;
}

rial::after {
    content: " ریال" !important;
}

m-toman::after {
    content: " میلیون تومان" !important;
}

.fa-chevron-start.rial::before {
    content: "" !important;
}

.fa-chevron-start.rial::after {
    content: "\f053" !important;
}

.fa-chevron-start.rial .date:not(.ltr)::after,
#TotalDebt::after,
#TotalDebtResidance::after,
#TotalDebtOwner::after,
#TotalPaid::after,
#TotalPaidResidance::after,
#TotalAmountRemaining::after,
#TotalPaidOwner::after {
    content: " ریال" !important;
}

.bg-blur {
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: blur(.2rem);
    z-index: 9999;
}

.list-group-item.blank-first:not(:last-child)::after {
    content: '';
    bottom: -1px;
    position: absolute;
    border: 1px solid #fff;
    right: 0;
    width: 4rem;
}


.list-group-item.blank-first-sm:not(:last-child)::after {
    content: '';
    bottom: -1px;
    position: absolute;
    border: 1px solid #fff;
    right: 0;
    width: 2rem;
}

.chosen-container-multi .chosen-choices li {
    float: right !important;
}

.ticket {
    font-size: 1.5rem;
    rotate: 90deg;
    margin-right: -60px;
    margin-top: 45px;
    position: absolute;
    width: fit-content;
    font-family: courier new;
    line-height: 1.3;
    height: 45px;
}

    .ticket::after {
        content: '';
        border-bottom: 2px dashed #dfdfdf;
        width: 110%;
        display: block;
        margin-top: 10px;
        left: 0;
        position: absolute;
    }

.fa-chevron-start.hide::before {
    visibility: hidden;
}

div.ninotree {
    background: #fff;
    border-radius: .6rem;
    border: 1px solid rgba(0,0,0,.125);
}

    div.ninotree ul {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
    }

        div.ninotree ul:not(:first-child) {
            border-top: 1px solid rgba(0,0,0,.125);
        }

        div.ninotree ul li:not(:last-child) {
            border-bottom: 1px solid rgba(0,0,0,.125);
        }

    div.ninotree label {
        margin: .7rem .5rem;
        user-select: none;
    }

    div.ninotree .custom-control-input {
        /*margin-right: .5rem;*/
    }

    div.ninotree .caret {
        cursor: pointer;
        user-select: none;
        margin-right: -1.5rem;
        margin-left: .8rem;
    }

    div.ninotree .collapsed {
        display: none;
    }

.gallery .owl-carousel.owl-rtl .owl-item {
    margin-right: .15rem !important;
}

ul.list-group.list-group-striped li:nth-of-type(odd) {
    background: #eee8de70;
}

ul.list-group.list-group-striped li:nth-of-type(even) {
    background: #eee8de30;
}

ul.list-group.list-group-striped li:hover,
.unit:not(.disabled):hover {
    background: #eee8de !important;
    color: var(--frz-primary) !important;
}

.unit.disabled {
    cursor: default;
}

.rows {
    background: #eee8de30;
    margin-top: 1rem;
    padding: .5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.unit {
    border: 1px solid #ddd;
    border-radius: .5rem;
    width: 6rem;
    height: 6rem;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
}

.banner-image {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 200px;
}

    .banner-image img {
        /*max-width: 100%;*/
        width: 100%;
        margin: calc((-100% + 200px) / 2) 0;
    }

@media (min-width: 768px) {
    .banner-image {
        display: none;
    }
}

.tooltip-inner {
    font-family: IRANSans;
    background-color: #1b878c !important;
    box-shadow: 0px 0px 4px #1b878c;
    opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #1b878c !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #1b878c !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #1b878c !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #1b878c !important;
}

.unit-img {
    height: 260px;
    width: 100%;
    /*width: max-content;
    max-width: 100%;
    margin: auto !important;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.accordion-button {
    padding-left: 2.75rem;
}

    .accordion-button::after {
        left: 1rem !important;
        position: absolute !important;
    }


    .accordion-button:not(.collapsed) {
        /*color: #1b878c;
        background-color: var(--frz-primary-light);*/
        color: var(--frz-primary);
        background-color: var(--frz-secondary-light);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    }

.btn-green {
    color: #fff;
    background-color: var(--frz-primary);
    border-color: var(--frz-primary);
}

    .btn-green:hover {
        color: #fff;
        background-color: #16767b;
        border-color: #16767b;
    }

    .btn-check:focus + .btn-green, .btn-green:focus {
        color: #fff;
        background-color: #16767b;
        border-color: #16767b;
        box-shadow: 0 0 0 0.25rem rgba(27, 134, 140, 0.5);
    }

    .btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .show > .btn-green.dropdown-toggle {
        color: #fff;
        background-color: #16767b;
        border-color: #0a53be;
    }

        .btn-check:checked + .btn-green:focus, .btn-check:active + .btn-green:focus, .btn-green:active:focus, .btn-green.active:focus, .show > .btn-green.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(27, 134, 140, 0.5);
        }

    .btn-green:disabled, .btn-green.disabled {
        color: #fff;
        background-color: #66abac !important;
        border-color: #66abac;
    }

.btn-gold {
    color: #fff;
    background-color: var(--frz-secondary);
    border-color: var(--frz-secondary);
}

    .btn-gold:hover {
        color: #fff;
        background-color: #a68d68;
        border-color: #a68d68;
    }

    .btn-check:focus + .btn-gold, .btn-gold:focus {
        color: #fff;
        background-color: #a68d68;
        border-color: #a68d68;
        box-shadow: 0 0 0 0.25rem rgba(186, 158, 117, 0.5);
    }

    .btn-check:checked + .btn-gold, .btn-check:active + .btn-gold, .btn-gold:active, .btn-gold.active, .show > .btn-gold.dropdown-toggle {
        color: #fff;
        background-color: #a68d68;
        border-color: #a68d68;
    }

        .btn-check:checked + .btn-gold:focus, .btn-check:active + .btn-gold:focus, .btn-gold:active:focus, .btn-gold.active:focus, .show > .btn-gold.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(186, 158, 117, 0.5);
        }

    .btn-gold:disabled, .btn-gold.disabled {
        color: #fff;
        background-color: #ceba9d !important;
        border-color: #ceba9d;
    }


.content-main {
    position: relative;
    max-width: 400px;
    margin: 40px auto;
}

    .content-main .content-box {
        height: auto;
        overflow: hidden;
        padding: 20px;
        background: #fff;
        box-shadow: 0 3px 5px rgba(0,0,0,0.5);
    }

        .content-main .content-box::before, .content-main .content-box::after {
            content: "";
            height: 2px;
            position: absolute;
            left: 0;
            right: 0;
            -webkit-clip-path: polygon(0% 0%, 5% 100%, 10% 0%, 15% 100%, 20% 0%, 25% 100%, 30% 0%, 35% 100%, 40% 0%, 45% 100%, 50% 0%, 55% 100%, 60% 0%, 65% 100%, 70% 0%, 75% 100%, 80% 0%, 85% 100%, 90% 0%, 95% 100%, 100% 0%);
        }

        .content-main .content-box::before {
            background-color: #fefbef;
            top: 0;
        }

        .content-main .content-box::after {
            background-color: #fff;
            bottom: -2px;
        }

splitter {
    display: table;
    width: 100%;
    max-width: 100%;
}

    splitter div {
        display: table-row;
        line-height: 1.5em;
        font-size: 2em;
        white-space: nowrap;
    }

    splitter obj {
        font-size: inherit; /* Change font-size in splitter */
        overflow: hidden;
        display: table-cell;
        vertical-align: middle;
        width: 1px;
        table-layout: fixed;
    }

    splitter span.spacer {
        display: table-cell;
    }

    splitter obj {
        padding: .25rem .5rem;
    }

    splitter span.spacer:after {
        display: inline-block;
        width: 100%;
        content: ".";
        font-size: 0;
        color: transparent;
        height: 1px;
        background: var(--frz-secondary);
        vertical-align: middle;
        position: relative;
        top: -1px;
        /*margin-top: 1.5rem;*/
    }

/*splitter > a {
        font-size: .4em;
        vertical-align: middle;
        background: #25a2a4;
        color: #fff;
        text-transform: uppercase;
        font-family: monospace;
        border-radius: .5em;
        padding: .3em .5em;
        text-decoration: none;
    }*/

.diamond {
    height: 1rem;
    width: 1rem;
    border: var(--frz-secondary) 1px solid;
    display: block;
    rotate: 45deg;
}

.chatDialogs .d-flex .bubble img {
    width: 100%;
    height: auto;
}

.fullpage {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    /*background-size: contain;
    background-repeat: no-repeat no-repeat;
    background-position: center center;*/
    background-color: #bb9f7780;
}

    .fullpage .img {
        width: 100vw;
        height: calc(100vh - 7rem);
        background-size: contain;
        background-repeat: no-repeat no-repeat;
        background-position: center center;
    }

.showAttach {
    /*z-index: 10;*/
    /*position: absolute;*/
    /*width: 100%;*/
    background: white;
    margin-bottom: 1rem;
    border: 1px solid #eee;
    border-radius: .3rem;
    padding: .6rem;
    margin-right: 1rem;
    margin-left: 1rem;
    display: none;
}

    .showAttach.show {
        display: flex !important;
    }

    .showAttach img {
        height: 3rem;
        width: auto;
        border-radius: .5rem;
    }

[frz-show]:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f0d8";
    padding-left: .5rem;
}

[frz-show]:not(.show)::before {
    content: "\f0d7";
}

.Q {
    position: relative;
}

    .Q .col {
        line-height: 1;
    }

        .D .col:not(:last-child),
        .Q .col:not(:last-child) {
            border-left: 1px solid var(--frz-secondary);
        }

text {
    font-family: IRANSans;
}

.modal-text .section {
    position: relative !important;
    border-radius: .3rem !important;
    border: 1px solid #dee2e6 !important;
    padding: .25rem;
    padding-top: .5rem !important;
    margin-top: 1.5rem !important;
}

    .modal-text .section h6 {
        position: absolute !important;
        top: -.65rem;
        background: #f9f9f9;
        font-weight: 300 !important;
        padding-right: .5rem !important;
        padding-left: .5rem !important;
        font-size: .875em;
        color: var(--frz-secondary) !important;
    }

    .modal-text .section .d-flex > span {
        font-size: .9rem !important;
    }

.p-2 .owl-carousel .owl-stage-outer,
.p-2 .owl-carousel .owl-stage-outer .owl-stage,
.p-2 .owl-carousel .owl-stage-outer .owl-item {
    display: flex !important;
}

.chosen-container-multi.form-control {
    height: auto !important;
}

.tox-tinymce,
.tox-menu {
    font-family: IRANSans !important;
}

.tox-promotion, .tox-statusbar__branding {
    display: none;
}

#myAgreement {
    background: #eceef4;
    min-height: 100%;
    padding: 0 .5rem;
}

#Paper {
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    margin: 1rem auto 0;
    max-width: 820px;
    min-height: calc(100vh - 1rem);
    padding: 4rem 6rem 6rem 6rem;
}

.dark {
    background: #110f16;
}

.light {
    background: #f3f5f7;
}

a,
a:hover {
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

#pageHeaderTitle {
    margin: 2rem 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 2.5rem;
}

/* Cards */
.postcard {
    flex-wrap: wrap;
    display: flex;
    box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66);
    border-radius: 10px;
    margin: 0 0 2rem 0;
    overflow: hidden;
    position: relative;
    color: #ffffff;
}

    .postcard.dark {
        background-color: #18151f;
    }

    .postcard.light {
        /*background-color: #e1e5ea;*/
        background-color: var(--frz-secondary-light);
    }

    .postcard .t-dark {
        color: #18151f;
    }

    .postcard a {
        color: inherit;
    }

    .postcard h1,
    .postcard .h1 {
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
    }

    .postcard .small {
        font-size: 80%;
    }

    .postcard .postcard__title {
        font-size: 1.75rem;
    }

    .postcard .postcard__img {
        max-height: 180px;
        width: 100%;
        object-fit: contain;
        position: relative;
    }

    .postcard .postcard__img_link {
        display: contents;
    }

    .postcard .postcard__bar {
        width: 50px;
        height: 10px;
        margin: 10px 0;
        border-radius: 5px;
        background-color: #424242;
        transition: width 0.2s ease;
    }

    .postcard .postcard__text {
        padding: 1.5rem;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    .postcard .postcard__preview-txt {
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: justify;
        height: 100%;
    }

    .postcard .postcard__tagbox {
        display: flex;
        flex-flow: row wrap;
        font-size: 14px;
        margin: 20px 0 0 0;
        padding: 0;
        justify-content: center;
    }

        .postcard .postcard__tagbox .tag__item {
            display: inline-block;
            background: rgba(83, 83, 83, 0.4);
            border-radius: 3px;
            padding: 2.5px 10px;
            margin: 0 5px 5px 0;
            cursor: default;
            user-select: none;
            transition: background-color 0.3s;
        }

            .postcard .postcard__tagbox .tag__item:hover {
                background: rgba(83, 83, 83, 0.8);
            }

    .postcard:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(-70deg, #424242, transparent 50%);
        opacity: 1;
        border-radius: 10px;
    }

    .postcard:hover .postcard__bar {
        width: 100px;
    }

@media screen and (min-width: 769px) {
    .postcard {
        flex-wrap: inherit;
    }

        .postcard .postcard__title {
            font-size: 1.25rem;
        }

        .postcard .postcard__tagbox {
            justify-content: start;
        }

        .postcard .postcard__img {
            max-width: 250px;
            max-height: 100%;
            transition: transform 0.3s ease;
            padding: 1rem;
        }

        .postcard .postcard__text {
            padding: 3rem;
            width: 100%;
        }

        .postcard .media.postcard__text:before {
            content: "";
            position: absolute;
            display: block;
            background: #18151f;
            top: -20%;
            height: 130%;
            width: 55px;
        }

        .postcard:hover .postcard__img {
            transform: scale(1.1);
        }

        .postcard:nth-child(2n+1) {
            flex-direction: row;
        }

        .postcard:nth-child(2n+0) {
            flex-direction: row-reverse;
        }

        .postcard:nth-child(2n+1) .postcard__text::before {
            left: -12px !important;
            transform: rotate(4deg);
        }

        .postcard:nth-child(2n+0) .postcard__text::before {
            right: -12px !important;
            transform: rotate(-4deg);
        }
}

@media screen and (min-width: 1024px) {
    .postcard__text {
        padding: 2rem 3.5rem;
    }

        .postcard__text:before {
            content: "";
            position: absolute;
            display: block;
            top: -20%;
            height: 130%;
            width: 55px;
        }

    .postcard.dark .postcard__text:before {
        background: #18151f;
    }

    .postcard.light .postcard__text:before {
        /*background: #e1e5ea;*/
        background: #e9ebe5;
    }
}
/* COLORS */
.postcard .postcard__tagbox .green.play:hover {
    background: #79dd09;
    color: black;
}

.green .postcard__title:hover {
    color: #79dd09;
}

.green .postcard__bar {
    background-color: #79dd09;
}

.green::before {
    background-image: linear-gradient(-30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}

.green:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(121, 221, 9, 0.1), transparent 50%);
}

.postcard .postcard__tagbox .blue.play:hover {
    background: #0076bd;
}

.blue .postcard__title:hover {
    color: #0076bd;
}

.blue .postcard__bar {
    background-color: #0076bd;
}

.blue::before {
    background-image: linear-gradient(-30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}

.blue:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(0, 118, 189, 0.1), transparent 50%);
}

.postcard .postcard__tagbox .red.play:hover {
    background: #bd150b;
}

.red .postcard__title:hover {
    color: #bd150b;
}

.red .postcard__bar {
    background-color: #bd150b;
}

.red::before {
    background-image: linear-gradient(-30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}

.red:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(189, 21, 11, 0.1), transparent 50%);
}

.postcard .postcard__tagbox .yellow.play:hover {
    background: #bdbb49;
    color: black;
}

.yellow .postcard__title:hover {
    /*color: #bdbb49;*/
    color: var(--frz-primary);
}

.yellow .postcard__bar {
    /*background-color: #bdbb49;*/
    background-color: var(--frz-primary);
}

.yellow::before {
    background-image: linear-gradient(-30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}

.yellow:nth-child(2n)::before {
    background-image: linear-gradient(30deg, rgba(189, 187, 73, 0.1), transparent 50%);
}

@media screen and (min-width: 769px) {
    .green::before {
        background-image: linear-gradient(-80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }

    .green:nth-child(2n)::before {
        background-image: linear-gradient(80deg, rgba(121, 221, 9, 0.1), transparent 50%);
    }

    .blue::before {
        background-image: linear-gradient(-80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }

    .blue:nth-child(2n)::before {
        background-image: linear-gradient(80deg, rgba(0, 118, 189, 0.1), transparent 50%);
    }

    .red::before {
        background-image: linear-gradient(-80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }

    .red:nth-child(2n)::before {
        background-image: linear-gradient(80deg, rgba(189, 21, 11, 0.1), transparent 50%);
    }

    .yellow::before {
        /*background-image: linear-gradient(-80deg, rgba(189, 187, 73, 0.1), transparent 50%);*/
        background-image: linear-gradient(-80deg, var(--frz-primary), transparent 50%);
    }

    .yellow:nth-child(2n)::before {
        /*background-image: linear-gradient(80deg, rgba(189, 187, 73, 0.1), transparent 50%);*/
        background-image: linear-gradient(80deg, var(--frz-primary), transparent 50%);
    }
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.SearchTheme1 {
    min-height: 200px;
}

    .SearchTheme1 .sale-6,
    .SearchTheme1 .sale-34,
    .SearchTheme1 .card-title {
        display: none;
    }

    .SearchTheme1 h6.card-text {
        color: var(--frz-primary) !important;
    }

    .SearchTheme1 small {
        color: #b69b73 !important;
    }

    .SearchTheme1 .card-text.fw-light.bg {
        margin-top: 1rem;
    }

    .SearchTheme1:hover {
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
        background: rgb(239,247,247);
        background: linear-gradient(90deg, rgb(239, 247, 247) 0%, rgb(245, 241, 234) 50%, rgb(255, 255, 255) 100%);
    }

.SearchTheme2 {
    min-height: 200px;
    background: #142628;
}

    .SearchTheme2 .card-title {
        text-align: center;
        margin: .75rem 0 0;
        color: #b69b73 !important;
    }

    .SearchTheme2 .bg {
        background-image: linear-gradient(to right, transparent, #b69b73);
        color: #000 !important;
        margin: .5rem 0;
        padding: .25rem;
    }

    .SearchTheme2 img {
        box-shadow: 0 0 .5rem rgb(255, 255, 255) !important;
    }

        .SearchTheme2 img.rounded {
            border-radius: .75rem !important;
            border-top-left-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }

    .SearchTheme2:hover {
        box-shadow: 0 .125rem .25rem rgb(20, 38, 40) !important;
    }

.card-title.text-green {
    height: 75px;
    line-height: 25px;
    margin-bottom: auto;
    margin-top: 0;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.rounded-4 {
    border-radius: .5rem !important;
}

.btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) {
    margin-left: 0 !important;
}

.btn-group > .btn-group:last-child, .btn-group > .btn:last-child {
    border-right: none !important;
}

.unit-function.list-group {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    display: flex;
    flex-wrap: wrap;
    width: 10rem;
    padding: 0;
}

.unit-function li:nth-child(odd) {
    color: #777 !important;
    background-color: var(--frz-primary-light);
    border-color: var(--frz-primary-light);
    cursor: pointer;
}

    .unit-function li:nth-child(odd) a {
        color: #777 !important;
    }

.unit-function li:nth-child(even) {
    color: #777 !important;
    background-color: var(--frz-secondary-light);
    border-color: var(--frz-secondary-light);
    cursor: pointer;
}

div.unit-function {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: flex;
    width: 100%;
    border-top: solid var(--frz-secondary) 1px !important;
    border-right: solid var(--frz-secondary) 1px !important;
    border-bottom: solid var(--frz-secondary) 1px !important;
}

    div.unit-function div:nth-child(odd) {
        color: #777 !important;
        background-color: var(--frz-primary-light);
        /*border-color: var(--frz-primary-light);*/
        border: none;
        cursor: pointer;
        width: 25%;
    }

        div.unit-function div:nth-child(odd) a {
            color: #777 !important;
        }

    div.unit-function div:nth-child(even) {
        color: #777 !important;
        background-color: var(--frz-secondary-light);
        /*border-color: var(--frz-secondary-light);*/
        border-right: solid var(--frz-secondary) 1px;
        border-left: solid var(--frz-secondary) 1px;
        border-bottom: none;
        cursor: pointer;
        width: 25%;
    }

@media (max-width: 767px) {
    div.unit-function {
        display: flex;
    }

    .unit-function.list-group {
        display: none;
    }
}

@media (min-width: 768px) {
    div.unit-function {
        display: none;
    }

    .unit-function.list-group {
        display: flex;
    }
}

.leaflet-top, .leaflet-bottom {
    display: none;
}

.modal-header .btn-close {
    margin: -.5rem -.5rem auto -.5rem;
}

.HH {
    margin: 0 !important;
}

.dateofdays {
    margin-bottom: .5rem;
}

    .dateofdays div {
        background: #fff;
        padding: .5rem;
        text-align: center;
        margin-left: 0;
    }

.times {
    overflow-y: auto;
    max-height: calc(100vh - 145px);
}

@media (max-width: 767px) {
    .dateofdays {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
    }

        .dateofdays div {
            margin-left: .25rem;
        }

    .times {
        max-height: calc(100vh - 200px);
    }
}

@media (min-width: 768px) {
    .dateofdays {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        max-height: calc(100vh - 145px);
    }
}

.times .accordion-button:not(.collapsed) {
    color: #bda27a;
    background-color: var(--frz-secondary-light);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

.accordion-body.row .col {
    border: 1px #dee2e6 solid;
    border-radius: .25rem;
    text-align: center;
    margin: .25rem;
    padding: .5rem 1rem;
    color: #000;
}

    .accordion-body.row .col:hover {
        box-shadow: 0 .1rem .25rem rgba(0,0,0,.15) !important;
    }

.border-green {
    border-color: var(--frz-primary) !important;
}

.border-gold {
    border-color: var(--frz-secondary) !important;
}

.fa-arrow-circle-start::before, .fa-circle-arrow-start::before {
    content: "\f0a8";
}

.fa-chevron-end::before {
    content: "\f054";
}

.fa-chevron-start::before {
    content: "\f053";
}

.form-check .form-check-input {
    float: left;
}

.price-table {
    position: absolute;
    left: .5rem;
}

.pull-start {
    float: right !important;
}

.btn.fix-sm-top {
    position: fixed;
    bottom: 65px;
    right: 30px;
    z-index: 99;
    /*padding: 0.62rem 0.75rem !important*/
    padding: .375rem .75rem;
}

    .btn.fix-sm-top.top {
        position: fixed;
        bottom: 110px;
        right: 30px;
        z-index: 99;
        /*padding: 0.62rem 0.75rem !important*/
        padding: .375rem .75rem;
    }

.btn.fix-sm {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    /*padding: 0.62rem 0.75rem !important;*/
    padding: .375rem .75rem;
}

/*============================================================================================*/
/* The container must be positioned relative: */
.custom-select {
    position: relative;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 4px;
    margin-right: .5rem;
}

    .custom-select select {
        display: none; /*hide original SELECT element: */
    }

.select-selected {
    background-color: #fff;
}

    /* Style the arrow inside the select element: */
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        left: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #dfdfdf transparent transparent transparent;
    }

    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #dfdfdf transparent;
        top: 7px;
    }

/* style the items (options), including the selected item: */
.select-items div, .select-selected {
    color: #212529;
    background-color: #fff;
    padding: 4px 16px;
    /*border: 1px solid #ced4da;*/
    /*border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;*/
    cursor: pointer;
    border-radius: 4px;
    text-align: right;
    padding-left: 2rem !important;
}

/* Style items (options): */
.select-items {
    position: absolute;
    border: 1px solid #ced4da;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, [frz-val].same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0;
}
/*============================================================================================*/

#treeForm {
    margin: 0;
}

.carousel-indicators {
    margin-top: -1rem;
}

    .carousel-indicators [data-bs-target] {
        width: .5rem !important;
        height: .5rem !important;
        border-radius: 50% !important;
    }

.vip-star {
    z-index: 1;
    font-size: 1.25rem !important;
    bottom: 1rem;
    right: 1rem;
}

.form-check .form-check-input {
    float: right;
    margin: .5rem;
}

.day {
    width: 2rem !important;
    margin: 0 2rem 0 0 !important;
}

.month {
    width: 2rem !important;
}

.year {
    width: 3rem !important;
}

.raymandan {
    padding: .5rem 0 .7rem !important;
    background: #fffc !important;
    box-shadow: 0 0 10px #fff !important;
    width: 10rem !important;
    border-radius: .3rem !important;
    white-space: nowrap !important;
}

    .raymandan small {
        color: #707070 !important;
        font-size: .7rem !important;
        margin: -.25rem .25rem !important;
    }

    .raymandan a {
        color: #210540 !important;
    }

.club {
    font-size: 1.8rem;
    margin-right: 1rem;
    padding: .65rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: var(--frz-secondary-light-1) !important;
    border-color: var(--frz-secondary) !important;
}

.edit-over {
    left: 0 !important;
    margin: .8rem -.6rem;
    font-size: small;
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    background-color: #ffc107;
}

.overflow-hidden {
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.w-65 {
    width: 65% !important;
}

.sale-banner {
    background: url('/img/buy.png');
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 310px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.pe-6 {
    padding-left: 5rem !important;
}

.navigation-bar {
    line-height: 1.2;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    white-space: nowrap;
}

    .navigation-bar a {
        position: relative;
        margin-left: 2.5rem;
        font-weight: lighter;
    }

        .navigation-bar a:not(:last-child) {
            /*border-left: 1px solid var(--bs-secondary);
            padding-left: 1rem;
            margin-left: 1rem;*/
        }

            .navigation-bar a:not(:last-child)::after {
                /*content: '\f355';*/
                content: '\f0d9';
                font-size: 1.5rem;
                line-height: 0;
                font-family: "Font Awesome 6 Pro";
                position: absolute;
                top: 50%;
                left: -1.5rem;
                font-weight: bold;
                color: var(--frz-primary);
            }

        .navigation-bar a:last-child {
            color: var(--frz-primary) !important;
            font-weight: bold !important;
        }

            .navigation-bar a:last-child::after {
                content: '.';
                position: absolute;
                bottom: 1.35rem;
                left: 50%;
                transform: translate(-50%, -50%);
                color: #f5f1ea;
                font-size: 10rem;
                line-height: 0;
                font-weight: normal !important;
            }

.saleNav {
    position: fixed;
    bottom: 4rem;
    right: 2rem;
    z-index: 99;
    display: grid;
}

    .saleNav a:not(:last-child) {
        margin-bottom: .5rem;
    }

@media (max-width: 767px) {
    .saleNav {
        bottom: 4.5rem;
    }

        .saleNav a span {
            display: none;
        }
}

.pagination .page-item .page-link {
    color: var(--frz-primary);
}

.pagination .page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: var(--frz-secondary);
    border-color: var(--frz-secondary-light-1);
}

.pagination .page-item .page-link.disabled {
    color: var(--bs-gray-500) !important;
    background-color: var(--bs-gray-300);
    cursor: default;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}