a {
    color: #333333;
}

    a:hover {
        color: var(--kalilend-main);
    }

.modal-dialog {
    margin-bottom: 140px;
}

.row-account {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.col-3-account {
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
}

.col-9-account {
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    position: relative;
    width: 100%;
}

@media (max-width: 767px) {
    .mobile-news-item {
        max-width: 50%
    }

    .modal-dialog {
        margin-bottom: 240px;
    }

    .row-account {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
        margin-right: -10px;
        margin-left: -10px;
    }

    .col-3-account {
        padding-right: 10px;
        padding-left: 10px;
        position: relative;
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 1rem;
    }

    .col-9-account {
        padding-right: 10px;
        padding-left: 10px;
        position: relative;
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .mobile-item {
        flex: 0 0 20%;
        max-width: 20%;
    }
}



.chevron-styling {
    display: none;
    position: fixed;
}

.checkbox-none {
    display: none;
}

.wrap-collabsible {
    margin: 0 0;
    text-align: center;
}

.lbl-toggle {
    display: block;
    font-weight: bold;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem;
    color: rgba(0,0,0,0.5);
    background: var(--kalilend-main-light);
    cursor: pointer;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 0.25s ease-out;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: unset;
}

    .lbl-toggle:hover {
        color: #FFF;
    }


.toggle:checked + .lbl-toggle::before {
    transform: rotate(90deg) translateX(-3px);
}

.collapsible-content {
    max-height: 0px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
    text-align: start;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
    max-height: 350px;
}

.toggle:checked + .lbl-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.collapsible-content .content-inner {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.collapsible-content p {
    margin-bottom: 0;
}












.shopping-options {
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border: unset;
    margin-bottom: 15px;
}

.role-calculator-button {
    font-size: 16px;
    font-size: 1.1rem;
    border-radius: 8px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    padding: 12px 18px;
    border: none;
    width: -webkit-fill-available;
    background-color: var(--kalilend-main);
    line-height: 1.0;
    min-height: 36px;
}

.role-calculator-holder-lable {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin: 1rem;
}

.role-calculator-holder-lable-result-title {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin-top: 5px;
}

.role-calculator-holder-lable-result-text {
    font-size: 18px;
    font-weight: 500;
    color: var(--kalilend-main);
    margin-top: 5px;
    margin-right: 10px;
}

.role-calculator-holder-subchild-lable {
    font-size: 12px;
    font-weight: 400;
    color: #4f4f4f;
    margin-right: 0.5rem;
}

.role-calculator-holder-child {
    justify-content: center;
    display: flex;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

.role-calculator-holder-subchild {
    max-width: 100%;
    margin-right: 5px;
    margin-left: 5px;
    flex-basis: 50%;
    flex-direction: column;
}

.role-calculator-holder-result-subchild {
    max-width: 100%;
    margin-right: 5px;
    margin-left: 5px;
    flex-basis: 50%;
    flex-direction: row;
    display: flex;
    justify-content: center;
    align-items: center;
}

.role-calculator-holder {
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.similar-matching-holder {
    display: flex;
    margin-top: 15px;
}

@media (max-width: 767px) {
    .similar-matching-holder {
        flex-wrap: wrap;
    }
}

.similar-matching-holder-child {
    justify-content: center;
    display: flex;
}


.similar-matching-holder-lable {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
    margin: 1rem;
}

.similar-matching-holder-left {
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 15px;
    margin-right: 5px;
    flex-basis: 50%;
    flex-direction: column;
}

@media (max-width: 767px) {
    .similar-matching-holder-left {
        margin-right: unset;
        flex-basis: 100%;
    }
}

.similar-matching-holder-right {
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin-bottom: 15px;
    margin-left: 5px;
    flex-basis: 50%;
    flex-direction: column;
}

@media (max-width: 767px) {
    .similar-matching-holder-right {
        margin-left: unset;
        flex-basis: 100%;
    }
}

.similar-slider-item {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding-left: 5px;
    padding-right: 5px;
}

.slider-item {
    margin-bottom: 0.5rem;
}

    .slider-item .slider-item__content {
        min-height: 50px;
    }

/*.section {
    padding: unset;
}*/

.test-end-shadow {
}

    .test-end-shadow:after {
        content: "";
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        pointer-events: none;
        background-image: linear-gradient(to left, rgba(255,255,255, 0), rgba(255,255,255, 1) 70%);
        width: 7em;
        height: 100%;
    }

.color-panel {
    display: flex;
    overflow: hidden;
}

.color-panel-holder {
    overflow: hidden;
    width: 25%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 5px;
    padding-top: 5px;
}

.color-panel-holder-palette {
    overflow: hidden;
    width: 75%;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-bottom: 5px;
    padding-top: 5px;
}

.color-panel-label {
    font-size: 14px;
    font-weight: 500;
    color: #4f4f4f;
}

.color-panel-dominant {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

.color-panel-palette {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}

.color-panel-swatch {
    background: rgb(240, 240, 240);
    width: 100%;
    min-height: 42px;
    position: relative;
    display: flex;
}

.modal {
    top: 180px;
}

@media(min-width: 992px) {
    .modal {
        top: 110px;
    }
}

.modal-open {
    overflow: visible;
    padding-right: 0px !important;
}

.modal-content {
    border-radius: 0.3rem !important;
}

::-webkit-scrollbar {
    width: 8px;
}


::-webkit-scrollbar-track {
    background: transparent;
}


::-webkit-scrollbar-thumb {
    width: 6px;
    border-radius: 10px;
    background-color: #8f8f8f;
    -webkit-transition: width .15s ease-out,background-color .15s ease-out;
    transition: width .15s ease-out,background-color .15s ease-out;
    margin: 0 auto;
    cursor: grab;
    cursor: -webkit-grab;
    position: absolute;
    left: 0;
    right: 0;
}


    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.product-list {
    background-color: #fff;
    box-shadow: unset;
    border: unset;
}

.item-sand {
    background: #f0f0f0;
    color: #666;
    padding: 4px 8px;
    border-radius: 12px;
    margin-left: 8px;
    font-weight: 500;
    font-size: 0.75rem;
}

.amaran.default {
    display: flex !important;
}

    .amaran.default .default-message {
        text-align: center;
        padding: 10px 20px;
        font-size: 1.1em;
    }

.zoomContainer {
    z-index: 563312165;
}

.shop-landing__rail-nav-list > li {
    margin-bottom: 12px;
}

.hz-color-link__text {
    font-size: 1rem;
    font-weight: 500;
}

.shop-landing__rail-nav-container .hz-scrollable--bottom-shadow:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    z-index: 1;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.toggle-brands {
    position: relative;
    color: #000;
    background: none;
    border: none;
    box-shadow: none;
    display: none;
    font-size: .8rem
}

    .toggle-brands:focus {
        outline: none
    }

    .toggle-brands:before {
        font-family: icomoon;
        content: '';
        position: absolute;
        top: 0;
        right: .4rem
    }

    .toggle-brands:after {
        font-family: 'dana';
        content: 'نمایش بیشتر';
        padding-right: 1rem
    }

    .toggle-brands.toggle-brands__is-active {
        display: block
    }

    .toggle-brands.toggle-brands__is-open:before {
        font-family: icomoon;
        content: ''
    }

    .toggle-brands.toggle-brands__is-open:after {
        font-family: 'dana';
        content: 'جمع کردن فهرست'
    }


.sidebar-brand {
    list-style: none;
    padding-right: 0;
    max-height: 14rem;
    overflow: hidden;
    transition: max-height .5s
}

    .sidebar-brand.sidebar-brand__is-open {
        max-height: 24rem
    }

    .sidebar-brand .sidebar-brand__link {
        position: relative;
        padding: .3rem .5rem;
        display: block;
        background: #f0f0f0;
        margin-bottom: .2rem;
        cursor: pointer;
        font-size: .8rem;
        border-radius: 1rem 0 0 1rem;
        color: #424242
    }

        .sidebar-brand .sidebar-brand__link:hover {
            border-right: 2px solid var(--kalilend-main)
        }

    .sidebar-brand .sidebar-brand__item_has-child .sidebar-brand__link:after {
        position: absolute;
        font-family: icomoon;
        content: "";
        left: 1rem
    }

    .sidebar-brand .sidebar-brand__item_is-parent .sidebar-brand__link {
        background: #f7f7f7;
        padding-right: 2.4rem;
        font-size: .9rem;
        color: var(--kalilend-main);
        border-right: 0;
        -webkit-box-shadow: inset 2px 0 4px -3px rgba(0,0,0,.45);
        -moz-box-shadow: inset 2px 0 4px -3px rgba(0,0,0,.45);
        box-shadow: inset 2px 0 4px -3px rgba(0,0,0,.45)
    }

        .sidebar-brand .sidebar-brand__item_is-parent .sidebar-brand__link:before {
            position: absolute;
            font-family: icomoon;
            content: "..";
            color: var(--kalilend-main);
            right: .5rem;
            font-size: 1rem;
            transition: all .5s
        }

        .sidebar-brand .sidebar-brand__item_is-parent .sidebar-brand__link:hover {
            color: var(--kalilend-main)
        }

            .sidebar-brand .sidebar-brand__item_is-parent .sidebar-brand__link:hover:before {
                content: "";
                right: 1rem
            }





.slider .slider-category__header {
    padding: 1rem 0;
    position: absolute;
    top: 0.3rem;
    right: 1.3rem;
}

.slider .slider-category__title {
    position: relative;
    display: inline-block;
    min-width: 10rem;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

.slider-item-category {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    border: unset;
    margin-top: 5px;
    margin-bottom: 15px;
}

    .slider-item-category .slider-item__content {
        padding: 0.2rem 0.4rem;
        min-height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        border-top: 2px solid #f4f4f4;
    }

    .slider-item-category:hover {
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.24);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.24)
    }

.breadcrumb {
    padding: 0.7rem 2rem;
}

.breadcrumb-section {
    background: unset;
    background-image: unset;
    border-top: unset;
}

.breadcrumb .breadcrumb__item {
    display: flex;
    align-items: center;
    font-size: 16px;
}

    .breadcrumb .breadcrumb__item:after {
        content: "\E989";
        font-family: Houzz-Glyphs !important;
        font-size: 14px;
        color: #ababab;
    }

.department-landing__header {
    font-size: 20px;
    font-weight: 700;
    margin: 16px 2rem;
    width: auto;
}

@media (min-width:768px) {
    .department-landing__header {
        font-size: 30px
    }
}


.card-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

    .card-list > li {
        margin-bottom: 16px;
        padding: 0 8px;
        width: 25%;
    }

@media (max-width: 768px) {
    .card-list > li {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .card-list > li {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .card-list > li {
        width: 33%;
    }
}

@media (min-width: 1280px) {
    .card-list > li {
        width: 25%;
    }
}

.dropdown-item:hover {
    background-color: #fadbd6;
}

.department-card {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    background: #f4f4f4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    position: relative;
}

@media (max-width: 768px) {
    .department-card {
        height: auto;
    }
}

@media (min-width: 768px) {
    .department-card {
        min-height: 160px;
    }
}

@media (min-width: 1280px) {
    .department-card {
        height: 180px;
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-top: 1rem;
}


.idea-item {
    overflow: hidden;
    height: 100%;
}

    .idea-item .idea-item__header {
        position: relative;
        padding: 0.5rem;
    }

    .idea-item .idea-item__image {
        width: 100%;
    }

    .idea-item .idea-item__content {
        padding: 0.4rem 0.4rem;
    }

    .idea-item .idea-item__title {
        font-weight: 500;
        margin-bottom: 10px;
        font-size: 1rem;
    }

    .idea-item .idea-item__desc {
        font-weight: 400;
        font-size: 0.7rem;
    }

.modal-image {
    max-width: 80%;
    margin: 1.75rem auto;
}

.hz-view-photo-v8 {
    background: #fff;
    padding-bottom: 80px
}

    .hz-view-photo-v8 .hz-view-photo__header-holder {
        min-height: unset
    }

    .hz-view-photo-v8 .hz-view-photo__header--lb {
        position: fixed;
        z-index: 1003;
        width: 100%;
        background: #fff;
        padding: 16px 32px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
    }

.hz-view-photo-v8__grid {
    display: grid;
    grid-template-columns: minmax(600px, calc(100vw - 600px)) 400px;
    grid-template-rows: 1fr minmax(500px, calc(100vh - 300px));
    grid-template-areas: "top top" "main right" "bottom bottom";
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px
}

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8__grid {
        padding-top: 0;
        grid-template-columns: minmax(700px, 1fr);
        grid-template-areas: "top" "main" "right" "bottom";
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.hz-view-photo-v8--lightbox .hz-view-photo-v8__grid {
    padding-top: 80px
}

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8--lightbox .hz-view-photo-v8__grid {
        padding-top: 57px
    }
}

.hz-view-photo-v8--lightbox.hz-view-photo-v8--fullscreen .hz-view-photo-v8__grid {
    padding-top: 57px
}

.hz-view-photo-v8--discovery .hz-view-photo-v8__grid {
    grid-template-rows: 1fr minmax(500px, calc(100vh - 123px))
}

    .hz-view-photo-v8--discovery .hz-view-photo-v8__grid .hz-view-photo__image-container {
        height: calc(100% - 177px) !important
    }

.hz-view-photo-v8--fullscreen .hz-view-photo-v8__grid {
    padding-top: 0;
    grid-template-columns: minmax(700px, 1fr);
    grid-template-rows: minmax(500px, calc(100vh - 300px));
    grid-template-areas: "main" "right" "bottom";
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

.hz-view-photo-v8--fullscreen .hz-view-photo-v8__right {
    padding: 0 32px;
    margin: 20px 0 0
}

.hz-view-photo-v8--fullscreen .hz-view-photo-v8__bottom {
    padding: 0 32px
}

.hz-view-photo-v8--fullscreen .hz-view-photo__similar-products {
    margin-left: 16px;
    margin-right: 16px
}

.hz-view-photo-v8__top {
    grid-area: top
}

    .hz-view-photo-v8__top .hz-view-photo__header {
        padding-top: 0
    }

    .hz-view-photo-v8__top .hz-view-photo__header__title {
        position: static;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        text-align: left;
        font-weight: 700;
        font-size: 16px;
        padding: 0 0 16px
    }

.hz-view-photo-v8__main {
    grid-area: main;
    position: relative
}

    .hz-view-photo-v8__main .hz-view-photo__image {
        height: 100%
    }

    .hz-view-photo-v8__main .hz-view-photo__image--fullscreen {
        margin: 0
    }

    .hz-view-photo-v8__main .hz-view-photo__image-container {
        height: 100% !important;
        margin: 0 !important;
        width: 100% !important
    }

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8__main .hz-view-photo__image-container .hz-view-photo__image__toggle-fullscreen {
        display: none
    }
}

.hz-view-photo-v8__main .hz-view-photo__image-container .lb-nav-area--left {
    width: 80px
}

.hz-view-photo-v8__main .hz-view-photo__image-container .lb-nav-area--right {
    left: unset;
    width: 80px
}

.hz-view-photo-v8__main .hz-view-photo__image-container .space-video-player .video-react.video-react-fluid {
    padding: 0 !important
}

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8__main .hz-view-photo__similar-products {
        margin-left: 16px;
        margin-right: 16px
    }
}

.hz-view-photo-v8__main .hz-view-photo__similar-products .hz-view-photo__product-card:first-child {
    float: left
}

.hz-view-photo-v8__main .hz-view-photo__similar-products .hz-view-photo__product-card__img {
    -o-object-fit: contain;
    object-fit: contain
}

.hz-view-photo-v8__main .hz-view-photo__image__index--left {
    margin-right: 4px
}

.hz-view-photo-v8__main .hz-view-photo__image__index--right {
    margin-left: 4px
}

.hz-view-photo-v8__right {
    grid-area: right;
    padding-left: 40px;
    margin-bottom: 16px;
    overflow: auto
}

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8__right {
        padding: 0 32px;
        margin: 20px 0 0
    }
}

.hz-view-photo-v8__right .photo-grid-image--twocol {
    width: calc(50% - 8px)
}

    .hz-view-photo-v8__right .photo-grid-image--twocol .photo-grid-image__img {
        width: 100%;
        height: 100%
    }

.hz-view-photo-v8__right .hz-view-photo__owner-info {
    border: none;
    height: unset;
    margin: 0
}

    .hz-view-photo-v8__right .hz-view-photo__owner-info .hz-view-photo__message-btn {
        margin-top: 16px
    }

    .hz-view-photo-v8__right .hz-view-photo__owner-info .vph-content-box__space-owner {
        padding: 0
    }

    .hz-view-photo-v8__right .hz-view-photo__owner-info .hz-view-photo__owner-info__follow-btn {
        margin: 0
    }

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8__right .hz-view-photo__owner-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

        .hz-view-photo-v8__right .hz-view-photo__owner-info .hz-view-photo__message-btn {
            margin: 0
        }
}

.hz-view-photo-v8__right .vph-owner-info__details__review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

    .hz-view-photo-v8__right .vph-owner-info__details__review .hz-star-rating {
        margin-right: 8px
    }

    .hz-view-photo-v8__right .vph-owner-info__details__review .hz-star-rating-star-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.hz-view-photo-v8__right .vph-owner-info__details__review__link {
    color: #007562;
    font-weight: 700
}

.hz-view-photo-v8__right .hz-view-photo__space-info {
    margin-top: 16px
}

    .hz-view-photo-v8__right .hz-view-photo__space-info h1.hz-view-photo__space-info__title {
        font-size: 16px
    }

.hz-view-photo-v8__right .hz-view-photo__space-info__subtitle {
    margin: 8px 0 0
}

.hz-view-photo-v8__right .hz-view-photo__space-info__description {
    margin-top: 12px;
    display: -webkit-box;
    line-height: 20px;
    max-height: 160px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8
}

.hz-view-photo-v8__right .hz-view-photo__space-info__description-divider {
    border: none
}

.hz-view-photo-v8__right .hz-view-photo__space-info__auto-description {
    display: -webkit-box;
    line-height: 20px;
    max-height: 120px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.hz-view-photo-v8__right .hz-view-photo__breadcrumb {
    padding-top: 12px
}

.hz-view-photo-v8__right .hz-view-photo__breadcrumb__title {
    background: #f0f0f0;
    color: #666;
    padding: 4px 8px;
    border-radius: 12px;
    font-weight: 700
}

.hz-view-photo-v8__right .hz-view-photo__breadcrumb__item:after {
    content: "";
    padding: 0 4px
}

.hz-view-photo-v8__right .hz-view-photo-right__color-picker {
    max-width: 500px;
    height: auto;
    overflow: auto;
    margin-bottom: 24px
}

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .color-picker__cta {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0
    }

        .hz-view-photo-v8__right .hz-view-photo-right__color-picker .color-picker__cta .btn-sm {
            padding: 2px 4px;
            margin-top: 13px
        }

        .hz-view-photo-v8__right .hz-view-photo-right__color-picker .color-picker__cta .color-picker-get-paint {
            font-weight: 700
        }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .btn,
    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .col-xs-5,
    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .col-xs-6,
    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .col-xs-7,
    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .col-xs-12 {
        padding: 0
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .btn-sm {
        font-size: 14px
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .hz-color-picker__color-list-item .color-name {
        margin-bottom: 2px
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .hz-color-picker__color-list-item .col-xs-2 {
        padding-left: 0
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .hz-color-picker__color-list-item .color-cta {
        margin-bottom: 24px
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .btn.color-picker-buy,
    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .btn.color-picker-save,
    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .btn.color-picker-share {
        padding: 4px 0
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .color-picker-buy {
        margin-bottom: 12px
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .col-xs-6.color-picker-save-container {
        padding-right: 8px
    }

    .hz-view-photo-v8__right .hz-view-photo-right__color-picker .col-xs-6.color-picker-share-container {
        padding-left: 8px
    }

.hz-view-photo-v8__right .hz-view-photo-sponsored.hz-view-photo-pro-plus {
    max-width: 500px
}

.hz-view-photo-v8__bottom {
    grid-area: bottom
}

@media only screen and (max-width:1024px) {
    .hz-view-photo-v8__bottom {
        padding: 0 32px
    }
}

.hz-view-photo-v8__bottom .hz-view-photo__project-photos-v8 {
    margin-top: 24px
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8 {
    margin-top: 32px
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__header,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__header,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__header {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__image,
.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__placeholder,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__image,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__placeholder,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__image,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__placeholder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__placeholder,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__placeholder,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__placeholder {
    -webkit-animation: placeholderFlash .8s infinite;
    animation: placeholderFlash .8s infinite
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__item-title,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__item-title,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__item-title {
    margin-top: 8px;
    font-weight: 700
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__action,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__action,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__action {
    margin-top: 16px;
    text-align: center
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__button,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__button,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__button {
    font-size: 14px
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__loader,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__loader,
.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__loader {
    width: 100%;
    text-align: center;
    margin-top: 16px
}

.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 16px 16px
}

.hz-view-photo-v8__bottom .hz-view-photo__similar-photos-v8__item {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__item,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__item {
    position: relative;
    width: 250px;
    padding-top: 100%
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8__item-title,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8__item-title {
    width: 250px;
    white-space: normal
}

.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8 .cx-edge-carousel__nav-left,
.hz-view-photo-v8__bottom .hz-view-photo__color-photos-v8 .cx-edge-carousel__nav-right,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8 .cx-edge-carousel__nav-left,
.hz-view-photo-v8__bottom .hz-view-photo__related-photos-v8 .cx-edge-carousel__nav-right {
    height: 250px
}

.hz-view-photo-v8__question-anchor {
    display: inline-block;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #e6e6e6;
    color: #007562;
    font-weight: 700
}

.cargift-wrap {
    margin: auto;
    position: absolute;
    left: 50px;
    z-index: 10;
}

.carimage-modal {
    background-color: #fff;
    padding: 2em 3em;
    text-align: center;
    border-radius: .5em;
    display: none;
    border: #ebebeb 2px dashed;
}

.carimage-modal-is-active {
    display: block;
}

.carimage-modal-image {
    margin: 0 auto;
    padding: 10px 10px 2px;
    margin-bottom: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.carimage-btn-open {
    display: none;
}

.carimage-btn-open-is-active {
    display: block;
}


.carimage-dismiss-button {
    font-size: 1.25em;
    font-weight: bold;
    background-color: #c52f3a;
    border: none;
    padding: .5em 1em;
    color: #fff;
    box-shadow: 0 0 0 2px #c52f3a inset;
    border-radius: .25em;
    cursor: pointer;
    transition: background .4s ease, color .4s ease;
}

    .carimage-dismiss-button:hover {
        box-shadow: 0 0 0 2px #c52f3a inset;
        color: #c52f3a;
        background-color: transparent;
    }

.mainpage-carimage-atag {
    width: 200px;
    cursor: pointer;
    position: absolute;
    top: 40px;
    left: 16%;
    z-index: 10;
}

@media (max-width: 1199px) {
    .mainpage-carimage-atag {
        top: 65px;
        left: 25%;
    }
}

@media (max-width: 991px) {
    .mainpage-carimage-atag {
        top: 110px;
        left: 15%;
    }
}

@media (max-width: 767px) {
    .mainpage-carimage-atag {
        top: 80px;
        left: 5%;
    }
}

@media (max-width: 575px) {
    .mainpage-carimage-atag {
        top: 80px;
        left: 5%;
    }
}

.product-vat__included {
    position: absolute;
    left: 3.5rem;
    top: .7rem;
    color: #b8a584;
    font-size: 0.8rem;
    background: #f2f2f2;
    padding: .5rem;
    line-height: 1rem;
    border-radius: .3rem;
    border: 1px solid #eaeaea;
}

.c-box-suppliers {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 24px
}

.c-box-suppliers__headline-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-box-suppliers .o-headline--delivery {
    padding-right: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700
}

    .c-box-suppliers .o-headline--delivery:before {
        display: none
    }

.c-table-suppliers-less,
.c-table-suppliers-more {
    padding: 14px 0;
    text-align: right
}

.c-table-suppliers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #424750;
    background: #fff
}

.c-table-suppliers__seller-icon:before {
    content: "\E083\00FE0E";
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 24px;
    color: #424750;
    margin-left: 16px
}

.c-table-suppliers__seller-icon.is-digikala:before {
    content: "\E005\00FE0E";
    color: var(--kalilend-second);
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

.c-table-suppliers__seller-icon.is-trusted:after {
    color: #00a049
}

.c-table-suppliers__seller-icon.is-official:after,
.c-table-suppliers__seller-icon.is-trusted:after {
    content: "\E217\00FE0E";
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 16px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    right: 12px;
    top: 41px;
    width: 16px;
    height: 16px
}

.c-table-suppliers__seller-icon.is-official:after {
    color: #0081b9
}

.c-table-suppliers__row {
    width: 100%;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 83px;
    padding: 0 16px
}

.c-table-suppliers__row--sbs-notice {
    width: 100%;
    margin-top: 12px;
    margin-right: 22px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -6px
}

.c-table-suppliers__row--sbs-notice,
.c-table-suppliers__row.in-list.in-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-table-suppliers__row.in-list.in-filter:not(:first-child) {
        border-top: 1px solid #dfdfdf
    }

.c-table-suppliers__row:not(.in-list) + .c-table-suppliers__jet-container {
    display: none
}

.c-table-suppliers__row:last-of-type {
    border: none
}

.c-table-suppliers__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    padding: 18px 10px
}

.c-table-suppliers__cell--title {
    min-width: 260px;
    width: 25%;
    position: relative;
    color: #424750;
    padding-right: 0
}

    .c-table-suppliers__cell--title:hover .c-table-suppliers__seller-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-table-suppliers__cell--title p {
        max-width: 320px;
        overflow: hidden;
        text-overflow: ellipsis
    }

.c-table-suppliers__cell--conditions {
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    flex-direction: column;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-table-suppliers__cell--conditions .c-wiki-sign {
        margin-top: 0
    }

.c-table-suppliers__cell--no-lead-time:before {
    content: "\E07E\00FE0E";
    color: #00bfd6
}

.c-table-suppliers__cell--fresh-lead-time:before {
    content: "\E07E\00FE0E";
    color: #6bb927
}

.c-table-suppliers__cell--quick-delivery:before {
    content: "\E06D\00FE0E";
    color: #d8117d
}

.c-table-suppliers__cell--guarantee {
    font-size: 10px;
    font-size: .8rem;
    line-height: 1.833;
    color: #707682;
    font-weight: 400
}


.c-table-suppliers__cell--price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 150px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-table-suppliers__cell--price .c-price__value {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        color: #424750;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }



.c-table-suppliers__cell--price-plus .c-price,
.c-table-suppliers__cell--price-plus .c-price--secondary {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-table-suppliers__cell--price-plus .c-price--secondary {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-table-suppliers__cell--action {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 15%;
    padding: 0
}

    .c-table-suppliers__cell--action .btn-plus {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60px;
        height: 41px;
        border: 2px solid #00bfd6;
        border-radius: 8px;
        color: #00bfd6
    }

        .c-table-suppliers__cell--action .btn-plus:before {
            content: "\E1AD\00FE0E";
            font-size: 22px;
            font-size: 1.571rem;
            line-height: 22px
        }

.c-table-suppliers__line {
    display: block
}

.c-table-suppliers__gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    color: var(--kalilend-second)
}

    .c-table-suppliers__gift:after {
        content: "\E074\00FE0E";
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px;
        margin-right: 8px
    }

.c-table-suppliers .c-hint-container:hover .c-hint-delivery {
    display: block
}

.c-table-suppliers .c-hint-delivery {
    margin-top: 15px;
    left: 0;
    width: 215px
}

    .c-table-suppliers .c-hint-delivery:before {
        left: 12px
    }

    .c-table-suppliers .c-hint-delivery:after {
        left: 13px
    }

.c-table-suppliers .c-hint-delivery__item {
    padding-right: 0
}

    .c-table-suppliers .c-hint-delivery__item:before {
        display: none
    }

.c-table-suppliers .c-price__value {
    color: #424750
}

.c-table-suppliers__seller-wrapper {
    position: relative;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-table-suppliers__seller-info,
.c-table-suppliers__seller-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-table-suppliers__seller-info {
    z-index: 10;
    display: none;
    width: 332px;
    position: absolute;
    top: 0;
    right: 70%;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 hsla(0, 0%, 71%, .3);
    box-shadow: 0 6px 12px 0 hsla(0, 0%, 71%, .3);
    border-radius: 8px
}

    .c-table-suppliers__seller-info .c-seller-rating {
        padding: 16px;
        background-color: #fff;
        position: relative;
        z-index: 2
    }

    .c-table-suppliers__seller-info:after {
        content: "";
        position: absolute;
        top: 26px;
        right: -16px;
        width: 30px;
        height: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff;
        -webkit-box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .3);
        box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .3);
        border-radius: 0 0 4px 0;
        z-index: 1
    }

.c-table-suppliers--summary {
    margin: 15px 0;
    color: #3c3c3c;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-table-suppliers--summary .c-table-suppliers__head .c-table-suppliers__cell {
        background: #5e98ae;
        border-right: 1px solid hsla(0, 0%, 100%, .16);
        border-bottom: 1px solid hsla(0, 0%, 100%, .16);
        color: #fff;
        padding: 10px 20px
    }

        .c-table-suppliers--summary .c-table-suppliers__head .c-table-suppliers__cell:first-child {
            border-right: none
        }

.c-table-suppliers__sender-detail span {
    color: #8d9096;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    display: inline-block
}

    .c-table-suppliers__sender-detail span:not(:first-of-type) {
        margin-right: 6px;
        padding-right: 10px;
        position: relative
    }

        .c-table-suppliers__sender-detail span:not(:first-of-type):before {
            content: "";
            position: absolute;
            right: 0;
            top: 8px;
            width: 4px;
            height: 4px;
            border-radius: 2px;
            background-color: #e0e0e2
        }

.c-table-suppliers__jet-container {
    border-bottom: 1px solid #e8e8e8;
    padding: 0 40px 10px 16px
}

.c-table-suppliers__jet-row {
    border-radius: 8px;
    padding: 4px 8px 5px 49px;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(240, 240, 241, 0)), to(#f0f0f1));
    background-image: linear-gradient(90deg, rgba(240, 240, 241, 0), #f0f0f1);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-table-suppliers__jet-row,
.c-table-suppliers__plus-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-table-suppliers__plus-header {
    color: #941b80;
    font-weight: 700;
    position: relative;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-table-suppliers__plus-header:before {
        content: "\E015\00FE0E";
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        margin-left: 4px
    }

.c-table-suppliers__jet-text {
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    color: #81858b;
    margin-right: 16px
}

.c-table-suppliers__plus-cash-back {
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #81858b;
    margin-right: 9px
}

    .c-table-suppliers__plus-cash-back:before {
        content: "";
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #e0e0e2;
        margin-left: 9px
    }

.c-table-suppliers__seller-name {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #424750;
    font-weight: 500
}

.c-table-suppliers__rating {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #81858b;
    margin-top: 2px
}

.c-table-suppliers__sender {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #424750;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-table-suppliers__sender + .c-table-suppliers__sender {
        margin-top: 4px
    }

    .c-table-suppliers__sender:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px;
        margin-left: 8px
    }

.c-table-suppliers__sender--seller:before {
    content: "\E070\00FE0E"
}

.c-table-suppliers__sender--seller.no-lead-time:before {
    color: #d86b00
}

.c-table-suppliers__sender--digikala:before {
    content: "\E06A\00FE0E"
}

.c-table-suppliers__sender--digikala.no-lead-time:before {
    color: #e6123d
}

.c-table-suppliers__sender--fresh:before {
    content: "\E06A\00FE0E"
}

.c-table-suppliers__sender--fresh.no-lead-time:before {
    color: #6bb927
}

.c-table-suppliers-hidden {
    display: none
}

.o-box__header {
    padding-bottom: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.o-box__header,
.o-box__header--two-sided {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.o-box__header--two-sided {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.o-box__header:after {
    content: "";
    background-color: var(--kalilend-second);
    margin-top: 8px;
    height: 2px;
    width: 70px;
    border-radius: 1px
}

.o-box__title {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 40px;
    font-weight: 500
}

.o-box__header-desc {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #81858b
}

.o-box__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #e0e0e2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    list-style: none
}

.o-box__tabs--full-width .o-box__tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.o-box__tabs--not-full {
    margin-left: 0;
    margin-right: 0
}

.o-box__tabs--sticky {
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    z-index: 2;
    top: 68px
}

.o-box__tabs.order-search-open {
    margin: 0;
    padding: 14px 12px;
    border-color: #0fabc6
}

    .o-box__tabs.order-search-open .o-box__tab {
        display: none
    }

    .o-box__tabs.order-search-open .c-profile-order__search-btn {
        margin-left: 0
    }

    .o-box__tabs.order-search-open .c-profile-order__search-input-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.o-box__tab {
    padding: 14px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    color: #6d7179;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

    .o-box__tab.is-active,
    .o-box__tab.is-active a {
        color: var(--kalilend-second)
    }

        .o-box__tab.is-active:after {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            right: 8px;
            bottom: -1px;
            height: 4px;
            border-radius: 2px 2px 0 0;
            background-color: var(--kalilend-second)
        }

        .o-box__tab.is-active .o-box__tab-counter {
            background-color: var(--kalilend-second)
        }

.o-box__tab-counter {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 22px;
    height: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 4px;
    background-color: #a1a3a8;
    color: #fff;
    font-size: 12px;
    font-size: .857rem;
    line-height: 24px;
    font-weight: 700;
    border-radius: 4px;
    margin-right: 4px
}

.o-box__row-bordered {
    border-top: 1px solid #e0e0e2;
    border-bottom: 1px solid #e0e0e2
}

.o-box__row-bordered--two-sided {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.o-box__footer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e0e0e2
}

.o-box__separator {
    height: 1px;
    background-color: #dfdfdf
}

.o-btn {
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    border-radius: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.o-btn--full-width {
    width: 100%
}

.o-btn.disabled {
    background: #e0e0e2;
    border: 1px solid #e0e0e2;
    color: #a1a3a8;
    pointer-events: none;
    cursor: default;
    opacity: unset
}

.o-btn--back {
    margin-left: 8px
}

    .o-btn--back:before {
        content: "\E0B8\00FE0E";
        color: #232933;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.o-btn--copy:before {
    content: "\E0A5\00FE0E"
}

.o-btn--copy.copied:before {
    content: "\E028\00FE0E"
}

.o-btn--black {
    color: #232933 !important
}

.o-btn--l-more:before {
    content: "\E0C3\00FE0E"
}

.o-btn--l-chevron:after {
    content: "\E0B9\00FE0E"
}

.o-btn--l-expand-more {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

    .o-btn--l-expand-more:after {
        content: "\E0BF\00FE0E"
    }

    .o-btn--l-expand-more.is-active:after,
    .o-btn--l-expand-more.is-open:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.o-btn--no-x-padding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.o-btn--l-arrow:after {
    content: "\E0B7\00FE0E"
}

.o-btn--r-voucher:before {
    content: "\E087\00FE0E"
}

.o-btn--remove-padding {
    padding: 0 !important
}

.o-btn--contained-gray-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    background-color: #81858b;
    color: #fff;
    border: 1px solid #81858b
}

    .o-btn--contained-gray-sm:after,
    .o-btn--contained-gray-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--contained-gray-sm:before {
        margin-left: 6px
    }

    .o-btn--contained-gray-sm:after {
        margin-right: 6px
    }

    .o-btn--contained-gray-sm:active {
        background: #686c71;
        border: 1px solid #686c71
    }

.o-btn--outlined-gray-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border: 1px solid #81858b;
    color: #81858b
}

    .o-btn--outlined-gray-sm:after,
    .o-btn--outlined-gray-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--outlined-gray-sm:before {
        margin-left: 6px
    }

    .o-btn--outlined-gray-sm:after {
        margin-right: 6px
    }

    .o-btn--outlined-gray-sm:active {
        background: #a9acb0;
        color: #505256
    }

.o-btn--link-gray-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #81858b;
    background: none;
    border-radius: 0
}

    .o-btn--link-gray-sm:after,
    .o-btn--link-gray-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--link-gray-sm:before {
        margin-left: 6px
    }

    .o-btn--link-gray-sm:after {
        margin-right: 6px
    }

.o-btn--fab-gray-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border-radius: 50%;
    background-color: #81858b;
    color: #fff;
    border: 1px solid #81858b
}

    .o-btn--fab-gray-sm:after,
    .o-btn--fab-gray-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--fab-gray-sm:before {
        margin-left: 6px
    }

    .o-btn--fab-gray-sm:after {
        margin-right: 6px
    }

.o-btn--icon-gray-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

    .o-btn--icon-gray-sm:after,
    .o-btn--icon-gray-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-blue-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    background-color: #0fabc6;
    color: #fff;
    border: 1px solid #0fabc6
}

    .o-btn--contained-blue-sm:after,
    .o-btn--contained-blue-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--contained-blue-sm:before {
        margin-left: 6px
    }

    .o-btn--contained-blue-sm:after {
        margin-right: 6px
    }

    .o-btn--contained-blue-sm:active {
        background: #0b8297;
        border: 1px solid #0b8297
    }

.o-btn--outlined-blue-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border: 1px solid #0fabc6;
    color: #0fabc6
}

    .o-btn--outlined-blue-sm:after,
    .o-btn--outlined-blue-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--outlined-blue-sm:before {
        margin-left: 6px
    }

    .o-btn--outlined-blue-sm:after {
        margin-right: 6px
    }

    .o-btn--outlined-blue-sm:active {
        background: #32d4ef;
        color: #085967
    }

.o-btn--link-blue-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #0fabc6;
    background: none;
    border-radius: 0
}

    .o-btn--link-blue-sm:after,
    .o-btn--link-blue-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--link-blue-sm:before {
        margin-left: 6px
    }

    .o-btn--link-blue-sm:after {
        margin-right: 6px
    }

.o-btn--fab-blue-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border-radius: 50%;
    background-color: #0fabc6;
    color: #fff;
    border: 1px solid #0fabc6
}

    .o-btn--fab-blue-sm:after,
    .o-btn--fab-blue-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--fab-blue-sm:before {
        margin-left: 6px
    }

    .o-btn--fab-blue-sm:after {
        margin-right: 6px
    }

.o-btn--icon-blue-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

    .o-btn--icon-blue-sm:after,
    .o-btn--icon-blue-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-red-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    background-color: var(--kalilend-second);
    color: #fff;
    border: 1px solid var(--kalilend-second)
}

    .o-btn--contained-red-sm:after,
    .o-btn--contained-red-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--contained-red-sm:before {
        margin-left: 6px
    }

    .o-btn--contained-red-sm:after {
        margin-right: 6px
    }

    .o-btn--contained-red-sm:active {
        background: #e3122a;
        border: 1px solid #e3122a
    }

.o-btn--outlined-red-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border: 1px solid var(--kalilend-second);
    color: var(--kalilend-second)
}

    .o-btn--outlined-red-sm:after,
    .o-btn--outlined-red-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--outlined-red-sm:before {
        margin-left: 6px
    }

    .o-btn--outlined-red-sm:after {
        margin-right: 6px
    }

    .o-btn--outlined-red-sm:active {
        background: #f5808d;
        color: #b30f22
    }

.o-btn--link-red-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: var(--kalilend-second);
    background: none;
    border-radius: 0
}

    .o-btn--link-red-sm:after,
    .o-btn--link-red-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--link-red-sm:before {
        margin-left: 6px
    }

    .o-btn--link-red-sm:after {
        margin-right: 6px
    }

.o-btn--fab-red-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border-radius: 50%;
    background-color: var(--kalilend-second);
    color: #fff;
    border: 1px solid var(--kalilend-second)
}

    .o-btn--fab-red-sm:after,
    .o-btn--fab-red-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--fab-red-sm:before {
        margin-left: 6px
    }

    .o-btn--fab-red-sm:after {
        margin-right: 6px
    }

.o-btn--icon-red-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

    .o-btn--icon-red-sm:after,
    .o-btn--icon-red-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-white-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    border: 1px solid #fff
}

    .o-btn--contained-white-sm:after,
    .o-btn--contained-white-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--contained-white-sm:before {
        margin-left: 6px
    }

    .o-btn--contained-white-sm:after {
        margin-right: 6px
    }

    .o-btn--contained-white-sm:active {
        background: #e6e6e6;
        border: 1px solid #e6e6e6
    }

.o-btn--outlined-white-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border: 1px solid #fff;
    color: #fff
}

    .o-btn--outlined-white-sm:after,
    .o-btn--outlined-white-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--outlined-white-sm:before {
        margin-left: 6px
    }

    .o-btn--outlined-white-sm:after {
        margin-right: 6px
    }

    .o-btn--outlined-white-sm:active {
        background: #fff;
        color: #ccc
    }

.o-btn--link-white-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #fff;
    background: none;
    border-radius: 0
}

    .o-btn--link-white-sm:after,
    .o-btn--link-white-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--link-white-sm:before {
        margin-left: 6px
    }

    .o-btn--link-white-sm:after {
        margin-right: 6px
    }

.o-btn--fab-white-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border-radius: 50%;
    background-color: #fff;
    color: #fff;
    border: 1px solid #fff
}

    .o-btn--fab-white-sm:after,
    .o-btn--fab-white-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--fab-white-sm:before {
        margin-left: 6px
    }

    .o-btn--fab-white-sm:after {
        margin-right: 6px
    }

.o-btn--icon-white-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

    .o-btn--icon-white-sm:after,
    .o-btn--icon-white-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-purple-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    background-color: #a6358a;
    color: #fff;
    border: 1px solid #a6358a
}

    .o-btn--contained-purple-sm:after,
    .o-btn--contained-purple-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--contained-purple-sm:before {
        margin-left: 6px
    }

    .o-btn--contained-purple-sm:after {
        margin-right: 6px
    }

    .o-btn--contained-purple-sm:active {
        background: #7f296a;
        border: 1px solid #7f296a
    }

.o-btn--outlined-purple-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border: 1px solid #a6358a;
    color: #a6358a
}

    .o-btn--outlined-purple-sm:after,
    .o-btn--outlined-purple-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--outlined-purple-sm:before {
        margin-left: 6px
    }

    .o-btn--outlined-purple-sm:after {
        margin-right: 6px
    }

    .o-btn--outlined-purple-sm:active {
        background: #cb5cb0;
        color: #591c4a
    }

.o-btn--link-purple-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    color: #a6358a;
    background: none;
    border-radius: 0
}

    .o-btn--link-purple-sm:after,
    .o-btn--link-purple-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--link-purple-sm:before {
        margin-left: 6px
    }

    .o-btn--link-purple-sm:after {
        margin-right: 6px
    }

.o-btn--fab-purple-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    border-radius: 50%;
    background-color: #a6358a;
    color: #fff;
    border: 1px solid #a6358a
}

    .o-btn--fab-purple-sm:after,
    .o-btn--fab-purple-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit
    }

    .o-btn--fab-purple-sm:before {
        margin-left: 6px
    }

    .o-btn--fab-purple-sm:after {
        margin-right: 6px
    }

.o-btn--icon-purple-sm {
    padding: 8px 16px;
    direction: rtl;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

    .o-btn--icon-purple-sm:after,
    .o-btn--icon-purple-sm:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-gray-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #81858b;
    color: #fff;
    border: 1px solid #81858b
}

    .o-btn--contained-gray-md:after,
    .o-btn--contained-gray-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--contained-gray-md:before {
        margin-left: 10px
    }

    .o-btn--contained-gray-md:after {
        margin-right: 10px
    }

    .o-btn--contained-gray-md:active {
        background: #686c71;
        border: 1px solid #686c71
    }

.o-btn--outlined-gray-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #81858b;
    color: #81858b
}

    .o-btn--outlined-gray-md:after,
    .o-btn--outlined-gray-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--outlined-gray-md:before {
        margin-left: 10px
    }

    .o-btn--outlined-gray-md:after {
        margin-right: 10px
    }

    .o-btn--outlined-gray-md:active {
        background: #a9acb0;
        color: #505256
    }

.o-btn--link-gray-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #81858b;
    background: none;
    border-radius: 0
}

    .o-btn--link-gray-md:after,
    .o-btn--link-gray-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--link-gray-md:before {
        margin-left: 10px
    }

    .o-btn--link-gray-md:after {
        margin-right: 10px
    }

.o-btn--fab-gray-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #81858b;
    color: #fff;
    border: 1px solid #81858b
}

    .o-btn--fab-gray-md:after,
    .o-btn--fab-gray-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--fab-gray-md:before {
        margin-left: 10px
    }

    .o-btn--fab-gray-md:after {
        margin-right: 10px
    }

.o-btn--icon-gray-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 12px !important
}

    .o-btn--icon-gray-md:after,
    .o-btn--icon-gray-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-blue-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #0fabc6;
    color: #fff;
    border: 1px solid #0fabc6
}

    .o-btn--contained-blue-md:after,
    .o-btn--contained-blue-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--contained-blue-md:before {
        margin-left: 10px
    }

    .o-btn--contained-blue-md:after {
        margin-right: 10px
    }

    .o-btn--contained-blue-md:active {
        background: #0b8297;
        border: 1px solid #0b8297
    }

.o-btn--outlined-blue-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #0fabc6;
    color: #0fabc6
}

    .o-btn--outlined-blue-md:after,
    .o-btn--outlined-blue-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--outlined-blue-md:before {
        margin-left: 10px
    }

    .o-btn--outlined-blue-md:after {
        margin-right: 10px
    }

    .o-btn--outlined-blue-md:active {
        background: #32d4ef;
        color: #085967
    }

.o-btn--link-blue-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #0fabc6;
    background: none;
    border-radius: 0
}

    .o-btn--link-blue-md:after,
    .o-btn--link-blue-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--link-blue-md:before {
        margin-left: 10px
    }

    .o-btn--link-blue-md:after {
        margin-right: 10px
    }

.o-btn--fab-blue-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #0fabc6;
    color: #fff;
    border: 1px solid #0fabc6
}

    .o-btn--fab-blue-md:after,
    .o-btn--fab-blue-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--fab-blue-md:before {
        margin-left: 10px
    }

    .o-btn--fab-blue-md:after {
        margin-right: 10px
    }

.o-btn--icon-blue-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 12px !important
}

    .o-btn--icon-blue-md:after,
    .o-btn--icon-blue-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-red-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: var(--kalilend-second);
    color: #fff;
    border: 1px solid var(--kalilend-second)
}

    .o-btn--contained-red-md:after,
    .o-btn--contained-red-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--contained-red-md:before {
        margin-left: 10px
    }

    .o-btn--contained-red-md:after {
        margin-right: 10px
    }

    .o-btn--contained-red-md:active {
        background: #e3122a;
        border: 1px solid #e3122a
    }

.o-btn--outlined-red-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid var(--kalilend-second);
    color: var(--kalilend-second)
}

    .o-btn--outlined-red-md:after,
    .o-btn--outlined-red-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--outlined-red-md:before {
        margin-left: 10px
    }

    .o-btn--outlined-red-md:after {
        margin-right: 10px
    }

    .o-btn--outlined-red-md:active {
        background: #f1f5e8;
        color: #79a611
    }

.o-btn--link-red-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: var(--kalilend-second);
    background: none;
    border-radius: 0
}

    .o-btn--link-red-md:after,
    .o-btn--link-red-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--link-red-md:before {
        margin-left: 10px
    }

    .o-btn--link-red-md:after {
        margin-right: 10px
    }

.o-btn--fab-red-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: var(--kalilend-second);
    color: #fff;
    border: 1px solid var(--kalilend-second)
}

    .o-btn--fab-red-md:after,
    .o-btn--fab-red-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--fab-red-md:before {
        margin-left: 10px
    }

    .o-btn--fab-red-md:after {
        margin-right: 10px
    }

.o-btn--icon-red-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 12px !important
}

    .o-btn--icon-red-md:after,
    .o-btn--icon-red-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-white-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    border: 1px solid #fff
}

    .o-btn--contained-white-md:after,
    .o-btn--contained-white-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--contained-white-md:before {
        margin-left: 10px
    }

    .o-btn--contained-white-md:after {
        margin-right: 10px
    }

    .o-btn--contained-white-md:active {
        background: #e6e6e6;
        border: 1px solid #e6e6e6
    }

.o-btn--outlined-white-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #fff;
    color: #fff
}

    .o-btn--outlined-white-md:after,
    .o-btn--outlined-white-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--outlined-white-md:before {
        margin-left: 10px
    }

    .o-btn--outlined-white-md:after {
        margin-right: 10px
    }

    .o-btn--outlined-white-md:active {
        background: #fff;
        color: #ccc
    }

.o-btn--link-white-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #fff;
    background: none;
    border-radius: 0
}

    .o-btn--link-white-md:after,
    .o-btn--link-white-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--link-white-md:before {
        margin-left: 10px
    }

    .o-btn--link-white-md:after {
        margin-right: 10px
    }

.o-btn--fab-white-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #fff;
    color: #fff;
    border: 1px solid #fff
}

    .o-btn--fab-white-md:after,
    .o-btn--fab-white-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--fab-white-md:before {
        margin-left: 10px
    }

    .o-btn--fab-white-md:after {
        margin-right: 10px
    }

.o-btn--icon-white-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 12px !important
}

    .o-btn--icon-white-md:after,
    .o-btn--icon-white-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-purple-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #a6358a;
    color: #fff;
    border: 1px solid #a6358a
}

    .o-btn--contained-purple-md:after,
    .o-btn--contained-purple-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--contained-purple-md:before {
        margin-left: 10px
    }

    .o-btn--contained-purple-md:after {
        margin-right: 10px
    }

    .o-btn--contained-purple-md:active {
        background: #7f296a;
        border: 1px solid #7f296a
    }

.o-btn--outlined-purple-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #a6358a;
    color: #a6358a
}

    .o-btn--outlined-purple-md:after,
    .o-btn--outlined-purple-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--outlined-purple-md:before {
        margin-left: 10px
    }

    .o-btn--outlined-purple-md:after {
        margin-right: 10px
    }

    .o-btn--outlined-purple-md:active {
        background: #cb5cb0;
        color: #591c4a
    }

.o-btn--link-purple-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #a6358a;
    background: none;
    border-radius: 0
}

    .o-btn--link-purple-md:after,
    .o-btn--link-purple-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--link-purple-md:before {
        margin-left: 10px
    }

    .o-btn--link-purple-md:after {
        margin-right: 10px
    }

.o-btn--fab-purple-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #a6358a;
    color: #fff;
    border: 1px solid #a6358a
}

    .o-btn--fab-purple-md:after,
    .o-btn--fab-purple-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit
    }

    .o-btn--fab-purple-md:before {
        margin-left: 10px
    }

    .o-btn--fab-purple-md:after {
        margin-right: 10px
    }

.o-btn--icon-purple-md {
    padding: 9px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 12px !important
}

    .o-btn--icon-purple-md:after,
    .o-btn--icon-purple-md:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-gray-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #81858b;
    color: #fff;
    border: 1px solid #81858b
}

    .o-btn--contained-gray-lg:after,
    .o-btn--contained-gray-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--contained-gray-lg:before {
        margin-left: 10px
    }

    .o-btn--contained-gray-lg:after {
        margin-right: 10px
    }

    .o-btn--contained-gray-lg:active {
        background: #686c71;
        border: 1px solid #686c71
    }

.o-btn--outlined-gray-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #81858b;
    color: #81858b
}

    .o-btn--outlined-gray-lg:after,
    .o-btn--outlined-gray-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--outlined-gray-lg:before {
        margin-left: 10px
    }

    .o-btn--outlined-gray-lg:after {
        margin-right: 10px
    }

    .o-btn--outlined-gray-lg:active {
        background: #a9acb0;
        color: #505256
    }

.o-btn--link-gray-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #81858b;
    background: none;
    border-radius: 0
}

    .o-btn--link-gray-lg:after,
    .o-btn--link-gray-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--link-gray-lg:before {
        margin-left: 10px
    }

    .o-btn--link-gray-lg:after {
        margin-right: 10px
    }

.o-btn--fab-gray-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #81858b;
    color: #fff;
    border: 1px solid #81858b
}

    .o-btn--fab-gray-lg:after,
    .o-btn--fab-gray-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--fab-gray-lg:before {
        margin-left: 10px
    }

    .o-btn--fab-gray-lg:after {
        margin-right: 10px
    }

.o-btn--icon-gray-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 14px !important
}

    .o-btn--icon-gray-lg:after,
    .o-btn--icon-gray-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-blue-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #0fabc6;
    color: #fff;
    border: 1px solid #0fabc6
}

    .o-btn--contained-blue-lg:after,
    .o-btn--contained-blue-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--contained-blue-lg:before {
        margin-left: 10px
    }

    .o-btn--contained-blue-lg:after {
        margin-right: 10px
    }

    .o-btn--contained-blue-lg:active {
        background: #0b8297;
        border: 1px solid #0b8297
    }

.o-btn--outlined-blue-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #0fabc6;
    color: #0fabc6
}

    .o-btn--outlined-blue-lg:after,
    .o-btn--outlined-blue-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--outlined-blue-lg:before {
        margin-left: 10px
    }

    .o-btn--outlined-blue-lg:after {
        margin-right: 10px
    }

    .o-btn--outlined-blue-lg:active {
        background: #32d4ef;
        color: #085967
    }

.o-btn--link-blue-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #0fabc6;
    background: none;
    border-radius: 0
}

    .o-btn--link-blue-lg:after,
    .o-btn--link-blue-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--link-blue-lg:before {
        margin-left: 10px
    }

    .o-btn--link-blue-lg:after {
        margin-right: 10px
    }

.o-btn--fab-blue-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #0fabc6;
    color: #fff;
    border: 1px solid #0fabc6
}

    .o-btn--fab-blue-lg:after,
    .o-btn--fab-blue-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--fab-blue-lg:before {
        margin-left: 10px
    }

    .o-btn--fab-blue-lg:after {
        margin-right: 10px
    }

.o-btn--icon-blue-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 14px !important
}

    .o-btn--icon-blue-lg:after,
    .o-btn--icon-blue-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-red-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: var(--kalilend-second);
    color: #fff;
    border: 1px solid var(--kalilend-second)
}

    .o-btn--contained-red-lg:after,
    .o-btn--contained-red-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--contained-red-lg:before {
        margin-left: 10px
    }

    .o-btn--contained-red-lg:after {
        margin-right: 10px
    }

    .o-btn--contained-red-lg:active {
        background: #e3122a;
        border: 1px solid #e3122a
    }

.o-btn--outlined-red-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid var(--kalilend-second);
    color: var(--kalilend-second)
}

    .o-btn--outlined-red-lg:after,
    .o-btn--outlined-red-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--outlined-red-lg:before {
        margin-left: 10px
    }

    .o-btn--outlined-red-lg:after {
        margin-right: 10px
    }

    .o-btn--outlined-red-lg:active {
        background: #f5808d;
        color: #b30f22
    }

.o-btn--link-red-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: var(--kalilend-second);
    background: none;
    border-radius: 0
}

    .o-btn--link-red-lg:after,
    .o-btn--link-red-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--link-red-lg:before {
        margin-left: 10px
    }

    .o-btn--link-red-lg:after {
        margin-right: 10px
    }

.o-btn--fab-red-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: var(--kalilend-second);
    color: #fff;
    border: 1px solid var(--kalilend-second)
}

    .o-btn--fab-red-lg:after,
    .o-btn--fab-red-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--fab-red-lg:before {
        margin-left: 10px
    }

    .o-btn--fab-red-lg:after {
        margin-right: 10px
    }

.o-btn--icon-red-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 14px !important
}

    .o-btn--icon-red-lg:after,
    .o-btn--icon-red-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-white-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    border: 1px solid #fff
}

    .o-btn--contained-white-lg:after,
    .o-btn--contained-white-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--contained-white-lg:before {
        margin-left: 10px
    }

    .o-btn--contained-white-lg:after {
        margin-right: 10px
    }

    .o-btn--contained-white-lg:active {
        background: #e6e6e6;
        border: 1px solid #e6e6e6
    }

.o-btn--outlined-white-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #fff;
    color: #fff
}

    .o-btn--outlined-white-lg:after,
    .o-btn--outlined-white-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--outlined-white-lg:before {
        margin-left: 10px
    }

    .o-btn--outlined-white-lg:after {
        margin-right: 10px
    }

    .o-btn--outlined-white-lg:active {
        background: #fff;
        color: #ccc
    }

.o-btn--link-white-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #fff;
    background: none;
    border-radius: 0
}

    .o-btn--link-white-lg:after,
    .o-btn--link-white-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--link-white-lg:before {
        margin-left: 10px
    }

    .o-btn--link-white-lg:after {
        margin-right: 10px
    }

.o-btn--fab-white-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #fff;
    color: #fff;
    border: 1px solid #fff
}

    .o-btn--fab-white-lg:after,
    .o-btn--fab-white-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--fab-white-lg:before {
        margin-left: 10px
    }

    .o-btn--fab-white-lg:after {
        margin-right: 10px
    }

.o-btn--icon-white-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 14px !important
}

    .o-btn--icon-white-lg:after,
    .o-btn--icon-white-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit;
        margin: 0
    }

.o-btn--contained-purple-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    background-color: #a6358a;
    color: #fff;
    border: 1px solid #a6358a
}

    .o-btn--contained-purple-lg:after,
    .o-btn--contained-purple-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--contained-purple-lg:before {
        margin-left: 10px
    }

    .o-btn--contained-purple-lg:after {
        margin-right: 10px
    }

    .o-btn--contained-purple-lg:active {
        background: #7f296a;
        border: 1px solid #7f296a
    }

.o-btn--outlined-purple-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #a6358a;
    color: #a6358a
}

    .o-btn--outlined-purple-lg:after,
    .o-btn--outlined-purple-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--outlined-purple-lg:before {
        margin-left: 10px
    }

    .o-btn--outlined-purple-lg:after {
        margin-right: 10px
    }

    .o-btn--outlined-purple-lg:active {
        background: #cb5cb0;
        color: #591c4a
    }

.o-btn--link-purple-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #a6358a;
    background: none;
    border-radius: 0
}

    .o-btn--link-purple-lg:after,
    .o-btn--link-purple-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--link-purple-lg:before {
        margin-left: 10px
    }

    .o-btn--link-purple-lg:after {
        margin-right: 10px
    }

.o-btn--fab-purple-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border-radius: 50%;
    background-color: #a6358a;
    color: #fff;
    border: 1px solid #a6358a
}

    .o-btn--fab-purple-lg:after,
    .o-btn--fab-purple-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit
    }

    .o-btn--fab-purple-lg:before {
        margin-left: 10px
    }

    .o-btn--fab-purple-lg:after {
        margin-right: 10px
    }

.o-btn--icon-purple-lg {
    padding: 13px 16px;
    direction: rtl;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 14px !important
}

    .o-btn--icon-purple-lg:after,
    .o-btn--icon-purple-lg:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: inherit;
        margin: 0
    }

.c-product__seller-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9rem;
    color: #424750
}

    .c-product__seller-row:before {
        color: #424750;
        font-size: 24px;
        margin-left: 16px
    }



.c-product__seller-row--add-to-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: calc(98px + 1rem);
    height: auto
}

.c-product__seller-row--best-price-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #2e7b32;
    padding-bottom: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

    .c-product__seller-row--best-price-row:before {
        content: "\E05C\00FE0E";
        color: #2e7b32;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

    .c-product__seller-row--best-price-row:after {
        display: none
    }

.c-product__seller-row--digiclub-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #424750;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-product__seller-row--digiclub-row img {
        width: 24px;
        height: 24px;
        margin-left: 16px
    }

    .c-product__seller-row--digiclub-row:after {
        right: 16px
    }

.c-product__seller-row--seller:before {
    content: "\E1DC\00FE0E"
}

.c-product__seller-row--official-seller {
    position: absolute
}

    .c-product__seller-row--official-seller:before {
        content: "\E21A\00FE0E";
        top: 1px;
        right: 12px;
        width: 16px;
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #008eb2;
        font-size: 16px;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 30px;
        background: #f5f5f5;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.c-product__seller-row--trusted-seller {
    position: absolute
}

    .c-product__seller-row--trusted-seller:before {
        content: "\E21A\00FE0E";
        top: 1px;
        right: 12px;
        width: 16px;
        height: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        color: #00a049;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 30px;
        background: #f5f5f5;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.c-product__seller-row--dk {
    font-size: 1rem
}

    .c-product__seller-row--dk:before {
        content: "\E005\00FE0E";
        font-size: 1.4rem;
        color: #ff2f56
    }

.c-product__seller-row--guarantee:before {
    content: "\E075\00FE0E"
}

.c-product__seller-row--gift:before {
    content: "\E074\00FE0E"
}

.c-product__seller-row--price {
    padding-bottom: 0
}

    .c-product__seller-row--price:after {
        content: unset
    }

.c-product__seller-row--price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--kalilend-main)
}

.c-product__seller-row--clickable {
    cursor: pointer
}

    .c-product__seller-row--clickable:hover {
        background: #ececec;
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
        padding-bottom: calc(1rem - 1px);
        padding-top: calc(1rem - 1px)
    }

.c-product__seller-row--cheapest {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c-product__seller-row--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-product__seller-row--plus {
    padding: 0 8px;
    border: none
}

    .c-product__seller-row--plus:after {
        content: none
    }

.c-product__seller-row-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px
}

.c-product__seller-row-main--plus {
    color: #424750;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 7px;
    border: 1px solid #e0e0e2;
    background: hsla(0, 0%, 100%, .5);
    border-radius: 8px
}

.c-product__seller-row-main--arrow-left {
    position: relative;
    padding-left: 28px
}

    .c-product__seller-row-main--arrow-left:before {
        content: "\E0B9\00FE0E";
        position: absolute;
        left: 0;
        top: 13px;
        color: #a1a3a8;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 24px
    }

.c-product__seller-row-title--plus {
    color: #424750;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 500;
    color: #941b80
}

    .c-product__seller-row-title--plus:before {
        content: "";
        width: 24px;
        height: 24px;
        margin-left: 14px !important
    }

.c-product__seller-row-subtitle--plus {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #81858b;
    padding-right: 38px
}

.c-product__seller-row-info {
    color: #00bfd6;
    font-weight: 700
}

.c-product__seller-price-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b4b4b4;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-product__seller-price-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-product__seller-price-prev {
    text-decoration: line-through;
    font-size: 16px;
    color: #a1a3a8;
    margin-left: 6px
}

.c-product__seller-price-off {
    padding: 3px .7rem 1px;
    font-weight: 500;
    background: var(--kalilend-main);
    border-radius: 1rem;
    color: #fff;
    font-size: 1.1rem
}

.c-product__seller-price-real {
    color: #424750;
    font-weight: 800;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-product__mini-seller-price-real,
.c-product__seller-price-real {
    -ms-flex-item-align: end;
    align-self: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: left;
    margin: 0
}

.c-product__seller-price-pure {
    display: inline;
    color: #030a16;
    font-weight: 500;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 41px
}

.c-product__additional-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #686868;
    font-size: .8rem
}

    .c-product__additional-item:before {
        content: "\E174\00FE0E"
    }

.c-product__additional-item--green {
    color: #4caf50
}

.c-product__additional-item--orange {
    color: orange
}

.c-product__additional-item--fmcg:before {
    content: "\E20C\00FE0E";
    color: #4caf50
}

.c-product__additional-item:before {
    font-size: 1.5rem
}

.c-product__additional-item--no-icon {
    margin: 0
}

    .c-product__additional-item--no-icon:before {
        content: unset
    }

.btn-add-to-cart {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    border-radius: 8px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    min-height: 48px;
    padding: 12px 18px;
    background-color: var(--kalilend-second);
    border: none
}

    .btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]) {
        overflow: hidden
    }

        .btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]):before {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
            width: 900px;
            height: 900px;
            right: -450px;
            top: -450px;
            -webkit-transform: unset;
            transform: unset
        }

.btn-add-to-cart__txt {
    display: inline-block;
    font-size: 16px;
    font-weight: 500
}

    .btn-add-to-cart__txt:before {
        position: absolute;
        right: 32px;
        top: 12px;
        font-size: 27px
    }

    .btn-add-to-cart__txt:after {
        position: absolute;
        right: 14px;
        top: 20px;
        font-size: 12px
    }

.btn-add-to-cart--full-width {
    width: 100%
}

.btn-add-to-cart--outline {
    color: #ef394e;
    background: transparent;
    border: 1px solid #ef394e;
    margin: 8px auto 12px;
    position: relative;
    padding: 16px 18px 20px
}

.btn-add-to-cart--cta-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: normal;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .btn-add-to-cart--cta-icon:after {
        content: "\E0B9\00FE0E";
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.btn-add-to-cart--plus-register {
    min-height: 48px;
    padding: 6px 18px 10px;
    border-radius: 8px;
    margin-bottom: 0;
    margin-top: 12px;
    color: #a6358a;
    border-color: #a6358a
}

.btn-add-to-cart--navigate-to-application {
    color: #ef394e;
    border-color: #ef394e;
    padding: 0;
    margin: 13px 0 0
}

    .btn-add-to-cart--navigate-to-application:after {
        margin-right: 8px
    }

.btn-add-to-cart-mini {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    width: 60px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    background-color: #00bfd6;
    color: #fff;
    background-color: #ef394e;
    border: none
}

    .btn-add-to-cart-mini:before {
        content: "\E1AF\00FE0E";
        font-size: 14px
    }

.btn-submit-request {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #00bfd6;
    color: #fff;
    border: none;
    padding: 5px 15px 5px 15px;
}

.btn-add-to-cart-mini--shipping {
    width: 100%;
    height: 30px;
    border-radius: 4px;
    border: 1px solid #00bfd6;
    background-color: #fff;
    margin-top: 10px
}

    .btn-add-to-cart-mini--shipping:hover {
        background-color: #00bfd6
    }

        .btn-add-to-cart-mini--shipping:hover:before {
            color: #fff
        }

    .btn-add-to-cart-mini--shipping:before {
        color: #00bfd6;
        padding-top: 2px
    }

.btn-add-to-cart-mini--has-config:before {
    content: "\E133\00FE0E";
    font-size: 4px
}

.btn-add-to-cart-mini--centered {
    margin: auto
}

.btn-add-to-cart-mini:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

    .btn-add-to-cart-mini:not(.disabled):not(.is-inactive):not([disabled]):after {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 200%;
        height: 200%;
        position: absolute;
        right: -50%;
        top: -50%;
        background: hsla(0, 0%, 100%, .21);
        content: "";
        opacity: 0
    }

    .btn-add-to-cart-mini:not(.disabled):not(.is-inactive):not([disabled]):hover:after {
        opacity: 1
    }




.c-ui-table {
    display: inline-table;
    vertical-align: top;
    font-size: 10px;
    font-size: 0.8rem;
    line-height: 25px;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse !important
}

.c-ui-table__footer-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-right: auto;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 16px
}

.c-ui-table__product-img {
    width: 50px;
    height: 50px;
    margin-left: 5px;
    display: inline-block
}

    .c-ui-table__product-img img {
        width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.c-ui-table__cell-color {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 4px;
}

.c-ui-table__header-control {
    padding: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-ui-table__header-control, .c-ui-table__header-control-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-ui-table__header-control-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .c-ui-table__header-control-item > :not(:first-child) {
        margin-right: 8px
    }

    .c-ui-table__header-control-item:last-child {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

.c-ui-table__wrapper {
    overflow-x: auto;
    overflow-y: visible;
    min-height: 60px
}

.c-ui-table__expand-wrapper {
    display: inline-block;
    width: 100%
}

.c-ui-table__more {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #81858b;
    width: 40px;
    padding: 0 !important;
    height: 40px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f9f9f9;
    opacity: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .c-ui-table__more:before {
        content: "\F076\00FE0E"
    }

    .c-ui-table__more:hover {
        color: #81858b;
        text-decoration: none
    }

@media screen and (max-width:991px) {
    .c-ui-table__more {
        opacity: 1
    }
}

.c-ui-table__row {
    border-radius: 8px;
    border-top: 1px solid rgba(0,0,0,.05);
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-left: 1px solid rgba(0,0,0,.05);
}



    .c-ui-table__row:hover .c-ui-table__more {
        opacity: 1
    }

.c-ui-table__row--collapsable:hover {
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.15)
}

.c-ui-table__row--collapsable .c-ui-table__cell {
    background-color: #fff
}

    .c-ui-table__row--collapsable .c-ui-table__cell:first-child {
        border-right: 1px solid #eee
    }

    .c-ui-table__row--collapsable .c-ui-table__cell:last-child {
        padding-left: 10px
    }

    .c-ui-table__row--collapsable .c-ui-table__cell:first-child {
        border-radius: 0 8px 8px 0
    }

    .c-ui-table__row--collapsable .c-ui-table__cell:last-child {
        border-radius: 8px 0 0 8px
    }

.c-ui-table__row--collapsable .c-ui-table__cell {
    z-index: 1
}

.c-ui-table__row--with-hover:hover:hover {
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.15)
}

.c-ui-table__row--with-hover:hover .c-ui-table__cell {
    background-color: #fff
}

    .c-ui-table__row--with-hover:hover .c-ui-table__cell:first-child {
        border-radius: 0 8px 8px 0
    }

    .c-ui-table__row--with-hover:hover .c-ui-table__cell:last-child {
        border-radius: 8px 0 0 8px
    }

.c-ui-table__row--with-hover:hover .c-ui-table__cell {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

    .c-ui-table__row--with-hover:hover .c-ui-table__cell:first-child {
        border-right: 1px solid #eee
    }

    .c-ui-table__row--with-hover:hover .c-ui-table__cell:last-child {
        border-left: 1px solid #eee
    }

.c-ui-table__row--warning .c-ui-table__cell {
    color: #606265;
    font-weight: 700
}

    .c-ui-table__row--warning .c-ui-table__cell:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 2px;
        right: 0;
        bottom: 2px;
        left: 0;
        border-top-color: #fad0d4;
        border-bottom-color: #fad0d4;
        background-color: #fff3f5
    }

    .c-ui-table__row--warning .c-ui-table__cell:first-child:after {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px;
        right: 7px;
        width: 4px;
        border-radius: 2px;
        background-color: #ef5661
    }

    .c-ui-table__row--warning .c-ui-table__cell:first-child:before {
        right: 2px;
        border-radius: 0 6px 6px 0;
        border-right: 1px solid #fad0d4
    }

    .c-ui-table__row--warning .c-ui-table__cell:last-child:before {
        left: 2px;
        border-radius: 6px 0 0 6px;
        border-left: 1px solid #fad0d4
    }

.c-ui-table__row--fade {
    background-color: #f5f7fa
}

.c-ui-table__row.is-selected .c-ui-table__cell:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 2px;
    right: 0;
    bottom: 2px;
    left: 0;
    background-color: rgba(79,204,233,.15)
}

.c-ui-table__row.is-selected .c-ui-table__cell:first-child:before {
    right: 2px;
    border-radius: 0 6px 6px 0
}

.c-ui-table__row.is-selected .c-ui-table__cell:last-child:before {
    left: 2px;
    border-radius: 6px 0 0 6px
}

.c-ui-table__row.is-selected .c-ui-table__cell--bordered {
    border-color: rgba(239,136,118,.2)
}

    .c-ui-table__row.is-selected .c-ui-table__cell--bordered:before {
        top: 0;
        bottom: 0;
        background-color: rgba(239,136,118,.05)
    }

    .c-ui-table__row.is-selected .c-ui-table__cell--bordered:first-child:before {
        right: 0;
        border-radius: 0 5px 5px 0
    }

    .c-ui-table__row.is-selected .c-ui-table__cell--bordered:last-child:before {
        left: 0;
        border-radius: 5px 0 0 5px
    }

.c-ui-table__row--boxed td {
    margin-top: 16px;
    border-top: 1px solid #e6e9ed;
    border-bottom: 1px solid #e6e9ed
}

    .c-ui-table__row--boxed td:first-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-right: 1px solid #e6e9ed
    }

    .c-ui-table__row--boxed td:last-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-left: 1px solid #e6e9ed;
        padding-left: 16px
    }

.c-ui-table__row--boxed.opened {
    border-radius: 8px 8px 0 0
}

.c-ui-table__space {
    height: 15px
}

.c-ui-table__expand-row--first .c-ui-table__expand-cell {
    padding-top: 28px
}

.c-ui-table__expand-row--last .c-ui-table__expand-cell {
    padding-bottom: 20px;
    border-bottom: 1px solid #f4f5f8
}

    .c-ui-table__expand-row--last .c-ui-table__expand-cell:first-child {
        border-radius: 0 0 8px 0
    }

    .c-ui-table__expand-row--last .c-ui-table__expand-cell:last-child {
        border-radius: 0 0 0 8px
    }

    .c-ui-table__expand-row--last .c-ui-table__expand-cell:first-child:last-child {
        border-radius: 0 0 8px 8px
    }

.c-ui-table__expand-row--hidden {
    display: none
}

.c-ui-table__expand-row--boxed > td {
    border: 1px solid #e6e9ed !important;
    border-radius: 0 0 8px 8px
}

.c-ui-table__expand-row--boxed th {
    border-bottom: 1px solid #e6e9ed
}

.c-ui-table__expand-cell {
    position: relative;
    z-index: 0;
    top: -8px;
    color: #777;
    padding: 6px 15px;
    background-color: #f9fafc
}

    .c-ui-table__expand-cell:first-child {
        padding-right: 20px;
        border-right: 1px solid #f4f5f8
    }

    .c-ui-table__expand-cell:last-child {
        padding-left: 20px;
        border-left: 1px solid #f4f5f8
    }

.c-ui-table__expand-cell--img {
    padding: 0
}

.c-ui-table__header {
    position: relative;
    z-index: 3;
    vertical-align: middle;
    color: #606265;
    font-size: 14px;
    font-size: 0.9rem;
    line-height: 25px;
    font-weight: 600;
    text-align: right;
    height: 50px;
    padding: 5px 10px;
    margin-bottom: 5px;
    background-color: #f5f7fa
}

    .c-ui-table__header:first-child {
        padding-right: 20px
    }

    .c-ui-table__header:last-child {
        padding-left: 20px
    }

    .c-ui-table__header:first-child {
        border-radius: 0 8px 8px 0
    }

    .c-ui-table__header:last-child {
        border-radius: 8px 0 0 8px
    }

@media screen and (min-width:992px) {
    .c-ui-table__header--nowrap {
        white-space: nowrap
    }
}

.c-ui-table__header--check {
    vertical-align: middle
}

.c-ui-table__header--sort-asc:after {
    content: "\F057\00FE0E"
}

.c-ui-table__header--sort-asc:after {
    position: relative;
    top: 0;
    margin-right: 4px;
    color: #000;
    font-size: 6px !important
}

.c-ui-table__header--sort-desc:after {
    content: "\F0FF\00FE0E"
}

.c-ui-table__header--sort-desc:after {
    position: relative;
    top: 0;
    margin-right: 4px;
    color: #000;
    font-size: 6px !important
}

.c-ui-table__header--smaller {
    padding-left: 5px;
    padding-right: 5px
}

.c-ui-table__header--small-text {
    font-size: 11px;
    font-size: .786rem;
    line-height: 19px
}

.c-ui-table__header em {
    font-weight: 400;
    font-style: normal;
    color: inherit
}

.c-ui-table__item-sub {
    font-weight: 400
}

.c-ui-table__sortable-item {
    display: inline-block;
    cursor: pointer
}

.c-ui-table__cell {
    position: relative;
    z-index: 0;
    color: #4f4f4f;
    height: 50px;
    padding: 5px 10px;
}



    .c-ui-table__cell:first-child {
        border-right: 1px solid transparent
    }

    .c-ui-table__cell:last-child {
        padding-left: 10px
    }

.c-ui-table__cell-desc {
    width: 300px
}

.c-ui-table__cell--img {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
    padding: 5px 0
}

    .c-ui-table__cell--img img {
        width: 100%;
        height: auto
    }

.c-ui-table__cell--img-rounded {
    border-radius: 8px
}

.c-ui-table__cell--title {
    width: 15%
}

.c-ui-table__cell--item-title {
    min-width: 120px;
    max-width: 380px;
    padding-left: 0
}

.c-ui-table__cell--left {
    text-align: left
}

.c-ui-table__cell--smaller {
    padding-left: 10px;
    padding-right: 10px;
    min-width: 90px;
    background: #dcdcdc;
    border-radius: 0 8px 8px 0;
    font-size: 0.85rem;
    font-weight: 500;
}

.c-ui-table__cell--full-width {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.c-ui-table__cell--bordered {
    border-color: rgba(145,153,160,.2)
}

    .c-ui-table__cell--bordered:first-child {
        border-right: 1px solid rgba(145,153,160,.2);
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px
    }

    .c-ui-table__cell--bordered:last-child {
        border-left: 1px solid rgba(145,153,160,.2);
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px
    }

.c-ui-table__cell--padding {
    width: 15px;
    min-width: 15px;
    max-width: 15px;
    padding: 0 !important;
    border-color: transparent !important
}

.c-ui-table__cell--align-top {
    vertical-align: top
}

.c-ui-table__cell--mt-20 {
    margin-top: 20px
}

.c-ui-table__cell--mt-45 {
    margin-top: 45px
}

@media screen and (min-width:993px) {
    .c-ui-table__cell--padding-controller {
        margin-top: 45px
    }
}

@media screen and (max-width:993px) {
    .c-ui-table__cell--padding-controller {
        margin-top: 70px
    }
}

@media screen and (max-width:606px) {
    .c-ui-table__cell--padding-controller {
        margin-top: 95px
    }
}

@media screen and (max-width:491px) {
    .c-ui-table__cell--padding-controller {
        margin-top: 120px
    }
}

@media screen and (max-width:461px) {
    .c-ui-table__cell--padding-controller {
        margin-top: 145px
    }
}

@media screen and (max-width:428px) {
    .c-ui-table__cell--padding-controller {
        margin-top: 175px
    }
}

.c-ui-table__cell:before {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.c-ui-table__cell:hover {
    z-index: 1
}

.c-ui-table__cell--persian-date {
    direction: ltr
}

.c-ui-table__cell--small-text {
    z-index: 1;
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px
}

    .c-ui-table__cell--small-text:hover {
        z-index: 10
    }

.c-ui-table__cell--inheritance {
    height: inherit !important
}

.c-ui-table__cell-gap {
    height: 13px
}

.c-ui-table__cell-gap--small {
    height: 8px
}

.c-ui-table__cell-info {
    color: #c5c5c5
}

.c-ui-table__cell-info--bg-transparent {
    background-color: transparent
}

.c-ui-table__cell-info--br-top {
    border-top: 2px solid #edeff3
}

.c-ui-table__link {
    color: #4a90e2;
    text-decoration: underline;
    font-size: 14px !important;
    line-height: 25px !important;
    font-weight: 400;
    padding: 0 !important
}

.c-ui-table__info {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.c-ui-table__info-summary {
    border-bottom: 1px dashed #777
}

.c-ui-table__info-summary--warning {
    color: #ef5661;
    border-color: #ef5661
}

.c-ui-table__tooltip {
    display: none;
    position: absolute;
    z-index: 10;
    bottom: calc(100% + 6px);
    left: -11px;
    min-width: 115px;
    padding: 10px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-table__tooltip:before {
        content: "";
        top: 100%;
        position: absolute;
        left: 16px;
        width: 0;
        height: 0;
        margin-left: -6px;
        border: 6px solid transparent;
        border-top-color: #fff;
        pointer-events: none
    }

.c-ui-table__tooltip-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding: 5px 10px;
    border-radius: 6px;
    min-height: 30px
}

.c-ui-table__tooltip-row--warning {
    color: #ef5661
}

.c-ui-table__tooltip-row span {
    white-space: nowrap
}

.c-ui-table__tooltip-row:nth-child(odd) {
    background-color: #f5f7fa
}

.c-ui-table__tooltip-row span:not(:first-child) {
    margin-right: 12px;
    font-weight: 700
}

.c-ui-table__item-img {
    width: 60px;
    min-width: 60px;
    max-width: 60px
}

    .c-ui-table__item-img img {
        width: 100%;
        height: auto
    }

.c-ui-table__item-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 25px;
    font-weight: 700;
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-width: 250px;
    margin-right: 20px;
    margin-left: 15px
}

.c-ui-table__header-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:991px) {
    .c-ui-table__header-description {
        padding-bottom: 10px
    }
}

.c-ui-table__dkps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 40px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media screen and (max-width:991px) {
    .c-ui-table__dkps {
        position: absolute;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        bottom: 5px;
        right: 20px;
        margin-right: 0
    }
}

.c-ui-table__item-dkp {
    color: #4a90e2;
    text-decoration: underline;
    margin-left: 15px
}

.c-ui-table__status {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    padding: 5px 30px 5px 10px;
    background-color: #f5f5f5;
    border-radius: 15px;
    white-space: nowrap
}

@media screen and (max-width:991px) {
    .c-ui-table__status {
        white-space: normal
    }
}

.c-ui-table__status:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc
}

.c-ui-table__status--pending:before {
    background-color: #ef5661
}

.c-ui-table__status--success {
    color: var(--kalilend-main);
    background-color: rgba(239,136,118,.07)
}

    .c-ui-table__status--success:before {
        background-color: var(--kalilend-main)
    }

.c-ui-table__status--warning {
    color: #f5a623;
    background-color: rgba(245,166,35,.07)
}

    .c-ui-table__status--warning:before {
        background-color: #f5a623
    }

.c-ui-table__status--danger {
    color: #ef5661;
    background-color: rgba(239,86,97,.07)
}

    .c-ui-table__status--danger:before {
        background-color: #ef5661
    }

.c-ui-table__status--simple {
    background-color: transparent;
    padding: 0
}

    .c-ui-table__status--simple:before {
        display: none
    }

.c-ui-table__status--default {
    color: #777;
    background-color: hsla(0,0%,46.7%,.07)
}

    .c-ui-table__status--default:before {
        background-color: #777
    }

.c-ui-table__status--info {
    color: var(--kalilend-main);
    background-color: rgba(79,204,233,.07)
}

    .c-ui-table__status--info:before {
        background-color: var(--kalilend-main)
    }

.c-ui-table__status--approved {
    color: #a0d468;
    background-color: rgba(160,212,104,.07)
}

    .c-ui-table__status--approved:before {
        background-color: #a0d468
    }

.c-ui-table__status-card {
    border-radius: 8px !important
}

.c-ui-table__expander {
    width: 150px;
    min-width: 150px;
    direction: ltr;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle
}

.c-ui-table__expander--inline {
    width: auto;
    min-width: auto
}

.c-ui-table__expander-control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 16px;
    vertical-align: top;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background-color: #e9ebef;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .c-ui-table__expander-control:hover {
        border: 1px solid #606265
    }

    .c-ui-table__expander-control:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

    .c-ui-table__expander-control:before {
        content: "\F008\00FE0E"
    }

.c-ui-table__expander-control--expanded:before {
    content: "\F0C6\00FE0E"
}

.c-ui-table__expander-control--expanded:before {
    font-size: 10px
}

.c-ui-table__expander-control--expanded + .c-ui-table__expander-label {
    visibility: visible
}

.c-ui-table__expander-label {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-left: 15px;
    visibility: hidden
}

.c-ui-table__expand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    border-top: 2px solid #d5d9dd
}

.c-ui-table__expand, .c-ui-table__expand-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-ui-table__expand-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    min-width: 180px;
    max-width: 100%;
    height: 40px;
    background-color: var(--kalilend-main);
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    outline: none;
    cursor: pointer;
    text-decoration: none
}

    .c-ui-table__expand-btn:hover {
        text-decoration: none
    }

.c-ui-table__actions-wrapper {
    margin: 20px 0
}

.c-ui-table__tag {
    display: inline-block;
    vertical-align: top;
    color: #9199a0;
    font-size: 11px;
    font-size: .786rem;
    line-height: 17px;
    padding: 2px 10px 0;
    border-radius: 5px;
    border: 1px solid #e6e9ed
}

.c-ui-table__tag--content {
    color: #646870;
    border-color: #646870;
    padding: 12px 10px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px;
    cursor: pointer
}

.c-ui-table__form-text {
    display: inline-block;
    margin-top: 7px
}

.c-ui-table__subtext {
    color: #606265;
    font-size: 11px;
    font-size: .786rem;
    line-height: 16px;
    margin-top: 3px
}

.c-ui-table__subtext--success-icon:before {
    content: "\F031\00FE0E"
}

.c-ui-table__subtext--success-icon:before {
    position: relative;
    top: 2px;
    font-size: 12px;
    margin-left: 4px
}

.c-ui-table__subtext--success {
    color: var(--kalilend-main)
}

.c-ui-table__subtext--danger {
    color: #ef5661
}

.c-ui-table__subtext--warning {
    color: #f5a623
}

.c-ui-table__cell-divider {
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 1px;
    background-color: #e6e9ed
}

.c-ui-table__sort-select {
    position: relative;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    top: 4px;
    outline: none;
    border-radius: 4px;
    padding: 2px;
    margin-right: 6px;
    background-color: var(--kalilend-main)
}

.c-ui-table__sort-select--default {
    background-color: var(--kalilend-main)
}

.c-ui-table__sort-select--success {
    background-color: var(--kalilend-main)
}

.c-ui-table__sort-select--warning {
    background-color: #f5a623
}

.c-ui-table__sort-select span {
    display: block;
    font-size: 8px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    min-width: 16px
}

.c-ui-table__sort-select:before {
    display: block;
    width: 4px;
    height: 4px;
    margin: 4px auto -2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-ui-table__sort-select:after {
    display: block;
    width: 4px;
    height: 4px;
    margin: -2px auto 4px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.c-ui-table__sort-select--asc:before {
    content: ""
}

.c-ui-table__sort-select--desc:after {
    content: ""
}

.c-ui-table__sort-select-origin {
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    color: transparent;
    border-radius: 8px;
    outline: none;
    border: none;
    background-color: transparent;
    cursor: pointer
}

    .c-ui-table__sort-select-origin option {
        color: #606265;
        font-family: inherit
    }

        .c-ui-table__sort-select-origin option[selected] {
            color: #606265;
            background-color: #f5f7fa
        }

        .c-ui-table__sort-select-origin option:hover {
            color: #606265;
            background-color: #efefef
        }

.c-ui-table__selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 4px
}

.c-ui-table__selection-counter {
    color: #777;
    text-align: center;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px;
    font-weight: 700;
    min-width: 85px;
    padding: 1px 10px 0;
    border-radius: 5px;
    background-color: #f5f7fa
}

    .c-ui-table__selection-counter.is-active {
        color: var(--kalilend-main)
    }

.c-ui-table__selection-label {
    color: #9199a0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    margin-right: 5px
}

.c-ui-table__div-row:not(:first-of-type) {
    margin-top: 15px
}

.c-ui-table__badge {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding: 7px 10px;
    border-radius: 15px
}

.c-ui-table__badge--small {
    background-color: rgba(239,136,118,.1);
    color: var(--kalilend-main)
}

    .c-ui-table__badge--small.c-ui-table__badge--bordered {
        border: 1px solid rgba(239,136,118,.2)
    }

.c-ui-table__badge--medium {
    background-color: rgba(249,168,37,.1);
    color: #f9a825
}

    .c-ui-table__badge--medium.c-ui-table__badge--bordered {
        border: 1px solid rgba(249,168,37,.2)
    }

.c-ui-table__badge--big {
    background-color: rgba(239,86,97,.1);
    color: #ef5661
}

    .c-ui-table__badge--big.c-ui-table__badge--bordered {
        border: 1px solid rgba(239,86,97,.2)
    }

.c-ui-table__badge--bordered {
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    padding: 2px 7px;
    border-radius: 5px
}

.c-ui-table__badge--large {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-table--small {
    height: 55px !important
}

.c-ui-table__cell--small-text {
    z-index: 0 !important
}

.c-ui-table__row:hover .c-ui-counter__value {
    display: none
}

.c-ui-table__row:hover .c-ui-counter__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ui-table__row:hover .c-ui-counter__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ui-paginator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-ui-paginator__total {
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    white-space: nowrap;
    font-weight: 300
}

    .c-ui-paginator__total span {
        color: #3e3f3f;
        font-weight: 700
    }

.c-ui-paginator__select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 14px;
    margin-right: 14px
}



.c-ui-paginator__select-box-fixed {
    margin-top: 2px;
    margin-right: -4px;
    margin-left: 4px;
    width: 62px
}

.c-ui-paginator__select-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 300
}

.c-ui-paginator__select-pages {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    margin-right: 12px;
    z-index: 1 !important
}

    .c-ui-paginator__select-pages .select2-selection__rendered {
        text-overflow: unset !important
    }

.c-ui-paginator__control {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    max-width: 100%;
    list-style: none;
    margin: 0 20px 0 0;
    padding: 0
}

.c-ui-paginator__control,
.c-ui-paginator__control-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px
}





.c-ui-paginator__control-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3e3f3f;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    width: 30px;
    height: 30px;
    font-family: FontAwesome
}

    .c-ui-paginator__control-prev:before {
        content: "\f054"
    }

.c-ui-paginator__control-prev--disabled {
    color: #e6e9ed !important;
    pointer-events: none
}

.c-ui-paginator__control-prev:focus,
.c-ui-paginator__control-prev:hover {
    border-color: var(--kalilend-main);
    text-decoration: none
}

.c-ui-paginator__control-prev:hover {
    color: #000
}

.c-ui-paginator__control-prev--size-changed {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}

.c-ui-paginator__control-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3e3f3f;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    width: 30px;
    height: 30px;
    font-family: FontAwesome
}

    .c-ui-paginator__control-first:before {
        content: "\f324"
    }

.c-ui-paginator__control-first--disabled {
    color: #e6e9ed !important;
    pointer-events: none
}

.c-ui-paginator__control-first:focus,
.c-ui-paginator__control-first:hover {
    border-color: var(--kalilend-main);
    text-decoration: none
}

.c-ui-paginator__control-first:hover {
    color: #000
}

.c-ui-paginator__control-first--size-changed {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}


.c-ui-paginator__control-first .tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 30px;
    height: 30px;
    color: #777777;
    background-color: var(--kalilend-main-light);
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,136,118, .3);
    box-shadow: 0 6px 12px 0 rgba(239,136,118, .3);
    pointer-events: none;
    font-family: dana !important;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    border: 1px dashed var(--kalilend-main);
    position: absolute;
    z-index: 1;
    bottom: 110%;
}


.c-ui-paginator__control-first:hover .tooltiptext {
    visibility: visible;
}



.c-ui-paginator__control-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3e3f3f;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    width: 30px;
    height: 30px;
    font-family: FontAwesome
}

    .c-ui-paginator__control-next:before {
        content: "\f053"
    }

.c-ui-paginator__control-next--disabled {
    color: #e6e9ed !important;
    pointer-events: none
}

.c-ui-paginator__control-next:focus,
.c-ui-paginator__control-next:hover {
    border-color: var(--kalilend-main);
    text-decoration: none
}

.c-ui-paginator__control-next:hover {
    color: #000
}

.c-ui-paginator__control-next--size-changed {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}

.c-ui-paginator__control-last {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3e3f3f;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-transition: border-color .1s ease-in-out;
    transition: border-color .1s ease-in-out;
    width: 30px;
    height: 30px;
    font-family: FontAwesome
}

    .c-ui-paginator__control-last:before {
        content: "\f323"
    }

.c-ui-paginator__control-last--disabled {
    color: #e6e9ed !important;
    pointer-events: none
}

.c-ui-paginator__control-last:focus,
.c-ui-paginator__control-last:hover {
    border-color: var(--kalilend-main);
    text-decoration: none
}

.c-ui-paginator__control-last:hover {
    color: #000
}

.c-ui-paginator__control-last--size-changed {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}


.c-ui-paginator__control-last .tooltiptext {
    visibility: hidden;
    width: auto;
    min-width: 30px;
    height: 30px;
    color: #777777;
    background-color: #f5ffdb;
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,136,118, .3);
    box-shadow: 0 6px 12px 0 rgba(239,136,118, .3);
    pointer-events: none;
    font-family: dana !important;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
    border: 1px dashed #dae3c3;
    position: absolute;
    z-index: 1;
    bottom: 110%;
}


.c-ui-paginator__control-last:hover .tooltiptext {
    visibility: visible;
}

.c-ui-paginator__control-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #9199a0
}

    .c-ui-paginator__control-dots:hover {
        color: #3e3f3f;
        border-color: var(--kalilend-main);
        text-decoration: none
    }

.c-ui-paginator__control-digit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 30px;
    width: auto;
    height: 30px;
    color: #9199a0;
    padding-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid transparent;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-paginator__control-digit--current {
    color: #fff;
    border-color: var(--kalilend-main);
    background-color: var(--kalilend-main);
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,136,118, .3);
    box-shadow: 0 6px 12px 0 rgba(239,136,118, .3);
    pointer-events: none
}

.c-ui-paginator__control-digit:focus,
.c-ui-paginator__control-digit:hover {
    color: #3e3f3f;
    border-color: var(--kalilend-main);
    text-decoration: none
}

.c-ui-paginator__dropdown-container .select2-results__options {
    padding: 0 !important
}

.c-ui-paginator__dropdown-container .select2-dropdown {
    overflow: visible
}

.c-ui-paginator .ui-select .select2-container {
    z-index: 999
}

.c-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-pagination__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-pagination__btn,
.c-pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-pagination__btn {
    margin: 0 5px;
    padding: 5px;
    color: #9199a0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

    .c-pagination__btn:hover {
        text-decoration: none;
        color: #606265
    }

.c-pagination__btn--active {
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 8px;
    background-color: var(--kalilend-main);
    -webkit-box-shadow: 0 6px 12px 0 rgba(79, 193, 233, .3);
    box-shadow: 0 6px 12px 0 rgba(79, 193, 233, .3);
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

    .c-pagination__btn--active:hover {
        color: #fff
    }

.c-pagination__btn--disabled {
    pointer-events: none
}

.c-pagination__btn--previous {
    color: #3e3f3f
}

    .c-pagination__btn--previous:before {
        content: "\F0B3\00FE0E"
    }

    .c-pagination__btn--previous:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px
    }

    .c-pagination__btn--previous.c-pagination__btn--disabled {
        color: #e6e9ed
    }

.c-pagination__btn--next {
    color: #3e3f3f
}

    .c-pagination__btn--next:before {
        content: "\F09B\00FE0E"
    }

    .c-pagination__btn--next:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px
    }

    .c-pagination__btn--next.c-pagination__btn--disabled {
        color: #e6e9ed
    }

.c-pagination__result-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 14px
}

    .c-pagination__result-count:after {
        content: "";
        display: block;
        height: 25px;
        width: 2px;
        margin-right: 14px;
        background-color: #eaedf0
    }

.c-pagination__per-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-pagination .c-ui-select--per-page {
    padding: 3px 10px 3px 22px;
    width: 60px;
    height: 35px;
    min-height: 0;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    background-color: #fff;
    border-color: #e6e9ed;
    color: #606265;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 27px;
    cursor: pointer
}

.c-pagination .c-ui-select__container {
    position: relative;
    cursor: pointer
}

    .c-pagination .c-ui-select__container:before {
        content: "\F057\00FE0E"
    }

    .c-pagination .c-ui-select__container:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 6px;
        font-size: .429rem;
        line-height: 6px;
        color: #777
    }


.c-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width:992px) {
    .c-grid__col {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-top: 0
    }
}

.c-grid__col--gap {
    margin-top: 25px
}

@media screen and (min-width:992px) {
    .c-grid__col--center {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-right: auto;
        margin-left: auto
    }
}

.c-grid__col--pull-right {
    margin-left: auto
}

.c-grid__col--content {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: auto
}

@media screen and (min-width:768px) {
    .c-grid__col--auto {
        width: auto
    }
}

.c-grid__col--row-gap {
    margin-top: 30px
}

    .c-grid__col--row-gap:nth-of-type(-n+2) {
        margin-top: 0
    }

.c-grid__col--row-attr {
    margin-bottom: 20px
}

.c-grid__col--gap-lg {
    padding-left: 15px;
    padding-right: 15px
}

.c-grid__col--gap-small {
    padding-left: 5px;
    padding-right: 5px
}

.c-grid__col--flex-initial {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-grid__col--block {
    display: block
}

.c-grid__col--xs-6 {
    width: 50%
}

@media screen and (max-width:767px) {
    .c-grid__col--xs-gap {
        margin-top: 25px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .c-grid__col--sm-gap {
        margin-top: 25px
    }
}

@media screen and (min-width:768px) {
    .c-grid__col--sm-1 {
        width: 8.333%
    }

    .c-grid__col--sm-2 {
        width: 16.667%
    }

    .c-grid__col--sm-3 {
        width: 25%
    }

    .c-grid__col--sm-4 {
        width: 33.333%
    }

    .c-grid__col--sm-5 {
        width: 41.667%
    }

    .c-grid__col--sm-6 {
        width: 50%
    }

    .c-grid__col--sm-7 {
        width: 58.333%
    }

    .c-grid__col--sm-8 {
        width: 66.667%
    }

    .c-grid__col--sm-9 {
        width: 75%
    }

    .c-grid__col--sm-10 {
        width: 83.333%
    }

    .c-grid__col--sm-11 {
        width: 91.667%
    }

    .c-grid__col--sm-12 {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .c-grid__col--lg-gap {
        margin-top: 25px
    }

    .c-grid__col--lg-1 {
        width: 8.333%
    }

    .c-grid__col--lg-2 {
        width: 16.667%
    }

    .c-grid__col--lg-3 {
        width: 25%
    }

    .c-grid__col--lg-4 {
        width: 33.333%
    }

    .c-grid__col--lg-5 {
        width: 41.667%
    }

    .c-grid__col--lg-6 {
        width: 50%
    }

    .c-grid__col--lg-7 {
        width: 58.333%
    }

    .c-grid__col--lg-8 {
        width: 66.667%
    }

    .c-grid__col--lg-9 {
        width: 75%
    }

    .c-grid__col--lg-10 {
        width: 83.333%
    }

    .c-grid__col--lg-11 {
        width: 91.667%
    }

    .c-grid__col--lg-12 {
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .c-grid__col--xl-gap {
        margin-top: 25px
    }

    .c-grid__col--xl-1 {
        width: 8.333%
    }

    .c-grid__col--xl-2 {
        width: 16.667%
    }

    .c-grid__col--xl-3 {
        width: 25%
    }

    .c-grid__col--xl-4 {
        width: 33.333%
    }

    .c-grid__col--xl-5 {
        width: 41.667%
    }

    .c-grid__col--xl-6 {
        width: 50%
    }

    .c-grid__col--xl-7 {
        width: 58.333%
    }

    .c-grid__col--xl-8 {
        width: 66.667%
    }

    .c-grid__col--xl-9 {
        width: 75%
    }

    .c-grid__col--xl-10 {
        width: 83.333%
    }

    .c-grid__col--xl-11 {
        width: 91.667%
    }

    .c-grid__col--xl-12 {
        width: 100%
    }
}

.c-grid--full {
    padding-top: 0;
    padding-bottom: 0;
    max-width: 100%
}

.c-grid {
    padding-top: 25px;
    padding-bottom: 25px;
    max-width: 1290px;
    margin: 0 auto
}

.c-grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: calc(100% + 25px);
    margin-left: -12.5px;
    margin-right: -12.5px
}

    .c-grid__row + .c-grid__row {
        margin-top: 25px
    }

@media screen and (min-width:992px) {
    .c-grid__row--lg-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.c-grid__row--align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .c-grid__row--nowrap-sm {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media screen and (min-width:992px) {
    .c-grid__row--nowrap-lg {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.c-grid__row--gap-lg {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px
}

    .c-grid__row--gap-lg + .c-grid__row--gap-lg {
        margin-top: 30px
    }

.c-grid__row--gap-small {
    width: calc(100% + 10px);
    margin-left: -5px;
    margin-right: -5px
}

    .c-grid__row--gap-small + .c-grid__row--gap-small {
        margin-top: 10px
    }

.c-grid__row--gap-medium {
    width: calc(100% + 15px);
    margin-left: -7.5px;
    margin-right: -7.5px
}

    .c-grid__row--gap-medium + .c-grid__row--gap-medium {
        margin-top: 15px
    }

.c-grid__row--gap-attr {
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px
}

    .c-grid__row--gap-attr + .c-grid__row--gap-attr {
        margin-top: 20px
    }

.c-grid__row--negative-gap-attr {
    margin-bottom: -20px
}

.c-grid__row--gap-10 + .c-grid__row--gap-10 {
    margin-top: 10px
}

.c-grid__hr {
    margin: 20px 0;
    border: 1px solid #e6e9ed
}


.c-variant {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-variant__form {
    position: relative;
    padding: 20px
}

    .c-variant__form.disabled .field-wrapper:not(.enabled) .c-content-input__origin, .c-variant__form.disabled .field-wrapper:not(.enabled) .c-ui-tag__textarea, .c-variant__form.disabled .field-wrapper:not(.enabled) .c-variant__attributes-container, .c-variant__form.disabled .field-wrapper:not(.enabled) .select2-selection__rendered, .c-variant__form.disabled .field-wrapper:not(.enabled) .uk-input, .c-variant__form.disabled .field-wrapper:not(.enabled) .uk-textarea {
        opacity: .6
    }

.c-variant__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-variant__img-container {
    width: 120px;
    height: 120px;
    margin: 0 30px;
    -ms-flex-item-align: center;
    align-self: center
}

.c-variant__img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.c-variant__descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.c-variant__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #606265;
    margin-bottom: 0
}

.c-variant__sub-title {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 25px;
    color: #9b9b9b
}

.c-variant__secondary-info {
    margin-top: auto;
    margin-bottom: 0;
    padding: 0 15px 15px;
    list-style-type: none;
    border-radius: 4px;
    border: 1px solid #d5f2f9;
    background-color: rgba(79,204,233,.07)
}

.c-variant__secondary-info--top {
    margin-top: auto;
    padding: 5px 20px;
    border-color: transparent;
    background-color: #f5f7fa;
    border-radius: 8px
}

.c-variant__secondary-info--table {
    display: table;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-variant__secondary-info--table-row {
    display: table-row
}

.c-variant__secondary-info--table-cell {
    display: table-cell;
    padding: 5px 0 5px 100px
}

.c-variant__secondary-info--edit {
    display: none;
    margin-top: 15px;
    border-color: transparent;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-variant__secondary-info--edit .c-content-loader {
        right: 1px;
        left: 1px;
        border-radius: 8px
    }

.c-variant__secondary-item {
    display: inline-block;
    min-width: 230px;
    padding: 15px 0 0
}

.c-variant__secondary-item--header + .c-variant__secondary-item--header {
    margin-right: 90px
}

.c-variant__secondary-item--edit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc((100% - 100px)/6)
}

    .c-variant__secondary-item--edit + .c-variant__secondary-item--edit {
        margin-right: 20px
    }

.c-variant__secondary-item--checkbox {
    padding-top: 29px
}

.c-variant__static-placeholder {
    border: 1px solid #bbbaba;
    border-radius: 8px;
    padding: 10px 40px 10px 10px;
    background-color: transparent;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    height: 40px;
    line-height: 1.54;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #606265;
    text-align: center;
    max-width: 100%;
    outline: none
}

.c-variant__static-placeholder--small {
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    right: -25px
}

    .c-variant__static-placeholder--small span {
        color: #9b9b9b;
        position: relative;
        right: 37px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 7px
    }

    .c-variant__static-placeholder--small label {
        width: 100%
    }

    .c-variant__static-placeholder--small .disabled {
        opacity: .4;
        border: 1px solid #e0e0e2;
        background-color: rgba(240,240,241,.7)
    }

.c-variant__static-placeholder--normal {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    right: -25px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .c-variant__static-placeholder--normal span {
        color: #9b9b9b;
        position: relative;
        right: 33px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 7px
    }

    .c-variant__static-placeholder--normal label {
        width: 100%
    }

    .c-variant__static-placeholder--normal .disabled {
        opacity: .4;
        border: 1px solid #e0e0e2;
        background-color: rgba(240,240,241,.7)
    }

.c-variant__btn-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 30px;
    margin-right: 0
}

.c-variant__info {
    color: #9b9b9b;
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px
}

.c-variant__info--main {
    color: #606265;
    font-weight: 700;
    margin-right: 5px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px
}

.c-variant__body {
    padding-top: 10px;
    position: relative
}

.c-variant__tooltip {
    z-index: 1;
    position: absolute;
    top: 100%;
    padding: 6px 15px;
    margin-top: 13px;
    color: #fff;
    background-color: #606265;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    cursor: default;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .2s ease,opacity .2s ease;
    transition: visibility .2s ease,opacity .2s ease
}

    .c-variant__tooltip:before {
        content: "";
        z-index: 1;
        display: block;
        width: 14px;
        height: 14px;
        -webkit-transform: rotate(45deg) translateX(-50%);
        transform: rotate(45deg) translateX(-50%);
        position: absolute;
        top: 0;
        left: 50%;
        background-color: #606265
    }

.c-variant__tooltip--btn {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 95px
}

.c-variant__attributes-container {
    position: relative;
    color: #606265;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent;
    font-size: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

    .c-variant__attributes-container::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }


    .c-variant__attributes-container::-webkit-scrollbar-track {
        background: transparent;
    }


    .c-variant__attributes-container::-webkit-scrollbar-thumb {
        width: 6px;
        border-radius: 10px;
        background-color: #8f8f8f;
        -webkit-transition: width .15s ease-out,background-color .15s ease-out;
        transition: width .15s ease-out,background-color .15s ease-out;
        margin: 0 auto;
        cursor: grab;
        cursor: -webkit-grab;
        position: absolute;
        left: 0;
        right: 0;
    }


        .c-variant__attributes-container::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.c-variant .uk-input--auto {
    height: auto
}

.c-variant .field-wrapper {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 40px
}

.c-variant .field-wrapper--textarea {
    position: relative
}

.c-variant .field-wrapper--jusify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-variant .field-wrapper--background {
    border-radius: 8px;
    background-color: #f5f7fa;
    padding-left: 15px;
    padding-right: 15px
}

    .c-variant .field-wrapper--background.has-error {
        margin-bottom: 32px
    }

        .c-variant .field-wrapper--background.has-error .error-msg {
            position: absolute;
            top: 100%;
            right: 0;
            left: 0
        }

    .c-variant .field-wrapper--background.disabled > * {
        pointer-events: none;
        opacity: .4
    }

.c-variant .field-wrapper .select2-container {
    min-width: 100%;
    max-width: 100%
}

.c-variant .c-wiki__holder {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin-right: 5px
}

.c-variant .c-wiki__holder--auto {
    left: auto
}

.c-variant .uk-form-label {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #606265;
    margin-bottom: 8px;
    width: 100%;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-variant .uk-form-label.disabled {
        opacity: .4;
        pointer-events: none
    }

.c-variant .uk-form-label__required {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 6px;
    height: 6px;
    background-color: #ef5661;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: auto;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6px;
    flex: 0 0 6px
}

.c-variant .uk-input, .c-variant .uk-textarea {
    position: relative;
    color: #606265;
    border-color: #bbbaba;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent
}

    .c-variant .uk-input::-webkit-input-placeholder, .c-variant .uk-textarea::-webkit-input-placeholder {
        color: #9b9b9b
    }

    .c-variant .uk-input::-moz-placeholder, .c-variant .uk-textarea::-moz-placeholder {
        color: #9b9b9b
    }

    .c-variant .uk-input:-ms-input-placeholder, .c-variant .uk-textarea:-ms-input-placeholder {
        color: #9b9b9b
    }

    .c-variant .uk-input:-moz-placeholder, .c-variant .uk-textarea:-moz-placeholder {
        color: #9b9b9b
    }

    .c-variant .uk-input.uk-disabled, .c-variant .uk-textarea.uk-disabled {
        font-weight: 700;
        color: #606265;
        background-color: transparent;
        border-color: #ddd
    }

    .c-variant .uk-input.disabled, .c-variant .uk-textarea.disabled {
        opacity: .6;
        pointer-events: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

.c-variant .uk-input--dkpc-tags {
    display: block;
    width: 190px;
    margin-bottom: 30px
}

.c-variant .uk-input--div {
    border: 1px solid rgba(79,204,233,.4);
    background-color: rgba(79,204,233,.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 28px
}

.c-variant .uk-input--ltr {
    direction: ltr
}

.c-variant .uk-textarea {
    height: 100px
}

    .c-variant .uk-textarea::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-variant .uk-textarea::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-variant .uk-textarea::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-variant .uk-textarea--attr {
    height: 80px
}

.c-variant .search-link {
    line-height: inherit
}

.c-variant .search-link--small, .c-variant .textarea__wordcount {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-variant .textarea__wordcount {
    position: absolute;
    bottom: 5px;
    left: 10px;
    color: #606265
}

.c-variant .uk-input:focus, .c-variant .uk-select:focus, .c-variant .uk-textarea:focus {
    border-color: #7fe7f6
}

.c-variant .has-error--select .select2-selection__rendered, .c-variant .has-error .c-content-input__origin, .c-variant .has-error .c-ui-tag__textarea, .c-variant .has-error .c-variant__static-placeholder, .c-variant .has-error .select2-selection__rendered, .c-variant .has-error .uk-input, .c-variant .has-error .uk-textarea {
    border-color: #f4919b
}

.c-variant .has-error--select .error-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 0;
    color: #ed5565;
    font-size: 12px;
    font-size: .857rem;
    line-height: 16px
}

.c-variant .has-error--footer {
    color: #ed5565;
    padding: 5px 30px;
    background-color: #fef6f7;
    width: 100%;
    margin-left: 35px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px
}

    .c-variant .has-error--footer > * {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0;
        color: #ed5565;
        font-size: 12px;
        font-size: .857rem;
        line-height: 16px;
        position: relative;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        word-break: break-word;
        text-align: right
    }

        .c-variant .has-error--footer > * + .c-variant .has-error--footer > * {
            margin-top: 7px
        }

    .c-variant .has-error--footer > :before {
        content: "";
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4px;
        flex: 0 0 4px;
        position: absolute;
        top: 4px;
        left: 100%;
        width: 6px;
        height: 6px;
        background-color: #ef5661;
        border-radius: 4px;
        margin-left: 10px;
        display: block
    }

.c-variant .has-error .error-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 0;
    color: #ed5565;
    font-size: 12px;
    font-size: .857rem;
    line-height: 16px
}

    .c-variant .has-error .error-msg + .search-link {
        margin-right: 20px
    }

.c-variant .has-error > .c-content-upload__focus-image {
    border-color: #ed5565
}

.c-variant .hidden {
    display: none
}

.c-variant-box {
    width: 100%;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6e9ed
}

    .c-variant-box + .c-variant-box {
        margin-top: 25px
    }

.c-variant-box__header {
    padding: 5px 20px 5px 5px;
    background-color: #f5f7fa;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #e6e9ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-variant-box__header .c-ui-checkbox__label {
        margin-right: 0;
        margin-left: 14px
    }

.c-variant-box__title {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 30px;
    color: #606265;
    font-weight: 700
}

.c-variant-box__clear-form {
    margin-right: auto;
    border: none;
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-variant-box__clear-form:active {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: unset
    }

.c-variant-box__clear-form--absolute {
    position: absolute;
    top: 10px;
    left: 10px
}

.c-variant-box__main {
    position: relative;
    padding: 45px 20px 20px;
    border-radius: 0 0 4px 4px
}

.c-variant-box .ui-select .select2-container {
    z-index: 999
}

.c-variant-checkbox {
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 7.5px 0 5px 15px;
    color: #889098
}

.c-variant-checkbox__origin {
    display: none
}

    .c-variant-checkbox__origin:checked ~ .c-variant-checkbox__label {
        background-color: #fff;
        border-color: #606265;
        color: #606265;
        text-shadow: 0 0 0 #606265
    }

.c-variant-checkbox__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    padding: 7px 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    background-color: #f5f7fa;
    border-radius: 6px;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.c-variant-checkbox__color {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 10px
}

.c-variant-btn {
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 3px 0 3px 6px;
    color: #889098;
    max-width: 120px;
    width: 100%;
    cursor: pointer
}

    .c-variant-btn.active .c-variant-btn__label {
        background-color: #fff;
        border-color: #606265;
        color: #606265;
        text-shadow: 0 0 0 #606265
    }

.c-variant-btn__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    padding: 7px 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    background-color: #f5f7fa;
    border-radius: 6px;
    border: 1px solid transparent;
    width: 100%
}

.c-variant-btn__color, .c-variant-btn__label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-variant-btn__color {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px
}

.c-variant-btn-image {
    border: none;
    background-color: transparent;
    outline: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 3px 0 3px 6px;
    color: #889098;
    max-width: 24%;
    width: 100%;
    cursor: pointer
}

    .c-variant-btn-image.active .c-variant-btn__image__label {
        background-color: #fff;
        border-color: #606265;
        color: #606265;
        text-shadow: 0 0 0 #606265
    }

.c-variant-btn__image__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 7px 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    background-color: #f5f7fa;
    border-radius: 6px;
    border: 1px solid transparent;
    width: 100%
}

.c-variant-btn__image, .c-variant-btn__image__label {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-variant-btn__image {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    background-size: contain;
}

.c-variant-btn__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-variant-btn__counter {
    margin-right: auto;
    font-weight: 700;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px
}

.uk-checkbox,
.uk-input,
.uk-radio,
.uk-select,
.uk-textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit
}

.uk-input {
    overflow: visible
}

.uk-select {
    text-transform: none
}

    .uk-select optgroup {
        font: inherit;
        font-weight: 700
    }

.uk-textarea {
    overflow: auto
}

.uk-input[type=search]::-webkit-search-cancel-button,
.uk-input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-input[type=number]::-webkit-inner-spin-button,
.uk-input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.uk-input::-moz-placeholder,
.uk-textarea::-moz-placeholder {
    opacity: 1
}

.uk-checkbox:not(:disabled),
.uk-radio:not(:disabled) {
    cursor: pointer
}

.uk-fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.uk-input,
.uk-textarea {
    -webkit-appearance: none
}

.uk-input,
.uk-select,
.uk-textarea {
    max-width: 100%;
    width: 100%;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color, background-color, border;
    transition-property: color, background-color, border
}

    .uk-input,
    .uk-select:not([multiple]):not([size]) {
        height: 40px;
        vertical-align: middle;
        display: inline-block
    }

        .uk-input:not(input),
        .uk-select:not(select) {
            line-height: 38px
        }

    .uk-select[multiple],
    .uk-select[size],
    .uk-textarea {
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: top
    }

        .uk-input:focus,
        .uk-select:focus,
        .uk-textarea:focus {
            outline: none;
            background-color: #fff;
            color: #666;
            border-color: var(--kalilend-main)
        }

        .uk-input:disabled,
        .uk-select:disabled,
        .uk-textarea:disabled {
            background-color: #f8f8f8;
            color: #999;
            border-color: #e5e5e5
        }

    .uk-input::-ms-input-placeholder {
        color: #999 !important
    }

    .uk-input::-webkit-input-placeholder {
        color: #999
    }

    .uk-input::placeholder {
        color: #999
    }

    .uk-textarea::-ms-input-placeholder {
        color: #999 !important
    }

    .uk-textarea::-webkit-input-placeholder {
        color: #999
    }

    .uk-textarea::placeholder {
        color: #999
    }

.uk-input-styling,
.uk-textarea-styling {
    position: relative;
    color: #606265 !important;
    border-color: #bbbaba;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent !important
}

.ajax-loading {
    display: none;
}

    .ajax-loading .ajax-loading-hide {
        display: none;
    }
    .ajax-loading .ajax-loading-show {
        display: block;
    }