.custom-font {
    font-family: Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
}

.custom-imageSize {
    height: 80px !important;
}

.custom-noBorder {
    border: none !important;
}

.custom-noMarginTop {
    margin-top: 0px !important;
}

.custom-noPaddingTop {
    padding-top: 0px !important;
}

.custom-hidden {
    display: none ;
}

html,
body {
    font-family: SegoeUI, Segoe UI, Open Sans,Helvetica !important;
}

.kt-widget20__number {
    font-weight: 700 !important;
}

#kt_logo_image .kt-avatar__holder {
    width: 200px;
    height: 63.5px;
}

#kt_login_image .kt-avatar__holder {
    width: 150px;
    height: 100px;
}

#kt_favicon_1 .kt-avatar__holder {
    width: 32px;
    height: 32px;
}

#kt_favicon_2 .kt-avatar__holder {
    width: 57px;
    height: 57px;
}

#kt_favicon_3 .kt-avatar__holder {
    width: 72px;
    height: 72px;
}

#kt_favicon_4 .kt-avatar__holder {
    width: 114px;
    height: 114px;
}

.btn-xs {
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.btn-hidden {
    visibility: hidden !important;
}

.kt-option__focus--button {
    height: 1.5rem !important;
    width: 1.5rem !important;
}

.group-counter {
    counter-reset: js-group;
}

.js-group .kt-portlet__head-title:after {
    counter-increment: js-group;
    content: counter(js-group);
}

#kt_promo_image .kt-avatar__holder {
    width: 395px;
    height: 165px;
}

.modal-open {
    overflow: hidden !important;
}

.remove-region-container {
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}

.fake-hidden-field {
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    float: right;
    border: 0;
}
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f7f8fa;
    opacity: 1;
}

#kt_bitrix_sync .progress {
    margin-bottom: 10px;
}

@media screen and (max-width: 1023px) {
    /* orders.html */
    .orders-filter-selects > div {
        width: 100% !important;
        margin: 10px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    /* default scrollbar */
    ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
        height: 3px;
    }

    ::-webkit-scrollbar-track {
        height: 5px !important;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px !important;
        height: 3px;
        background: #41617D !important;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5) !important;
    }

    /* blue nav */
    .mobile-menu {
        background-color: #3AB3DF;
    }

    .mobile-menu-item--indent {
        margin-bottom: 0;
    }

    .mobile-menu-link, .mobile-submenu-link {
        color: #fff;
        position: relative;
        background: transparent;
        padding-top: 14px;
        padding-bottom: 14px;
        padding-left: 20px;
        font-size: 18px;
        border-bottom: none;
    }

        .mobile-menu-link svg {
            width: 20px;
            height: auto;
        }

    .mobile-menu-link-arrow svg {
        max-width: 10px;
    }

    .mobile-menu-link svg path {
        fill: #D2F1FC;
    }

    .mobile-menu-link:hover, .mobile-menu-link:focus {
        background: #d2f1fc38;
        background: rgba(210,241,252,0.22);
        color: #fff;
    }

    .mobile-menu-link:after, .mobile-submenu-link:after {
        content: "";
        height: 1px;
        width: calc(100% - 40px);
        background: #68C2E3;
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    /**/
    .mobile-submenu-nav {
        background: #3AB3DF;
        color: #fff;
    }

    .mobile-submenu {
        background: #3AB3DF;
        color: #fff;
        max-height: 100vh;
    }

    .mobile-submenu-link-text {
        color: #fff;
    }

    .mobile-submenu-link:hover, .mobile-submenu-link:focus {
        background: #d2f1fc38;
        background: rgba(210,241,252,0.22);
        color: #fff;
    }

    .mobile-submenu-back {
        align-items: center;
    }

        .mobile-submenu-back > a {
            min-height: 0 !important;
        }

        .mobile-submenu-back + .mobile-submenu-item {
            margin-top: -7px;
        }
    /*===*/

    /* main */
    body.media-mobile .s-hit-products, .s-hit-products {
        padding-bottom: 20px;
    }

    /* orders.html */
    .orders-sidebar .debt-wrap {
        padding-left: 0;
        width: 100%;
    }

    /*promotions.html*/
    .s-promo .promo-tabs .promo-tab {
        margin-right: 0;
    }

    .promo-tab {
        font-size: 13px;
    }

        .promo-tab .promo-tab-name {
            font-size: 1.3em;
        }

        .promo-tab .tab-heading {
            font-size: 1.5em;
        }

        .promo-tab .company-name {
            font-size: 1.15em;
        }

    /*Ditributor.html*/
    .provider-tab > * {
        font-size: 1em;
    }

    .provider-tab .provider-tab-name {
        font-size: 1.4em;
        height: 2em;
    }

    .provider-tab .provider-tab-botrow {
        flex-wrap: wrap;
    }

    .provider-tab .noborder-btn {
        font-size: 1em;
        padding: .8em 1em;
    }

    @media screen and (max-width: 480px) {
        .provider-tabs .provider-tab {
            width: 100%;
            max-width: 100%;
        }
    }
    /*bonuses.html*/

    /*cart.html*/
    .s-cart .order-properties-group {
        font-size: 12px;
        padding-left: 1.25em;
    }

    .s-cart .delivery-row {
        display: flex;
        flex-wrap: wrap;
    }

    .delivery-date-icon img, .delivery-time-wrap img {
        max-width: 1.2em;
    }

    .s-cart .time-range-select-wrap {
        width: 11.7em;
    }

    .s-cart .delivery-txt {
        margin-bottom: 10px;
        flex: 0 0 100%;
    }

    .s-cart .order-properties-group .middle-col {
        padding-left: 0 !important;
        width: 100% !important;
    }

    .s-cart .payment-type-heading {
        min-width: 6.6em;
    }

    .s-cart .select-style select {
        font-size: 1.15em;
        line-height: 30px;
    }

    .s-cart input.date {
        font-size: 1.15em;
    }

    .s-cart .cart-heading-wrap {
        flex-wrap: wrap;
    }

    .cart-table {
        font-size: 11px;
        overflow-x: auto;
        -webkit-overflow-scrolling: auto;
    }

        .cart-table .tbody, .cart-table .thead {
            min-width: 800px;
        }

    .s-cart .total-counters {
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .s-cart .cart-org-heading-wrap .heading-txt {
        font-size: 1em;
    }

    .s-cart .total-counter-item .total-counter-alignment {
        min-width: 0;
    }

    .s-cart .total-counter-item {
        font-size: 14px;
        padding: 5px;
        margin: 0;
    }

    .s-cart .btn-send-wrap > button {
        margin-right: 0;
        margin-left: 10px;
    }

        .s-cart .btn-send-wrap > button + button {
            margin-top: 10px;
        }
    /*.total-counters .total-counter-item:last-of-type{width:100%;display: flex;flex-direction: column;}*/
    .loader-text {
        white-space: normal;
    }

    /*companies.html*/
    .distributor-item, .outlet-item {
        width: 50%;
    }

    .outlet-item {
        font-size: 12px;
    }

    @media screen and (max-width: 480px) {
        .distributor-item, .outlet-item {
            width: 100%;
        }

        .outlet-item {
            height: auto;
            padding-top: 0;
        }

            .outlet-item .outlet-info-wrap {
                width: 100%;
                padding: 1.5em;
            }

            .outlet-item .outlet-address {
                min-height: 0;
                margin-top: 15px;
            }

            .outlet-item .last-order-wrap {
                min-height: 0;
            }

            .outlet-item .date-number, .outlet-item .sum-number {
                font-size: 1.4em;
            }
    }

    /*settings.html*/
    .user-edit-wrap {
        font-size: 12px;
    }

    .s-user-edit .user-edit-label-wrap {
        width: 100px;
        padding-right: 10px;
        padding-top: 10px;
    }

    .s-user-edit .user-edit-info {
        width: calc(100% - 100px);
    }

    .s-user-edit .user-edit-label-wrap label {
        font-size: 1em;
    }

    .user-edit-info .email-not-confirmed {
        padding-top: 5px;
    }

    .user-edit-info .error-mess {
        font-size: 1em;
    }

    .s-user-edit .user-edit-info input {
        font-size: 1.2em;
    }

    /*templates.html*/
    .template-tab {
        font-size: 12px;
    }

        .template-tab .t-name-col {
            font-size: 1.25em;
        }

        .template-tab .sku-col {
            padding-right: 5px;
        }

        .template-tab .tab-big-txt {
            font-size: 1.25em;
        }

        .template-tab .template-tab-botrow {
            flex-wrap: wrap;
        }

        .template-tab .tab-buttons-col {
            flex: 0 0 100%;
        }

        .template-tab .suppliers-col {
            width: 50%;
            padding-right: 10px;
        }

        .template-tab .product-groups-col {
            width: 50%;
            padding-right: 0;
        }

    @media screen and (max-width: 480px) {
        .template-tab .t-name-col {
            width: 35%;
            margin-right: auto;
        }
    }

    /*TradeOutlets.html*/
    .reg-step .trade-points-group {
        font-size: 12px;
    }

        .reg-step .trade-points-group .input-name-wrap {
            top: 0;
            margin-bottom: 5px;
        }

    .reg-step .input-text-wrap {
        max-width: 100%;
    }

    .reg-step .input-name-wrap {
        max-width: 100%;
        font-size: 14px;
    }

    .reg-step .inputs-container-title {
        margin-top: 1.5em;
        margin-bottom: 1em;
        font-size: 20px;
    }

    .reg-step .input-text-wrap input, .reg-step .input-text-wrap .select-style select {
        height: 40px;
        line-height: 40px;
    }

    .reg-steps input, .reg-steps textarea, .reg-step .input-text-wrap .select-style select {
        font-size: 16px;
    }

    .reg-step button, .reg-step .button {
        font-size: 18px;
    }

    .reg-step .trade-point {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    /*users.html*/
    .plaintab {
        font-size: 13px;
    }

        .plaintab .tabrow {
            flex-wrap: wrap;
        }

    .user-tab .user-heading {
        white-space: normal;
    }

    .user-tab .tt-col {
        max-width: 100%;
    }

    .plaintab .tab-big-txt {
        font-size: 14px;
    }

    .user-tab .tabrow > div {
        width: 100%;
    }

        .user-tab .tabrow > div + div {
            margin-top: 5px;
        }

    .user-tab .user-col {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 5px;
    }

    .user-tab .email-col {
        width: 100%;
        white-space: normal;
        text-align: left;
        padding-left: 0;
    }

    .user-tab .tel-col {
        width: 100%;
        white-space: normal;
        text-align: left;
        padding-left: 0;
    }

    /*====*/
    label.radio-label input[type=radio]:checked + .radio-txt-wrap:after {
        top: 3px;
    }
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}