/*   melorin.net*/
.red {
    color: #d24855!important
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

    .select2-container *:focus {
        outline: none;
    }

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 40px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 8px;
            padding-right: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-selection--single .select2-selection__clear {
            position: relative;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 30px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
            padding: 0;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 40px;
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 38px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 30px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e5e5e5;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #31b0d5;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 1px solid #31b0d5;
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 40px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border: none;
        border-left: 1px solid #e5e5e5;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 38px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 30px;
        background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #e5e5e5;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #31b0d5;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 1px solid #31b0d5;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #31b0d5;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #e5e5e5;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #31b0d5;
}

.select2-container--large .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    height: 55px;
}

    .select2-container--large .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 55px;
    }

    .select2-container--large .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--large .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--large .select2-selection--single .select2-selection__arrow {
        height: 53px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 49px;
        border-right: 1px solid #e5e5e5;
    }

        .select2-container--large .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 8px 6px 0 6px;
            height: 0;
            left: 50%;
            margin-left: -6px;
            margin-top: -4px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--large[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--large[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--large[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 12px;
    padding-left: 60px;
}

.select2-container--large.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

    .select2-container--large.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--large.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 6px 8px 6px;
}

.select2-container--large .select2-selection--multiple {
    background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--large .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

        .select2-container--large .select2-selection--multiple .select2-selection__rendered li {
            list-style: none;
        }

    .select2-container--large .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--large .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--large .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--large .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--large .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--large[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--large[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--large[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--large[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--large[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--large.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--large.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--large.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--large.select2-container--open.select2-container--above .select2-selection--single, .select2-container--large.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--large.select2-container--open.select2-container--below .select2-selection--single, .select2-container--large.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--large .select2-search--dropdown .select2-search__field {
    border: 1px solid #e5e5e5;
}

.select2-container--large .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--large .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--large .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--large .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--large .select2-results__option[aria-selected=true] {
    background-color: #ddd;
}

.select2-container--large .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--large .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--large .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--large .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--large .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--large .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--large .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }



@charset "UTF-8";

html {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    color: #666
}

body {
    margin: 0
}

a:active, a:hover {
    outline: none
}

.uk-link, a {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer
}

    .uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
        color: #0f6ecd;
        text-decoration: underline
    }

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    -webkit-text-decoration-style: dotted
}

b, strong {
    font-weight: bolder
}

:not(pre) > code, :not(pre) > kbd, :not(pre) > samp {
    font-family: Consolas,monaco,monospace;
    font-size: .875rem;
    color: #f0506e;
    white-space: nowrap;
    padding: 2px 6px;
    background: #f8f8f8
}

em {
    color: #f0506e
}

ins {
    text-decoration: none
}

ins, mark {
    background: #ffd;
    color: #666
}

q {
    font-style: italic
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

canvas, img, video {
    max-width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@supports (display:block) {
    svg {
        max-width: 100%;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

svg:not(:root) {
    overflow: hidden
}

img:not([src]) {
    min-width: 1px;
    visibility: hidden
}

iframe {
    border: 0
}

address, dl, fieldset, figure, ol, p, pre, ul {
    margin: 0 0 20px
}

* + address, * + dl, * + fieldset, * + figure, * + ol, * + p, * + pre, * + ul {
    margin-top: 20px
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 400;
    color: #333;
    text-transform: none
}

* + .uk-h1, * + .uk-h2, * + .uk-h3, * + .uk-h4, * + .uk-h5, * + .uk-h6, * + .uk-heading-2xlarge, * + .uk-heading-large, * + .uk-heading-medium, * + .uk-heading-small, * + .uk-heading-xlarge, * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 40px
}

.uk-h1, h1 {
    font-size: 2.231rem;
    line-height: 1.2
}

.uk-h2, h2 {
    font-size: 1.7rem;
    line-height: 1.3
}

.uk-h3, h3 {
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-h4, h4 {
    font-size: 1.25rem;
    line-height: 1.4
}

.uk-h5, h5 {
    font-size: 16px;
    line-height: 1.4
}

.uk-h6, h6 {
    font-size: .875rem;
    line-height: 1.4
}

@media (min-width:960px) {
    .uk-h1, h1 {
        font-size: 2.625rem
    }

    .uk-h2, h2 {
        font-size: 2rem
    }
}

ol, ul {
    padding-left: 30px
}

    ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
        margin: 0
    }

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.uk-hr, hr {
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px;
    border: 0;
    border-top: 1px solid #e5e5e5
}

* + .uk-hr, * + hr {
    margin-top: 20px
}

address {
    font-style: normal
}

blockquote {
    margin: 0 0 20px;
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    color: #333
}

* + blockquote {
    margin-top: 20px
}

blockquote p:last-of-type {
    margin-bottom: 0
}

blockquote footer {
    margin-top: 10px;
    font-size: .875rem;
    line-height: 1.5;
    color: #666
}

    blockquote footer:before {
        content: "— "
    }

pre {
    font: .875rem/1.5 Consolas,monaco,monospace;
    color: #666;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    overflow: auto;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    background: #fff
}

    pre code {
        font-family: Consolas,monaco,monospace
    }

::selection {
    background: #39f;
    color: #fff;
    text-shadow: none
}

details, main {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.uk-breakpoint-s:before {
    content: "640px"
}

.uk-breakpoint-m:before {
    content: "960px"
}

.uk-breakpoint-l:before {
    content: "1200px"
}

.uk-breakpoint-xl:before {
    content: "1600px"
}

:root {
    --uk-breakpoint-s: 640px;
    --uk-breakpoint-m: 960px;
    --uk-breakpoint-l: 1200px;
    --uk-breakpoint-xl: 1600px
}

.uk-link-muted a, a.uk-link-muted {
    color: #999
}

    .uk-link-muted a:hover, .uk-link-toggle:focus .uk-link-muted, .uk-link-toggle:hover .uk-link-muted, a.uk-link-muted:hover {
        color: #666
    }

.uk-link-text a, a.uk-link-text {
    color: inherit
}

    .uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover {
        color: #999
    }

.uk-link-heading a, a.uk-link-heading {
    color: inherit
}

    .uk-link-heading a:hover, .uk-link-toggle:focus .uk-link-heading, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover {
        color: #1e87f0;
        text-decoration: none
    }

.uk-link-reset a, .uk-link-toggle, a.uk-link-reset {
    color: inherit !important;
    text-decoration: none !important
}

    .uk-link-toggle:focus {
        outline: none
    }

.uk-heading-small {
    font-size: 2.6rem;
    line-height: 1.2
}

.uk-heading-medium {
    font-size: 2.887rem;
    line-height: 1.1
}

.uk-heading-large {
    font-size: 3.4rem;
    line-height: 1.1
}

.uk-heading-xlarge {
    font-size: 4rem;
    line-height: 1
}

.uk-heading-2xlarge {
    font-size: 6rem;
    line-height: 1
}

@media (min-width:960px) {
    .uk-heading-small {
        font-size: 3.25rem
    }

    .uk-heading-medium {
        font-size: 3.5rem
    }

    .uk-heading-large {
        font-size: 4rem
    }

    .uk-heading-xlarge {
        font-size: 6rem
    }

    .uk-heading-2xlarge {
        font-size: 8rem
    }
}

@media (min-width:1200px) {
    .uk-heading-medium {
        font-size: 4rem
    }

    .uk-heading-large {
        font-size: 6rem
    }

    .uk-heading-xlarge {
        font-size: 8rem
    }

    .uk-heading-2xlarge {
        font-size: 11rem
    }
}

.uk-heading-divider {
    padding-bottom: calc(5px + .1em);
    border-bottom: calc(.2px + .05em) solid #e5e5e5
}

.uk-heading-bullet {
    position: relative
}

    .uk-heading-bullet:before {
        content: "";
        display: inline-block;
        position: relative;
        top: -.1em;
        vertical-align: middle;
        height: calc(4px + .7em);
        margin-right: calc(5px + .2em);
        border-left: calc(5px + .1em) solid #e5e5e5
    }

.uk-heading-line {
    overflow: hidden
}

    .uk-heading-line > * {
        display: inline-block;
        position: relative
    }

    .uk-heading-line > :after, .uk-heading-line > :before {
        content: "";
        position: absolute;
        top: calc(50% - (.2px + .05em)/2);
        width: 2000px;
        border-bottom: calc(.2px + .05em) solid #e5e5e5
    }

    .uk-heading-line > :before {
        right: 100%;
        margin-right: calc(5px + .3em)
    }

    .uk-heading-line > :after {
        left: 100%;
        margin-left: calc(5px + .3em)
    }

[class*=uk-divider] {
    border: none;
    margin-bottom: 20px
}

* + [class*=uk-divider] {
    margin-top: 20px
}

.uk-divider-icon {
    position: relative;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' stroke='%23e5e5e5' stroke-width='2' cx='10' cy='10' r='7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

    .uk-divider-icon:after, .uk-divider-icon:before {
        content: "";
        position: absolute;
        top: 50%;
        max-width: calc(50% - 25px);
        border-bottom: 1px solid #e5e5e5
    }

    .uk-divider-icon:before {
        right: calc(50% + 25px);
        width: 100%
    }

    .uk-divider-icon:after {
        left: calc(50% + 25px);
        width: 100%
    }

.uk-divider-small {
    line-height: 0
}

    .uk-divider-small:after {
        content: "";
        display: inline-block;
        width: 100px;
        max-width: 100%;
        border-top: 1px solid #e5e5e5;
        vertical-align: top
    }

.uk-divider-vertical {
    width: 1px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #e5e5e5
}

.uk-list {
    padding: 0;
    list-style: none
}

    .uk-list > li:after, .uk-list > li:before {
        content: "";
        display: table
    }

    .uk-list > li:after {
        clear: both
    }

    .uk-list > li > :last-child {
        margin-bottom: 0
    }

    .uk-list ul {
        margin: 0;
        padding-left: 30px;
        list-style: none
    }

    .uk-list > li:nth-child(n+2), .uk-list > li > ul {
        margin-top: 10px
    }

.uk-list-divider > li:nth-child(n+2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5
}

.uk-list-striped > li {
    padding: 10px
}

    .uk-list-striped > li:nth-of-type(odd) {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-list-striped > li:nth-of-type(odd) {
        background: #f8f8f8
    }

    .uk-list-striped > li:nth-child(n+2) {
        margin-top: 0
    }

.uk-list-bullet > li {
    position: relative;
    padding-left: calc(1.5em + 10px)
}

    .uk-list-bullet > li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 1.5em;
        height: 1.5em;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23666' cx='3' cy='3' r='3'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        display: block
    }

.uk-list-large > li:nth-child(n+2), .uk-list-large > li > ul {
    margin-top: 20px
}

.uk-list-large.uk-list-divider > li:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px
}

.uk-list-large.uk-list-striped > li {
    padding: 20px 10px
}

    .uk-list-large.uk-list-striped > li:nth-of-type(odd) {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-list-large.uk-list-striped > li:nth-child(n+2) {
        margin-top: 0
    }

.uk-description-list > dt {
    color: #333;
    font-size: .875rem;
    font-weight: 400;
    text-transform: uppercase
}

    .uk-description-list > dt:nth-child(n+2) {
        margin-top: 20px
    }

.uk-description-list-divider > dt:nth-child(n+2) {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5
}

.uk-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px
}

* + .uk-table {
    margin-top: 20px
}

.uk-table th {
    padding: 16px 12px;
    text-align: left;
    vertical-align: bottom;
    font-size: .875rem;
    font-weight: 400;
    color: #999;
    text-transform: uppercase
}

.uk-table td {
    padding: 16px 12px;
    vertical-align: top
}

    .uk-table td > :last-child {
        margin-bottom: 0
    }

.uk-table tfoot {
    font-size: .875rem
}

.uk-table caption {
    font-size: .875rem;
    text-align: left;
    color: #999
}

.uk-table-middle, .uk-table-middle td {
    vertical-align: middle !important
}

.uk-table-divider > :first-child > tr:not(:first-child), .uk-table-divider > :not(:first-child) > tr, .uk-table-divider > tr:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.uk-table-striped > tr:nth-of-type(odd), .uk-table-striped tbody tr:nth-of-type(odd) {
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover {
    background: #ffd
}

.uk-table > tr.uk-active, .uk-table tbody tr.uk-active {
    background: #ffd
}

.uk-table-small td, .uk-table-small th {
    padding: 10px 12px
}

.uk-table-large td, .uk-table-large th {
    padding: 22px 12px
}

.uk-table-justify td:first-child, .uk-table-justify th:first-child {
    padding-left: 0
}

.uk-table-justify td:last-child, .uk-table-justify th:last-child {
    padding-right: 0
}

.uk-table-shrink {
    width: 1px
}

.uk-table-expand {
    min-width: 150px
}

.uk-table-link {
    padding: 0 !important
}

    .uk-table-link > a {
        display: block;
        padding: 16px 12px
    }

.uk-table-small .uk-table-link > a {
    padding: 10px 12px
}

@media (max-width:959px) {
    .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive td, .uk-table-responsive th, .uk-table-responsive tr {
        display: block
    }

        .uk-table-responsive thead {
            display: none
        }

        .uk-table-responsive td, .uk-table-responsive th {
            width: auto !important;
            max-width: none !important;
            min-width: 0 !important;
            overflow: visible !important;
            white-space: normal !important
        }

            .uk-table-responsive .uk-table-link:not(:first-child) > a, .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive th:not(:first-child):not(.uk-table-link) {
                padding-top: 5px !important
            }

            .uk-table-responsive .uk-table-link:not(:last-child) > a, .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive th:not(:last-child):not(.uk-table-link) {
                padding-bottom: 5px !important
            }

    .uk-table-justify.uk-table-responsive td, .uk-table-justify.uk-table-responsive th {
        padding-left: 0;
        padding-right: 0
    }
}

.uk-table tbody tr {
    -webkit-transition: background-color .1s linear;
    transition: background-color .1s linear
}

.uk-icon {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    padding: 0;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0
}

button.uk-icon:not(:disabled) {
    cursor: pointer
}

.uk-icon::-moz-focus-inner {
    border: 0;
    padding: 0
}

.uk-icon:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: currentcolor
}

.uk-icon:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: currentcolor
}

.uk-icon > * {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-icon-image {
    width: 20px;
    height: 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle
}

.uk-icon-link {
    color: #999
}

    .uk-icon-link:focus, .uk-icon-link:hover {
        color: #666;
        outline: none
    }

    .uk-active > .uk-icon-link, .uk-icon-link:active {
        color: #595959
    }

.uk-icon-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 500px;
    background: #f8f8f8;
    color: #999;
    vertical-align: middle;
    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;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

    .uk-icon-button:focus, .uk-icon-button:hover {
        background-color: #ebebeb;
        color: #666;
        outline: none
    }

    .uk-active > .uk-icon-button, .uk-icon-button:active {
        background-color: #dfdfdf;
        color: #666
    }

.uk-range {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
    max-width: 100%;
    width: 100%;
    -webkit-appearance: none;
    background: transparent;
    padding: 0
}

    .uk-range:focus {
        outline: none
    }

    .uk-range::-moz-focus-outer {
        border: none
    }

    .uk-range::-ms-track {
        height: 15px;
        background: transparent;
        border-color: transparent;
        color: transparent
    }

    .uk-range:not(:disabled)::-webkit-slider-thumb {
        cursor: pointer
    }

    .uk-range:not(:disabled)::-moz-range-thumb {
        cursor: pointer
    }

    .uk-range:not(:disabled)::-ms-thumb {
        cursor: pointer
    }

    .uk-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        margin-top: -7px;
        height: 15px;
        width: 15px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

    .uk-range::-moz-range-thumb {
        height: 15px;
        width: 15px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

    .uk-range::-ms-thumb {
        margin-top: 0;
        height: 15px;
        width: 15px;
        border-radius: 500px;
        background: #fff;
        border: 1px solid #ccc
    }

    .uk-range::-ms-tooltip {
        display: none
    }

    .uk-range::-webkit-slider-runnable-track {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:active::-webkit-slider-runnable-track, .uk-range:focus::-webkit-slider-runnable-track {
        background: #d2d2d2
    }

    .uk-range::-moz-range-track {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:focus::-moz-range-track {
        background: #d2d2d2
    }

    .uk-range::-ms-fill-lower, .uk-range::-ms-fill-upper {
        height: 3px;
        background: #ebebeb;
        border-radius: 500px
    }

    .uk-range:focus::-ms-fill-lower, .uk-range:focus::-ms-fill-upper {
        background: #d2d2d2
    }

.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: #1e87f0
        }

        .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-form-small {
    font-size: .875rem
}

    .uk-form-small:not(textarea):not([multiple]):not([size]) {
        height: 30px;
        padding-left: 8px;
        padding-right: 8px
    }

    .uk-form-small:not(select):not(input):not(textarea) {
        line-height: 28px
    }

.uk-form-large {
    font-size: 1.25rem
}

    .uk-form-large:not(textarea):not([multiple]):not([size]) {
        height: 55px;
        padding-left: 12px;
        padding-right: 12px
    }

    .uk-form-large:not(select):not(input):not(textarea) {
        line-height: 53px
    }

.uk-form-danger, .uk-form-danger:focus {
    color: #f0506e;
    border-color: #f0506e
}

.uk-form-success, .uk-form-success:focus {
    color: #32d296;
    border-color: #32d296
}

.uk-form-blank {
    background: none;
    border-color: transparent
}

    .uk-form-blank:focus {
        border-color: #e5e5e5;
        border-style: dashed
    }

input.uk-form-width-xsmall {
    width: 50px
}

select.uk-form-width-xsmall {
    width: 75px
}

.uk-form-width-small {
    width: 130px
}

.uk-form-width-medium {
    width: 200px
}

.uk-form-width-large {
    width: 500px
}

.uk-select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M12 1L9 6h6zM12 13L9 8h6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 100% 50%
}

    .uk-select:not([multiple]):not([size])::-ms-expand {
        display: none
    }

    .uk-select:not([multiple]):not([size]) option {
        color: #444
    }

    .uk-select:not([multiple]):not([size]):disabled {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23999' d='M12 1L9 6h6zM12 13L9 8h6z'/%3E%3C/svg%3E")
    }

.uk-input[list] {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: 100% 50%
}

    .uk-input[list]:focus, .uk-input[list]:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M12 12L8 6h8z'/%3E%3C/svg%3E")
    }

    .uk-input[list]::-webkit-calendar-picker-indicator {
        display: none
    }

.uk-checkbox, .uk-radio {
    display: inline-block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 1px solid #ccc;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: background-color,border;
    transition-property: background-color,border
}

.uk-radio {
    border-radius: 50%
}

    .uk-checkbox:focus, .uk-radio:focus {
        outline: none;
        border-color: #1e87f0
    }

    .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
        background-color: #1e87f0;
        border-color: transparent
    }

        .uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus {
            background-color: #0e6ecd
        }

    .uk-radio:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23fff' cx='8' cy='8' r='2'/%3E%3C/svg%3E")
    }

.uk-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 1L5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E")
}

.uk-checkbox:indeterminate {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M3 8h10v1H3z'/%3E%3C/svg%3E")
}

.uk-checkbox:disabled, .uk-radio:disabled {
    background-color: #f8f8f8;
    border-color: #e5e5e5
}

    .uk-radio:disabled:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23999' cx='8' cy='8' r='2'/%3E%3C/svg%3E")
    }

    .uk-checkbox:disabled:checked {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23999' d='M12 1L5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E")
    }

    .uk-checkbox:disabled:indeterminate {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23999' d='M3 8h10v1H3z'/%3E%3C/svg%3E")
    }

.uk-legend {
    width: 100%;
    color: inherit;
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-form-custom {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle
}

    .uk-form-custom input[type=file], .uk-form-custom select {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        -webkit-appearance: none;
        opacity: 0;
        cursor: pointer
    }

    .uk-form-custom input[type=file] {
        font-size: 500px;
        overflow: hidden
    }

.uk-form-label {
    font-size: .875rem
}

.uk-form-stacked .uk-form-label {
    display: block;
    margin-bottom: 5px
}

@media (max-width:959px) {
    .uk-form-horizontal .uk-form-label {
        display: block;
        margin-bottom: 5px
    }
}

@media (min-width:960px) {
    .uk-form-horizontal .uk-form-label {
        width: 200px;
        margin-top: 7px;
        float: left
    }

    .uk-form-horizontal .uk-form-controls {
        margin-left: 215px
    }

    .uk-form-horizontal .uk-form-controls-text {
        padding-top: 7px
    }
}

.uk-form-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    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: #999
}

    .uk-form-icon:hover {
        color: #666
    }

    .uk-form-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

    .uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input {
        padding-left: 40px !important
    }

.uk-form-icon-flip {
    right: 0;
    left: auto
}

    .uk-form-icon-flip ~ .uk-input {
        padding-right: 40px !important
    }

.uk-button {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,background-color,border-color;
    transition-property: color,background-color,border-color
}

    .uk-button:not(:disabled) {
        cursor: pointer
    }

    .uk-button::-moz-focus-inner {
        border: 0;
        padding: 0
    }

    .uk-button:hover {
        text-decoration: none
    }

    .uk-button:focus {
        outline: none
    }

.uk-button-default {
    background-color: transparent;
    color: #333;
    border: 1px solid #e5e5e5
}

    .uk-button-default:focus, .uk-button-default:hover {
        background-color: transparent;
        color: #333;
        border-color: #b2b2b2
    }

    .uk-button-default.uk-active, .uk-button-default:active {
        background-color: transparent;
        color: #333;
        border-color: #999
    }

.uk-button-primary {
    background-color: #1e87f0;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-primary:focus, .uk-button-primary:hover {
        background-color: #0f7ae5;
        color: #fff
    }

    .uk-button-primary.uk-active, .uk-button-primary:active {
        background-color: #0e6ecd;
        color: #fff
    }

.uk-button-secondary {
    background-color: #222;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-secondary:focus, .uk-button-secondary:hover {
        background-color: #151515;
        color: #fff
    }

    .uk-button-secondary.uk-active, .uk-button-secondary:active {
        background-color: #090909;
        color: #fff
    }

.uk-button-danger {
    background-color: #f0506e;
    color: #fff;
    border: 1px solid transparent
}

    .uk-button-danger:focus, .uk-button-danger:hover {
        background-color: #ee395b;
        color: #fff
    }

    .uk-button-danger.uk-active, .uk-button-danger:active {
        background-color: #ec2147;
        color: #fff
    }

    .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled {
        background-color: transparent;
        color: #999;
        border-color: #e5e5e5
    }

.uk-button-small {
    padding: 0 15px;
    line-height: 28px;
    font-size: .875rem
}

.uk-button-large {
    padding: 0 40px;
    line-height: 53px;
    font-size: .875rem
}

.uk-button-text {
    padding: 0;
    line-height: 1.5;
    background: none;
    color: #333;
    position: relative
}

    .uk-button-text:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 100%;
        border-bottom: 1px solid #333;
        -webkit-transition: right .3s ease-out;
        transition: right .3s ease-out
    }

    .uk-button-text:focus, .uk-button-text:hover {
        color: #333
    }

        .uk-button-text:focus:before, .uk-button-text:hover:before {
            right: 0
        }

    .uk-button-text:disabled {
        color: #999
    }

        .uk-button-text:disabled:before {
            display: none
        }

.uk-button-link {
    padding: 0;
    line-height: 1.5;
    background: none;
    color: #1e87f0
}

    .uk-button-link:focus, .uk-button-link:hover {
        color: #0f6ecd;
        text-decoration: underline
    }

    .uk-button-link:disabled {
        color: #999;
        text-decoration: none
    }

.uk-button-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    position: relative
}

    .uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button {
        margin-left: -1px
    }

    .uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:hover {
        position: relative;
        z-index: 1
    }

.uk-section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px
}

@media (min-width:960px) {
    .uk-section {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.uk-section:after, .uk-section:before {
    content: "";
    display: table
}

.uk-section:after {
    clear: both
}

.uk-section > :last-child {
    margin-bottom: 0
}

.uk-section-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-section-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .uk-section-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.uk-section-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (min-width:960px) {
    .uk-section-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.uk-section-default {
    background: #fff
}

.uk-section-muted {
    background: #f8f8f8
}

.uk-section-primary {
    background: #1e87f0
}

.uk-section-secondary {
    background: #222
}

.uk-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:640px) {
    .uk-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .uk-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-container:after, .uk-container:before {
    content: "";
    display: table
}

.uk-container:after {
    clear: both
}

.uk-container > :last-child {
    margin-bottom: 0
}

.uk-container .uk-container {
    padding-left: 0;
    padding-right: 0
}

.uk-container-xsmall {
    max-width: 750px
}

.uk-container-small {
    max-width: 900px
}

.uk-container-large {
    max-width: 1400px
}

.uk-container-xlarge {
    max-width: 1600px
}

.uk-container-expand {
    max-width: none
}

.uk-container-expand-left {
    margin-left: 0
}

.uk-container-expand-right {
    margin-right: 0
}

@media (min-width:640px) {
    .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
        max-width: calc(50% + 345px)
    }

    .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
        max-width: calc(50% + 420px)
    }
}

@media (min-width:960px) {
    .uk-container-expand-left, .uk-container-expand-right {
        max-width: calc(50% + 560px)
    }

        .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
            max-width: calc(50% + 335px)
        }

        .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
            max-width: calc(50% + 410px)
        }

        .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
            max-width: calc(50% + 660px)
        }

        .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge {
            max-width: calc(50% + 760px)
        }
}

.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 15px)
}

.uk-container-item-padding-remove-left {
    margin-left: -15px
}

.uk-container-item-padding-remove-right {
    margin-right: -15px
}

@media (min-width:640px) {
    .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
        width: calc(100% + 30px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -30px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -30px
    }
}

@media (min-width:960px) {
    .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
        width: calc(100% + 40px)
    }

    .uk-container-item-padding-remove-left {
        margin-left: -40px
    }

    .uk-container-item-padding-remove-right {
        margin-right: -40px
    }
}

.uk-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-grid > * {
        margin: 0
    }

        .uk-grid > * > :last-child {
            margin-bottom: 0
        }

.uk-grid {
    margin-left: -30px
}

    .uk-grid > * {
        padding-left: 30px
    }

    * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
        margin-top: 30px
    }

@media (min-width:1200px) {
    .uk-grid {
        margin-left: -40px
    }

        .uk-grid > * {
            padding-left: 40px
        }

        * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
            margin-top: 40px
        }
}

.uk-grid-column-small, .uk-grid-small {
    margin-left: -15px
}

    .uk-grid-column-small > *, .uk-grid-small > * {
        padding-left: 15px
    }

    * + .uk-grid-margin-small, .uk-grid + .uk-grid-row-small, .uk-grid + .uk-grid-small, .uk-grid-row-small > .uk-grid-margin, .uk-grid-small > .uk-grid-margin {
        margin-top: 15px
    }

.uk-grid-column-medium, .uk-grid-medium {
    margin-left: -30px
}

    .uk-grid-column-medium > *, .uk-grid-medium > * {
        padding-left: 30px
    }

    * + .uk-grid-margin-medium, .uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin {
        margin-top: 30px
    }

.uk-grid-column-large, .uk-grid-large {
    margin-left: -40px
}

    .uk-grid-column-large > *, .uk-grid-large > * {
        padding-left: 40px
    }

    * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin {
        margin-top: 40px
    }

@media (min-width:1200px) {
    .uk-grid-column-large, .uk-grid-large {
        margin-left: -70px
    }

        .uk-grid-column-large > *, .uk-grid-large > * {
            padding-left: 70px
        }

        * + .uk-grid-margin-large, .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin {
            margin-top: 70px
        }
}

.uk-grid-collapse, .uk-grid-column-collapse {
    margin-left: 0
}

    .uk-grid-collapse > *, .uk-grid-column-collapse > * {
        padding-left: 0
    }

    .uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin {
        margin-top: 0
    }

.uk-grid-divider > * {
    position: relative
}

.uk-grid-divider > :not(.uk-first-column):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e5e5e5
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.uk-grid-divider {
    margin-left: -60px
}

    .uk-grid-divider > * {
        padding-left: 60px
    }

    .uk-grid-divider > :not(.uk-first-column):before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
        margin-top: 60px
    }

        .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
            top: -30px;
            left: 60px
        }

@media (min-width:1200px) {
    .uk-grid-divider {
        margin-left: -80px
    }

        .uk-grid-divider > * {
            padding-left: 80px
        }

        .uk-grid-divider > :not(.uk-first-column):before {
            left: 40px
        }

        .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
            margin-top: 80px
        }

            .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
                top: -40px;
                left: 80px
            }
}

.uk-grid-divider.uk-grid-column-small, .uk-grid-divider.uk-grid-small {
    margin-left: -30px
}

    .uk-grid-divider.uk-grid-column-small > *, .uk-grid-divider.uk-grid-small > * {
        padding-left: 30px
    }

    .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column):before, .uk-grid-divider.uk-grid-small > :not(.uk-first-column):before {
        left: 15px
    }

    .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin {
        margin-top: 30px
    }

        .uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin:before {
            top: -15px;
            left: 30px
        }

        .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin:before {
            top: -15px
        }

    .uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin:before {
        left: 30px
    }

.uk-grid-divider.uk-grid-column-medium, .uk-grid-divider.uk-grid-medium {
    margin-left: -60px
}

    .uk-grid-divider.uk-grid-column-medium > *, .uk-grid-divider.uk-grid-medium > * {
        padding-left: 60px
    }

    .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column):before, .uk-grid-divider.uk-grid-medium > :not(.uk-first-column):before {
        left: 30px
    }

    .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
        margin-top: 60px
    }

        .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin:before {
            top: -30px;
            left: 60px
        }

        .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin:before {
            top: -30px
        }

    .uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin:before {
        left: 60px
    }

.uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large {
    margin-left: -80px
}

    .uk-grid-divider.uk-grid-column-large > *, .uk-grid-divider.uk-grid-large > * {
        padding-left: 80px
    }

    .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column):before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column):before {
        left: 40px
    }

    .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
        margin-top: 80px
    }

        .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin:before {
            top: -40px;
            left: 80px
        }

        .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin:before {
            top: -40px
        }

    .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin:before {
        left: 80px
    }

@media (min-width:1200px) {
    .uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large {
        margin-left: -140px
    }

        .uk-grid-divider.uk-grid-column-large > *, .uk-grid-divider.uk-grid-large > * {
            padding-left: 140px
        }

        .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column):before, .uk-grid-divider.uk-grid-large > :not(.uk-first-column):before {
            left: 70px
        }

        .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
            margin-top: 140px
        }

            .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin:before {
                top: -70px;
                left: 140px
            }

            .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin:before {
                top: -70px
            }

        .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin:before {
            left: 140px
        }
}

.uk-grid-item-match, .uk-grid-match > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .uk-grid-item-match > :not([class*=uk-width]), .uk-grid-match > * > :not([class*=uk-width]) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

.uk-tile {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 15px
}

@media (min-width:640px) {
    .uk-tile {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (min-width:960px) {
    .uk-tile {
        padding: 70px 40px
    }
}

.uk-tile:after, .uk-tile:before {
    content: "";
    display: table
}

.uk-tile:after {
    clear: both
}

.uk-tile > :last-child {
    margin-bottom: 0
}

.uk-tile-xsmall {
    padding-top: 20px;
    padding-bottom: 20px
}

.uk-tile-small {
    padding-top: 40px;
    padding-bottom: 40px
}

.uk-tile-large {
    padding-top: 70px;
    padding-bottom: 70px
}

@media (min-width:960px) {
    .uk-tile-large {
        padding-top: 140px;
        padding-bottom: 140px
    }
}

.uk-tile-xlarge {
    padding-top: 140px;
    padding-bottom: 140px
}

@media (min-width:960px) {
    .uk-tile-xlarge {
        padding-top: 210px;
        padding-bottom: 210px
    }
}

.uk-tile-default {
    background: #fff
}

.uk-tile-muted {
    background: #f8f8f8
}

.uk-tile-primary {
    background: #1e87f0
}

.uk-tile-secondary {
    background: #222
}

.uk-card {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out,-webkit-box-shadow .1s ease-in-out
}

.uk-card-body {
    padding: 30px
}

.uk-card-footer, .uk-card-header {
    padding: 15px 30px
}

@media (min-width:1200px) {
    .uk-card-body {
        padding: 40px
    }

    .uk-card-footer, .uk-card-header {
        padding: 20px 40px
    }
}

.uk-card-body:after, .uk-card-body:before, .uk-card-footer:after, .uk-card-footer:before, .uk-card-header:after, .uk-card-header:before {
    content: "";
    display: table
}

.uk-card-body:after, .uk-card-footer:after, .uk-card-header:after {
    clear: both
}

.uk-card-body > :last-child, .uk-card-footer > :last-child, .uk-card-header > :last-child {
    margin-bottom: 0
}

.uk-card-title {
    font-size: 1.5rem;
    line-height: 1.4
}

.uk-card-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 1
}

    .uk-card-badge:first-child + * {
        margin-top: 0
    }

.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover {
    background: #fff;
    -webkit-box-shadow: 0 14px 25px rgba(0,0,0,.16);
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-card-default {
    background: #fff;
    color: #666;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08);
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-default .uk-card-title {
        color: #333
    }

    .uk-card-default.uk-card-hover:hover {
        background-color: #fff;
        -webkit-box-shadow: 0 14px 25px rgba(0,0,0,.16);
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

    .uk-card-default .uk-card-header {
        border-bottom: 1px solid #e5e5e5
    }

    .uk-card-default .uk-card-footer {
        border-top: 1px solid #e5e5e5
    }

.uk-card-primary {
    background: #1e87f0;
    color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08);
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-primary .uk-card-title {
        color: #fff
    }

    .uk-card-primary.uk-card-hover:hover {
        background-color: #1e87f0;
        -webkit-box-shadow: 0 14px 25px rgba(0,0,0,.16);
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

.uk-card-secondary {
    background: #222;
    color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08);
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

    .uk-card-secondary .uk-card-title {
        color: #fff
    }

    .uk-card-secondary.uk-card-hover:hover {
        background-color: #222;
        -webkit-box-shadow: 0 14px 25px rgba(0,0,0,.16);
        box-shadow: 0 14px 25px rgba(0,0,0,.16)
    }

.uk-card-small.uk-card-body, .uk-card-small .uk-card-body {
    padding: 20px
}

.uk-card-small .uk-card-footer, .uk-card-small .uk-card-header {
    padding: 13px 20px
}

@media (min-width:1200px) {
    .uk-card-large.uk-card-body, .uk-card-large .uk-card-body {
        padding: 70px
    }

    .uk-card-large .uk-card-footer, .uk-card-large .uk-card-header {
        padding: 35px 70px
    }
}

.uk-card-body > .uk-nav-default {
    margin-left: -30px;
    margin-right: -30px
}

    .uk-card-body > .uk-nav-default:only-child {
        margin-top: -15px;
        margin-bottom: -15px
    }

.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a {
    padding-left: 30px;
    padding-right: 30px
}

.uk-card-body .uk-nav-default .uk-nav-sub {
    padding-left: 45px
}

@media (min-width:1200px) {
    .uk-card-body > .uk-nav-default {
        margin-left: -40px;
        margin-right: -40px
    }

        .uk-card-body > .uk-nav-default:only-child {
            margin-top: -25px;
            margin-bottom: -25px
        }

    .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default > li > a {
        padding-left: 40px;
        padding-right: 40px
    }

    .uk-card-body .uk-nav-default .uk-nav-sub {
        padding-left: 55px
    }
}

.uk-card-small > .uk-nav-default {
    margin-left: -20px;
    margin-right: -20px
}

    .uk-card-small > .uk-nav-default:only-child {
        margin-top: -5px;
        margin-bottom: -5px
    }

.uk-card-small .uk-nav-default .uk-nav-divider, .uk-card-small .uk-nav-default .uk-nav-header, .uk-card-small .uk-nav-default > li > a {
    padding-left: 20px;
    padding-right: 20px
}

.uk-card-small .uk-nav-default .uk-nav-sub {
    padding-left: 35px
}

@media (min-width:1200px) {
    .uk-card-large > .uk-nav-default {
        margin: 0
    }

        .uk-card-large > .uk-nav-default:only-child {
            margin: 0
        }

    .uk-card-large .uk-nav-default .uk-nav-divider, .uk-card-large .uk-nav-default .uk-nav-header, .uk-card-large .uk-nav-default > li > a {
        padding-left: 0;
        padding-right: 0
    }

    .uk-card-large .uk-nav-default .uk-nav-sub {
        padding-left: 15px
    }
}

.uk-close {
    color: #999;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,opacity;
    transition-property: color,opacity
}

    .uk-close:focus, .uk-close:hover {
        color: #666;
        outline: none
    }

.uk-spinner > * {
    -webkit-animation: uk-spinner-rotate 1.4s linear infinite;
    animation: uk-spinner-rotate 1.4s linear infinite
}

@-webkit-keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes uk-spinner-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.uk-spinner > * > * {
    stroke-dasharray: 88px;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: uk-spinner-dash 1.4s ease-in-out infinite;
    animation: uk-spinner-dash 1.4s ease-in-out infinite;
    stroke-width: 1;
    stroke-linecap: round
}

@-webkit-keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes uk-spinner-dash {
    0% {
        stroke-dashoffset: 88px
    }

    50% {
        stroke-dashoffset: 22px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    to {
        stroke-dashoffset: 88px;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.uk-totop {
    padding: 5px;
    color: #999;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

    .uk-totop:focus, .uk-totop:hover {
        color: #666;
        outline: none
    }

    .uk-totop:active {
        color: #333
    }

.uk-marker {
    padding: 5px;
    background: #222;
    color: #fff;
    border-radius: 500px
}

    .uk-marker:focus, .uk-marker:hover {
        color: #fff;
        outline: none
    }

.uk-alert {
    position: relative;
    margin-bottom: 20px;
    padding: 15px 29px 15px 15px;
    background: #f8f8f8;
    color: #666
}

* + .uk-alert {
    margin-top: 20px
}

.uk-alert > :last-child {
    margin-bottom: 0
}

.uk-alert-close {
    position: absolute;
    top: 20px;
    right: 15px;
    color: inherit;
    opacity: .4
}

    .uk-alert-close:first-child + * {
        margin-top: 0
    }

    .uk-alert-close:focus, .uk-alert-close:hover {
        color: inherit;
        opacity: .8
    }

.uk-alert-primary {
    background: #d8eafc;
    color: #1e87f0
}

.uk-alert-success {
    background: #edfbf6;
    color: #32d296
}

.uk-alert-warning {
    background: #fef5ee;
    color: #faa05a
}

.uk-alert-danger {
    background: #fef4f6;
    color: #f0506e
}

.uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 {
    color: inherit
}

.uk-alert a:not([class]) {
    color: inherit;
    text-decoration: underline
}

    .uk-alert a:not([class]):hover {
        color: inherit;
        text-decoration: underline
    }

.uk-badge {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 500px;
    vertical-align: middle;
    background: #1e87f0;
    color: #fff;
    font-size: .875rem;
    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
}

    .uk-badge:focus, .uk-badge:hover {
        color: #fff;
        text-decoration: none;
        outline: none
    }

.uk-label {
    display: inline-block;
    padding: 0 10px;
    background: #1e87f0;
    line-height: 1.5;
    font-size: .875rem;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase
}

.uk-label-success {
    background-color: #32d296;
    color: #fff
}

.uk-label-warning {
    background-color: #faa05a;
    color: #fff
}

.uk-label-danger {
    background-color: #f0506e;
    color: #fff
}

.uk-overlay {
    padding: 30px
}

    .uk-overlay > :last-child {
        margin-bottom: 0
    }

.uk-overlay-default {
    background: hsla(0,0%,100%,.8)
}

.uk-overlay-primary {
    background: rgba(34,34,34,.8)
}

.uk-article:after, .uk-article:before {
    content: "";
    display: table
}

.uk-article:after {
    clear: both
}

.uk-article > :last-child {
    margin-bottom: 0
}

.uk-article + .uk-article {
    margin-top: 70px
}

.uk-article-title {
    font-size: 2.231rem;
    line-height: 1.2
}

@media (min-width:960px) {
    .uk-article-title {
        font-size: 2.625rem
    }
}

.uk-article-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

    .uk-article-meta a {
        color: #999
    }

        .uk-article-meta a:hover {
            color: #666;
            text-decoration: none
        }

.uk-comment-body {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.uk-comment-header {
    margin-bottom: 20px
}

    .uk-comment-body:after, .uk-comment-body:before, .uk-comment-header:after, .uk-comment-header:before {
        content: "";
        display: table
    }

    .uk-comment-body:after, .uk-comment-header:after {
        clear: both
    }

    .uk-comment-body > :last-child, .uk-comment-header > :last-child {
        margin-bottom: 0
    }

.uk-comment-title {
    font-size: 1.25rem;
    line-height: 1.4
}

.uk-comment-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

.uk-comment-list {
    padding: 0;
    list-style: none
}

    .uk-comment-list > :nth-child(n+2) {
        margin-top: 70px
    }

    .uk-comment-list .uk-comment ~ ul {
        margin: 70px 0 0;
        padding-left: 30px;
        list-style: none
    }

@media (min-width:960px) {
    .uk-comment-list .uk-comment ~ ul {
        padding-left: 100px
    }
}

.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
    margin-top: 70px
}

.uk-comment-primary {
    padding: 30px;
    background-color: #f8f8f8
}

.uk-search {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0
}

.uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.uk-search-input::-moz-placeholder {
    opacity: 1
}

.uk-search-input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    font: inherit;
    overflow: visible;
    -webkit-appearance: none;
    vertical-align: middle;
    width: 100%;
    border: none;
    color: #666
}

    .uk-search-input:focus {
        outline: none
    }

    .uk-search-input:-ms-input-placeholder {
        color: #999 !important
    }

    .uk-search-input::-webkit-input-placeholder {
        color: #999
    }

    .uk-search-input::-ms-input-placeholder {
        color: #999
    }

    .uk-search-input::placeholder {
        color: #999
    }

.uk-search-icon:focus {
    outline: none
}

.uk-search .uk-search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    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: #999
}

    .uk-search .uk-search-icon:hover {
        color: #999
    }

    .uk-search .uk-search-icon:not(a):not(button):not(input) {
        pointer-events: none
    }

.uk-search .uk-search-icon-flip {
    right: 0;
    left: auto
}

.uk-search-default {
    width: 180px
}

    .uk-search-default .uk-search-input {
        height: 40px;
        padding-left: 6px;
        padding-right: 6px;
        background: transparent;
        border: 1px solid #e5e5e5
    }

        .uk-search-default .uk-search-input:focus {
            background-color: transparent
        }

    .uk-search-default .uk-search-icon {
        width: 40px
    }

        .uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    .uk-search-default .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 40px
    }

.uk-search-navbar {
    width: 400px
}

    .uk-search-navbar .uk-search-input {
        height: 40px;
        background: transparent;
        font-size: 1.5rem
    }

    .uk-search-navbar .uk-search-icon {
        width: 40px
    }

        .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 40px
        }

    .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 40px
    }

.uk-search-large {
    width: 500px
}

    .uk-search-large .uk-search-input {
        height: 80px;
        background: transparent;
        font-size: 2.625rem
    }

    .uk-search-large .uk-search-icon {
        width: 80px
    }

        .uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
            padding-left: 80px
        }

    .uk-search-large .uk-search-icon-flip ~ .uk-search-input {
        padding-right: 80px
    }

.uk-search-toggle {
    color: #999
}

    .uk-search-toggle:focus, .uk-search-toggle:hover {
        color: #666
    }

.uk-nav, .uk-nav ul {
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-nav li > a {
        display: block;
        text-decoration: none
    }

        .uk-nav li > a:focus {
            outline: none
        }

    .uk-nav > li > a {
        padding: 5px 0
    }

ul.uk-nav-sub {
    padding: 5px 0 5px 15px
}

.uk-nav-sub ul {
    padding-left: 15px
}

.uk-nav-sub a {
    padding: 2px 0
}

.uk-nav-parent-icon > .uk-parent > a:after {
    content: "";
    width: 1.5em;
    height: 1.5em;
    float: right;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.1' d='M10 1L4 7l6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23666' stroke-width='1.1' d='M1 4l6 6 6-6'/%3E%3C/svg%3E")
}

.uk-nav-header {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: .875rem
}

    .uk-nav-header:not(:first-child) {
        margin-top: 20px
    }

.uk-nav-divider {
    margin: 5px 0
}

.uk-nav-default {
    font-size: .875rem
}

    .uk-nav-default > li > a {
        color: #999
    }

        .uk-nav-default > li > a:focus, .uk-nav-default > li > a:hover {
            color: #666
        }

    .uk-nav-default > li.uk-active > a {
        color: #333
    }

    .uk-nav-default .uk-nav-header {
        color: #333
    }

    .uk-nav-default .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-nav-default .uk-nav-sub a {
        color: #999
    }

        .uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover {
            color: #666
        }

    .uk-nav-default .uk-nav-sub li.uk-active > a {
        color: #333
    }

.uk-nav-primary > li > a {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #999
}

    .uk-nav-primary > li > a:focus, .uk-nav-primary > li > a:hover {
        color: #666
    }

.uk-nav-primary > li.uk-active > a {
    color: #333
}

.uk-nav-primary .uk-nav-header {
    color: #333
}

.uk-nav-primary .uk-nav-divider {
    border-top: 1px solid #e5e5e5
}

.uk-nav-primary .uk-nav-sub a {
    color: #999
}

    .uk-nav-primary .uk-nav-sub a:focus, .uk-nav-primary .uk-nav-sub a:hover {
        color: #666
    }

.uk-nav-primary .uk-nav-sub li.uk-active > a {
    color: #333
}

.uk-nav-center {
    text-align: center
}

    .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul {
        padding-left: 0
    }

    .uk-nav-center.uk-nav-parent-icon > .uk-parent > a:after {
        position: absolute
    }

.uk-navbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #f8f8f8
}

.uk-navbar-container > :after, .uk-navbar-container > :before {
    display: none !important
}

.uk-navbar-center, .uk-navbar-center-left > *, .uk-navbar-center-right > *, .uk-navbar-left, .uk-navbar-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uk-navbar-right {
    margin-left: auto
}

.uk-navbar-center:only-child {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.uk-navbar-center:not(:only-child) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 990
}

.uk-navbar-center-left, .uk-navbar-center-right {
    position: absolute;
    top: 0
}

.uk-navbar-center-left {
    right: 100%
}

.uk-navbar-center-right {
    left: 100%
}

[class*=uk-navbar-center-] {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uk-navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

.uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
    padding: 0 15px;
    font-size: .875rem;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    text-decoration: none
}

.uk-navbar-nav > li > a {
    color: #999;
    text-transform: uppercase;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

    .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a.uk-open, .uk-navbar-nav > li > a:focus {
        color: #666;
        outline: none
    }

    .uk-navbar-nav > li > a:active {
        color: #333
    }

.uk-navbar-nav > li.uk-active > a {
    color: #333
}

.uk-navbar-item {
    color: #666
}

.uk-navbar-toggle {
    color: #999
}

    .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {
        color: #666;
        outline: none;
        text-decoration: none
    }

.uk-navbar-subtitle {
    font-size: .875rem
}

.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 200px;
    padding: 25px;
    background: #fff;
    color: #666;
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.15);
    box-shadow: 0 5px 12px rgba(0,0,0,.15)
}

    .uk-navbar-dropdown.uk-open {
        display: block
    }

[class*=uk-navbar-dropdown-top] {
    margin-top: -15px
}

[class*=uk-navbar-dropdown-bottom] {
    margin-top: 15px
}

[class*=uk-navbar-dropdown-left] {
    margin-left: -15px
}

[class*=uk-navbar-dropdown-right] {
    margin-left: 15px
}

.uk-navbar-dropdown-grid {
    margin-left: -50px
}

    .uk-navbar-dropdown-grid > * {
        padding-left: 50px
    }

    .uk-navbar-dropdown-grid > .uk-grid-margin {
        margin-top: 50px
    }

.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * {
    width: 100% !important
}

.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) {
    width: 400px
}

.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) {
    width: 600px
}

.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) {
    width: 800px
}

.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
    width: 1000px
}

.uk-navbar-dropdown-dropbar {
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.uk-navbar-dropdown-nav {
    font-size: .875rem
}

    .uk-navbar-dropdown-nav > li > a {
        color: #999
    }

        .uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover {
            color: #666
        }

    .uk-navbar-dropdown-nav > li.uk-active > a {
        color: #333
    }

    .uk-navbar-dropdown-nav .uk-nav-header {
        color: #333
    }

    .uk-navbar-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-navbar-dropdown-nav .uk-nav-sub a {
        color: #999
    }

        .uk-navbar-dropdown-nav .uk-nav-sub a:focus, .uk-navbar-dropdown-nav .uk-nav-sub a:hover {
            color: #666
        }

    .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a {
        color: #333
    }

.uk-navbar-dropbar {
    background: #fff
}

.uk-navbar-dropbar-slide {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 5px 7px rgba(0,0,0,.05);
    box-shadow: 0 5px 7px rgba(0,0,0,.05)
}

.uk-navbar-container > .uk-container .uk-navbar-left {
    margin-left: -15px;
    margin-right: -15px
}

.uk-navbar-container > .uk-container .uk-navbar-right {
    margin-right: -15px
}

.uk-navbar-dropdown-grid > * {
    position: relative
}

.uk-navbar-dropdown-grid > :not(.uk-first-column):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    border-left: 1px solid #e5e5e5
}

.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50px;
    right: 0;
    border-top: 1px solid #e5e5e5
}

.uk-subnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

    .uk-subnav > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding-left: 20px;
        position: relative
    }

        .uk-subnav > * > :first-child {
            display: block;
            color: #999;
            font-size: .875rem;
            text-transform: uppercase;
            -webkit-transition: .1s ease-in-out;
            transition: .1s ease-in-out;
            -webkit-transition-property: color,background-color;
            transition-property: color,background-color
        }

        .uk-subnav > * > a:focus, .uk-subnav > * > a:hover {
            color: #666;
            text-decoration: none;
            outline: none
        }

    .uk-subnav > .uk-active > a {
        color: #333
    }

.uk-subnav-divider > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before {
    content: "";
    height: 1.5em;
    margin-left: 0;
    margin-right: 20px;
    border-left: 1px solid #e5e5e5
}

.uk-subnav-pill > * > :first-child {
    padding: 5px 10px;
    background: transparent;
    color: #999
}

.uk-subnav-pill > * > a:focus, .uk-subnav-pill > * > a:hover {
    background-color: #f8f8f8;
    color: #666
}

.uk-subnav-pill > * > a:active {
    background-color: #f8f8f8;
    color: #666
}

.uk-subnav-pill > .uk-active > a {
    background-color: #1e87f0;
    color: #fff
}

.uk-subnav > .uk-disabled > a {
    color: #999
}

.uk-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

    .uk-breadcrumb > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

        .uk-breadcrumb > * > * {
            display: inline-block;
            font-size: .875rem;
            color: #999
        }

        .uk-breadcrumb > * > :focus, .uk-breadcrumb > * > :hover {
            color: #666;
            text-decoration: none
        }

    .uk-breadcrumb > :last-child > * {
        color: #666
    }

    .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before {
        content: "/";
        display: inline-block;
        margin: 0 20px;
        color: #999
    }

.uk-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none
}

    .uk-pagination > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding-left: 20px;
        position: relative
    }

        .uk-pagination > * > * {
            display: block;
            color: #999;
            -webkit-transition: color .1s ease-in-out;
            transition: color .1s ease-in-out
        }

        .uk-pagination > * > :focus, .uk-pagination > * > :hover {
            color: #666;
            text-decoration: none
        }

    .uk-pagination > .uk-active > * {
        color: #666
    }

    .uk-pagination > .uk-disabled > * {
        color: #999
    }

.uk-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0;
    list-style: none;
    position: relative
}

    .uk-tab:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 0;
        border-bottom: 1px solid #e5e5e5
    }

    .uk-tab > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding-left: 20px;
        position: relative
    }

        .uk-tab > * > a {
            display: block;
            text-align: center;
            padding: 5px 10px;
            color: #999;
            border-bottom: 1px solid transparent;
            font-size: .875rem;
            text-transform: uppercase;
            -webkit-transition: color .1s ease-in-out;
            transition: color .1s ease-in-out
        }

            .uk-tab > * > a:focus, .uk-tab > * > a:hover {
                color: #666;
                text-decoration: none
            }

    .uk-tab > .uk-active > a {
        color: #333;
        border-color: #1e87f0
    }

    .uk-tab > .uk-disabled > a {
        color: #999
    }

.uk-tab-bottom:before {
    top: 0;
    bottom: auto
}

.uk-tab-bottom > * > a {
    border-top: 1px solid transparent;
    border-bottom: none
}

.uk-tab-left, .uk-tab-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0
}

    .uk-tab-left > *, .uk-tab-right > * {
        padding-left: 0
    }

    .uk-tab-left:before {
        top: 0;
        bottom: 0;
        left: auto;
        right: 0;
        border-left: 1px solid #e5e5e5;
        border-bottom: none
    }

    .uk-tab-right:before {
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        border-left: 1px solid #e5e5e5;
        border-bottom: none
    }

    .uk-tab-left > * > a {
        text-align: left;
        border-right: 1px solid transparent;
        border-bottom: none
    }

    .uk-tab-right > * > a {
        text-align: left;
        border-left: 1px solid transparent;
        border-bottom: none
    }

.uk-tab .uk-dropdown {
    margin-left: 30px
}

.uk-slidenav {
    padding: 5px 10px;
    color: hsla(0,0%,40%,.5);
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

    .uk-slidenav:focus, .uk-slidenav:hover {
        color: hsla(0,0%,40%,.9);
        outline: none
    }

    .uk-slidenav:active {
        color: hsla(0,0%,40%,.5)
    }

.uk-slidenav-large {
    padding: 10px
}

.uk-dotnav, .uk-slidenav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uk-dotnav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -12px
}

    .uk-dotnav > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        padding-left: 12px
    }

        .uk-dotnav > * > * {
            display: block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: transparent;
            text-indent: 100%;
            overflow: hidden;
            white-space: nowrap;
            border: 1px solid hsla(0,0%,40%,.4);
            -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
            -webkit-transition-property: background-color,border-color;
            transition-property: background-color,border-color
        }

        .uk-dotnav > * > :focus, .uk-dotnav > * > :hover {
            background-color: hsla(0,0%,40%,.6);
            outline: none;
            border-color: transparent
        }

        .uk-dotnav > * > :active {
            background-color: hsla(0,0%,40%,.2);
            border-color: transparent
        }

    .uk-dotnav > .uk-active > * {
        background-color: hsla(0,0%,40%,.6);
        border-color: transparent
    }

.uk-dotnav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-top: -12px
}

    .uk-dotnav-vertical > * {
        padding-left: 0;
        padding-top: 12px
    }

.uk-thumbnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -15px
}

    .uk-thumbnav > * {
        padding-left: 15px
    }

        .uk-thumbnav > * > * {
            display: inline-block;
            position: relative
        }

        .uk-thumbnav > * > :after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: hsla(0,0%,100%,.4);
            -webkit-transition: background-color .1s ease-in-out;
            transition: background-color .1s ease-in-out
        }

        .uk-thumbnav > * > :focus, .uk-thumbnav > * > :hover {
            outline: none
        }

            .uk-thumbnav > * > :focus:after, .uk-thumbnav > * > :hover:after {
                background-color: transparent
            }

    .uk-thumbnav > .uk-active > :after {
        background-color: transparent
    }

.uk-thumbnav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-top: -15px
}

    .uk-thumbnav-vertical > * {
        padding-left: 0;
        padding-top: 15px
    }

.uk-accordion {
    padding: 0;
    list-style: none
}

    .uk-accordion > :nth-child(n+2) {
        margin-top: 20px
    }

.uk-accordion-title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden
}

    .uk-accordion-title:before {
        content: "";
        width: 1.4em;
        height: 1.4em;
        margin-left: 10px;
        float: right;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M0 6h13v1H0z'/%3E%3Cpath fill='%23666' d='M6 0h1v13H6z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: 50% 50%
    }

.uk-open > .uk-accordion-title:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M0 6h13v1H0z'/%3E%3C/svg%3E")
}

.uk-accordion-title:focus, .uk-accordion-title:hover {
    color: #666;
    text-decoration: none;
    outline: none
}

.uk-accordion-content {
    margin-top: 20px
}

    .uk-accordion-content:after, .uk-accordion-content:before {
        content: "";
        display: table
    }

    .uk-accordion-content:after {
        clear: both
    }

    .uk-accordion-content > :last-child {
        margin-bottom: 0
    }

.uk-drop {
    display: none;
    position: absolute;
    z-index: 1020;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 300px
}

    .uk-drop.uk-open {
        display: block
    }

[class*=uk-drop-top] {
    margin-top: -20px
}

[class*=uk-drop-bottom] {
    margin-top: 20px
}

[class*=uk-drop-left] {
    margin-left: -20px
}

[class*=uk-drop-right] {
    margin-left: 20px
}

.uk-drop-stack .uk-drop-grid > * {
    width: 100% !important
}

.uk-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 200px;
    padding: 25px;
    background: #fff;
    color: #666;
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,.15);
    box-shadow: 0 5px 12px rgba(0,0,0,.15)
}

    .uk-dropdown.uk-open {
        display: block
    }

.uk-dropdown-nav {
    white-space: nowrap;
    font-size: .875rem
}

    .uk-dropdown-nav > li > a {
        color: #999
    }

        .uk-dropdown-nav > li.uk-active > a, .uk-dropdown-nav > li > a:focus, .uk-dropdown-nav > li > a:hover {
            color: #666
        }

    .uk-dropdown-nav .uk-nav-header {
        color: #333
    }

    .uk-dropdown-nav .uk-nav-divider {
        border-top: 1px solid #e5e5e5
    }

    .uk-dropdown-nav .uk-nav-sub a {
        color: #999
    }

        .uk-dropdown-nav .uk-nav-sub a:focus, .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub li.uk-active > a {
            color: #666
        }

[class*=uk-dropdown-top] {
    margin-top: -10px
}

[class*=uk-dropdown-bottom] {
    margin-top: 10px
}

[class*=uk-dropdown-left] {
    margin-left: -10px
}

[class*=uk-dropdown-right] {
    margin-left: 10px
}

.uk-dropdown-stack .uk-dropdown-grid > * {
    width: 100% !important
}

.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 15px;
    background: rgba(0,0,0,.6);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media (min-width:640px) {
    .uk-modal {
        padding: 50px 30px
    }
}

@media (min-width:960px) {
    .uk-modal {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-modal.uk-open {
    opacity: 1
}

.uk-modal-page {
    overflow: hidden
}

.uk-modal-dialog {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    width: 600px;
    max-width: calc(100% - .01px) !important;
    background: #fff;
    opacity: 0;
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: .3s linear;
    transition: .3s linear;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform
}

.uk-open > .uk-modal-dialog {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.uk-modal-container .uk-modal-dialog {
    width: 1200px
}

.uk-modal-full {
    padding: 0;
    background: none
}

    .uk-modal-full .uk-modal-dialog {
        margin: 0;
        width: 100%;
        max-width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.uk-modal-body {
    padding: 30px
}

.uk-modal-header {
    padding: 15px 30px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5
}

.uk-modal-footer {
    padding: 15px 30px;
    background: #fff;
    border-top: 1px solid #e5e5e5
}

    .uk-modal-body:after, .uk-modal-body:before, .uk-modal-footer:after, .uk-modal-footer:before, .uk-modal-header:after, .uk-modal-header:before {
        content: "";
        display: table
    }

    .uk-modal-body:after, .uk-modal-footer:after, .uk-modal-header:after {
        clear: both
    }

    .uk-modal-body > :last-child, .uk-modal-footer > :last-child, .uk-modal-header > :last-child {
        margin-bottom: 0
    }

.uk-modal-title {
    font-size: 2rem;
    line-height: 1.3
}

[class*=uk-modal-close-] {
    position: absolute;
    z-index: 1010;
    top: 10px;
    right: 10px;
    padding: 5px
}

    [class*=uk-modal-close-]:first-child + * {
        margin-top: 0
    }

.uk-modal-close-outside {
    top: 0;
    right: -5px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #fff
}

    .uk-modal-close-outside:hover {
        color: #fff
    }

@media (min-width:960px) {
    .uk-modal-close-outside {
        right: 0;
        -webkit-transform: translate(100%,-100%);
        transform: translate(100%,-100%)
    }
}

.uk-modal-close-full {
    top: 0;
    right: 0;
    padding: 20px;
    background: #fff
}

.uk-lightbox {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .uk-lightbox.uk-open {
        display: block;
        opacity: 1
    }

.uk-lightbox-page {
    overflow: hidden
}

.uk-lightbox-items > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: hsla(0,0%,100%,.7);
    will-change: transform,opacity
}

    .uk-lightbox-items > * > * {
        max-width: 100vw;
        max-height: 100vh
    }

.uk-lightbox-items > :focus {
    outline: none
}

.uk-lightbox-items > * > :not(iframe) {
    width: auto;
    height: auto
}

.uk-lightbox-items > .uk-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uk-lightbox-toolbar {
    padding: 10px;
    background: rgba(0,0,0,.3);
    color: hsla(0,0%,100%,.7)
}

    .uk-lightbox-toolbar > * {
        color: hsla(0,0%,100%,.7)
    }

.uk-lightbox-toolbar-icon {
    padding: 5px;
    color: hsla(0,0%,100%,.7)
}

    .uk-lightbox-toolbar-icon:hover {
        color: #fff
    }

.uk-lightbox-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.3);
    color: hsla(0,0%,100%,.7);
    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
}

    .uk-lightbox-button:hover {
        color: #fff
    }

.uk-lightbox-iframe {
    width: 80%;
    height: 80%
}

.uk-slideshow {
    -webkit-tap-highlight-color: transparent
}

.uk-slideshow-items {
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    -webkit-touch-callout: none
}

    .uk-slideshow-items > * {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        will-change: transform,opacity;
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .uk-slideshow-items > :focus {
        outline: none
    }

    .uk-slideshow-items > :not(.uk-active) {
        display: none
    }

.uk-slider {
    -webkit-tap-highlight-color: transparent
}

.uk-slider-container {
    overflow: hidden
}

.uk-slider-items {
    will-change: transform;
    position: relative
}

    .uk-slider-items:not(.uk-grid) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        -webkit-touch-callout: none
    }

    .uk-slider-items.uk-grid {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .uk-slider-items > * {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        position: relative;
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .uk-slider-items > :focus {
        outline: none
    }

.uk-sticky-fixed {
    z-index: 980;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.uk-sticky[class*=uk-animation-] {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.uk-sticky.uk-animation-reverse {
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

.uk-offcanvas {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

.uk-offcanvas-flip .uk-offcanvas {
    right: 0;
    left: auto
}

.uk-offcanvas-bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -270px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 270px;
    padding: 20px;
    background: #222;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media (min-width:960px) {
    .uk-offcanvas-bar {
        left: -350px;
        width: 350px;
        padding: 40px
    }
}

.uk-offcanvas-flip .uk-offcanvas-bar {
    left: auto;
    right: -270px
}

@media (min-width:960px) {
    .uk-offcanvas-flip .uk-offcanvas-bar {
        right: -350px
    }
}

.uk-open > .uk-offcanvas-bar {
    left: 0
}

.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    left: auto;
    right: 0
}

.uk-offcanvas-bar-animation {
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out
}

.uk-offcanvas-flip .uk-offcanvas-bar-animation {
    -webkit-transition-property: right;
    transition-property: right
}

.uk-offcanvas-reveal {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: width .3s ease-out;
    transition: width .3s ease-out
}

    .uk-offcanvas-reveal .uk-offcanvas-bar {
        left: 0
    }

.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
    left: auto;
    right: 0
}

.uk-open > .uk-offcanvas-reveal {
    width: 270px
}

@media (min-width:960px) {
    .uk-open > .uk-offcanvas-reveal {
        width: 350px
    }
}

.uk-offcanvas-flip .uk-offcanvas-reveal {
    right: 0;
    left: auto
}

.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 20px;
    right: 20px;
    padding: 5px
}

.uk-offcanvas-overlay {
    width: 100vw;
    -ms-touch-action: none;
    touch-action: none
}

    .uk-offcanvas-overlay:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.1);
        opacity: 0;
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    .uk-offcanvas-overlay.uk-open:before {
        opacity: 1
    }

.uk-offcanvas-container, .uk-offcanvas-page {
    overflow-x: hidden
}

.uk-offcanvas-container {
    position: relative;
    left: 0;
    -webkit-transition: left .3s ease-out;
    transition: left .3s ease-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 270px
}

.uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -270px
}

@media (min-width:960px) {
    :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
        left: 350px
    }

    .uk-offcanvas-flip.uk-offcanvas-container-animation {
        left: -350px
    }
}

.uk-switcher {
    margin: 0;
    padding: 0;
    list-style: none
}

    .uk-switcher > :not(.uk-active) {
        display: none
    }

    .uk-switcher > * > :last-child {
        margin-bottom: 0
    }

.uk-leader {
    overflow: hidden
}

.uk-leader-fill:after {
    display: inline-block;
    margin-left: 15px;
    width: 0;
    content: attr(data-fill);
    white-space: nowrap
}

.uk-leader-fill.uk-leader-hide:after {
    display: none
}

.uk-leader-fill-content:before {
    content: "."
}

:root {
    --uk-leader-fill-content: .
}

.uk-iconnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0 0 0 -10px
}

    .uk-iconnav > * {
        padding-left: 10px
    }

        .uk-iconnav > * > a {
            display: block;
            color: #999
        }

            .uk-iconnav > * > a:focus, .uk-iconnav > * > a:hover {
                color: #666;
                outline: none
            }

    .uk-iconnav > .uk-active > a {
        color: #666
    }

.uk-iconnav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0;
    margin-top: -10px
}

    .uk-iconnav-vertical > * {
        padding-left: 0;
        padding-top: 10px
    }

.uk-notification {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1040;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px
}

.uk-notification-bottom-right, .uk-notification-top-right {
    left: auto;
    right: 10px
}

.uk-notification-bottom-center, .uk-notification-top-center {
    left: 50%;
    margin-left: -175px
}

.uk-notification-bottom-center, .uk-notification-bottom-left, .uk-notification-bottom-right {
    top: auto;
    bottom: 10px
}

@media (max-width:639px) {
    .uk-notification {
        left: 10px;
        right: 10px;
        width: auto;
        margin: 0
    }
}

.uk-notification-message {
    position: relative;
    background: #f8f8f8;
    color: #666;
    font-size: 1.25rem;
    line-height: 1.4;
    cursor: pointer
}

* + .uk-notification-message {
    margin-top: 10px
}

.uk-notification-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 15px
}

.uk-notification-message:hover .uk-notification-close {
    display: block
}

.uk-notification-message-primary {
    color: #1e87f0
}

.uk-notification-message-success {
    color: #32d296
}

.uk-notification-message-warning {
    color: #faa05a
}

.uk-notification-message-danger {
    color: #f0506e
}

.uk-tooltip {
    display: none;
    position: absolute;
    z-index: 1030;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 200px;
    padding: 3px 6px;
    background: #666;
    border-radius: 2px;
    color: #fff;
    font-size: 12px
}

    .uk-tooltip.uk-active {
        display: block
    }

[class*=uk-tooltip-top] {
    margin-top: -10px
}

[class*=uk-tooltip-bottom] {
    margin-top: 10px
}

[class*=uk-tooltip-left] {
    margin-left: -10px
}

[class*=uk-tooltip-right] {
    margin-left: 10px
}

.uk-placeholder {
    margin-bottom: 20px;
    padding: 30px;
    background: transparent;
    border: 1px dashed #e5e5e5
}

* + .uk-placeholder {
    margin-top: 20px
}

.uk-placeholder > :last-child {
    margin-bottom: 0
}

.uk-progress {
    vertical-align: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 100%;
    border: 0;
    background-color: #f8f8f8;
    margin-bottom: 20px;
    height: 15px;
    border-radius: 500px;
    overflow: hidden
}

* + .uk-progress {
    margin-top: 20px
}

.uk-progress:indeterminate {
    color: transparent
}

.uk-progress::-webkit-progress-bar {
    background-color: #f8f8f8;
    border-radius: 500px;
    overflow: hidden
}

.uk-progress:indeterminate::-moz-progress-bar {
    width: 0
}

.uk-progress::-webkit-progress-value {
    background-color: #1e87f0;
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.uk-progress::-moz-progress-bar {
    background-color: #1e87f0
}

.uk-progress::-ms-fill {
    background-color: #1e87f0;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    border: 0
}

.uk-sortable {
    position: relative
}

    .uk-sortable svg {
        pointer-events: none
    }

    .uk-sortable > :last-child {
        margin-bottom: 0
    }

.uk-sortable-drag {
    position: absolute !important;
    z-index: 1050 !important;
    pointer-events: none
}

.uk-sortable-placeholder {
    opacity: 0;
    pointer-events: none
}

.uk-sortable-empty {
    min-height: 50px
}

.uk-sortable-handle:hover {
    cursor: move
}

.uk-countdown-number, .uk-countdown-separator {
    line-height: .8
}

.uk-countdown-number {
    font-size: 2rem
}

@media (min-width:640px) {
    .uk-countdown-number {
        font-size: 4rem
    }
}

@media (min-width:960px) {
    .uk-countdown-number {
        font-size: 6rem
    }
}

.uk-countdown-separator {
    font-size: 1rem
}

@media (min-width:640px) {
    .uk-countdown-separator {
        font-size: 2rem
    }
}

@media (min-width:960px) {
    .uk-countdown-separator {
        font-size: 3rem
    }
}

[class*=uk-animation-] {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.uk-animation-fade {
    -webkit-animation-name: uk-fade;
    animation-name: uk-fade;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.uk-animation-scale-up {
    -webkit-animation-name: uk-fade-scale-02;
    animation-name: uk-fade-scale-02
}

.uk-animation-scale-down {
    -webkit-animation-name: uk-fade-scale-18;
    animation-name: uk-fade-scale-18
}

.uk-animation-slide-top {
    -webkit-animation-name: uk-fade-top;
    animation-name: uk-fade-top
}

.uk-animation-slide-bottom {
    -webkit-animation-name: uk-fade-bottom;
    animation-name: uk-fade-bottom
}

.uk-animation-slide-left {
    -webkit-animation-name: uk-fade-left;
    animation-name: uk-fade-left
}

.uk-animation-slide-right {
    -webkit-animation-name: uk-fade-right;
    animation-name: uk-fade-right
}

.uk-animation-slide-top-small {
    -webkit-animation-name: uk-fade-top-small;
    animation-name: uk-fade-top-small
}

.uk-animation-slide-bottom-small {
    -webkit-animation-name: uk-fade-bottom-small;
    animation-name: uk-fade-bottom-small
}

.uk-animation-slide-left-small {
    -webkit-animation-name: uk-fade-left-small;
    animation-name: uk-fade-left-small
}

.uk-animation-slide-right-small {
    -webkit-animation-name: uk-fade-right-small;
    animation-name: uk-fade-right-small
}

.uk-animation-slide-top-medium {
    -webkit-animation-name: uk-fade-top-medium;
    animation-name: uk-fade-top-medium
}

.uk-animation-slide-bottom-medium {
    -webkit-animation-name: uk-fade-bottom-medium;
    animation-name: uk-fade-bottom-medium
}

.uk-animation-slide-left-medium {
    -webkit-animation-name: uk-fade-left-medium;
    animation-name: uk-fade-left-medium
}

.uk-animation-slide-right-medium {
    -webkit-animation-name: uk-fade-right-medium;
    animation-name: uk-fade-right-medium
}

.uk-animation-kenburns {
    -webkit-animation-name: uk-scale-kenburns;
    animation-name: uk-scale-kenburns;
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}

.uk-animation-shake {
    -webkit-animation-name: uk-shake;
    animation-name: uk-shake
}

.uk-animation-stroke {
    -webkit-animation-name: uk-stroke;
    animation-name: uk-stroke;
    stroke-dasharray: var(--uk-animation-stroke);
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.uk-animation-reverse {
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.uk-animation-fast {
    -webkit-animation-duration: .1s;
    animation-duration: .1s
}

.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] {
    -webkit-animation-name: none;
    animation-name: none
}

.uk-animation-toggle {
    -webkit-tap-highlight-color: transparent
}

    .uk-animation-toggle:focus {
        outline: none
    }

@-webkit-keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes uk-fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-top-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom-small {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-small {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-top-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes uk-fade-bottom-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-left-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes uk-fade-right-medium {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes uk-fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes uk-scale-kenburns {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@-webkit-keyframes uk-shake {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes uk-shake {
    0%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }

    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }

    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }

    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }

    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }

    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }

    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-webkit-keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes uk-stroke {
    0% {
        stroke-dashoffset: var(--uk-animation-stroke)
    }

    to {
        stroke-dashoffset: 0
    }
}

[class*=uk-child-width] > * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.uk-child-width-1-2 > * {
    width: 50%
}

.uk-child-width-1-3 > * {
    width: 33.32223%
}

.uk-child-width-1-4 > * {
    width: 25%
}

.uk-child-width-1-5 > * {
    width: 20%
}

.uk-child-width-1-6 > * {
    width: 16.66389%
}

.uk-child-width-auto > * {
    width: auto
}

.uk-child-width-expand > :not([class*=uk-width]) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-child-width-1-1\@s > * {
        width: 100%
    }

    .uk-child-width-1-2\@s > * {
        width: 50%
    }

    .uk-child-width-1-3\@s > * {
        width: 33.32223%
    }

    .uk-child-width-1-4\@s > * {
        width: 25%
    }

    .uk-child-width-1-5\@s > * {
        width: 20%
    }

    .uk-child-width-1-6\@s > * {
        width: 16.66389%
    }

    .uk-child-width-auto\@s > * {
        width: auto
    }

    .uk-child-width-expand\@s > :not([class*=uk-width]) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-child-width-1-1\@m > * {
        width: 100%
    }

    .uk-child-width-1-2\@m > * {
        width: 50%
    }

    .uk-child-width-1-3\@m > * {
        width: 33.32223%
    }

    .uk-child-width-1-4\@m > * {
        width: 25%
    }

    .uk-child-width-1-5\@m > * {
        width: 20%
    }

    .uk-child-width-1-6\@m > * {
        width: 16.66389%
    }

    .uk-child-width-auto\@m > * {
        width: auto
    }

    .uk-child-width-expand\@m > :not([class*=uk-width]) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-child-width-1-1\@l > * {
        width: 100%
    }

    .uk-child-width-1-2\@l > * {
        width: 50%
    }

    .uk-child-width-1-3\@l > * {
        width: 33.32223%
    }

    .uk-child-width-1-4\@l > * {
        width: 25%
    }

    .uk-child-width-1-5\@l > * {
        width: 20%
    }

    .uk-child-width-1-6\@l > * {
        width: 16.66389%
    }

    .uk-child-width-auto\@l > * {
        width: auto
    }

    .uk-child-width-expand\@l > :not([class*=uk-width]) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .uk-child-width-1-1\@xl > * {
        width: 100%
    }

    .uk-child-width-1-2\@xl > * {
        width: 50%
    }

    .uk-child-width-1-3\@xl > * {
        width: 33.32223%
    }

    .uk-child-width-1-4\@xl > * {
        width: 25%
    }

    .uk-child-width-1-5\@xl > * {
        width: 20%
    }

    .uk-child-width-1-6\@xl > * {
        width: 16.66389%
    }

    .uk-child-width-auto\@xl > * {
        width: auto
    }

    .uk-child-width-expand\@xl > :not([class*=uk-width]) {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

[class*=uk-width] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%
}

.uk-width-1-2 {
    width: 50%
}

.uk-width-1-3 {
    width: 33.32223%
}

.uk-width-2-3 {
    width: 66.64445%
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5 {
    width: 20%
}

.uk-width-2-5 {
    width: 40%
}

.uk-width-3-5 {
    width: 60%
}

.uk-width-4-5 {
    width: 80%
}

.uk-width-1-6 {
    width: 16.66389%
}

.uk-width-5-6 {
    width: 83.31945%
}

.uk-width-small {
    width: 150px
}

.uk-width-medium {
    width: 300px
}

.uk-width-large {
    width: 450px
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-xxlarge {
    width: 750px
}

.uk-width-auto {
    width: auto
}

.uk-width-expand {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 1px
}

@media (min-width:640px) {
    .uk-width-1-1\@s {
        width: 100%
    }

    .uk-width-1-2\@s {
        width: 50%
    }

    .uk-width-1-3\@s {
        width: 33.32223%
    }

    .uk-width-2-3\@s {
        width: 66.64445%
    }

    .uk-width-1-4\@s {
        width: 25%
    }

    .uk-width-3-4\@s {
        width: 75%
    }

    .uk-width-1-5\@s {
        width: 20%
    }

    .uk-width-2-5\@s {
        width: 40%
    }

    .uk-width-3-5\@s {
        width: 60%
    }

    .uk-width-4-5\@s {
        width: 80%
    }

    .uk-width-1-6\@s {
        width: 16.66389%
    }

    .uk-width-5-6\@s {
        width: 83.31945%
    }

    .uk-width-small\@s {
        width: 150px
    }

    .uk-width-medium\@s {
        width: 300px
    }

    .uk-width-large\@s {
        width: 450px
    }

    .uk-width-xlarge\@s {
        width: 600px
    }

    .uk-width-xxlarge\@s {
        width: 750px
    }

    .uk-width-auto\@s {
        width: auto
    }

    .uk-width-expand\@s {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:960px) {
    .uk-width-1-1\@m {
        width: 100%
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-1-3\@m {
        width: 33.32223%
    }

    .uk-width-2-3\@m {
        width: 66.64445%
    }

    .uk-width-1-4\@m {
        width: 25%
    }

    .uk-width-3-4\@m {
        width: 75%
    }

    .uk-width-1-5\@m {
        width: 20%
    }

    .uk-width-2-5\@m {
        width: 40%
    }

    .uk-width-3-5\@m {
        width: 60%
    }

    .uk-width-4-5\@m {
        width: 80%
    }

    .uk-width-1-6\@m {
        width: 16.66389%
    }

    .uk-width-5-6\@m {
        width: 83.31945%
    }

    .uk-width-small\@m {
        width: 150px
    }

    .uk-width-medium\@m {
        width: 300px
    }

    .uk-width-large\@m {
        width: 450px
    }

    .uk-width-xlarge\@m {
        width: 600px
    }

    .uk-width-xxlarge\@m {
        width: 750px
    }

    .uk-width-auto\@m {
        width: auto
    }

    .uk-width-expand\@m {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }

    .uk-width-1-2\@l {
        width: 50%
    }

    .uk-width-1-3\@l {
        width: 33.32223%
    }

    .uk-width-2-3\@l {
        width: 66.64445%
    }

    .uk-width-1-4\@l {
        width: 25%
    }

    .uk-width-3-4\@l {
        width: 75%
    }

    .uk-width-1-5\@l {
        width: 20%
    }

    .uk-width-2-5\@l {
        width: 40%
    }

    .uk-width-3-5\@l {
        width: 60%
    }

    .uk-width-4-5\@l {
        width: 80%
    }

    .uk-width-1-6\@l {
        width: 16.66389%
    }

    .uk-width-5-6\@l {
        width: 83.31945%
    }

    .uk-width-small\@l {
        width: 150px
    }

    .uk-width-medium\@l {
        width: 300px
    }

    .uk-width-large\@l {
        width: 450px
    }

    .uk-width-xlarge\@l {
        width: 600px
    }

    .uk-width-xxlarge\@l {
        width: 750px
    }

    .uk-width-auto\@l {
        width: auto
    }

    .uk-width-expand\@l {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

@media (min-width:1600px) {
    .uk-width-1-1\@xl {
        width: 100%
    }

    .uk-width-1-2\@xl {
        width: 50%
    }

    .uk-width-1-3\@xl {
        width: 33.32223%
    }

    .uk-width-2-3\@xl {
        width: 66.64445%
    }

    .uk-width-1-4\@xl {
        width: 25%
    }

    .uk-width-3-4\@xl {
        width: 75%
    }

    .uk-width-1-5\@xl {
        width: 20%
    }

    .uk-width-2-5\@xl {
        width: 40%
    }

    .uk-width-3-5\@xl {
        width: 60%
    }

    .uk-width-4-5\@xl {
        width: 80%
    }

    .uk-width-1-6\@xl {
        width: 16.66389%
    }

    .uk-width-5-6\@xl {
        width: 83.31945%
    }

    .uk-width-small\@xl {
        width: 150px
    }

    .uk-width-medium\@xl {
        width: 300px
    }

    .uk-width-large\@xl {
        width: 450px
    }

    .uk-width-xlarge\@xl {
        width: 600px
    }

    .uk-width-xxlarge\@xl {
        width: 750px
    }

    .uk-width-auto\@xl {
        width: auto
    }

    .uk-width-expand\@xl {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 1px
    }
}

[class*=uk-height] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uk-height-1-1 {
    height: 100%
}

.uk-height-viewport {
    min-height: 100vh
}

.uk-height-small {
    height: 150px
}

.uk-height-medium {
    height: 300px
}

.uk-height-large {
    height: 450px
}

.uk-height-max-small {
    max-height: 150px
}

.uk-height-max-medium {
    max-height: 300px
}

.uk-height-max-large {
    max-height: 450px
}

.uk-text-lead {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333
}

.uk-text-meta {
    font-size: .875rem;
    line-height: 1.4;
    color: #999
}

    .uk-text-meta a {
        color: #999
    }

        .uk-text-meta a:hover {
            color: #666;
            text-decoration: none
        }

.uk-text-small {
    font-size: .875rem;
    line-height: 1.5
}

.uk-text-large {
    font-size: 1.5rem;
    line-height: 1.5
}

.uk-text-light {
    font-weight: 300
}

.uk-text-normal {
    font-weight: 400
}

.uk-text-bold {
    font-weight: 700
}

.uk-text-lighter {
    font-weight: lighter
}

.uk-text-bolder {
    font-weight: bolder
}

.uk-text-italic {
    font-style: italic
}

.uk-text-capitalize {
    text-transform: capitalize !important
}

.uk-text-uppercase {
    text-transform: uppercase !important
}

.uk-text-lowercase {
    text-transform: lowercase !important
}

.uk-text-muted {
    color: #999 !important
}

.uk-text-emphasis {
    color: #333 !important
}

.uk-text-primary {
    color: #1e87f0 !important
}

.uk-text-secondary {
    color: #222 !important
}

.uk-text-success {
    color: #32d296 !important
}

.uk-text-warning {
    color: #faa05a !important
}

.uk-text-danger {
    color: #f0506e !important
}

.uk-text-background {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    color: #1e87f0 !important
}

@supports (-webkit-background-clip:text) {
    .uk-text-background {
        background-color: #1e87f0
    }
}

.uk-text-left {
    text-align: left !important
}

.uk-text-right {
    text-align: right !important
}

.uk-text-center {
    text-align: center !important
}

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

@media (min-width:640px) {
    .uk-text-left\@s {
        text-align: left !important
    }

    .uk-text-right\@s {
        text-align: right !important
    }

    .uk-text-center\@s {
        text-align: center !important
    }
}

@media (min-width:960px) {
    .uk-text-left\@m {
        text-align: left !important
    }

    .uk-text-right\@m {
        text-align: right !important
    }

    .uk-text-center\@m {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .uk-text-left\@l {
        text-align: left !important
    }

    .uk-text-right\@l {
        text-align: right !important
    }

    .uk-text-center\@l {
        text-align: center !important
    }
}

@media (min-width:1600px) {
    .uk-text-left\@xl {
        text-align: left !important
    }

    .uk-text-right\@xl {
        text-align: right !important
    }

    .uk-text-center\@xl {
        text-align: center !important
    }
}

.uk-text-top {
    vertical-align: top !important
}

.uk-text-middle {
    vertical-align: middle !important
}

.uk-text-bottom {
    vertical-align: bottom !important
}

.uk-text-baseline {
    vertical-align: baseline !important
}

.uk-text-nowrap, .uk-text-truncate {
    white-space: nowrap
}

.uk-text-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

td.uk-text-truncate, th.uk-text-truncate {
    max-width: 0
}

.uk-text-break {
    overflow-wrap: break-word;
    word-wrap: break-word
}

td.uk-text-break, th.uk-text-break {
    word-break: break-all
}

[class*=uk-column-] {
    -webkit-column-gap: 30px;
    column-gap: 30px
}

@media (min-width:1200px) {
    [class*=uk-column-] {
        -webkit-column-gap: 40px;
        column-gap: 40px
    }
}

[class*=uk-column-] img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.uk-column-divider {
    -webkit-column-rule: 1px solid #e5e5e5;
    column-rule: 1px solid #e5e5e5;
    -webkit-column-gap: 60px;
    column-gap: 60px
}

@media (min-width:1200px) {
    .uk-column-divider {
        -webkit-column-gap: 80px;
        column-gap: 80px
    }
}

.uk-column-1-2 {
    -webkit-column-count: 2;
    column-count: 2
}

.uk-column-1-3 {
    -webkit-column-count: 3;
    column-count: 3
}

.uk-column-1-4 {
    -webkit-column-count: 4;
    column-count: 4
}

.uk-column-1-5 {
    -webkit-column-count: 5;
    column-count: 5
}

.uk-column-1-6 {
    -webkit-column-count: 6;
    column-count: 6
}

@media (min-width:640px) {
    .uk-column-1-2\@s {
        -webkit-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@s {
        -webkit-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@s {
        -webkit-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@s {
        -webkit-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@s {
        -webkit-column-count: 6;
        column-count: 6
    }
}

@media (min-width:960px) {
    .uk-column-1-2\@m {
        -webkit-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@m {
        -webkit-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@m {
        -webkit-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@m {
        -webkit-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@m {
        -webkit-column-count: 6;
        column-count: 6
    }
}

@media (min-width:1200px) {
    .uk-column-1-2\@l {
        -webkit-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@l {
        -webkit-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@l {
        -webkit-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@l {
        -webkit-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@l {
        -webkit-column-count: 6;
        column-count: 6
    }
}

@media (min-width:1600px) {
    .uk-column-1-2\@xl {
        -webkit-column-count: 2;
        column-count: 2
    }

    .uk-column-1-3\@xl {
        -webkit-column-count: 3;
        column-count: 3
    }

    .uk-column-1-4\@xl {
        -webkit-column-count: 4;
        column-count: 4
    }

    .uk-column-1-5\@xl {
        -webkit-column-count: 5;
        column-count: 5
    }

    .uk-column-1-6\@xl {
        -webkit-column-count: 6;
        column-count: 6
    }
}

.uk-column-span {
    -webkit-column-span: all;
    column-span: all
}

.uk-cover {
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

iframe.uk-cover {
    pointer-events: none
}

.uk-cover-container {
    overflow: hidden;
    position: relative
}

.uk-background-default {
    background-color: #fff
}

.uk-background-muted {
    background-color: #f8f8f8
}

.uk-background-primary {
    background-color: #1e87f0
}

.uk-background-secondary {
    background-color: #222
}

.uk-background-contain, .uk-background-cover {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.uk-background-cover {
    background-size: cover
}

.uk-background-contain {
    background-size: contain
}

.uk-background-top-left {
    background-position: 0 0
}

.uk-background-top-center {
    background-position: 50% 0
}

.uk-background-top-right {
    background-position: 100% 0
}

.uk-background-center-left {
    background-position: 0 50%
}

.uk-background-center-center {
    background-position: 50% 50%
}

.uk-background-center-right {
    background-position: 100% 50%
}

.uk-background-bottom-left {
    background-position: 0 100%
}

.uk-background-bottom-center {
    background-position: 50% 100%
}

.uk-background-bottom-right {
    background-position: 100% 100%
}

.uk-background-norepeat {
    background-repeat: no-repeat
}

.uk-background-fixed {
    background-attachment: fixed;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (pointer:coarse) {
    .uk-background-fixed {
        background-attachment: scroll
    }
}

@media (max-width:639px) {
    .uk-background-image\@s {
        background-image: none !important
    }
}

@media (max-width:959px) {
    .uk-background-image\@m {
        background-image: none !important
    }
}

@media (max-width:1199px) {
    .uk-background-image\@l {
        background-image: none !important
    }
}

@media (max-width:1599px) {
    .uk-background-image\@xl {
        background-image: none !important
    }
}

.uk-background-blend-multiply {
    background-blend-mode: multiply
}

.uk-background-blend-screen {
    background-blend-mode: screen
}

.uk-background-blend-overlay {
    background-blend-mode: overlay
}

.uk-background-blend-darken {
    background-blend-mode: darken
}

.uk-background-blend-lighten {
    background-blend-mode: lighten
}

.uk-background-blend-color-dodge {
    background-blend-mode: color-dodge
}

.uk-background-blend-color-burn {
    background-blend-mode: color-burn
}

.uk-background-blend-hard-light {
    background-blend-mode: hard-light
}

.uk-background-blend-soft-light {
    background-blend-mode: soft-light
}

.uk-background-blend-difference {
    background-blend-mode: difference
}

.uk-background-blend-exclusion {
    background-blend-mode: exclusion
}

.uk-background-blend-hue {
    background-blend-mode: hue
}

.uk-background-blend-saturation {
    background-blend-mode: saturation
}

.uk-background-blend-color {
    background-blend-mode: color
}

.uk-background-blend-luminosity {
    background-blend-mode: luminosity
}

[class*=uk-align] {
    display: block;
    margin-bottom: 30px
}

* + [class*=uk-align] {
    margin-top: 30px
}

.uk-align-center {
    margin-left: auto;
    margin-right: auto
}

.uk-align-left {
    margin-top: 0;
    margin-right: 30px;
    float: left
}

.uk-align-right {
    margin-top: 0;
    margin-left: 30px;
    float: right
}

@media (min-width:640px) {
    .uk-align-left\@s {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right\@s {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:960px) {
    .uk-align-left\@m {
        margin-top: 0;
        margin-right: 30px;
        float: left
    }

    .uk-align-right\@m {
        margin-top: 0;
        margin-left: 30px;
        float: right
    }
}

@media (min-width:1200px) {
    .uk-align-left\@l {
        margin-top: 0;
        float: left
    }

    .uk-align-right\@l {
        margin-top: 0;
        float: right
    }

    .uk-align-left, .uk-align-left\@l, .uk-align-left\@m, .uk-align-left\@s {
        margin-right: 40px
    }

    .uk-align-right, .uk-align-right\@l, .uk-align-right\@m, .uk-align-right\@s {
        margin-left: 40px
    }
}

@media (min-width:1600px) {
    .uk-align-left\@xl {
        margin-top: 0;
        margin-right: 40px;
        float: left
    }

    .uk-align-right\@xl {
        margin-top: 0;
        margin-left: 40px;
        float: right
    }
}

.uk-svg, .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: currentcolor
}

    .uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
        stroke: currentcolor
    }

.uk-svg {
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-panel {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .uk-panel:after, .uk-panel:before {
        content: "";
        display: table
    }

    .uk-panel:after {
        clear: both
    }

    .uk-panel > :last-child {
        margin-bottom: 0
    }

.uk-panel-scrollable {
    height: 170px;
    padding: 10px;
    border: 1px solid #e5e5e5;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    resize: both
}

.uk-clearfix:before {
    content: "";
    display: table-cell
}

.uk-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.uk-float-left {
    float: left
}

.uk-float-right {
    float: right
}

[class*=uk-float-] {
    max-width: 100%
}

.uk-overflow-hidden {
    overflow: hidden
}

.uk-overflow-auto {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

    .uk-overflow-auto > :last-child {
        margin-bottom: 0
    }

.uk-resize {
    resize: both
}

.uk-resize-vertical {
    resize: vertical
}

.uk-display-block {
    display: block !important
}

.uk-display-inline {
    display: inline !important
}

.uk-display-inline-block {
    display: inline-block !important
}

[class*=uk-inline] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    -webkit-backface-visibility: hidden
}

.uk-inline-clip {
    overflow: hidden
}

.uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video {
    max-width: none
}

.uk-responsive-height, .uk-responsive-width {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uk-responsive-width {
    max-width: 100% !important;
    height: auto
}

.uk-responsive-height {
    max-height: 100%;
    width: auto;
    max-width: none
}

.uk-border-circle {
    border-radius: 50%
}

.uk-border-pill {
    border-radius: 500px
}

.uk-border-rounded {
    border-radius: 5px
}

.uk-inline-clip[class*=uk-border-] {
    -webkit-transform: translateZ(0)
}

.uk-box-shadow-small {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.08);
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.uk-box-shadow-medium {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08);
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

.uk-box-shadow-large {
    -webkit-box-shadow: 0 14px 25px rgba(0,0,0,.16);
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-box-shadow-xlarge {
    -webkit-box-shadow: 0 28px 50px rgba(0,0,0,.16);
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

[class*=uk-box-shadow-hover] {
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    transition: -webkit-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out,-webkit-box-shadow .1s ease-in-out
}

.uk-box-shadow-hover-small:hover {
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.08);
    box-shadow: 0 2px 8px rgba(0,0,0,.08)
}

.uk-box-shadow-hover-medium:hover {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.08);
    box-shadow: 0 5px 15px rgba(0,0,0,.08)
}

.uk-box-shadow-hover-large:hover {
    -webkit-box-shadow: 0 14px 25px rgba(0,0,0,.16);
    box-shadow: 0 14px 25px rgba(0,0,0,.16)
}

.uk-box-shadow-hover-xlarge:hover {
    -webkit-box-shadow: 0 28px 50px rgba(0,0,0,.16);
    box-shadow: 0 28px 50px rgba(0,0,0,.16)
}

@supports ((-webkit-filter:blur(0)) or (filter:blur(0))) {
    .uk-box-shadow-bottom {
        display: inline-block;
        position: relative;
        max-width: 100%;
        vertical-align: middle
    }

        .uk-box-shadow-bottom:before {
            content: "";
            position: absolute;
            bottom: -30px;
            left: 0;
            right: 0;
            height: 30px;
            border-radius: 100%;
            background: #444;
            -webkit-filter: blur(20px);
            filter: blur(20px)
        }

        .uk-box-shadow-bottom > * {
            position: relative
        }
}

.uk-dropcap:first-letter, .uk-dropcap > p:first-of-type:first-letter {
    display: block;
    margin-right: 10px;
    float: left;
    font-size: 4.5em;
    line-height: 1;
    margin-bottom: -2px
}

@-moz-document url-prefix() {
    .uk-dropcap:first-letter, .uk-dropcap > p:first-of-type:first-letter {
        margin-top: 1.1%
    }
}

@supports (-ms-ime-align:auto) {
    .uk-dropcap > p:first-of-type:first-letter {
        font-size: 1em
    }
}

.uk-logo {
    font-size: 1.5rem;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color: #666;
    text-decoration: none
}

    .uk-logo:focus, .uk-logo:hover {
        color: #666;
        outline: none;
        text-decoration: none
    }

.uk-logo-inverse {
    display: none
}

.uk-disabled {
    pointer-events: none
}

.uk-drag, .uk-drag * {
    cursor: move
}

    .uk-drag iframe {
        pointer-events: none
    }

.uk-dragover {
    -webkit-box-shadow: 0 0 20px hsla(0,0%,39.2%,.3);
    box-shadow: 0 0 20px hsla(0,0%,39.2%,.3)
}

.uk-blend-multiply {
    mix-blend-mode: multiply
}

.uk-blend-screen {
    mix-blend-mode: screen
}

.uk-blend-overlay {
    mix-blend-mode: overlay
}

.uk-blend-darken {
    mix-blend-mode: darken
}

.uk-blend-lighten {
    mix-blend-mode: lighten
}

.uk-blend-color-dodge {
    mix-blend-mode: color-dodge
}

.uk-blend-color-burn {
    mix-blend-mode: color-burn
}

.uk-blend-hard-light {
    mix-blend-mode: hard-light
}

.uk-blend-soft-light {
    mix-blend-mode: soft-light
}

.uk-blend-difference {
    mix-blend-mode: difference
}

.uk-blend-exclusion {
    mix-blend-mode: exclusion
}

.uk-blend-hue {
    mix-blend-mode: hue
}

.uk-blend-saturation {
    mix-blend-mode: saturation
}

.uk-blend-color {
    mix-blend-mode: color
}

.uk-blend-luminosity {
    mix-blend-mode: luminosity
}

.uk-transform-center {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.uk-transform-origin-top-left {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.uk-transform-origin-top-center {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.uk-transform-origin-top-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.uk-transform-origin-center-left {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.uk-transform-origin-center-right {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.uk-transform-origin-bottom-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.uk-transform-origin-bottom-center {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.uk-transform-origin-bottom-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.uk-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.uk-flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .uk-flex-inline:after, .uk-flex-inline:before, .uk-flex:after, .uk-flex:before {
        display: none
    }

.uk-flex-left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.uk-flex-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uk-flex-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.uk-flex-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uk-flex-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media (min-width:640px) {
    .uk-flex-left\@s {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@s {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uk-flex-right\@s {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@s {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@s {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:960px) {
    .uk-flex-left\@m {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@m {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uk-flex-right\@m {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@m {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@m {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1200px) {
    .uk-flex-left\@l {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@l {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uk-flex-right\@l {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@l {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@l {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1600px) {
    .uk-flex-left\@xl {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .uk-flex-center\@xl {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .uk-flex-right\@xl {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .uk-flex-between\@xl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .uk-flex-around\@xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.uk-flex-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.uk-flex-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.uk-flex-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uk-flex-bottom {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.uk-flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.uk-flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.uk-flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.uk-flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.uk-flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.uk-flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.uk-flex-wrap-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.uk-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.uk-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center
}

.uk-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.uk-flex-wrap-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.uk-flex-wrap-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.uk-flex-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.uk-flex-last {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99
}

@media (min-width:640px) {
    .uk-flex-first\@s {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-last\@s {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99
    }
}

@media (min-width:960px) {
    .uk-flex-first\@m {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-last\@m {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99
    }
}

@media (min-width:1200px) {
    .uk-flex-first\@l {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-last\@l {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99
    }
}

@media (min-width:1600px) {
    .uk-flex-first\@xl {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .uk-flex-last\@xl {
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99
    }
}

.uk-flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.uk-flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.uk-flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.uk-margin {
    margin-bottom: 20px
}

* + .uk-margin {
    margin-top: 20px !important
}

.uk-margin-top {
    margin-top: 20px !important
}

.uk-margin-bottom {
    margin-bottom: 20px !important
}

.uk-margin-left {
    margin-left: 20px !important
}

.uk-margin-right {
    margin-right: 20px !important
}

.uk-margin-small {
    margin-bottom: 10px
}

* + .uk-margin-small {
    margin-top: 10px !important
}

.uk-margin-small-top {
    margin-top: 10px !important
}

.uk-margin-small-bottom {
    margin-bottom: 10px !important
}

.uk-margin-small-left {
    margin-left: 10px !important
}

.uk-margin-small-right {
    margin-right: 10px !important
}

.uk-margin-medium {
    margin-bottom: 40px
}

* + .uk-margin-medium {
    margin-top: 40px !important
}

.uk-margin-medium-top {
    margin-top: 40px !important
}

.uk-margin-medium-bottom {
    margin-bottom: 40px !important
}

.uk-margin-medium-left {
    margin-left: 40px !important
}

.uk-margin-medium-right {
    margin-right: 40px !important
}

.uk-margin-large {
    margin-bottom: 40px
}

* + .uk-margin-large {
    margin-top: 40px !important
}

.uk-margin-large-top {
    margin-top: 40px !important
}

.uk-margin-large-bottom {
    margin-bottom: 40px !important
}

.uk-margin-large-left {
    margin-left: 40px !important
}

.uk-margin-large-right {
    margin-right: 40px !important
}

@media (min-width:1200px) {
    .uk-margin-large {
        margin-bottom: 70px
    }

    * + .uk-margin-large {
        margin-top: 70px !important
    }

    .uk-margin-large-top {
        margin-top: 70px !important
    }

    .uk-margin-large-bottom {
        margin-bottom: 70px !important
    }

    .uk-margin-large-left {
        margin-left: 70px !important
    }

    .uk-margin-large-right {
        margin-right: 70px !important
    }
}

.uk-margin-xlarge {
    margin-bottom: 70px
}

* + .uk-margin-xlarge {
    margin-top: 70px !important
}

.uk-margin-xlarge-top {
    margin-top: 70px !important
}

.uk-margin-xlarge-bottom {
    margin-bottom: 70px !important
}

.uk-margin-xlarge-left {
    margin-left: 70px !important
}

.uk-margin-xlarge-right {
    margin-right: 70px !important
}

@media (min-width:1200px) {
    .uk-margin-xlarge {
        margin-bottom: 140px
    }

    * + .uk-margin-xlarge {
        margin-top: 140px !important
    }

    .uk-margin-xlarge-top {
        margin-top: 140px !important
    }

    .uk-margin-xlarge-bottom {
        margin-bottom: 140px !important
    }

    .uk-margin-xlarge-left {
        margin-left: 140px !important
    }

    .uk-margin-xlarge-right {
        margin-right: 140px !important
    }
}

.uk-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.uk-margin-auto-top {
    margin-top: auto !important
}

.uk-margin-auto-bottom {
    margin-bottom: auto !important
}

.uk-margin-auto-left {
    margin-left: auto !important
}

.uk-margin-auto-right {
    margin-right: auto !important
}

.uk-margin-auto-vertical {
    margin-top: auto !important;
    margin-bottom: auto !important
}

@media (min-width:640px) {
    .uk-margin-auto\@s {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@s, .uk-margin-auto\@s {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@s {
        margin-right: auto !important
    }
}

@media (min-width:960px) {
    .uk-margin-auto\@m {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@m, .uk-margin-auto\@m {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@m {
        margin-right: auto !important
    }
}

@media (min-width:1200px) {
    .uk-margin-auto\@l {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@l, .uk-margin-auto\@l {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@l {
        margin-right: auto !important
    }
}

@media (min-width:1600px) {
    .uk-margin-auto\@xl {
        margin-right: auto !important
    }

    .uk-margin-auto-left\@xl, .uk-margin-auto\@xl {
        margin-left: auto !important
    }

    .uk-margin-auto-right\@xl {
        margin-right: auto !important
    }
}

.uk-margin-remove {
    margin: 0 !important
}

.uk-margin-remove-top {
    margin-top: 0 !important
}

.uk-margin-remove-bottom {
    margin-bottom: 0 !important
}

.uk-margin-remove-left {
    margin-left: 0 !important
}

.uk-margin-remove-right {
    margin-right: 0 !important
}

.uk-margin-remove-vertical {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.uk-margin-remove-adjacent + *, .uk-margin-remove-first-child > :first-child {
    margin-top: 0 !important
}

.uk-margin-remove-last-child > :last-child {
    margin-bottom: 0 !important
}

@media (min-width:640px) {
    .uk-margin-remove-left\@s {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@s {
        margin-right: 0 !important
    }
}

@media (min-width:960px) {
    .uk-margin-remove-left\@m {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@m {
        margin-right: 0 !important
    }
}

@media (min-width:1200px) {
    .uk-margin-remove-left\@l {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@l {
        margin-right: 0 !important
    }
}

@media (min-width:1600px) {
    .uk-margin-remove-left\@xl {
        margin-left: 0 !important
    }

    .uk-margin-remove-right\@xl {
        margin-right: 0 !important
    }
}

.uk-padding {
    padding: 30px
}

@media (min-width:1200px) {
    .uk-padding {
        padding: 40px
    }
}

.uk-padding-small {
    padding: 15px
}

.uk-padding-large {
    padding: 30px
}

@media (min-width:1200px) {
    .uk-padding-large {
        padding: 70px
    }
}

.uk-padding-remove {
    padding: 0 !important
}

.uk-padding-remove-top {
    padding-top: 0 !important
}

.uk-padding-remove-bottom {
    padding-bottom: 0 !important
}

.uk-padding-remove-left {
    padding-left: 0 !important
}

.uk-padding-remove-right {
    padding-right: 0 !important
}

.uk-padding-remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.uk-padding-remove-horizontal {
    padding-left: 0 !important;
    padding-right: 0 !important
}

[class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] {
    position: absolute !important;
    max-width: 100%
}

.uk-position-top {
    top: 0;
    left: 0;
    right: 0
}

.uk-position-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-left {
    top: 0;
    bottom: 0;
    left: 0
}

.uk-position-right {
    top: 0;
    bottom: 0;
    right: 0
}

.uk-position-top-left {
    top: 0;
    left: 0
}

.uk-position-top-right {
    top: 0;
    right: 0
}

.uk-position-bottom-left {
    bottom: 0;
    left: 0
}

.uk-position-bottom-right {
    bottom: 0;
    right: 0
}

.uk-position-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

[class*=uk-position-center-left], [class*=uk-position-center-right] {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.uk-position-center-left {
    left: 0
}

.uk-position-center-right {
    right: 0
}

.uk-position-center-left-out {
    right: 100%
}

.uk-position-center-left-out, .uk-position-center-right-out {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.uk-position-center-right-out {
    left: 100%
}

.uk-position-bottom-center, .uk-position-top-center {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uk-position-top-center {
    top: 0
}

.uk-position-bottom-center {
    bottom: 0
}

.uk-position-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.uk-position-relative {
    position: relative !important
}

.uk-position-absolute {
    position: absolute !important
}

.uk-position-fixed {
    position: fixed !important
}

.uk-position-z-index {
    z-index: 1
}

.uk-position-small {
    max-width: calc(100% - 30px);
    margin: 15px
}

    .uk-position-small.uk-position-center {
        -webkit-transform: translate(-50%,-50%) translate(-15px,-15px);
        transform: translate(-50%,-50%) translate(-15px,-15px)
    }

    .uk-position-small[class*=uk-position-center-left], .uk-position-small[class*=uk-position-center-right] {
        -webkit-transform: translateY(-50%) translateY(-15px);
        transform: translateY(-50%) translateY(-15px)
    }

    .uk-position-small.uk-position-bottom-center, .uk-position-small.uk-position-top-center {
        -webkit-transform: translateX(-50%) translateX(-15px);
        transform: translateX(-50%) translateX(-15px)
    }

.uk-position-medium {
    max-width: calc(100% - 60px);
    margin: 30px
}

    .uk-position-medium.uk-position-center {
        -webkit-transform: translate(-50%,-50%) translate(-30px,-30px);
        transform: translate(-50%,-50%) translate(-30px,-30px)
    }

    .uk-position-medium[class*=uk-position-center-left], .uk-position-medium[class*=uk-position-center-right] {
        -webkit-transform: translateY(-50%) translateY(-30px);
        transform: translateY(-50%) translateY(-30px)
    }

    .uk-position-medium.uk-position-bottom-center, .uk-position-medium.uk-position-top-center {
        -webkit-transform: translateX(-50%) translateX(-30px);
        transform: translateX(-50%) translateX(-30px)
    }

.uk-position-large {
    max-width: calc(100% - 60px);
    margin: 30px
}

    .uk-position-large.uk-position-center {
        -webkit-transform: translate(-50%,-50%) translate(-30px,-30px);
        transform: translate(-50%,-50%) translate(-30px,-30px)
    }

    .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] {
        -webkit-transform: translateY(-50%) translateY(-30px);
        transform: translateY(-50%) translateY(-30px)
    }

    .uk-position-large.uk-position-bottom-center, .uk-position-large.uk-position-top-center {
        -webkit-transform: translateX(-50%) translateX(-30px);
        transform: translateX(-50%) translateX(-30px)
    }

@media (min-width:1200px) {
    .uk-position-large {
        max-width: calc(100% - 100px);
        margin: 50px
    }

        .uk-position-large.uk-position-center {
            -webkit-transform: translate(-50%,-50%) translate(-50px,-50px);
            transform: translate(-50%,-50%) translate(-50px,-50px)
        }

        .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] {
            -webkit-transform: translateY(-50%) translateY(-50px);
            transform: translateY(-50%) translateY(-50px)
        }

        .uk-position-large.uk-position-bottom-center, .uk-position-large.uk-position-top-center {
            -webkit-transform: translateX(-50%) translateX(-50px);
            transform: translateX(-50%) translateX(-50px)
        }
}

.uk-transition-toggle {
    -webkit-tap-highlight-color: transparent
}

    .uk-transition-toggle:focus {
        outline: none
    }

.uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] {
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition-property: opacity,-webkit-transform,-webkit-filter;
    transition-property: opacity,-webkit-transform,-webkit-filter;
    transition-property: opacity,transform,filter;
    transition-property: opacity,transform,filter,-webkit-transform,-webkit-filter;
    opacity: 0
}

.uk-transition-active.uk-active .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle:hover .uk-transition-fade {
    opacity: 1
}

.uk-transition-scale-up {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-transition-scale-down {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uk-transition-active.uk-active .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle:hover .uk-transition-scale-up {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.uk-transition-active.uk-active .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle:hover .uk-transition-scale-down {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.uk-transition-slide-top {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.uk-transition-slide-bottom {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.uk-transition-slide-left {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.uk-transition-slide-right {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.uk-transition-slide-top-small {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.uk-transition-slide-bottom-small {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.uk-transition-slide-left-small {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.uk-transition-slide-right-small {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.uk-transition-slide-top-medium {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.uk-transition-slide-bottom-medium {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.uk-transition-slide-left-medium {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.uk-transition-slide-right-medium {
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.uk-transition-active.uk-active [class*=uk-transition-slide], .uk-transition-toggle:focus [class*=uk-transition-slide], .uk-transition-toggle:hover [class*=uk-transition-slide] {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.uk-transition-opaque {
    opacity: 1
}

.uk-transition-slow {
    -webkit-transition-duration: .7s;
    transition-duration: .7s
}

.uk-hidden, [hidden] {
    display: none !important
}

@media (min-width:640px) {
    .uk-hidden\@s {
        display: none !important
    }
}

@media (min-width:960px) {
    .uk-hidden\@m {
        display: none !important
    }
}

@media (min-width:1200px) {
    .uk-hidden\@l {
        display: none !important
    }
}

@media (min-width:1600px) {
    .uk-hidden\@xl {
        display: none !important
    }
}

@media (max-width:639px) {
    .uk-visible\@s {
        display: none !important
    }
}

@media (max-width:959px) {
    .uk-visible\@m {
        display: none !important
    }
}

@media (max-width:1199px) {
    .uk-visible\@l {
        display: none !important
    }
}

@media (max-width:1599px) {
    .uk-visible\@xl {
        display: none !important
    }
}

.uk-invisible {
    visibility: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
    opacity: 0 !important
}

.uk-visible-toggle {
    -webkit-tap-highlight-color: transparent
}

    .uk-visible-toggle:focus {
        outline: none
    }

@media (pointer:coarse) {
    .uk-hidden-touch {
        display: none !important
    }
}

.uk-hidden-notouch {
    display: none !important
}

@media (pointer:coarse) {
    .uk-hidden-notouch {
        display: block !important
    }
}

.uk-card-primary.uk-card-body, .uk-card-primary > :not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*=uk-card-media]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
    color: hsla(0,0%,100%,.7)
}

    .uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary > :not([class*=uk-card-media]) .uk-link, .uk-card-primary > :not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link, .uk-card-secondary > :not([class*=uk-card-media]) a, .uk-light .uk-link, .uk-light a, .uk-offcanvas-bar .uk-link, .uk-offcanvas-bar a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link:hover, .uk-card-primary > :not([class*=uk-card-media]) a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link:hover, .uk-card-secondary > :not([class*=uk-card-media]) a:hover, .uk-light .uk-link:hover, .uk-light a:hover, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover {
            color: #fff
        }

    .uk-card-primary.uk-card-body :not(pre) > code, .uk-card-primary.uk-card-body :not(pre) > kbd, .uk-card-primary.uk-card-body :not(pre) > samp, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > code, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > kbd, .uk-card-primary > :not([class*=uk-card-media]) :not(pre) > samp, .uk-card-secondary.uk-card-body :not(pre) > code, .uk-card-secondary.uk-card-body :not(pre) > kbd, .uk-card-secondary.uk-card-body :not(pre) > samp, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > code, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > kbd, .uk-card-secondary > :not([class*=uk-card-media]) :not(pre) > samp, .uk-light :not(pre) > code, .uk-light :not(pre) > kbd, .uk-light :not(pre) > samp, .uk-offcanvas-bar :not(pre) > code, .uk-offcanvas-bar :not(pre) > kbd, .uk-offcanvas-bar :not(pre) > samp, .uk-overlay-primary :not(pre) > code, .uk-overlay-primary :not(pre) > kbd, .uk-overlay-primary :not(pre) > samp, .uk-section-primary:not(.uk-preserve-color) :not(pre) > code, .uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, .uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp {
        color: hsla(0,0%,100%,.7);
        background: hsla(0,0%,100%,.1)
    }

    .uk-card-primary.uk-card-body em, .uk-card-primary > :not([class*=uk-card-media]) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary > :not([class*=uk-card-media]) em, .uk-light em, .uk-offcanvas-bar em, .uk-overlay-primary em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body h6, .uk-card-primary > :not([class*=uk-card-media]) .uk-h1, .uk-card-primary > :not([class*=uk-card-media]) .uk-h2, .uk-card-primary > :not([class*=uk-card-media]) .uk-h3, .uk-card-primary > :not([class*=uk-card-media]) .uk-h4, .uk-card-primary > :not([class*=uk-card-media]) .uk-h5, .uk-card-primary > :not([class*=uk-card-media]) .uk-h6, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-large, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-medium, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-small, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-primary > :not([class*=uk-card-media]) h1, .uk-card-primary > :not([class*=uk-card-media]) h2, .uk-card-primary > :not([class*=uk-card-media]) h3, .uk-card-primary > :not([class*=uk-card-media]) h4, .uk-card-primary > :not([class*=uk-card-media]) h5, .uk-card-primary > :not([class*=uk-card-media]) h6, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h1, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h2, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h3, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h4, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h5, .uk-card-secondary > :not([class*=uk-card-media]) .uk-h6, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-large, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-medium, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-small, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-secondary > :not([class*=uk-card-media]) h1, .uk-card-secondary > :not([class*=uk-card-media]) h2, .uk-card-secondary > :not([class*=uk-card-media]) h3, .uk-card-secondary > :not([class*=uk-card-media]) h4, .uk-card-secondary > :not([class*=uk-card-media]) h5, .uk-card-secondary > :not([class*=uk-card-media]) h6, .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light .uk-heading-2xlarge, .uk-light .uk-heading-large, .uk-light .uk-heading-medium, .uk-light .uk-heading-small, .uk-light .uk-heading-xlarge, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-2xlarge, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-small, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar h6, .uk-overlay-primary .uk-h1, .uk-overlay-primary .uk-h2, .uk-overlay-primary .uk-h3, .uk-overlay-primary .uk-h4, .uk-overlay-primary .uk-h5, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-2xlarge, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary h1, .uk-overlay-primary h2, .uk-overlay-primary h3, .uk-overlay-primary h4, .uk-overlay-primary h5, .uk-overlay-primary h6, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) h6 {
        color: #fff
    }

    .uk-card-primary.uk-card-body blockquote, .uk-card-primary > :not([class*=uk-card-media]) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary > :not([class*=uk-card-media]) blockquote, .uk-light blockquote, .uk-offcanvas-bar blockquote, .uk-overlay-primary blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote {
        color: #fff
    }

        .uk-card-primary.uk-card-body blockquote footer, .uk-card-primary > :not([class*=uk-card-media]) blockquote footer, .uk-card-secondary.uk-card-body blockquote footer, .uk-card-secondary > :not([class*=uk-card-media]) blockquote footer, .uk-light blockquote footer, .uk-offcanvas-bar blockquote footer, .uk-overlay-primary blockquote footer, .uk-section-primary:not(.uk-preserve-color) blockquote footer, .uk-section-secondary:not(.uk-preserve-color) blockquote footer, .uk-tile-primary:not(.uk-preserve-color) blockquote footer, .uk-tile-secondary:not(.uk-preserve-color) blockquote footer {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-hr, .uk-card-primary.uk-card-body hr, .uk-card-primary > :not([class*=uk-card-media]) .uk-hr, .uk-card-primary > :not([class*=uk-card-media]) hr, .uk-card-secondary.uk-card-body .uk-hr, .uk-card-secondary.uk-card-body hr, .uk-card-secondary > :not([class*=uk-card-media]) .uk-hr, .uk-card-secondary > :not([class*=uk-card-media]) hr, .uk-light .uk-hr, .uk-light hr, .uk-offcanvas-bar .uk-hr, .uk-offcanvas-bar hr, .uk-overlay-primary .uk-hr, .uk-overlay-primary hr, .uk-section-primary:not(.uk-preserve-color) .uk-hr, .uk-section-primary:not(.uk-preserve-color) hr, .uk-section-secondary:not(.uk-preserve-color) .uk-hr, .uk-section-secondary:not(.uk-preserve-color) hr, .uk-tile-primary:not(.uk-preserve-color) .uk-hr, .uk-tile-primary:not(.uk-preserve-color) hr, .uk-tile-secondary:not(.uk-preserve-color) .uk-hr, .uk-tile-secondary:not(.uk-preserve-color) hr {
        border-top-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-link-muted, .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a, .uk-card-secondary.uk-card-body .uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a, .uk-light .uk-link-muted, .uk-light .uk-link-muted a, .uk-offcanvas-bar .uk-link-muted, .uk-offcanvas-bar .uk-link-muted a, .uk-overlay-primary .uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-link-muted:hover, .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-light .uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-offcanvas-bar .uk-link-muted:hover, .uk-offcanvas-bar .uk-link-muted a:hover, .uk-overlay-primary .uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-link-text:hover, .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-text:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-text a:hover, .uk-light .uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-offcanvas-bar .uk-link-text:hover, .uk-offcanvas-bar .uk-link-text a:hover, .uk-overlay-primary .uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-link-heading:hover, .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-light .uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-offcanvas-bar .uk-link-heading:hover, .uk-offcanvas-bar .uk-link-heading a:hover, .uk-overlay-primary .uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-heading-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-divider, .uk-card-secondary.uk-card-body .uk-heading-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-divider, .uk-light .uk-heading-divider, .uk-offcanvas-bar .uk-heading-divider, .uk-overlay-primary .uk-heading-divider, .uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider {
        border-bottom-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-heading-bullet:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-bullet:before, .uk-card-secondary.uk-card-body .uk-heading-bullet:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-bullet:before, .uk-light .uk-heading-bullet:before, .uk-offcanvas-bar .uk-heading-bullet:before, .uk-overlay-primary .uk-heading-bullet:before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet:before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet:before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet:before {
        border-left-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-heading-line > :after, .uk-card-primary.uk-card-body .uk-heading-line > :before, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > :after, .uk-card-primary > :not([class*=uk-card-media]) .uk-heading-line > :before, .uk-card-secondary.uk-card-body .uk-heading-line > :after, .uk-card-secondary.uk-card-body .uk-heading-line > :before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > :after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-heading-line > :before, .uk-light .uk-heading-line > :after, .uk-light .uk-heading-line > :before, .uk-offcanvas-bar .uk-heading-line > :after, .uk-offcanvas-bar .uk-heading-line > :before, .uk-overlay-primary .uk-heading-line > :after, .uk-overlay-primary .uk-heading-line > :before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > :after, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line > :before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > :after, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > :before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > :after, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > :before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > :after, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > :before {
        border-bottom-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-divider-icon, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon, .uk-card-secondary.uk-card-body .uk-divider-icon, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon, .uk-light .uk-divider-icon, .uk-offcanvas-bar .uk-divider-icon, .uk-overlay-primary .uk-divider-icon, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='none' stroke='rgba(255, 255, 255, 0.2)' stroke-width='2' cx='10' cy='10' r='7'/%3E%3C/svg%3E")
    }

        .uk-card-primary.uk-card-body .uk-divider-icon:after, .uk-card-primary.uk-card-body .uk-divider-icon:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon:after, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-icon:before, .uk-card-secondary.uk-card-body .uk-divider-icon:after, .uk-card-secondary.uk-card-body .uk-divider-icon:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon:after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-icon:before, .uk-light .uk-divider-icon:after, .uk-light .uk-divider-icon:before, .uk-offcanvas-bar .uk-divider-icon:after, .uk-offcanvas-bar .uk-divider-icon:before, .uk-overlay-primary .uk-divider-icon:after, .uk-overlay-primary .uk-divider-icon:before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon:after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon:before, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon:after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon:before, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon:after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon:after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon:before {
            border-bottom-color: hsla(0,0%,100%,.2)
        }

    .uk-card-primary.uk-card-body .uk-divider-small:after, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-small:after, .uk-card-secondary.uk-card-body .uk-divider-small:after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-small:after, .uk-light .uk-divider-small:after, .uk-offcanvas-bar .uk-divider-small:after, .uk-overlay-primary .uk-divider-small:after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-small:after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-small:after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-small:after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small:after {
        border-top-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-divider-vertical, .uk-card-primary > :not([class*=uk-card-media]) .uk-divider-vertical, .uk-card-secondary.uk-card-body .uk-divider-vertical, .uk-card-secondary > :not([class*=uk-card-media]) .uk-divider-vertical, .uk-light .uk-divider-vertical, .uk-offcanvas-bar .uk-divider-vertical, .uk-overlay-primary .uk-divider-vertical, .uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical {
        border-left-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-list-divider > li:nth-child(n+2), .uk-card-primary > :not([class*=uk-card-media]) .uk-list-divider > li:nth-child(n+2), .uk-card-secondary.uk-card-body .uk-list-divider > li:nth-child(n+2), .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-divider > li:nth-child(n+2), .uk-light .uk-list-divider > li:nth-child(n+2), .uk-offcanvas-bar .uk-list-divider > li:nth-child(n+2), .uk-overlay-primary .uk-list-divider > li:nth-child(n+2), .uk-section-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), .uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), .uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > li:nth-child(n+2) {
        border-top-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd), .uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > li:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd), .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > li:nth-of-type(odd), .uk-light .uk-list-striped > li:nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd), .uk-overlay-primary .uk-list-striped > li:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd) {
        border-top-color: hsla(0,0%,100%,.2);
        border-bottom-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-list-striped > li:nth-of-type(odd), .uk-card-primary > :not([class*=uk-card-media]) .uk-list-striped > li:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped > li:nth-of-type(odd), .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-striped > li:nth-of-type(odd), .uk-light .uk-list-striped > li:nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped > li:nth-of-type(odd), .uk-overlay-primary .uk-list-striped > li:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > li:nth-of-type(odd) {
        background-color: hsla(0,0%,100%,.1)
    }

    .uk-card-primary.uk-card-body .uk-list-bullet > li:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-list-bullet > li:before, .uk-card-secondary.uk-card-body .uk-list-bullet > li:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-list-bullet > li:before, .uk-light .uk-list-bullet > li:before, .uk-offcanvas-bar .uk-list-bullet > li:before, .uk-overlay-primary .uk-list-bullet > li:before, .uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > li:before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > li:before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > li:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > li:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='rgba(255, 255, 255, 0.7)' cx='3' cy='3' r='3'/%3E%3C/svg%3E")
    }

    .uk-card-primary.uk-card-body .uk-icon-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link, .uk-light .uk-icon-link, .uk-offcanvas-bar .uk-icon-link, .uk-overlay-primary .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-icon-link:focus, .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:hover, .uk-card-secondary.uk-card-body .uk-icon-link:focus, .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:hover, .uk-light .uk-icon-link:focus, .uk-light .uk-icon-link:hover, .uk-offcanvas-bar .uk-icon-link:focus, .uk-offcanvas-bar .uk-icon-link:hover, .uk-overlay-primary .uk-icon-link:focus, .uk-overlay-primary .uk-icon-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover {
            color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-active > .uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-link:active, .uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-active > .uk-icon-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-link:active, .uk-light .uk-active > .uk-icon-link, .uk-light .uk-icon-link:active, .uk-offcanvas-bar .uk-active > .uk-icon-link, .uk-offcanvas-bar .uk-icon-link:active, .uk-overlay-primary .uk-active > .uk-icon-link, .uk-overlay-primary .uk-icon-link:active, .uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button, .uk-light .uk-icon-button, .uk-offcanvas-bar .uk-icon-button, .uk-overlay-primary .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button {
        background-color: hsla(0,0%,100%,.1);
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-icon-button:focus, .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:hover, .uk-card-secondary.uk-card-body .uk-icon-button:focus, .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:hover, .uk-light .uk-icon-button:focus, .uk-light .uk-icon-button:hover, .uk-offcanvas-bar .uk-icon-button:focus, .uk-offcanvas-bar .uk-icon-button:hover, .uk-overlay-primary .uk-icon-button:focus, .uk-overlay-primary .uk-icon-button:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover {
            background-color: hsla(0,0%,94.9%,.1);
            color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-icon-button:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-icon-button:active, .uk-card-secondary.uk-card-body .uk-icon-button:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-icon-button:active, .uk-light .uk-icon-button:active, .uk-offcanvas-bar .uk-icon-button:active, .uk-overlay-primary .uk-icon-button:active, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active {
            background-color: hsla(0,0%,90.2%,.1);
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary > :not([class*=uk-card-media]) .uk-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-select, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-select, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea, .uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea {
        background-color: hsla(0,0%,100%,.1);
        color: hsla(0,0%,100%,.7);
        background-clip: padding-box;
        border-color: hsla(0,0%,100%,.2)
    }

        .uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary.uk-card-body .uk-select:focus, .uk-card-primary.uk-card-body .uk-textarea:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-select:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary.uk-card-body .uk-select:focus, .uk-card-secondary.uk-card-body .uk-textarea:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-select:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea:focus, .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus, .uk-offcanvas-bar .uk-input:focus, .uk-offcanvas-bar .uk-select:focus, .uk-offcanvas-bar .uk-textarea:focus, .uk-overlay-primary .uk-input:focus, .uk-overlay-primary .uk-select:focus, .uk-overlay-primary .uk-textarea:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-select:focus, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus {
            background-color: hsla(0,0%,100%,.1);
            color: hsla(0,0%,100%,.7);
            border-color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-ms-input-placeholder, .uk-light .uk-input::-ms-input-placeholder, .uk-offcanvas-bar .uk-input::-ms-input-placeholder, .uk-overlay-primary .uk-input::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder {
            color: hsla(0,0%,100%,.5) !important
        }

        .uk-card-primary.uk-card-body .uk-input::-webkit-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::-webkit-input-placeholder, .uk-card-secondary.uk-card-body .uk-input::-webkit-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::-webkit-input-placeholder, .uk-light .uk-input::-webkit-input-placeholder, .uk-offcanvas-bar .uk-input::-webkit-input-placeholder, .uk-overlay-primary .uk-input::-webkit-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-webkit-input-placeholder {
            color: hsla(0,0%,100%,.5)
        }

        .uk-card-primary.uk-card-body .uk-input::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-input::placeholder, .uk-card-secondary.uk-card-body .uk-input::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input::placeholder, .uk-light .uk-input::placeholder, .uk-offcanvas-bar .uk-input::placeholder, .uk-overlay-primary .uk-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder {
            color: hsla(0,0%,100%,.5)
        }

        .uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder, .uk-light .uk-textarea::-ms-input-placeholder, .uk-offcanvas-bar .uk-textarea::-ms-input-placeholder, .uk-overlay-primary .uk-textarea::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder {
            color: hsla(0,0%,100%,.5) !important
        }

        .uk-card-primary.uk-card-body .uk-textarea::-webkit-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::-webkit-input-placeholder, .uk-card-secondary.uk-card-body .uk-textarea::-webkit-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::-webkit-input-placeholder, .uk-light .uk-textarea::-webkit-input-placeholder, .uk-offcanvas-bar .uk-textarea::-webkit-input-placeholder, .uk-overlay-primary .uk-textarea::-webkit-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-webkit-input-placeholder {
            color: hsla(0,0%,100%,.5)
        }

        .uk-card-primary.uk-card-body .uk-textarea::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-textarea::placeholder, .uk-card-secondary.uk-card-body .uk-textarea::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-textarea::placeholder, .uk-light .uk-textarea::placeholder, .uk-offcanvas-bar .uk-textarea::placeholder, .uk-overlay-primary .uk-textarea::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder {
            color: hsla(0,0%,100%,.5)
        }

        .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-primary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]), .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-secondary > :not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]), .uk-light .uk-select:not([multiple]):not([size]), .uk-offcanvas-bar .uk-select:not([multiple]):not([size]), .uk-overlay-primary .uk-select:not([multiple]):not([size]), .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M12 1L9 6h6zM12 13L9 8h6z'/%3E%3C/svg%3E")
        }

        .uk-card-primary.uk-card-body .uk-input[list]:focus, .uk-card-primary.uk-card-body .uk-input[list]:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-input[list]:hover, .uk-card-secondary.uk-card-body .uk-input[list]:focus, .uk-card-secondary.uk-card-body .uk-input[list]:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-input[list]:hover, .uk-light .uk-input[list]:focus, .uk-light .uk-input[list]:hover, .uk-offcanvas-bar .uk-input[list]:focus, .uk-offcanvas-bar .uk-input[list]:hover, .uk-overlay-primary .uk-input[list]:focus, .uk-overlay-primary .uk-input[list]:hover, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M12 12L8 6h8z'/%3E%3C/svg%3E")
        }

    .uk-card-primary.uk-card-body .uk-checkbox, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio, .uk-card-secondary.uk-card-body .uk-checkbox, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio, .uk-light .uk-checkbox, .uk-light .uk-radio, .uk-offcanvas-bar .uk-checkbox, .uk-offcanvas-bar .uk-radio, .uk-overlay-primary .uk-checkbox, .uk-overlay-primary .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
        background-color: hsla(0,0%,94.9%,.1);
        border-color: hsla(0,0%,100%,.2)
    }

        .uk-card-primary.uk-card-body .uk-checkbox:focus, .uk-card-primary.uk-card-body .uk-radio:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:focus, .uk-card-secondary.uk-card-body .uk-checkbox:focus, .uk-card-secondary.uk-card-body .uk-radio:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:focus, .uk-light .uk-checkbox:focus, .uk-light .uk-radio:focus, .uk-offcanvas-bar .uk-checkbox:focus, .uk-offcanvas-bar .uk-radio:focus, .uk-overlay-primary .uk-checkbox:focus, .uk-overlay-primary .uk-radio:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus {
            border-color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-light .uk-radio:checked, .uk-offcanvas-bar .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
            background-color: #fff;
            border-color: hsla(0,0%,100%,.7)
        }

            .uk-card-primary.uk-card-body .uk-checkbox:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-primary.uk-card-body .uk-radio:checked:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-secondary.uk-card-body .uk-radio:checked:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-light .uk-checkbox:checked:focus, .uk-light .uk-checkbox:indeterminate:focus, .uk-light .uk-radio:checked:focus, .uk-offcanvas-bar .uk-checkbox:checked:focus, .uk-offcanvas-bar .uk-checkbox:indeterminate:focus, .uk-offcanvas-bar .uk-radio:checked:focus, .uk-overlay-primary .uk-checkbox:checked:focus, .uk-overlay-primary .uk-checkbox:indeterminate:focus, .uk-overlay-primary .uk-radio:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus {
                background-color: #e6e6e6
            }

        .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-radio:checked, .uk-light .uk-radio:checked, .uk-offcanvas-bar .uk-radio:checked, .uk-overlay-primary .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle fill='%23666' cx='8' cy='8' r='2'/%3E%3C/svg%3E")
        }

        .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:checked, .uk-light .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M12 1L5 7.5 2 5l-1 .5L5 10l8-8.5z'/%3E%3C/svg%3E")
        }

        .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary > :not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-light .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-checkbox:indeterminate, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23666' d='M3 8h10v1H3z'/%3E%3C/svg%3E")
        }

    .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-label, .uk-light .uk-form-label, .uk-offcanvas-bar .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-form-icon, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon, .uk-card-secondary.uk-card-body .uk-form-icon, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon, .uk-light .uk-form-icon, .uk-offcanvas-bar .uk-form-icon, .uk-overlay-primary .uk-form-icon, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-form-icon:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-form-icon:hover, .uk-card-secondary.uk-card-body .uk-form-icon:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-form-icon:hover, .uk-light .uk-form-icon:hover, .uk-offcanvas-bar .uk-form-icon:hover, .uk-overlay-primary .uk-form-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default, .uk-light .uk-button-default, .uk-offcanvas-bar .uk-button-default, .uk-overlay-primary .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default {
        background-color: transparent;
        color: #fff;
        border-color: hsla(0,0%,100%,.7)
    }

        .uk-card-primary.uk-card-body .uk-button-default:focus, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:focus, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:hover, .uk-light .uk-button-default:focus, .uk-light .uk-button-default:hover, .uk-offcanvas-bar .uk-button-default:focus, .uk-offcanvas-bar .uk-button-default:hover, .uk-overlay-primary .uk-button-default:focus, .uk-overlay-primary .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover {
            background-color: transparent;
            color: #fff;
            border-color: #fff
        }

        .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-light .uk-button-default:active, .uk-offcanvas-bar .uk-button-default.uk-active, .uk-offcanvas-bar .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active {
            background-color: transparent;
            color: #fff;
            border-color: #fff
        }

    .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary, .uk-light .uk-button-primary, .uk-offcanvas-bar .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
        background-color: #fff;
        color: #666
    }

        .uk-card-primary.uk-card-body .uk-button-primary:focus, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:focus, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:hover, .uk-light .uk-button-primary:focus, .uk-light .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:focus, .uk-offcanvas-bar .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:focus, .uk-overlay-primary .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
            background-color: #f2f2f2;
            color: #666
        }

        .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-light .uk-button-primary:active, .uk-offcanvas-bar .uk-button-primary.uk-active, .uk-offcanvas-bar .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active {
            background-color: #e6e6e6;
            color: #666
        }

    .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary, .uk-light .uk-button-secondary, .uk-offcanvas-bar .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary {
        background-color: #fff;
        color: #666
    }

        .uk-card-primary.uk-card-body .uk-button-secondary:focus, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:focus, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-light .uk-button-secondary:focus, .uk-light .uk-button-secondary:hover, .uk-offcanvas-bar .uk-button-secondary:focus, .uk-offcanvas-bar .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:focus, .uk-overlay-primary .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover {
            background-color: #f2f2f2;
            color: #666
        }

        .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-light .uk-button-secondary:active, .uk-offcanvas-bar .uk-button-secondary.uk-active, .uk-offcanvas-bar .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active {
            background-color: #e6e6e6;
            color: #666
        }

    .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text, .uk-light .uk-button-text, .uk-offcanvas-bar .uk-button-text, .uk-overlay-primary .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text {
        color: #fff
    }

        .uk-card-primary.uk-card-body .uk-button-text:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:before, .uk-card-secondary.uk-card-body .uk-button-text:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:before, .uk-light .uk-button-text:before, .uk-offcanvas-bar .uk-button-text:before, .uk-overlay-primary .uk-button-text:before, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:before, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:before, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:before {
            border-bottom-color: #fff
        }

        .uk-card-primary.uk-card-body .uk-button-text:focus, .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:focus, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:hover, .uk-light .uk-button-text:focus, .uk-light .uk-button-text:hover, .uk-offcanvas-bar .uk-button-text:focus, .uk-offcanvas-bar .uk-button-text:hover, .uk-overlay-primary .uk-button-text:focus, .uk-overlay-primary .uk-button-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover {
            color: #fff
        }

        .uk-card-primary.uk-card-body .uk-button-text:disabled, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-text:disabled, .uk-card-secondary.uk-card-body .uk-button-text:disabled, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-text:disabled, .uk-light .uk-button-text:disabled, .uk-offcanvas-bar .uk-button-text:disabled, .uk-overlay-primary .uk-button-text:disabled, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled {
            color: hsla(0,0%,100%,.5)
        }

    .uk-card-primary.uk-card-body .uk-button-link, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-link, .uk-card-secondary.uk-card-body .uk-button-link, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link, .uk-light .uk-button-link, .uk-offcanvas-bar .uk-button-link, .uk-overlay-primary .uk-button-link, .uk-section-primary:not(.uk-preserve-color) .uk-button-link, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-button-link:focus, .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-button-link:hover, .uk-card-secondary.uk-card-body .uk-button-link:focus, .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-button-link:hover, .uk-light .uk-button-link:focus, .uk-light .uk-button-link:hover, .uk-offcanvas-bar .uk-button-link:focus, .uk-offcanvas-bar .uk-button-link:hover, .uk-overlay-primary .uk-button-link:focus, .uk-overlay-primary .uk-button-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column):before, .uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column):before, .uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column):before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider > :not(.uk-first-column):before, .uk-light .uk-grid-divider > :not(.uk-first-column):before, .uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column):before, .uk-overlay-primary .uk-grid-divider > :not(.uk-first-column):before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column):before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column):before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column):before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column):before {
        border-left-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin:before {
        border-top-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-close, .uk-card-primary > :not([class*=uk-card-media]) .uk-close, .uk-card-secondary.uk-card-body .uk-close, .uk-card-secondary > :not([class*=uk-card-media]) .uk-close, .uk-light .uk-close, .uk-offcanvas-bar .uk-close, .uk-overlay-primary .uk-close, .uk-section-primary:not(.uk-preserve-color) .uk-close, .uk-section-secondary:not(.uk-preserve-color) .uk-close, .uk-tile-primary:not(.uk-preserve-color) .uk-close, .uk-tile-secondary:not(.uk-preserve-color) .uk-close {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-close:focus, .uk-card-primary.uk-card-body .uk-close:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-close:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-close:hover, .uk-card-secondary.uk-card-body .uk-close:focus, .uk-card-secondary.uk-card-body .uk-close:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-close:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-close:hover, .uk-light .uk-close:focus, .uk-light .uk-close:hover, .uk-offcanvas-bar .uk-close:focus, .uk-offcanvas-bar .uk-close:hover, .uk-overlay-primary .uk-close:focus, .uk-overlay-primary .uk-close:hover, .uk-section-primary:not(.uk-preserve-color) .uk-close:focus, .uk-section-primary:not(.uk-preserve-color) .uk-close:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-close:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-close:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-totop, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop, .uk-card-secondary.uk-card-body .uk-totop, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop, .uk-light .uk-totop, .uk-offcanvas-bar .uk-totop, .uk-overlay-primary .uk-totop, .uk-section-primary:not(.uk-preserve-color) .uk-totop, .uk-section-secondary:not(.uk-preserve-color) .uk-totop, .uk-tile-primary:not(.uk-preserve-color) .uk-totop, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-totop:focus, .uk-card-primary.uk-card-body .uk-totop:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop:hover, .uk-card-secondary.uk-card-body .uk-totop:focus, .uk-card-secondary.uk-card-body .uk-totop:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:hover, .uk-light .uk-totop:focus, .uk-light .uk-totop:hover, .uk-offcanvas-bar .uk-totop:focus, .uk-offcanvas-bar .uk-totop:hover, .uk-overlay-primary .uk-totop:focus, .uk-overlay-primary .uk-totop:hover, .uk-section-primary:not(.uk-preserve-color) .uk-totop:focus, .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover {
            color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-totop:active, .uk-light .uk-totop:active, .uk-offcanvas-bar .uk-totop:active, .uk-overlay-primary .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary > :not([class*=uk-card-media]) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary > :not([class*=uk-card-media]) .uk-badge, .uk-light .uk-badge, .uk-offcanvas-bar .uk-badge, .uk-overlay-primary .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge {
        background-color: #fff;
        color: #666
    }

        .uk-card-primary.uk-card-body .uk-badge:focus, .uk-card-primary.uk-card-body .uk-badge:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-badge:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-badge:hover, .uk-card-secondary.uk-card-body .uk-badge:focus, .uk-card-secondary.uk-card-body .uk-badge:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-badge:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-badge:hover, .uk-light .uk-badge:focus, .uk-light .uk-badge:hover, .uk-offcanvas-bar .uk-badge:focus, .uk-offcanvas-bar .uk-badge:hover, .uk-overlay-primary .uk-badge:focus, .uk-overlay-primary .uk-badge:hover, .uk-section-primary:not(.uk-preserve-color) .uk-badge:focus, .uk-section-primary:not(.uk-preserve-color) .uk-badge:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover {
            color: #666
        }

    .uk-card-primary.uk-card-body .uk-label, .uk-card-primary > :not([class*=uk-card-media]) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary > :not([class*=uk-card-media]) .uk-label, .uk-light .uk-label, .uk-offcanvas-bar .uk-label, .uk-overlay-primary .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-article-meta, .uk-card-primary > :not([class*=uk-card-media]) .uk-article-meta, .uk-card-secondary.uk-card-body .uk-article-meta, .uk-card-secondary > :not([class*=uk-card-media]) .uk-article-meta, .uk-light .uk-article-meta, .uk-offcanvas-bar .uk-article-meta, .uk-overlay-primary .uk-article-meta, .uk-section-primary:not(.uk-preserve-color) .uk-article-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input, .uk-light .uk-search-input, .uk-offcanvas-bar .uk-search-input, .uk-overlay-primary .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input {
        color: hsla(0,0%,100%,.7)
    }

        .uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder, .uk-light .uk-search-input:-ms-input-placeholder, .uk-offcanvas-bar .uk-search-input:-ms-input-placeholder, .uk-overlay-primary .uk-search-input:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder {
            color: hsla(0,0%,100%,.5) !important
        }

        .uk-card-primary.uk-card-body .uk-search-input::-webkit-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::-webkit-input-placeholder, .uk-card-secondary.uk-card-body .uk-search-input::-webkit-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::-webkit-input-placeholder, .uk-light .uk-search-input::-webkit-input-placeholder, .uk-offcanvas-bar .uk-search-input::-webkit-input-placeholder, .uk-overlay-primary .uk-search-input::-webkit-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-webkit-input-placeholder {
            color: hsla(0,0%,100%,.5)
        }

        .uk-card-primary.uk-card-body .uk-search-input::-ms-input-placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-search-input::-ms-input-placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::-ms-input-placeholder, .uk-light .uk-search-input::-ms-input-placeholder, .uk-offcanvas-bar .uk-search-input::-ms-input-placeholder, .uk-overlay-primary .uk-search-input::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::-ms-input-placeholder {
            color: hsla(0,0%,100%,.5)
        }

        .uk-card-primary.uk-card-body .uk-search-input::placeholder, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-input::placeholder, .uk-card-secondary.uk-card-body .uk-search-input::placeholder, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-input::placeholder, .uk-light .uk-search-input::placeholder, .uk-offcanvas-bar .uk-search-input::placeholder, .uk-overlay-primary .uk-search-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder {
            color: hsla(0,0%,100%,.5)
        }

    .uk-card-primary.uk-card-body .uk-search .uk-search-icon, .uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon, .uk-light .uk-search .uk-search-icon, .uk-offcanvas-bar .uk-search .uk-search-icon, .uk-overlay-primary .uk-search .uk-search-icon, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search .uk-search-icon:hover, .uk-light .uk-search .uk-search-icon:hover, .uk-offcanvas-bar .uk-search .uk-search-icon:hover, .uk-overlay-primary .uk-search .uk-search-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover {
            color: hsla(0,0%,100%,.5)
        }

    .uk-card-primary.uk-card-body .uk-search-default .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input, .uk-light .uk-search-default .uk-search-input, .uk-offcanvas-bar .uk-search-default .uk-search-input, .uk-overlay-primary .uk-search-default .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input {
        background-color: transparent;
        border-color: hsla(0,0%,100%,.2)
    }

        .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus, .uk-light .uk-search-default .uk-search-input:focus, .uk-offcanvas-bar .uk-search-default .uk-search-input:focus, .uk-overlay-primary .uk-search-default .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus {
            background-color: transparent
        }

    .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-navbar .uk-search-input, .uk-light .uk-search-navbar .uk-search-input, .uk-offcanvas-bar .uk-search-navbar .uk-search-input, .uk-overlay-primary .uk-search-navbar .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input {
        background-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-search-large .uk-search-input, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-large .uk-search-input, .uk-light .uk-search-large .uk-search-input, .uk-offcanvas-bar .uk-search-large .uk-search-input, .uk-overlay-primary .uk-search-large .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input {
        background-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-search-toggle, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle, .uk-card-secondary.uk-card-body .uk-search-toggle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle, .uk-light .uk-search-toggle, .uk-offcanvas-bar .uk-search-toggle, .uk-overlay-primary .uk-search-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-search-toggle:focus, .uk-card-primary.uk-card-body .uk-search-toggle:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-search-toggle:hover, .uk-card-secondary.uk-card-body .uk-search-toggle:focus, .uk-card-secondary.uk-card-body .uk-search-toggle:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-search-toggle:hover, .uk-light .uk-search-toggle:focus, .uk-light .uk-search-toggle:hover, .uk-offcanvas-bar .uk-search-toggle:focus, .uk-offcanvas-bar .uk-search-toggle:hover, .uk-overlay-primary .uk-search-toggle:focus, .uk-overlay-primary .uk-search-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a:after, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a:after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a:after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent > a:after, .uk-light .uk-nav-parent-icon > .uk-parent > a:after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a:after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a:after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a:after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a:after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a:after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-width='1.1' d='M10 1L4 7l6 6'/%3E%3C/svg%3E")
    }

    .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a:after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='rgba(255, 255, 255, 0.7)' stroke-width='1.1' d='M1 4l6 6 6-6'/%3E%3C/svg%3E")
    }

    .uk-card-primary.uk-card-body .uk-nav-default > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a, .uk-card-secondary.uk-card-body .uk-nav-default > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a, .uk-light .uk-nav-default > li > a, .uk-offcanvas-bar .uk-nav-default > li > a, .uk-overlay-primary .uk-nav-default > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, .uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li > a:hover, .uk-light .uk-nav-default > li > a:focus, .uk-light .uk-nav-default > li > a:hover, .uk-offcanvas-bar .uk-nav-default > li > a:focus, .uk-offcanvas-bar .uk-nav-default > li > a:hover, .uk-overlay-primary .uk-nav-default > li > a:focus, .uk-overlay-primary .uk-nav-default > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default > li.uk-active > a, .uk-light .uk-nav-default > li.uk-active > a, .uk-offcanvas-bar .uk-nav-default > li.uk-active > a, .uk-overlay-primary .uk-nav-default > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-light .uk-nav-default .uk-nav-header, .uk-offcanvas-bar .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-light .uk-nav-default .uk-nav-divider, .uk-offcanvas-bar .uk-nav-default .uk-nav-divider, .uk-overlay-primary .uk-nav-default .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider {
        border-top-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-light .uk-nav-default .uk-nav-sub a:focus, .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a, .uk-light .uk-nav-primary > li > a, .uk-offcanvas-bar .uk-nav-primary > li > a, .uk-overlay-primary .uk-nav-primary > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus, .uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus, .uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li > a:hover, .uk-light .uk-nav-primary > li > a:focus, .uk-light .uk-nav-primary > li > a:hover, .uk-offcanvas-bar .uk-nav-primary > li > a:focus, .uk-offcanvas-bar .uk-nav-primary > li > a:hover, .uk-overlay-primary .uk-nav-primary > li > a:focus, .uk-overlay-primary .uk-nav-primary > li > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary > li.uk-active > a, .uk-light .uk-nav-primary > li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary > li.uk-active > a, .uk-overlay-primary .uk-nav-primary > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-light .uk-nav-primary .uk-nav-header, .uk-offcanvas-bar .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-light .uk-nav-primary .uk-nav-divider, .uk-offcanvas-bar .uk-nav-primary .uk-nav-divider, .uk-overlay-primary .uk-nav-primary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider {
        border-top-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-light .uk-nav-primary .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-light .uk-nav-primary .uk-nav-sub a:focus, .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a, .uk-light .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a.uk-open, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:focus, .uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li:hover > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a.uk-open, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:focus, .uk-light .uk-navbar-nav > li:hover > a, .uk-light .uk-navbar-nav > li > a.uk-open, .uk-light .uk-navbar-nav > li > a:focus, .uk-offcanvas-bar .uk-navbar-nav > li:hover > a, .uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open, .uk-offcanvas-bar .uk-navbar-nav > li > a:focus, .uk-overlay-primary .uk-navbar-nav > li:hover > a, .uk-overlay-primary .uk-navbar-nav > li > a.uk-open, .uk-overlay-primary .uk-navbar-nav > li > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus {
            color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li > a:active, .uk-light .uk-navbar-nav > li > a:active, .uk-offcanvas-bar .uk-navbar-nav > li > a:active, .uk-overlay-primary .uk-navbar-nav > li > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active {
            color: #fff
        }

    .uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-nav > li.uk-active > a, .uk-light .uk-navbar-nav > li.uk-active > a, .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a, .uk-overlay-primary .uk-navbar-nav > li.uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-navbar-item, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-item, .uk-card-secondary.uk-card-body .uk-navbar-item, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-item, .uk-light .uk-navbar-item, .uk-offcanvas-bar .uk-navbar-item, .uk-overlay-primary .uk-navbar-item, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle, .uk-light .uk-navbar-toggle, .uk-offcanvas-bar .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open, .uk-card-primary.uk-card-body .uk-navbar-toggle:focus, .uk-card-primary.uk-card-body .uk-navbar-toggle:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle.uk-open, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-toggle:focus, .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle.uk-open, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-light .uk-navbar-toggle.uk-open, .uk-light .uk-navbar-toggle:focus, .uk-light .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle.uk-open, .uk-offcanvas-bar .uk-navbar-toggle:focus, .uk-offcanvas-bar .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle.uk-open, .uk-overlay-primary .uk-navbar-toggle:focus, .uk-overlay-primary .uk-navbar-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-subnav > * > :first-child, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > :first-child, .uk-light .uk-subnav > * > :first-child, .uk-offcanvas-bar .uk-subnav > * > :first-child, .uk-overlay-primary .uk-subnav > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-subnav > * > a:focus, .uk-card-primary.uk-card-body .uk-subnav > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav > * > a:focus, .uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > * > a:hover, .uk-light .uk-subnav > * > a:focus, .uk-light .uk-subnav > * > a:hover, .uk-offcanvas-bar .uk-subnav > * > a:focus, .uk-offcanvas-bar .uk-subnav > * > a:hover, .uk-overlay-primary .uk-subnav > * > a:focus, .uk-overlay-primary .uk-subnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-active > a, .uk-light .uk-subnav > .uk-active > a, .uk-offcanvas-bar .uk-subnav > .uk-active > a, .uk-overlay-primary .uk-subnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a {
        color: #fff
    }

    .uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column):before {
        border-left-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > :first-child, .uk-light .uk-subnav-pill > * > :first-child, .uk-offcanvas-bar .uk-subnav-pill > * > :first-child, .uk-overlay-primary .uk-subnav-pill > * > :first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child {
        background-color: transparent;
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus, .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:hover, .uk-light .uk-subnav-pill > * > a:focus, .uk-light .uk-subnav-pill > * > a:hover, .uk-offcanvas-bar .uk-subnav-pill > * > a:focus, .uk-offcanvas-bar .uk-subnav-pill > * > a:hover, .uk-overlay-primary .uk-subnav-pill > * > a:focus, .uk-overlay-primary .uk-subnav-pill > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover {
        background-color: hsla(0,0%,100%,.1);
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active, .uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > * > a:active, .uk-light .uk-subnav-pill > * > a:active, .uk-offcanvas-bar .uk-subnav-pill > * > a:active, .uk-overlay-primary .uk-subnav-pill > * > a:active, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active {
        background-color: hsla(0,0%,100%,.1);
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a, .uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav-pill > .uk-active > a, .uk-light .uk-subnav-pill > .uk-active > a, .uk-offcanvas-bar .uk-subnav-pill > .uk-active > a, .uk-overlay-primary .uk-subnav-pill > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a {
        background-color: #fff;
        color: #666
    }

    .uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-subnav > .uk-disabled > a, .uk-light .uk-subnav > .uk-disabled > a, .uk-offcanvas-bar .uk-subnav > .uk-disabled > a, .uk-overlay-primary .uk-subnav > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > * > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > *, .uk-light .uk-breadcrumb > * > *, .uk-offcanvas-bar .uk-breadcrumb > * > *, .uk-overlay-primary .uk-breadcrumb > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > * {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus, .uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus, .uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > * > :hover, .uk-light .uk-breadcrumb > * > :focus, .uk-light .uk-breadcrumb > * > :hover, .uk-offcanvas-bar .uk-breadcrumb > * > :focus, .uk-offcanvas-bar .uk-breadcrumb > * > :hover, .uk-overlay-primary .uk-breadcrumb > * > :focus, .uk-overlay-primary .uk-breadcrumb > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *, .uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :last-child > *, .uk-light .uk-breadcrumb > :last-child > *, .uk-offcanvas-bar .uk-breadcrumb > :last-child > *, .uk-overlay-primary .uk-breadcrumb > :last-child > *, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > * {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-card-primary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-pagination > * > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > *, .uk-card-secondary.uk-card-body .uk-pagination > * > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > *, .uk-light .uk-pagination > * > *, .uk-offcanvas-bar .uk-pagination > * > *, .uk-overlay-primary .uk-pagination > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > * {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-pagination > * > :focus, .uk-card-primary.uk-card-body .uk-pagination > * > :hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > * > :hover, .uk-card-secondary.uk-card-body .uk-pagination > * > :focus, .uk-card-secondary.uk-card-body .uk-pagination > * > :hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > * > :hover, .uk-light .uk-pagination > * > :focus, .uk-light .uk-pagination > * > :hover, .uk-offcanvas-bar .uk-pagination > * > :focus, .uk-offcanvas-bar .uk-pagination > * > :hover, .uk-overlay-primary .uk-pagination > * > :focus, .uk-overlay-primary .uk-pagination > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-active > *, .uk-light .uk-pagination > .uk-active > *, .uk-offcanvas-bar .uk-pagination > .uk-active > *, .uk-overlay-primary .uk-pagination > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > * {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *, .uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-pagination > .uk-disabled > *, .uk-light .uk-pagination > .uk-disabled > *, .uk-offcanvas-bar .uk-pagination > .uk-disabled > *, .uk-overlay-primary .uk-pagination > .uk-disabled > *, .uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > * {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-tab:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab:before, .uk-card-secondary.uk-card-body .uk-tab:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab:before, .uk-light .uk-tab:before, .uk-offcanvas-bar .uk-tab:before, .uk-overlay-primary .uk-tab:before, .uk-section-primary:not(.uk-preserve-color) .uk-tab:before, .uk-section-secondary:not(.uk-preserve-color) .uk-tab:before, .uk-tile-primary:not(.uk-preserve-color) .uk-tab:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab:before {
        border-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-tab > * > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a, .uk-card-secondary.uk-card-body .uk-tab > * > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a, .uk-light .uk-tab > * > a, .uk-offcanvas-bar .uk-tab > * > a, .uk-overlay-primary .uk-tab > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-tab > * > a:focus, .uk-card-primary.uk-card-body .uk-tab > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > * > a:hover, .uk-card-secondary.uk-card-body .uk-tab > * > a:focus, .uk-card-secondary.uk-card-body .uk-tab > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > * > a:hover, .uk-light .uk-tab > * > a:focus, .uk-light .uk-tab > * > a:hover, .uk-offcanvas-bar .uk-tab > * > a:focus, .uk-offcanvas-bar .uk-tab > * > a:hover, .uk-overlay-primary .uk-tab > * > a:focus, .uk-overlay-primary .uk-tab > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-tab > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-active > a, .uk-light .uk-tab > .uk-active > a, .uk-offcanvas-bar .uk-tab > .uk-active > a, .uk-overlay-primary .uk-tab > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a {
        color: #fff;
        border-color: #fff
    }

    .uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a, .uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-tab > .uk-disabled > a, .uk-light .uk-tab > .uk-disabled > a, .uk-offcanvas-bar .uk-tab > .uk-disabled > a, .uk-overlay-primary .uk-tab > .uk-disabled > a, .uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav, .uk-light .uk-slidenav, .uk-offcanvas-bar .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav {
        color: hsla(0,0%,100%,.7)
    }

        .uk-card-primary.uk-card-body .uk-slidenav:focus, .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:hover, .uk-card-secondary.uk-card-body .uk-slidenav:focus, .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:hover, .uk-light .uk-slidenav:focus, .uk-light .uk-slidenav:hover, .uk-offcanvas-bar .uk-slidenav:focus, .uk-offcanvas-bar .uk-slidenav:hover, .uk-overlay-primary .uk-slidenav:focus, .uk-overlay-primary .uk-slidenav:hover, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover {
            color: hsla(0,0%,100%,.95)
        }

        .uk-card-primary.uk-card-body .uk-slidenav:active, .uk-card-primary > :not([class*=uk-card-media]) .uk-slidenav:active, .uk-card-secondary.uk-card-body .uk-slidenav:active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-slidenav:active, .uk-light .uk-slidenav:active, .uk-offcanvas-bar .uk-slidenav:active, .uk-overlay-primary .uk-slidenav:active, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-dotnav > * > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > *, .uk-card-secondary.uk-card-body .uk-dotnav > * > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > *, .uk-light .uk-dotnav > * > *, .uk-offcanvas-bar .uk-dotnav > * > *, .uk-overlay-primary .uk-dotnav > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > * {
        background-color: transparent;
        border-color: hsla(0,0%,100%,.9)
    }

    .uk-card-primary.uk-card-body .uk-dotnav > * > :focus, .uk-card-primary.uk-card-body .uk-dotnav > * > :hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover, .uk-card-secondary.uk-card-body .uk-dotnav > * > :focus, .uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :hover, .uk-light .uk-dotnav > * > :focus, .uk-light .uk-dotnav > * > :hover, .uk-offcanvas-bar .uk-dotnav > * > :focus, .uk-offcanvas-bar .uk-dotnav > * > :hover, .uk-overlay-primary .uk-dotnav > * > :focus, .uk-overlay-primary .uk-dotnav > * > :hover, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover {
        background-color: hsla(0,0%,100%,.9);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-dotnav > * > :active, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > * > :active, .uk-card-secondary.uk-card-body .uk-dotnav > * > :active, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > * > :active, .uk-light .uk-dotnav > * > :active, .uk-offcanvas-bar .uk-dotnav > * > :active, .uk-overlay-primary .uk-dotnav > * > :active, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active {
        background-color: hsla(0,0%,100%,.5);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*=uk-card-media]) .uk-dotnav > .uk-active > *, .uk-light .uk-dotnav > .uk-active > *, .uk-offcanvas-bar .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > * {
        background-color: hsla(0,0%,100%,.9);
        border-color: transparent
    }

    .uk-card-primary.uk-card-body .uk-accordion-title:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-accordion-title:before, .uk-card-secondary.uk-card-body .uk-accordion-title:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-accordion-title:before, .uk-light .uk-accordion-title:before, .uk-offcanvas-bar .uk-accordion-title:before, .uk-overlay-primary .uk-accordion-title:before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M0 6h13v1H0z'/%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M6 0h1v13H6z'/%3E%3C/svg%3E")
    }

    .uk-card-primary.uk-card-body .uk-open > .uk-accordion-title:before, .uk-card-primary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title:before, .uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title:before, .uk-card-secondary > :not([class*=uk-card-media]) .uk-open > .uk-accordion-title:before, .uk-light .uk-open > .uk-accordion-title:before, .uk-offcanvas-bar .uk-open > .uk-accordion-title:before, .uk-overlay-primary .uk-open > .uk-accordion-title:before, .uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title:before, .uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title:before, .uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title:before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255, 255, 255, 0.7)' d='M0 6h13v1H0z'/%3E%3C/svg%3E")
    }

    .uk-card-primary.uk-card-body .uk-iconnav > * > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a, .uk-card-secondary.uk-card-body .uk-iconnav > * > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a, .uk-light .uk-iconnav > * > a, .uk-offcanvas-bar .uk-iconnav > * > a, .uk-overlay-primary .uk-iconnav > * > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a {
        color: hsla(0,0%,100%,.5)
    }

        .uk-card-primary.uk-card-body .uk-iconnav > * > a:focus, .uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus, .uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > * > a:hover, .uk-light .uk-iconnav > * > a:focus, .uk-light .uk-iconnav > * > a:hover, .uk-offcanvas-bar .uk-iconnav > * > a:focus, .uk-offcanvas-bar .uk-iconnav > * > a:hover, .uk-overlay-primary .uk-iconnav > * > a:focus, .uk-overlay-primary .uk-iconnav > * > a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover {
            color: hsla(0,0%,100%,.7)
        }

    .uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-primary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a, .uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, .uk-card-secondary > :not([class*=uk-card-media]) .uk-iconnav > .uk-active > a, .uk-light .uk-iconnav > .uk-active > a, .uk-offcanvas-bar .uk-iconnav > .uk-active > a, .uk-overlay-primary .uk-iconnav > .uk-active > a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-lead, .uk-light .uk-text-lead, .uk-offcanvas-bar .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
        color: hsla(0,0%,100%,.7)
    }

    .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-meta, .uk-light .uk-text-meta, .uk-offcanvas-bar .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta {
        color: hsla(0,0%,100%,.5)
    }

    .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-muted, .uk-light .uk-text-muted, .uk-offcanvas-bar .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted {
        color: hsla(0,0%,100%,.5) !important
    }

    .uk-card-primary.uk-card-body .uk-text-emphasis, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-emphasis, .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-emphasis, .uk-light .uk-text-emphasis, .uk-offcanvas-bar .uk-text-emphasis, .uk-overlay-primary .uk-text-emphasis, .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-text-primary, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-primary, .uk-card-secondary.uk-card-body .uk-text-primary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-primary, .uk-light .uk-text-primary, .uk-offcanvas-bar .uk-text-primary, .uk-overlay-primary .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-text-secondary, .uk-card-primary > :not([class*=uk-card-media]) .uk-text-secondary, .uk-card-secondary.uk-card-body .uk-text-secondary, .uk-card-secondary > :not([class*=uk-card-media]) .uk-text-secondary, .uk-light .uk-text-secondary, .uk-offcanvas-bar .uk-text-secondary, .uk-overlay-primary .uk-text-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary {
        color: #fff !important
    }

    .uk-card-primary.uk-card-body .uk-column-divider, .uk-card-primary > :not([class*=uk-card-media]) .uk-column-divider, .uk-card-secondary.uk-card-body .uk-column-divider, .uk-card-secondary > :not([class*=uk-card-media]) .uk-column-divider, .uk-light .uk-column-divider, .uk-offcanvas-bar .uk-column-divider, .uk-overlay-primary .uk-column-divider, .uk-section-primary:not(.uk-preserve-color) .uk-column-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider {
        -webkit-column-rule-color: hsla(0,0%,100%,.2);
        column-rule-color: hsla(0,0%,100%,.2)
    }

    .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo, .uk-light .uk-logo, .uk-offcanvas-bar .uk-logo, .uk-overlay-primary .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo {
        color: hsla(0,0%,100%,.7)
    }

        .uk-card-primary.uk-card-body .uk-logo:focus, .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo:focus, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:focus, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:focus, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo:hover, .uk-light .uk-logo:focus, .uk-light .uk-logo:hover, .uk-offcanvas-bar .uk-logo:focus, .uk-offcanvas-bar .uk-logo:hover, .uk-overlay-primary .uk-logo:focus, .uk-overlay-primary .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover {
            color: hsla(0,0%,100%,.7)
        }

        .uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
            display: none
        }

    .uk-card-primary.uk-card-body .uk-logo-inverse, .uk-card-primary > :not([class*=uk-card-media]) .uk-logo-inverse, .uk-card-secondary.uk-card-body .uk-logo-inverse, .uk-card-secondary > :not([class*=uk-card-media]) .uk-logo-inverse, .uk-light .uk-logo-inverse, .uk-offcanvas-bar .uk-logo-inverse, .uk-overlay-primary .uk-logo-inverse, .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse {
        display: inline
    }

@media print {
    *, :after, :before {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

@font-face {
    font-family: IRANYekan;
    src: url(../files/2c83275a.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: IRANYekan;
    src: url(../files/79533773.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IRANYekan;
    src: url(../files/a7d41f91.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: IRANSans;
    src: url(../files/a83daff6.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: YekanBakh;
    src: url(../files/231adde2.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: YekanBakh;
    src: url(../files/6395ed48.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: YekanBakh;
    src: url(../files/5c805ed3.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: YekanBakh;
    src: url(../files/d3a0e1c3.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: YekanBakh;
    src: url(../files/1275cbd0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

body, html {
    font-family: IRANYekan,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    direction: rtl
}

body {
    color: #515151;
    background: #f8f8f8;
    max-width: 100vw;
    overflow-x: hidden
}

    body.register-body {
        background-color: #fff
    }

body, html {
    min-height: 100vh;
    width: 100%
}

body {
    position: relative
}

@font-face {
    font-family: IRANYekanNumbersOnly;
    src: url(../files/cd07cd46.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

* {
    outline: none !important
}

a:hover {
    text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
    font-family: IRANYekan,sans-serif
}

@font-face {
    font-family: digikala;
    src: url(../files/01d435a2.eot);
    src: url(../files/01d435a2d41d.eot?#iefix) format("eot"),url(../files/a0c63b86.woff2) format("woff2"),url(../files/340f9161.woff) format("woff"),url(../files/0e972a27.ttf) format("truetype")
}

.advantage-box .tags .remove-tag:after, .btn-up:after, .c-add-products-item__delete-btn:before, .c-add-products-item__guarantee:before, .c-add-products-item__undo-delete:before, .c-add-products__delete-products-btn:before, .c-box__header .actions .uk-icon-button--accept:before, .c-box__header .actions .uk-icon-button--add:before, .c-box__header .actions .uk-icon-button--decline:before, .c-box__header .actions .uk-icon-button--edit:before, .c-box__header .actions .uk-icon-button--link:before, .c-bundle__create-product--add:after, .c-bundle__intro-link--gift:before, .c-bundle__intro-link--multi:before, .c-bundle__review-detail:not(:last-child):after, .c-bundle__review-main-item:after, .c-bundle__setting-subheader--bundle:before, .c-bundle__setting-subheader--edit:before, .c-bundle__table-subtext--bundle:before, .c-calendar__add-holiday:before, .c-calendar__badge:before, .c-calendar__month--next:before, .c-calendar__month--previous:before, .c-card__header-btn--add:before, .c-card__header-btn--cancel:before, .c-card__header-btn--deny:before, .c-card__header-btn--edit:before, .c-card__header-btn--next:before, .c-card__header-btn--success:before, .c-card__product-details-action--delete:before, .c-card__stat--danger:before, .c-card__stat--notification:before, .c-card__stat--ok:before, .c-card__stat--warning:before, .c-card__stat-btn:before, .c-card__stat-subvalue--grow:after, .c-card__title-side--arrow:after, .c-catalog__cat-item--arrow-down:before, .c-catalog__cat-item--arrow-left:before, .c-content-accordion .uk-open .c-content-accordion__title:after, .c-content-accordion__guid-line:before, .c-content-accordion__modal-guidelines-back:after, .c-content-accordion__modal-guidelines-expand-icon:before, .c-content-accordion__modal-guidelines-item:before, .c-content-accordion__title:after, .c-content-categories__item:before, .c-content-categories__search-reset:before, .c-content-categories__selected-category:not(:last-of-type):after, .c-content-error__btn--remove:before, .c-content-error__descr-col i:before, .c-content-error__img-removed:before, .c-content-layout .search-form__btn--search:after, .c-content-layout .search-form__btn--tick:after, .c-content-modal__uploads-label.empty .c-content-modal__uploads-preview:before, .c-content-modal__uploads-placeholder:before, .c-content-progress.failed .c-content-progress__step:before, .c-content-progress.passed .c-content-progress__step:before, .c-content-upload .primary .c-content-upload__btn--flag:before, .c-content-upload__btn--cancel:before, .c-content-upload__btn--flag.checked:before, .c-content-upload__btn--flag:before, .c-content-upload__btn--refresh:before, .c-content-upload__btn--remove:before, .c-content-upload__btn--undo:before, .c-content-upload__drag-handler--bg:before, .c-content-upload__drag-handler--down:before, .c-content-upload__drag-handler--up:before, .c-content-upload__error-msg i:before, .c-content-upload__show-more:after, .c-content-upload__ui-btn:before, .c-content__advance-search-btn--active:before, .c-content__advance-search-btn:after, .c-content__cancel-btn:before, .c-cpo--cp0-delete-action:before, .c-cpo--error-icon:after, .c-cpo-promotion__counter-arrow--down:before, .c-cpo-promotion__counter-arrow--up:before, .c-cpo-promotion__excel-errors-header:before, .c-cpo-promotion__step--passed .c-cpo-promotion__step-title:before, .c-cpo__activate-camp:before, .c-cpo__add-product-btn:after, .c-cpo__add-product:before, .c-cpo__campaign-status-info:before, .c-cpo__cp0-btn--icon-cancel:before, .c-cpo__cp0-btn--icon-chev-left:after, .c-cpo__cp0-btn--icon-chev-right:before, .c-cpo__cp0-btn--icon-close:after, .c-cpo__cp0-btn--icon-confirm:after, .c-cpo__cp0-btn--icon-excel:before, .c-cpo__cp0-btn--icon-list:before, .c-cpo__cp0-btn--icon-plus:after, .c-cpo__cp0-download-sample:before, .c-cpo__cp0-select-image--excel:before, .c-cpo__cp0-select-image--list:before, .c-cpo__edit-camp:before, .c-cpo__error-row:before, .c-cpo__progress-bar-info-block--icon.dkpromotion-start:before, .c-cpo__progress-bar-info-block--icon.dkpromotion:before, .c-cpo__progress-bar-info-block--icon.icrease-purchase:before, .c-cpo__progress-bar-info-block--icon.successful-purchase:before, .c-cpo__report:before, .c-cpo__status-message--success-icon:before, .c-cpo__status-modal-detail--download-file:before, .c-cpo__status-modal-title:before, .c-cpo__stop-camp:before, .c-create-package-number-input > div > div > button:first-of-type:before, .c-create-package-number-input > div > div > button:last-of-type:before, .c-create-package-show-address-on-map-modal__close-btn:before, .c-create-package-show-address-on-map-modal__location-pop-up:before, .c-create-package-show-address-on-map-modal__share-info-btn:before, .c-customer-question__create-answer-btn:before, .c-customer-question__info-status.is-pending:before, .c-customer-question__info-status.is-rejected:before, .c-customer-question__info-status:before, .c-dashboard-extra__infinity-icon:after, .c-dashboard-product-status .item .icon-box .icon--active:before, .c-dashboard-product-status .item .icon-box .icon--inactive:before, .c-dashboard-product-status .item .icon-box .icon--review:before, .c-dashboard-product-status .item .icon-box .icon--waiting:before, .c-dashboard-sales-status__item .change-box.increase .icon:before, .c-dashboard-status .status-details .title:after, .c-dashboard-status .status-icon .icon.green:after, .c-dashboard-status .status-icon .icon.red:after, .c-dashboard-status .status-icon .icon.yellow:after, .c-dynamic-guide .stepContainer--active:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li.cat-selected:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:active:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:hover:after, .c-filters__actions .uk-icon-button--close:before, .c-filters__actions .uk-icon-button--export:before, .c-filters__actions .uk-icon-button--import-light.reload:before, .c-filters__actions .uk-icon-button--import-light:before, .c-filters__actions .uk-icon-button--search:before, .c-filters__content .time-input:after, .c-filters__search .uk-inline .uk-icon-button--close:before, .c-filters__search .uk-inline .uk-icon-button--search:before, .c-footer-password__icon--email:before, .c-footer-password__icon--phone:before, .c-fraud__tab-control--cancel:after, .c-header__nav .chevron-down:before, .c-header__nav .header-questions:before, .c-inline-message--error:before, .c-inline-message--success:before, .c-interactive-status--has-message .c-interactive-status__title:after, .c-join-promotion__counter-arrow--down:before, .c-join-promotion__counter-arrow--up:before, .c-join-promotion__excel-errors-header:before, .c-join-promotion__limited:before, .c-join-promotion__spinner-wheel--down:before, .c-join-promotion__spinner-wheel--up:before, .c-join-promotion__step--passed .c-join-promotion__step-title:before, .c-join-smart-emty__guide-close:before, .c-join-smart-emty__guide-item > li:before, .c-join-smart-emty__guide-type-campaign-title:before, .c-join-smart-emty__guide-type-off-title:before, .c-join-smart-emty__guide-type-promotion-title:before, .c-join-smart-joined__detail-icon--campaign:before, .c-join-smart-joined__detail-icon--discount:before, .c-join-smart-joined__detail-icon--promotion:before, .c-join-smart-modal__back-btn:before, .c-join-smart-products__view-type-cmapaign:before, .c-join-smart-products__view-type-comment:before, .c-join-smart-products__view-type-discount:before, .c-join-smart-products__view-type-promotion:before, .c-join-smart-select__info:after, .c-join-smart-select__notif-link:after, .c-join-smart-select__notif-title:before, .c-join__banner-tag:before, .c-join__btn--icon-auto:before, .c-join__btn--icon-cancel:before, .c-join__btn--icon-chev-left:after, .c-join__btn--icon-chev-right:before, .c-join__btn--icon-close:after, .c-join__btn--icon-confirm:after, .c-join__btn--icon-delete:before, .c-join__btn--icon-details:after, .c-join__btn--icon-edit:after, .c-join__btn--icon-excel-down:before, .c-join__btn--icon-excel-up:before, .c-join__btn--icon-excel:before, .c-join__btn--icon-list:before, .c-join__btn--icon-periodic:before, .c-join__btn--icon-plus:after, .c-join__btn--icon-prev:before, .c-join__download-file--icon-excel-down:before, .c-join__download-file--icon-excel-up:before, .c-join__download-file--icon-excel:before, .c-join__download-sample:before, .c-join__error-row:before, .c-join__has-icon--clock:before, .c-join__has-icon--done:before, .c-join__has-icon--ended:before, .c-join__increase-icon:after, .c-join__landing-link:before, .c-join__landing-state--active:before, .c-join__more-info--details:before, .c-join__more-info:before, .c-join__promotion-copy-btn:before, .c-join__select-image--excel:before, .c-join__select-image--list:before, .c-join__status-statement--warning:before, .c-join__table .c-ui-table__cell--delete:before, .c-join__warning-row--has-icon:first-child:before, .c-lightening-deal-item-box__add-variant-btn:before, .c-lightening-deal-item-box__add-variant-notice:before, .c-lightening-deal-item-box__input-link:before, .c-lightening-deal-item-box__select-date-icon:after, .c-marketing__description-dropdown:before, .c-mega-campaigns-join-datails__back-btn:before, .c-mega-campaigns-join-datails__header-card-details-sub-title-status--confirmed:before, .c-mega-campaigns-join-datails__header-card-details-sub-title-status--in-progress:before, .c-mega-campaigns-join-datails__header-card-details-sub-title-status--rejected:before, .c-mega-campaigns-join-empty__header-card-details-icon:after, .c-mega-campaigns-join-list__container-table-btn--add:before, .c-mega-campaigns-join-list__container-table-btn--cancle:before, .c-mega-campaigns-join-list__container-table-btn--cancle:disabled:before, .c-mega-campaigns-join-list__container-table-btn--deactive-add:before, .c-mega-campaigns-join-list__container-table-btn--delete:before, .c-mega-campaigns-join-list__container-table-btn--dk:before, .c-mega-campaigns-join-list__container-table-btn--ds:before, .c-mega-campaigns-join-list__container-table-btn--edit:before, .c-mega-campaigns-join-list__container-table-btn--join:before, .c-mega-campaigns-join-list__container-table-btn--link:before, .c-mega-campaigns-join-list__container-table-btn--more:before, .c-mega-campaigns-join-list__container-table-btn--release:before, .c-mega-campaigns-join-list__container-table-btn--report:before, .c-mega-campaigns-join-list__container-table-btn--save:before, .c-mega-campaigns-join-list__container-table-btn--save:disabled:before, .c-mega-campaigns-join-list__container-table-btn--small-edit:before, .c-mega-campaigns-join-list__container-table-btn--view:before, .c-mega-campaigns-join-list__container-table-error:before, .c-mega-campaigns-join-list__container-table-status-section--in-progress:before, .c-mega-campaigns-join-list__container-table-status-section--no-started:before, .c-mega-campaigns-join-list__container-table-status:before, .c-mega-campaigns-join-list__container-table-success:before, .c-mega-campaigns-join-modal__body-table-input-link:before, .c-mega-campaigns-join-modal__body-table-warning:before, .c-mega-campaigns-join-modal__campaign-details-rules:before, .c-mega-campaigns__btns-after-excel:after, .c-mega-campaigns__btns-excel:before, .c-mega-campaigns__btns-green-plus:after, .c-mega-campaigns__btns-list:before, .c-mega-campaigns__removeable-item:after, .c-mega-campaigns__select-product-warning li:before, .c-mod-btn--cancel:before, .c-mod-btn--confirm-reason:before, .c-mod-btn--confirm:before, .c-mod-btn--edit:before, .c-mod-btn--reject-reason:before, .c-mod-btn--warning-icon:before, .c-mod-calendar__btn--attention:before, .c-mod-calendar__btn--edit:before, .c-mod-calendar__btn--preview:before, .c-mod-calendar__btn--profile:before, .c-mod-calendar__btn--statistic:before, .c-mod-checkbox__check--small:before, .c-mod-checkbox__check.edit:before, .c-mod-checkbox__check.icon-1:before, .c-mod-checkbox__check.icon-2:before, .c-mod-checkbox__check.icon-3:before, .c-mod-checkbox__check.icon-4:before, .c-mod-checkbox__check.icon-5:before, .c-mod-checkbox__check.icon-6:before, .c-mod-checkbox__check.icon-7:before, .c-mod-checkbox__check.icon-8:before, .c-mod-checkbox__check.icon-9:before, .c-mod-checkbox__check.icon-10:before, .c-mod-checkbox__check.icon-11:before, .c-mod-checkbox__check.icon-12:before, .c-mod-checkbox__check.icon-13:before, .c-mod-checkbox__check.icon-14:before, .c-mod-checkbox__check.icon-15:before, .c-mod-checkbox__check.icon-16:before, .c-mod-checkbox__check.icon-17:before, .c-mod-checkbox__check.icon-18:before, .c-mod-checkbox__check.icon-19:before, .c-mod-checkbox__check.icon-20:before, .c-mod-checkbox__check.icon-21:before, .c-mod-checkbox__check.icon-22:before, .c-mod-checkbox__check.icon-23:before, .c-mod-checkbox__check.icon-24:before, .c-mod-checkbox__check.icon-25:before, .c-mod-checkbox__check.icon-26:before, .c-mod-checkbox__check.icon-27:before, .c-mod-checkbox__check.icon-28:before, .c-mod-checkbox__check.icon-29:before, .c-mod-checkbox__check.icon-30:before, .c-mod-checkbox__check.icon-31:before, .c-mod-checkbox__check.icon-32:before, .c-mod-checkbox__check.icon-33:before, .c-mod-checkbox__check.icon-34:before, .c-mod-checkbox__check.icon-35:before, .c-mod-checkbox__check.icon-36:before, .c-mod-checkbox__check.icon-37:before, .c-mod-checkbox__check.icon-38:before, .c-mod-checkbox__check.icon-39:before, .c-mod-checkbox__check.icon-40:before, .c-mod-checkbox__check.icon-41:before, .c-mod-checkbox__check.icon-42:before, .c-mod-checkbox__check.icon-43:before, .c-mod-checkbox__check.icon-44:before, .c-mod-checkbox__check.icon-45:before, .c-mod-checkbox__check.icon-46:before, .c-mod-checkbox__check.icon-47:before, .c-mod-checkbox__check.icon-48:before, .c-mod-checkbox__check.icon-49:before, .c-mod-checkbox__check.icon-50:before, .c-mod-checkbox__check.icon-51:before, .c-mod-checkbox__check.icon-52:before, .c-mod-checkbox__check.icon-53:before, .c-mod-checkbox__check.icon-54:before, .c-mod-checkbox__check.icon-55:before, .c-mod-checkbox__check.icon-56:before, .c-mod-checkbox__check.icon-57:before, .c-mod-checkbox__check.icon-58:before, .c-mod-checkbox__check.icon-59:before, .c-mod-checkbox__check.icon-60:before, .c-mod-checkbox__check.icon-61:before, .c-mod-checkbox__check.icon-62:before, .c-mod-checkbox__check.icon-63:before, .c-mod-checkbox__check.icon-64:before, .c-mod-checkbox__check.icon-65:before, .c-mod-checkbox__check.icon-66:before, .c-mod-checkbox__check.icon-67:before, .c-mod-checkbox__check.icon-68:before, .c-mod-checkbox__check.icon-69:before, .c-mod-checkbox__check.icon-70:before, .c-mod-checkbox__check.icon-71:before, .c-mod-checkbox__check.icon-72:before, .c-mod-checkbox__check.icon-73:before, .c-mod-checkbox__check.icon-74:before, .c-mod-checkbox__check.icon-75:before, .c-mod-checkbox__check.icon-76:before, .c-mod-checkbox__check.icon-77:before, .c-mod-checkbox__check.icon-78:before, .c-mod-checkbox__check.icon-79:before, .c-mod-checkbox__check.icon-80:before, .c-mod-checkbox__check.icon-81:before, .c-mod-checkbox__check.icon-82:before, .c-mod-checkbox__check.icon-83:before, .c-mod-checkbox__check.icon-84:before, .c-mod-checkbox__check.icon-85:before, .c-mod-checkbox__check.icon-86:before, .c-mod-checkbox__check.icon-87:before, .c-mod-checkbox__check.icon-88:before, .c-mod-checkbox__check.icon-89:before, .c-mod-checkbox__check.icon-90:before, .c-mod-checkbox__check.icon-91:before, .c-mod-checkbox__check.icon-92:before, .c-mod-checkbox__check.icon-93:before, .c-mod-checkbox__check.icon-94:before, .c-mod-checkbox__check.icon-95:before, .c-mod-checkbox__check.icon-96:before, .c-mod-checkbox__check.icon-97:before, .c-mod-checkbox__check.icon-98:before, .c-mod-checkbox__check.icon-99:before, .c-mod-checkbox__check.icon-100:before, .c-mod-checkbox__check.remove:before, .c-mod-checkbox__check.variants:before, .c-mod-checkbox__close:before, .c-mod-checkbox__label--choice .category:not(:last-of-type):after, .c-mod-checkbox__label--tag:after, .c-mod-duplicate-products__item.duplicate:before, .c-mod-duplicate-products__item.reviewed:before, .c-mod-link--tag:after, .c-mod-modal__close:before, .c-mod-pane__action:after, .c-mod-pane__badge.quality:before, .c-mod-pane__badge.speed:before, .c-mod-pane__img-edit:before, .c-mod-pane__trend-focus.add:after, .c-mod-pane__trend-focus.down:after, .c-mod-pane__trend-focus.up:after, .c-mod-product-details__tags-item--v-edit:before, .c-mod-product-details__tags-item--v-return:before, .c-mod-radio__check--accept:before, .c-mod-radio__check--reject:before, .c-mod-select:before, .c-mod-sortable__icon:before, .c-mod-swiper__arrow--down:before, .c-mod-swiper__arrow--left:before, .c-mod-swiper__arrow--right:before, .c-mod-swiper__arrow--up:before, .c-mod-tv__box--8 .c-mod-tv__icon:before, .c-mod-tv__box--5966 .c-mod-tv__icon:before, .c-mod-tv__box--5967 .c-mod-tv__icon:before, .c-mod-tv__box--5968 .c-mod-tv__icon:before, .c-mod-tv__box--6124 .c-mod-tv__icon:before, .c-mod-tv__box--6741 .c-mod-tv__icon:before, .c-mod-tv__box--8450 .c-mod-tv__icon:before, .c-mod-tv__box--8749 .c-mod-tv__icon:before, .c-mod-tv__box--8895 .c-mod-tv__icon:before, .c-mod-tv__box--10170 .c-mod-tv__icon:before, .c-mod-tv__box--10312 .c-mod-tv__icon:before, .c-mod-tv__box--approved .c-mod-tv__icon:before, .c-mod-tv__box--duplicate .c-mod-tv__icon:before, .c-mod-tv__box--rejected .c-mod-tv__icon:before, .c-mod-tv__box--remaining .c-mod-tv__icon:before, .c-mod-tv__box--removed .c-mod-tv__icon:before, .c-mod-tv__box--total .c-mod-tv__icon:before, .c-modal-map__close:before, .c-modal-map__place-details:before, .c-modal-notification__btn--reload:before, .c-nccp-tooltip div:first-of-type:before, .c-new-login__icon--danger:before, .c-new-login__main-footer-contact--email:before, .c-new-login__main-footer-contact--phone:before, .c-notification__item.is-unread:before, .c-notification__item:before, .c-nsbs-tooltip span:before, .c-order-details--seller-icon:before, .c-order-details__order-step:after, .c-order-history-cashback-modal .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before, .c-order-history__body--select-arrow-fixed .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before, .c-order-history__maximize-button:before, .c-order-history__minimize-button:before, .c-order-history__search-by-text > div > div:last-of-type > button:before, .c-order-history__search-filter:after, .c-package--calender-icon:after, .c-package--compensation-icon:before, .c-package--mobile-hub-icon:before, .c-package--post-icon:before, .c-package--seller-icon:before, .c-package--time-icon:after, .c-package-create--consignment-label-icon:before, .c-package-create--product-label-icon:before, .c-package-create--receipt-label-icon:before, .c-package-create__btn:before, .c-package-create__date-input > div:before, .c-package-create__info-message-box--text:before, .c-package-create__location-button:before, .c-package-create__retry-button--refresh:after, .c-package-details-info-body__address > div:after, .c-package-details-info-body__date > div:before, .c-package-details-info-body__delivery-type--compensation > div:before, .c-package-details-info-body__delivery-type--mobile-hub > div:before, .c-package-details-info-body__delivery-type--post > div:before, .c-package-details-info-body__delivery-type--seller > div:before, .c-package-details-info-body__time > div:before, .c-package-list-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before, .c-package__export-excel--excel-icon:before, .c-pagination .c-ui-select__container:before, .c-pagination__btn--next:before, .c-pagination__btn--previous:before, .c-product-list__alert:before, .c-product-list__platform-dk:after, .c-product-list__platform-ds:after, .c-product-list__search-item-colse:after, .c-product-list table tbody tr td .icon-bell:after, .c-product-variants__action-btn--challenge:before, .c-product-variants__action-btn--edit:before, .c-product-variants__body .dk-price-wrapper .dk-price-header-close:before, .c-product-variants__dkpromotion:after, .c-product-variants__join-dkpromotion:after, .c-product-variants__nopermission-dkpromotion:after, .c-product-variants__pause-dkpromotion:after, .c-product-variants__place-origin + .c-product-variants__place-check:before, .c-product-variants__settings-item--buybox:before, .c-product-variants__settings-item--chart:before, .c-product-variants__settings-item--edit-offer:before, .c-product-variants__settings-item--edit-price:before, .c-product-variants__settings-item--promo:before, .c-product-variants__settings-item--smart-price:before, .c-product-variants__start-dkpromotion:after, .c-product-variants table tbody tr td.active span.is-active-icon.active:after, .c-product-variants table tbody tr td.active span.is-active-icon.de-active:after, .c-product-variants table tbody tr td.active span.is-active-icon.ovl-de-active:after, .c-product-variants table tbody tr td:last-child button:after, .c-profile-business-info-about-seller-sample-modal__close:before, .c-profile-doc-upload-logo-has-error > div:before, .c-profile-docs-upload-cancel-button:before, .c-profile-docs-upload-expire-date > div:before, .c-profile-docs-upload-reject-info-icon:before, .c-profile-nav__menu-item--comments:before, .c-profile-nav__menu-item--logout:before, .c-profile-nav__menu-item--message:before, .c-profile-nav__menu-item--profile:before, .c-profile-rating__btns:before, .c-profile-rating__chart-btn:before, .c-profile-rating__table-status--active:before, .c-profile-rating__table-status--inactive:before, .c-profile-rating__vote--doubt:before, .c-profile-rating__vote--thumbs-down:before, .c-profile-rating__vote--thumbs-up:before, .c-profile-select2-existed-option:before, .c-promo-report__body-card-btn--comment:before, .c-promo-report__body-card-btn--export:before, .c-promo-report__body-card-btn--import:before, .c-promo-report__body-card-btn--primery-export:before, .c-promo-report__body-card-status:before, .c-promo__tab-item--done a:before, .c-promo__tab-item--ended a:before, .c-promo__tab-item--products a:before, .c-promo__tab-item--promotions a:before, .c-promo__table-action--delete:before, .c-promo__table-action--edit:before, .c-promo__table-action--undo:before, .c-rating-chart__description-dropdown:before, .c-rating-chart__details-label-emoji--1:before, .c-rating-chart__details-label-emoji--2:before, .c-rating-chart__details-label-emoji--3:before, .c-rating-chart__details-label-emoji--4:before, .c-rating-chart__details-label-emoji--5:before, .c-rating-chart__rate-change-icon--decrease:before, .c-rating-chart__rate-change-icon--increase:before, .c-rating-chart__star-fill:before, .c-rating-chart__star:before, .c-rating__votes li .uk-progress-before--happy:before, .c-rating__votes li .uk-progress-before--neutral:before, .c-rating__votes li .uk-progress-before--sad:before, .c-rating__votes li .uk-progress-before--very-happy:before, .c-rating__votes li .uk-progress-before--very-sad:before, .c-rd-product-variants__action-btn--challenge:before, .c-rd-product-variants__action-btn--edit:before, .c-rd-product-variants__body .dk-price-wrapper .dk-price-header-close:before, .c-rd-product-variants__btn--setting:before, .c-rd-product-variants__dkpromotion:after, .c-rd-product-variants__join-dkpromotion:after, .c-rd-product-variants__nopermission-dkpromotion:after, .c-rd-product-variants__pause-dkpromotion:after, .c-rd-product-variants__place-check--seller:before, .c-rd-product-variants__place-origin + .c-product-variants__place-check:before, .c-rd-product-variants__settings-item--b2b-pricing:before, .c-rd-product-variants__settings-item--buybox:before, .c-rd-product-variants__settings-item--calculator:before, .c-rd-product-variants__settings-item--chart:before, .c-rd-product-variants__settings-item--edit-offer:before, .c-rd-product-variants__settings-item--edit-price:before, .c-rd-product-variants__settings-item--promo:before, .c-rd-product-variants__settings-item--smart-price:before, .c-rd-product-variants__start-dkpromotion:after, .c-rd-product-variants table tbody tr td.active span.is-active-icon.active:after, .c-rd-product-variants table tbody tr td.active span.is-active-icon.de-active:after, .c-rd-product-variants table tbody tr td.active span.is-active-icon.ovl-de-active:after, .c-rd-product-variants table tbody tr td:last-child button:after, .c-RD-profile--latandlong:after, .c-RD-profile__action-btn--add:before, .c-RD-profile__action-btn--cancel:before, .c-RD-profile__action-btn--edit:before, .c-RD-profile__action-btn--upload:before, .c-RD-profile__add-doc-error-Commitment:before, .c-RD-profile__add-doc-upload:before, .c-RD-profile__alert-icon:before, .c-RD-profile__checking--alert:before, .c-RD-profile__checking--conflict:before, .c-RD-profile__checking--verified:before, .c-RD-profile__checking--waiting:before, .c-RD-profile__contract-status:before, .c-RD-profile__contract-tool-tip:after, .c-RD-profile__contract-tool-tip:before, .c-RD-profile__delete-warehouse:before, .c-RD-profile__doc-upload-status:before, .c-RD-profile__holiday-responsibility:before, .c-RD-profile__upload-btn:before, .c-RD-profile__upload-danger:before, .c-RD-profile__upload-icon:before, .c-RD-profile__work-calendar-status:before, .c-rd-variants-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before, .c-reg-form__error-status:before, .c-reg-form__success-status:before, .c-reg-form__timer:before, .c-reg-steps__icon--checkout:before, .c-reg-steps__icon--documents:before, .c-reg-steps__icon--info:before, .c-registration-success__icon:before, .c-sbs-create-setting-add-setting-btn__icon:before, .c-sbs-create-setting-container .c-grid__row .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before, .c-sbs-create-setting-filters__search button:before, .c-sbs-create-setting-item__status > div > div:before, .c-sbs-create-setting-notice:before, .c-sbs-create-setting-operation-btn--close:before, .c-sbs-create-setting-operation-btn--confirm:before, .c-sbs-create-setting-operation-btn--edit:before, .c-seller-invoice .invoice-table tbody tr td .open-details-button:after, .c-ship-by-seller-setting__create-action-delete:before, .c-ship-by-seller-setting__create-setting__apply > button span:last-of-type:before, .c-ship-by-seller-setting__create-variables-item:after, .c-ship-by-seller-setting__create-warning-icon:before, .c-ship-by-seller-setting__edit-confirm > div:first-of-type:before, .c-ship-by-seller-setting__edit-confirm > div:last-of-type:before, .c-ship-by-seller-setting__edit > div:before, .c-ship-by-seller-setting__empty-card-label-hint:before, .c-ship-by-seller-setting__list-capacity-edite:before, .c-ship-by-seller-setting__list-capacity-row-copy:before, .c-ship-by-seller-setting__list-capacity-row-delete:before, .c-ship-by-seller-setting__list-capacity-row-flag:before, .c-ship-by-seller-setting__search__button:before, .c-ship-by-seller__filters-tag:after, .c-steps__index--done:before, .c-table-container .pagination-button--end:before, .c-table-container .pagination-button--next:before, .c-table-container .pagination-button--previous:before, .c-table-container .pagination-button--start:before, .c-table-container .table-header-searchable--asc:after, .c-table-container .table-header-searchable--desc:after, .c-table-container .uk-button--early-settlement:before, .c-table-container .uk-button--export-excel:before, .c-table-container .uk-button--print-icon:before, .c-table-container .uk-button--view-icon:before, .c-table-upload__cell .js-upload-fix-file.reload:before, .c-table-upload__status--error:before, .c-table-upload__status--success:before, .c-ui-btn--add:after, .c-ui-btn--b2b:before, .c-ui-btn--check:after, .c-ui-btn--clear-form:after, .c-ui-btn--cross-sm:after, .c-ui-btn--cross:after, .c-ui-btn--delete-bin:before, .c-ui-btn--delete:before, .c-ui-btn--details:before, .c-ui-btn--edit:before, .c-ui-btn--excel-down:before, .c-ui-btn--excel-up:before, .c-ui-btn--expiration-date:before, .c-ui-btn--history:before, .c-ui-btn--import:before, .c-ui-btn--input-clear:after, .c-ui-btn--label:after, .c-ui-btn--latandlong:after, .c-ui-btn--next-step:after, .c-ui-btn--packaging:after, .c-ui-btn--payback:after, .c-ui-btn--person:after, .c-ui-btn--prev-step:before, .c-ui-btn--product-chart:before, .c-ui-btn--product-settings:before, .c-ui-btn--search-form:after, .c-ui-btn--serial-icon:before, .c-ui-btn--square .dk-edit:before, .c-ui-btn--square .dk-preview:before, .c-ui-btn--square .dk-publish:before, .c-ui-btn--square .dk-remove:before, .c-ui-btn--square .dk-variants:before, .c-ui-btn--square .ds-preview:before, .c-ui-btn--time:after, .c-ui-btn--upload:before, .c-ui-btn-cashback--approved:before, .c-ui-btn-cashback--normal:before, .c-ui-btn-cashback--rejected:before, .c-ui-btn-cashback--waiting:before, .c-ui-btn-resize--maximize:before, .c-ui-btn-resize--minimize:before, .c-ui-btn-shipment--by-post:before, .c-ui-btn-shipment--by-seller:before, .c-ui-btn-shipment-by--seller:before, .c-ui-checkbox--small .c-ui-checkbox__check:before, .c-ui-checkbox__check--minimize:before, .c-ui-checkbox__check--small:before, .c-ui-checkbox__check:before, .c-ui-components__menu-item--active:before, .c-ui-counter__control--add:before, .c-ui-counter__control--delete:before, .c-ui-counter__control--reduce:before, .c-ui-filters__radio-label--info:before, .c-ui-info--warning:before, .c-ui-input__btn--clear:before, .c-ui-input__btn--edit:before, .c-ui-input__btn--password:before, .c-ui-input__icon--calendar:before, .c-ui-input__icon--email:before, .c-ui-input__icon--map-placeholder:before, .c-ui-input__icon--password:before, .c-ui-input__icon--phone:before, .c-ui-input__icon--search:before, .c-ui-input__icon--time:before, .c-ui-input__RD-icon--calendar:before, .c-ui-input__RD-icon--email:before, .c-ui-input__RD-icon--map-placeholder:before, .c-ui-input__RD-icon--password:before, .c-ui-input__RD-icon--phone:before, .c-ui-input__RD-icon--search:before, .c-ui-input__RD-icon--time:before, .c-ui-modal__close:before, .c-ui-order-status--has-tooltip:before, .c-ui-order-status:before, .c-ui-paginator__control-next:before, .c-ui-paginator__control-prev:before, .c-ui-product-config-table__status-bar > div:before, .c-ui-search-filter:after, .c-ui-select--with-svg-icon + .select2-container .select2-selection--multiple .select2-selection__arrow b:before, .c-ui-select--with-svg-icon + .select2-container .select2-selection--single .select2-selection__arrow b:before, .c-ui-table__expander-control--expanded:before, .c-ui-table__expander-control:before, .c-ui-table__header--sort-asc:after, .c-ui-table__header--sort-desc:after, .c-ui-table__more:before, .c-ui-table__subtext--success-icon:before, .c-ui-tag__remove:before, .c-ui-toggle__check:before, .c-ui-toggle__origin:checked + .c-ui-toggle__check:before, .c-ui-toggle__origin:checked.c-ui-toggle__origin--warning + .c-ui-toggle__check:before, .c-ui-tooltip__info-icon:before, .c-ui-upload__bar-cancel:before, .c-ui-upload__cancel-load:before, .c-ui-upload__simple .c-ui-upload__load-control:before, .c-ui-upload__simple.is-video .c-ui-upload__load-control:before, .c-upload-content__info-message--inline.is-error:before, .c-upload-content__info-message--inline.is-success:before, .c-upload-video__empty-btn:after, .c-upload-video__form-drop-box-add:before, .c-upload-video__form-drop-box-des-condition li:before, .c-upload-video__form-mandatory-label:after, .c-upload-video__table-btn-delete:before, .c-upload-video__table-btn-edit:before, .c-upload-video__table-confirmation--approveed:before, .c-upload-video__table-confirmation--rejected:before, .c-upload-video__table-status--failed:before, .c-upload-video__table-status--success:before, .c-upload-video__video-btn--cancel:before, .c-upload-video__video-btn--delet:before, .c-upload-video__video-btn--reload:before, .c-upload-video__video-preview-error:before, .c-upload-video__video-preview-play:before, .c-upload-video__video-upload-error:before, .c-variation-diversity__channel.ds:before, .c-variation-diversity__channel.seller:before, .c-variation-diversity__status-ui.active:before, .c-variation-diversity__status-ui.inactive:before, .c-walkthrough:before, .c-wallet-card__quantity--expenses-icon:before, .c-wallet-card__quantity--income-icon:before, .c-wallet__body-card-btn--export:before, .c-wallet__body-card-btn--invoice:before, .c-wallet__body-card-btn--preview:before, .c-wallet__body-card-btn--printer:before, .c-wallet__body-card-export:after, .c-wallet__body-card-info:after, .c-wallet__body-card-row-item--income:before, .c-wallet__body-card-row-item--withdraw:before, .c-wallet__body-card-status--rejected-message:after, .c-wallet__body-card-status:before, .c-wallet__header-card-btn--cpc-charge:after, .c-wallet__header-card-btn--deposit:after, .c-wallet__header-card-btn--print:after, .c-wallet__header-card-btn--Withdraw:after, .c-wallet__header-card-detail-quantity-container--expenses:before, .c-wallet__header-card-detail-quantity-container--income:before, .c-wallet__header-card-detail-quantity-container--Withdraw:before, .c-wallet__show-invoice-btn:before, .gallery-thumbs .swiper-slide.removed .gallery-thumbs__issues-wrapper:before, .gallery-thumbs__issues-wrapper.removed:before, .modal-confirm.danger .modal-confirm-icon:after, .more-details-button:before, .n-product-config-tooltip > span:before, .new-mobile-view-menu .chevron-down:before, .o-complete-status:before, .pwt-btn-calendar--custom-btn:before, .select2-search--dropdown:after, .swiper-button-next:after, .swiper-button-prev:before, .swiper-controls--next:before, .swiper-controls--prev:before, .swiper-controls__check.icon-1:before, .swiper-controls__check.icon-2:before, .swiper-controls__check.icon-3:before, .swiper-controls__check.icon-4:before, .swiper-controls__check.icon-5:before, .swiper-controls__check.icon-6:before, .swiper-controls__check.icon-7:before, .swiper-controls__check.icon-8:before, .swiper-controls__check.icon-9:before, .swiper-controls__check.icon-10:before, .swiper-controls__check.icon-11:before, .swiper-controls__check.icon-12:before, .swiper-controls__check.icon-13:before, .swiper-controls__check.icon-14:before, .swiper-controls__check.icon-15:before, .swiper-controls__check.icon-16:before, .swiper-controls__check.icon-17:before, .swiper-controls__check.icon-18:before, .swiper-controls__check.icon-19:before, .swiper-controls__check.icon-20:before, .swiper-controls__check.icon-21:before, .swiper-controls__check.icon-22:before, .swiper-controls__check.icon-23:before, .swiper-controls__check.icon-24:before, .swiper-controls__check.icon-25:before, .swiper-controls__check.icon-26:before, .swiper-controls__check.icon-27:before, .swiper-controls__check.icon-28:before, .swiper-controls__check.icon-29:before, .swiper-controls__check.icon-30:before, .swiper-controls__check.icon-31:before, .swiper-controls__check.icon-32:before, .swiper-controls__check.icon-33:before, .swiper-controls__check.icon-34:before, .swiper-controls__check.icon-35:before, .swiper-controls__check.icon-36:before, .swiper-controls__check.icon-37:before, .swiper-controls__check.icon-38:before, .swiper-controls__check.icon-39:before, .swiper-controls__check.icon-40:before, .swiper-controls__check.icon-41:before, .swiper-controls__check.icon-42:before, .swiper-controls__check.icon-43:before, .swiper-controls__check.icon-44:before, .swiper-controls__check.icon-45:before, .swiper-controls__check.icon-46:before, .swiper-controls__check.icon-47:before, .swiper-controls__check.icon-48:before, .swiper-controls__check.icon-49:before, .swiper-controls__check.icon-50:before, .swiper-controls__check.icon-51:before, .swiper-controls__check.icon-52:before, .swiper-controls__check.icon-53:before, .swiper-controls__check.icon-54:before, .swiper-controls__check.icon-55:before, .swiper-controls__check.icon-56:before, .swiper-controls__check.icon-57:before, .swiper-controls__check.icon-58:before, .swiper-controls__check.icon-59:before, .swiper-controls__check.icon-60:before, .swiper-controls__check.icon-61:before, .swiper-controls__check.icon-62:before, .swiper-controls__check.icon-63:before, .swiper-controls__check.icon-64:before, .swiper-controls__check.icon-65:before, .swiper-controls__check.icon-66:before, .swiper-controls__check.icon-67:before, .swiper-controls__check.icon-68:before, .swiper-controls__check.icon-69:before, .swiper-controls__check.icon-70:before, .swiper-controls__check.icon-71:before, .swiper-controls__check.icon-72:before, .swiper-controls__check.icon-73:before, .swiper-controls__check.icon-74:before, .swiper-controls__check.icon-75:before, .swiper-controls__check.icon-76:before, .swiper-controls__check.icon-77:before, .swiper-controls__check.icon-78:before, .swiper-controls__check.icon-79:before, .swiper-controls__check.icon-80:before, .swiper-controls__check.icon-81:before, .swiper-controls__check.icon-82:before, .swiper-controls__check.icon-83:before, .swiper-controls__check.icon-84:before, .swiper-controls__check.icon-85:before, .swiper-controls__check.icon-86:before, .swiper-controls__check.icon-87:before, .swiper-controls__check.icon-88:before, .swiper-controls__check.icon-89:before, .swiper-controls__check.icon-90:before, .swiper-controls__check.icon-91:before, .swiper-controls__check.icon-92:before, .swiper-controls__check.icon-93:before, .swiper-controls__check.icon-94:before, .swiper-controls__check.icon-95:before, .swiper-controls__check.icon-96:before, .swiper-controls__check.icon-97:before, .swiper-controls__check.icon-98:before, .swiper-controls__check.icon-99:before, .swiper-controls__check.icon-100:before, .swiper-controls__check.remove:before, .swiper-controls__check.variants:before, .table-row-expandable:before, .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option--highlighted[aria-selected=true]:before, .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:before, .ui-select .select2-selection__clear:before, .ui-select .select2-selection__rendered .select2-selection__choice__remove:before, .ui-select__container.open:before, .ui-select__container:before, .uk-icon-button--close:before, .uk-icon-button--down:after, .uk-icon-button--edit:after, .uk-icon-button--first:after, .uk-icon-button--last:after, .uk-icon-button--remove:after, .uk-icon-button--search:before, .uk-icon-button--show:after, .uk-icon-button--up:after, .uk-modal-gallery .uk-modal-close:before, .uk-notification-message-danger:before, .uk-notification-message-success:before, body .dk-price-wrapper .dk-price-header-close:before, span.is-active-icon.active:after, span.is-active-icon.de-active:after {
    font-family: digikala;
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    line-height: 1
}

[data-icon] {
    display: inline-block;
    line-height: 1
}

    [data-icon]:before {
        display: inline-block;
        font-family: digikala;
        font-size: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        line-height: 1
    }

[data-icon=access]:before {
    content: "\F001\00FE0E"
}

[data-icon=action-visibility-eye-off]:before {
    content: "\F002\00FE0E"
}

[data-icon=action-visibility-eye]:before {
    content: "\F003\00FE0E"
}

[data-icon=active-check]:before {
    content: "\F004\00FE0E"
}

[data-icon=add-image]:before {
    content: "\F005\00FE0E"
}

[data-icon=add-new]:before {
    content: "\F006\00FE0E"
}

[data-icon=add-video]:before {
    content: "\F007\00FE0E"
}

[data-icon=add]:before {
    content: "\F008\00FE0E"
}

[data-icon=adverge]:before {
    content: "\F009\00FE0E"
}

[data-icon=alert]:before {
    content: "\F00A\00FE0E"
}

[data-icon=analytics]:before {
    content: "\F00B\00FE0E"
}

[data-icon=announcement]:before {
    content: "\F00C\00FE0E"
}

[data-icon=answer-customer]:before {
    content: "\F00D\00FE0E"
}

[data-icon=arrow-down]:before {
    content: "\F00E\00FE0E"
}

[data-icon=arrow-up]:before {
    content: "\F00F\00FE0E"
}

[data-icon=arrow]:before {
    content: "\F010\00FE0E"
}

[data-icon=attention]:before {
    content: "\F011\00FE0E"
}

[data-icon=automation]:before {
    content: "\F012\00FE0E"
}

[data-icon=b2b-price]:before {
    content: "\F013\00FE0E"
}

[data-icon=banner]:before {
    content: "\F014\00FE0E"
}

[data-icon=bell]:before {
    content: "\F015\00FE0E"
}

[data-icon=bin]:before {
    content: "\F016\00FE0E"
}

[data-icon=btn-delete]:before {
    content: "\F017\00FE0E"
}

[data-icon=btn-down]:before {
    content: "\F018\00FE0E"
}

[data-icon=btn-edit]:before {
    content: "\F019\00FE0E"
}

[data-icon=btn-step-backward]:before {
    content: "\F01A\00FE0E"
}

[data-icon=btn-step-forward]:before {
    content: "\F01B\00FE0E"
}

[data-icon=btn-up]:before {
    content: "\F01C\00FE0E"
}

[data-icon=btn-view]:before {
    content: "\F01D\00FE0E"
}

[data-icon=bundle]:before {
    content: "\F01E\00FE0E"
}

[data-icon=calculator]:before {
    content: "\F01F\00FE0E"
}

[data-icon=calendar-switch]:before {
    content: "\F020\00FE0E"
}

[data-icon=calendar]:before {
    content: "\F021\00FE0E"
}

[data-icon=camera]:before {
    content: "\F022\00FE0E"
}

[data-icon=cancel]:before {
    content: "\F023\00FE0E"
}

[data-icon=car-number]:before {
    content: "\F024\00FE0E"
}

[data-icon=car]:before {
    content: "\F025\00FE0E"
}

[data-icon=cashback-approved]:before {
    content: "\F026\00FE0E"
}

[data-icon=cashback-rejected]:before {
    content: "\F027\00FE0E"
}

[data-icon=cashback-waiting]:before {
    content: "\F028\00FE0E"
}

[data-icon=cashback]:before {
    content: "\F029\00FE0E"
}

[data-icon=challenge]:before {
    content: "\F02A\00FE0E"
}

[data-icon=check-circle-fill]:before {
    content: "\F02B\00FE0E"
}

[data-icon=check-circle]:before {
    content: "\F02C\00FE0E"
}

[data-icon=check]:before {
    content: "\F02D\00FE0E"
}

[data-icon=checked]:before {
    content: "\F02E\00FE0E"
}

[data-icon=checkmark]:before {
    content: "\F02F\00FE0E"
}

[data-icon=chev-left]:before {
    content: "\F030\00FE0E"
}

[data-icon=chev-right]:before {
    content: "\F031\00FE0E"
}

[data-icon=chevron-down]:before {
    content: "\F032\00FE0E"
}

[data-icon=circle-check]:before {
    content: "\F033\00FE0E"
}

[data-icon=circle-discount]:before {
    content: "\F034\00FE0E"
}

[data-icon=circle-increase]:before {
    content: "\F035\00FE0E"
}

[data-icon=circle-plus]:before {
    content: "\F036\00FE0E"
}

[data-icon=clear-circle-fill]:before {
    content: "\F037\00FE0E"
}

[data-icon=clear-circle]:before {
    content: "\F038\00FE0E"
}

[data-icon=clear-form]:before {
    content: "\F039\00FE0E"
}

[data-icon=clock-2]:before {
    content: "\F03A\00FE0E"
}

[data-icon=clock-end]:before {
    content: "\F03B\00FE0E"
}

[data-icon=clock]:before {
    content: "\F03C\00FE0E"
}

[data-icon=close-mod]:before {
    content: "\F03D\00FE0E"
}

[data-icon=close]:before {
    content: "\F03E\00FE0E"
}

[data-icon=comment]:before {
    content: "\F03F\00FE0E"
}

[data-icon=comments]:before {
    content: "\F040\00FE0E"
}

[data-icon=consignment-label]:before {
    content: "\F041\00FE0E"
}

[data-icon=content-help]:before {
    content: "\F042\00FE0E"
}

[data-icon=copy]:before {
    content: "\F043\00FE0E"
}

[data-icon=cpc-charge]:before {
    content: "\F044\00FE0E"
}

[data-icon=cross-new]:before {
    content: "\F045\00FE0E"
}

[data-icon=cross]:before {
    content: "\F046\00FE0E"
}

[data-icon=database]:before {
    content: "\F047\00FE0E"
}

[data-icon=decrease-price]:before {
    content: "\F048\00FE0E"
}

[data-icon=decrease]:before {
    content: "\F049\00FE0E"
}

[data-icon=delete-package]:before {
    content: "\F04A\00FE0E"
}

[data-icon=delete]:before {
    content: "\F04B\00FE0E"
}

[data-icon=details]:before {
    content: "\F04C\00FE0E"
}

[data-icon=details2]:before {
    content: "\F04D\00FE0E"
}

[data-icon=discount]:before {
    content: "\F04E\00FE0E"
}

[data-icon=dk-channel]:before {
    content: "\F04F\00FE0E"
}

[data-icon=dk-in-frame]:before {
    content: "\F050\00FE0E"
}

[data-icon=dk]:before {
    content: "\F051\00FE0E"
}

[data-icon=dk_price]:before {
    content: "\F052\00FE0E"
}

[data-icon=dkp-commission-discount]:before {
    content: "\F053\00FE0E"
}

[data-icon=dkpromotion-join]:before {
    content: "\F054\00FE0E"
}

[data-icon=dkpromotion-nopermission]:before {
    content: "\F055\00FE0E"
}

[data-icon=dkpromotion-pause]:before {
    content: "\F056\00FE0E"
}

[data-icon=dkpromotion-start]:before {
    content: "\F057\00FE0E"
}

[data-icon=dkpromotion]:before {
    content: "\F058\00FE0E"
}

[data-icon=doubt]:before {
    content: "\F059\00FE0E"
}

[data-icon=down-sign]:before {
    content: "\F05A\00FE0E"
}

[data-icon=down-sign2]:before {
    content: "\F05B\00FE0E"
}

[data-icon=download]:before {
    content: "\F05C\00FE0E"
}

[data-icon=drag-drop]:before {
    content: "\F05D\00FE0E"
}

[data-icon=drop-down-arrow]:before {
    content: "\F05E\00FE0E"
}

[data-icon=ds-channel]:before {
    content: "\F05F\00FE0E"
}

[data-icon=ds-in-frame]:before {
    content: "\F060\00FE0E"
}

[data-icon=early-settlement]:before {
    content: "\F061\00FE0E"
}

[data-icon=edit-combo]:before {
    content: "\F062\00FE0E"
}

[data-icon=edit-fill]:before {
    content: "\F063\00FE0E"
}

[data-icon=edit-new]:before {
    content: "\F064\00FE0E"
}

[data-icon=edit-offer]:before {
    content: "\F065\00FE0E"
}

[data-icon=edit-pen]:before {
    content: "\F066\00FE0E"
}

[data-icon=edit-price]:before {
    content: "\F067\00FE0E"
}

[data-icon=edit]:before {
    content: "\F068\00FE0E"
}

[data-icon=email]:before {
    content: "\F069\00FE0E"
}

[data-icon=end-sign]:before {
    content: "\F06A\00FE0E"
}

[data-icon=envelope]:before {
    content: "\F06B\00FE0E"
}

[data-icon=error-empty]:before {
    content: "\F06C\00FE0E"
}

[data-icon=error-icon]:before {
    content: "\F06D\00FE0E"
}

[data-icon=error-info]:before {
    content: "\F06E\00FE0E"
}

[data-icon=error-sign]:before {
    content: "\F06F\00FE0E"
}

[data-icon=error]:before {
    content: "\F070\00FE0E"
}

[data-icon=excel-down]:before {
    content: "\F071\00FE0E"
}

[data-icon=excel-download]:before {
    content: "\F072\00FE0E"
}

[data-icon=excel-up]:before {
    content: "\F073\00FE0E"
}

[data-icon=excel-upload]:before {
    content: "\F074\00FE0E"
}

[data-icon=excel]:before {
    content: "\F075\00FE0E"
}

[data-icon=expiration-date]:before {
    content: "\F076\00FE0E"
}

[data-icon=export-excel]:before {
    content: "\F077\00FE0E"
}

[data-icon=export]:before {
    content: "\F078\00FE0E"
}

[data-icon=eye-open]:before {
    content: "\F079\00FE0E"
}

[data-icon=eye-password]:before {
    content: "\F07A\00FE0E"
}

[data-icon=face-happy]:before {
    content: "\F07B\00FE0E"
}

[data-icon=face-neutral]:before {
    content: "\F07C\00FE0E"
}

[data-icon=face-sad]:before {
    content: "\F07D\00FE0E"
}

[data-icon=face-sleepy]:before {
    content: "\F07E\00FE0E"
}

[data-icon=face-smile]:before {
    content: "\F07F\00FE0E"
}

[data-icon=flag-fill]:before {
    content: "\F080\00FE0E"
}

[data-icon=flag-outline]:before {
    content: "\F081\00FE0E"
}

[data-icon=gift]:before {
    content: "\F082\00FE0E"
}

[data-icon=guaranty]:before {
    content: "\F083\00FE0E"
}

[data-icon=guide-new]:before {
    content: "\F084\00FE0E"
}

[data-icon=guide]:before {
    content: "\F085\00FE0E"
}

[data-icon=help]:before {
    content: "\F086\00FE0E"
}

[data-icon=high-demand]:before {
    content: "\F087\00FE0E"
}

[data-icon=icrease-purchase]:before {
    content: "\F088\00FE0E"
}

[data-icon=import]:before {
    content: "\F089\00FE0E"
}

[data-icon=increase]:before {
    content: "\F08A\00FE0E"
}

[data-icon=infinity]:before {
    content: "\F08B\00FE0E"
}

[data-icon=info-new]:before {
    content: "\F08C\00FE0E"
}

[data-icon=info]:before {
    content: "\F08D\00FE0E"
}

[data-icon=join-promotion]:before {
    content: "\F08E\00FE0E"
}

[data-icon=latandlong]:before {
    content: "\F08F\00FE0E"
}

[data-icon=left]:before {
    content: "\F090\00FE0E"
}

[data-icon=link]:before {
    content: "\F091\00FE0E"
}

[data-icon=list-add]:before {
    content: "\F092\00FE0E"
}

[data-icon=list-light]:before {
    content: "\F093\00FE0E"
}

[data-icon=list]:before {
    content: "\F094\00FE0E"
}

[data-icon=lock-icon]:before {
    content: "\F095\00FE0E"
}

[data-icon=logout]:before {
    content: "\F096\00FE0E"
}

[data-icon=magnify]:before {
    content: "\F097\00FE0E"
}

[data-icon=magnifying-glass]:before {
    content: "\F098\00FE0E"
}

[data-icon=messages-readed]:before {
    content: "\F099\00FE0E"
}

[data-icon=messages]:before {
    content: "\F09A\00FE0E"
}

[data-icon=more-large]:before {
    content: "\F09B\00FE0E"
}

[data-icon=more]:before {
    content: "\F09C\00FE0E"
}

[data-icon=new-info]:before {
    content: "\F09D\00FE0E"
}

[data-icon=new-printer]:before {
    content: "\F09E\00FE0E"
}

[data-icon=next-sign]:before {
    content: "\F09F\00FE0E"
}

[data-icon=not-compeleted]:before {
    content: "\F0A0\00FE0E"
}

[data-icon=order-clock]:before {
    content: "\F0A1\00FE0E"
}

[data-icon=packaging]:before {
    content: "\F0A2\00FE0E"
}

[data-icon=padlock]:before {
    content: "\F0A3\00FE0E"
}

[data-icon=pagination-end]:before {
    content: "\F0A4\00FE0E"
}

[data-icon=pagination-left]:before {
    content: "\F0A5\00FE0E"
}

[data-icon=pagination-right]:before {
    content: "\F0A6\00FE0E"
}

[data-icon=pagination-start]:before {
    content: "\F0A7\00FE0E"
}

[data-icon=pause]:before {
    content: "\F0A8\00FE0E"
}

[data-icon=payback]:before {
    content: "\F0A9\00FE0E"
}

[data-icon=person]:before {
    content: "\F0AA\00FE0E"
}

[data-icon=phone-call]:before {
    content: "\F0AB\00FE0E"
}

[data-icon=phone]:before {
    content: "\F0AC\00FE0E"
}

[data-icon=photo-multiple]:before {
    content: "\F0AD\00FE0E"
}

[data-icon=photo-single]:before {
    content: "\F0AE\00FE0E"
}

[data-icon=pin-filled]:before {
    content: "\F0AF\00FE0E"
}

[data-icon=pin]:before {
    content: "\F0B0\00FE0E"
}

[data-icon=placeholder-3d]:before {
    content: "\F0B1\00FE0E"
}

[data-icon=placeholder-video]:before {
    content: "\F0B2\00FE0E"
}

[data-icon=placeholder]:before {
    content: "\F0B3\00FE0E"
}

[data-icon=play]:before {
    content: "\F0B4\00FE0E"
}

[data-icon=player]:before {
    content: "\F0B5\00FE0E"
}

[data-icon=plus]:before {
    content: "\F0B6\00FE0E"
}

[data-icon=previous-sign]:before {
    content: "\F0B7\00FE0E"
}

[data-icon=price-tag]:before {
    content: "\F0B8\00FE0E"
}

[data-icon=primery-plus]:before {
    content: "\F0B9\00FE0E"
}

[data-icon=printer]:before {
    content: "\F0BA\00FE0E"
}

[data-icon=product-label]:before {
    content: "\F0BB\00FE0E"
}

[data-icon=profile]:before {
    content: "\F0BC\00FE0E"
}

[data-icon=promotion]:before {
    content: "\F0BD\00FE0E"
}

[data-icon=publish]:before {
    content: "\F0BE\00FE0E"
}

[data-icon=qc-edit]:before {
    content: "\F0BF\00FE0E"
}

[data-icon=qc-review]:before {
    content: "\F0C0\00FE0E"
}

[data-icon=quality]:before {
    content: "\F0C1\00FE0E"
}

[data-icon=question-mark]:before {
    content: "\F0C2\00FE0E"
}

[data-icon=question]:before {
    content: "\F0C3\00FE0E"
}

[data-icon=rating-happy]:before {
    content: "\F0C4\00FE0E"
}

[data-icon=rating-poker-face]:before {
    content: "\F0C5\00FE0E"
}

[data-icon=rating-sad]:before {
    content: "\F0C6\00FE0E"
}

[data-icon=rating-very-happy]:before {
    content: "\F0C7\00FE0E"
}

[data-icon=rating-very-sad]:before {
    content: "\F0C8\00FE0E"
}

[data-icon=receipt]:before {
    content: "\F0C9\00FE0E"
}

[data-icon=reduce]:before {
    content: "\F0CA\00FE0E"
}

[data-icon=refresh-new]:before {
    content: "\F0CB\00FE0E"
}

[data-icon=refresh]:before {
    content: "\F0CC\00FE0E"
}

[data-icon=release]:before {
    content: "\F0CD\00FE0E"
}

[data-icon=reload]:before {
    content: "\F0CE\00FE0E"
}

[data-icon=remove]:before {
    content: "\F0CF\00FE0E"
}

[data-icon=report]:before {
    content: "\F0D0\00FE0E"
}

[data-icon=right-arrow]:before {
    content: "\F0D1\00FE0E"
}

[data-icon=right]:before {
    content: "\F0D2\00FE0E"
}

[data-icon=rotate]:before {
    content: "\F0D3\00FE0E"
}

[data-icon=round-add]:before {
    content: "\F0D4\00FE0E"
}

[data-icon=round-remove]:before {
    content: "\F0D5\00FE0E"
}

[data-icon=rubber]:before {
    content: "\F0D6\00FE0E"
}

[data-icon=sale]:before {
    content: "\F0D7\00FE0E"
}

[data-icon=search-document]:before {
    content: "\F0D8\00FE0E"
}

[data-icon=search-form]:before {
    content: "\F0D9\00FE0E"
}

[data-icon=search]:before {
    content: "\F0DA\00FE0E"
}

[data-icon=seller-checkout]:before {
    content: "\F0DB\00FE0E"
}

[data-icon=seller-documents]:before {
    content: "\F0DC\00FE0E"
}

[data-icon=seller-info]:before {
    content: "\F0DD\00FE0E"
}

[data-icon=serial-number]:before {
    content: "\F0DE\00FE0E"
}

[data-icon=settings]:before {
    content: "\F0DF\00FE0E"
}

[data-icon=share]:before {
    content: "\F0E0\00FE0E"
}

[data-icon=ship-by-mobilehub]:before {
    content: "\F0E1\00FE0E"
}

[data-icon=ship-by-post]:before {
    content: "\F0E2\00FE0E"
}

[data-icon=ship-by-seller]:before {
    content: "\F0E3\00FE0E"
}

[data-icon=show-fall]:before {
    content: "\F0E4\00FE0E"
}

[data-icon=show-rise]:before {
    content: "\F0E5\00FE0E"
}

[data-icon=smart-price]:before {
    content: "\F0E6\00FE0E"
}

[data-icon=smartphone]:before {
    content: "\F0E7\00FE0E"
}

[data-icon=sorting-ui-label]:before {
    content: "\F0E8\00FE0E"
}

[data-icon=speed]:before {
    content: "\F0E9\00FE0E"
}

[data-icon=square-pen]:before {
    content: "\F0EA\00FE0E"
}

[data-icon=star-o]:before {
    content: "\F0EB\00FE0E"
}

[data-icon=star-transparent]:before {
    content: "\F0EC\00FE0E"
}

[data-icon=star]:before {
    content: "\F0ED\00FE0E"
}

[data-icon=start-sign]:before {
    content: "\F0EE\00FE0E"
}

[data-icon=statistic]:before {
    content: "\F0EF\00FE0E"
}

[data-icon=statistics]:before {
    content: "\F0F0\00FE0E"
}

[data-icon=status-dot]:before {
    content: "\F0F1\00FE0E"
}

[data-icon=success-tik]:before {
    content: "\F0F2\00FE0E"
}

[data-icon=successful-purchase]:before {
    content: "\F0F3\00FE0E"
}

[data-icon=swap-horiz]:before {
    content: "\F0F4\00FE0E"
}

[data-icon=swap]:before {
    content: "\F0F5\00FE0E"
}

[data-icon=telegram]:before {
    content: "\F0F6\00FE0E"
}

[data-icon=thumbs-down]:before {
    content: "\F0F7\00FE0E"
}

[data-icon=thumbs-up]:before {
    content: "\F0F8\00FE0E"
}

[data-icon=tick-dotted]:before {
    content: "\F0F9\00FE0E"
}

[data-icon=tick-product-white]:before {
    content: "\F0FA\00FE0E"
}

[data-icon=tick-small]:before {
    content: "\F0FB\00FE0E"
}

[data-icon=tick-success-white]:before {
    content: "\F0FC\00FE0E"
}

[data-icon=tick-success]:before {
    content: "\F0FD\00FE0E"
}

[data-icon=tick]:before {
    content: "\F0FE\00FE0E"
}

[data-icon=time]:before {
    content: "\F0FF\00FE0E"
}

[data-icon=timer]:before {
    content: "\F100\00FE0E"
}

[data-icon=times]:before {
    content: "\F101\00FE0E"
}

[data-icon=undo-new]:before {
    content: "\F102\00FE0E"
}

[data-icon=undo]:before {
    content: "\F103\00FE0E"
}

[data-icon=up-sign]:before {
    content: "\F104\00FE0E"
}

[data-icon=up-sign2]:before {
    content: "\F105\00FE0E"
}

[data-icon=upload]:before {
    content: "\F106\00FE0E"
}

[data-icon=user-icon]:before {
    content: "\F107\00FE0E"
}

[data-icon=user-profile]:before {
    content: "\F108\00FE0E"
}

[data-icon=variants]:before {
    content: "\F109\00FE0E"
}

[data-icon=vendor-channel]:before {
    content: "\F10A\00FE0E"
}

[data-icon=view]:before {
    content: "\F10B\00FE0E"
}

[data-icon=waiting]:before {
    content: "\F10C\00FE0E"
}

[data-icon=warehouse]:before {
    content: "\F10D\00FE0E"
}

[data-icon=warning-new]:before {
    content: "\F10E\00FE0E"
}

[data-icon=warning]:before {
    content: "\F10F\00FE0E"
}

[data-icon=warning_triangle]:before {
    content: "\F110\00FE0E"
}

[data-icon=web-hook]:before {
    content: "\F111\00FE0E"
}

[data-icon=wiki-sign]:before {
    content: "\F112\00FE0E"
}

[data-icon=icon_1]:before {
    content: "\F113\00FE0E"
}

[data-icon=icon_10]:before {
    content: "\F114\00FE0E"
}

[data-icon=icon_11]:before {
    content: "\F115\00FE0E"
}

[data-icon=icon_12]:before {
    content: "\F116\00FE0E"
}

[data-icon=icon_13]:before {
    content: "\F117\00FE0E"
}

[data-icon=icon_14]:before {
    content: "\F118\00FE0E"
}

[data-icon=icon_15]:before {
    content: "\F119\00FE0E"
}

[data-icon=icon_16]:before {
    content: "\F11A\00FE0E"
}

[data-icon=icon_17]:before {
    content: "\F11B\00FE0E"
}

[data-icon=icon_18]:before {
    content: "\F11C\00FE0E"
}

[data-icon=icon_19]:before {
    content: "\F11D\00FE0E"
}

[data-icon=icon_2]:before {
    content: "\F11E\00FE0E"
}

[data-icon=icon_20]:before {
    content: "\F11F\00FE0E"
}

[data-icon=icon_21]:before {
    content: "\F120\00FE0E"
}

[data-icon=icon_22]:before {
    content: "\F121\00FE0E"
}

[data-icon=icon_23]:before {
    content: "\F122\00FE0E"
}

[data-icon=icon_24]:before {
    content: "\F123\00FE0E"
}

[data-icon=icon_25]:before {
    content: "\F124\00FE0E"
}

[data-icon=icon_26]:before {
    content: "\F125\00FE0E"
}

[data-icon=icon_27]:before {
    content: "\F126\00FE0E"
}

[data-icon=icon_28]:before {
    content: "\F127\00FE0E"
}

[data-icon=icon_29]:before {
    content: "\F128\00FE0E"
}

[data-icon=icon_3]:before {
    content: "\F129\00FE0E"
}

[data-icon=icon_30]:before {
    content: "\F12A\00FE0E"
}

[data-icon=icon_31]:before {
    content: "\F12B\00FE0E"
}

[data-icon=icon_32]:before {
    content: "\F12C\00FE0E"
}

[data-icon=icon_33]:before {
    content: "\F12D\00FE0E"
}

[data-icon=icon_34]:before {
    content: "\F12E\00FE0E"
}

[data-icon=icon_35]:before {
    content: "\F12F\00FE0E"
}

[data-icon=icon_36]:before {
    content: "\F130\00FE0E"
}

[data-icon=icon_37]:before {
    content: "\F131\00FE0E"
}

[data-icon=icon_38]:before {
    content: "\F132\00FE0E"
}

[data-icon=icon_39]:before {
    content: "\F133\00FE0E"
}

[data-icon=icon_4]:before {
    content: "\F134\00FE0E"
}

[data-icon=icon_40]:before {
    content: "\F135\00FE0E"
}

[data-icon=icon_41]:before {
    content: "\F136\00FE0E"
}

[data-icon=icon_42]:before {
    content: "\F137\00FE0E"
}

[data-icon=icon_43]:before {
    content: "\F138\00FE0E"
}

[data-icon=icon_44]:before {
    content: "\F139\00FE0E"
}

[data-icon=icon_45]:before {
    content: "\F13A\00FE0E"
}

[data-icon=icon_46]:before {
    content: "\F13B\00FE0E"
}

[data-icon=icon_47]:before {
    content: "\F13C\00FE0E"
}

[data-icon=icon_48]:before {
    content: "\F13D\00FE0E"
}

[data-icon=icon_49]:before {
    content: "\F13E\00FE0E"
}

[data-icon=icon_5]:before {
    content: "\F13F\00FE0E"
}

[data-icon=icon_50]:before {
    content: "\F140\00FE0E"
}

[data-icon=icon_51]:before {
    content: "\F141\00FE0E"
}

[data-icon=icon_52]:before {
    content: "\F142\00FE0E"
}

[data-icon=icon_53]:before {
    content: "\F143\00FE0E"
}

[data-icon=icon_54]:before {
    content: "\F144\00FE0E"
}

[data-icon=icon_55]:before {
    content: "\F145\00FE0E"
}

[data-icon=icon_56]:before {
    content: "\F146\00FE0E"
}

[data-icon=icon_57]:before {
    content: "\F147\00FE0E"
}

[data-icon=icon_58]:before {
    content: "\F148\00FE0E"
}

[data-icon=icon_59]:before {
    content: "\F149\00FE0E"
}

[data-icon=icon_6]:before {
    content: "\F14A\00FE0E"
}

[data-icon=icon_60]:before {
    content: "\F14B\00FE0E"
}

[data-icon=icon_61]:before {
    content: "\F14C\00FE0E"
}

[data-icon=icon_62]:before {
    content: "\F14D\00FE0E"
}

[data-icon=icon_63]:before {
    content: "\F14E\00FE0E"
}

[data-icon=icon_64]:before {
    content: "\F14F\00FE0E"
}

[data-icon=icon_65]:before {
    content: "\F150\00FE0E"
}

[data-icon=icon_66]:before {
    content: "\F151\00FE0E"
}

[data-icon=icon_67]:before {
    content: "\F152\00FE0E"
}

[data-icon=icon_68]:before {
    content: "\F153\00FE0E"
}

[data-icon=icon_69]:before {
    content: "\F154\00FE0E"
}

[data-icon=icon_7]:before {
    content: "\F155\00FE0E"
}

[data-icon=icon_70]:before {
    content: "\F156\00FE0E"
}

[data-icon=icon_71]:before {
    content: "\F157\00FE0E"
}

[data-icon=icon_72]:before {
    content: "\F158\00FE0E"
}

[data-icon=icon_73]:before {
    content: "\F159\00FE0E"
}

[data-icon=icon_74]:before {
    content: "\F15A\00FE0E"
}

[data-icon=icon_75]:before {
    content: "\F15B\00FE0E"
}

[data-icon=icon_76]:before {
    content: "\F15C\00FE0E"
}

[data-icon=icon_77]:before {
    content: "\F15D\00FE0E"
}

[data-icon=icon_78]:before {
    content: "\F15E\00FE0E"
}

[data-icon=icon_79]:before {
    content: "\F15F\00FE0E"
}

[data-icon=icon_8]:before {
    content: "\F160\00FE0E"
}

[data-icon=icon_80]:before {
    content: "\F161\00FE0E"
}

[data-icon=icon_81]:before {
    content: "\F162\00FE0E"
}

[data-icon=icon_82]:before {
    content: "\F163\00FE0E"
}

[data-icon=icon_83]:before {
    content: "\F164\00FE0E"
}

[data-icon=icon_84]:before {
    content: "\F165\00FE0E"
}

[data-icon=icon_85]:before {
    content: "\F166\00FE0E"
}

[data-icon=icon_86]:before {
    content: "\F167\00FE0E"
}

[data-icon=icon_87]:before {
    content: "\F168\00FE0E"
}

[data-icon=icon_88]:before {
    content: "\F169\00FE0E"
}

[data-icon=icon_89]:before {
    content: "\F16A\00FE0E"
}

[data-icon=icon_9]:before {
    content: "\F16B\00FE0E"
}

[data-icon=icon_90]:before {
    content: "\F16C\00FE0E"
}

[data-icon=icon_91]:before {
    content: "\F16D\00FE0E"
}

[data-icon=icon_92]:before {
    content: "\F16E\00FE0E"
}

[data-icon=icon_93]:before {
    content: "\F16F\00FE0E"
}

[data-icon=icon_94]:before {
    content: "\F170\00FE0E"
}

[data-icon=icon_95]:before {
    content: "\F171\00FE0E"
}

[data-icon=icon_96]:before {
    content: "\F172\00FE0E"
}

[data-icon=icon_97]:before {
    content: "\F173\00FE0E"
}

[data-icon=icon_98]:before {
    content: "\F174\00FE0E"
}

[data-icon=icon_99]:before {
    content: "\F175\00FE0E"
}

[data-icon=approved-icon]:before {
    content: "\F176\00FE0E"
}

[data-icon=beauty]:before {
    content: "\F177\00FE0E"
}

[data-icon=book-stationary]:before {
    content: "\F178\00FE0E"
}

[data-icon=charity]:before {
    content: "\F179\00FE0E"
}

[data-icon=deleted]:before {
    content: "\F17A\00FE0E"
}

[data-icon=duplicated]:before {
    content: "\F17B\00FE0E"
}

[data-icon=electronic]:before {
    content: "\F17C\00FE0E"
}

[data-icon=fashion]:before {
    content: "\F17D\00FE0E"
}

[data-icon=fresh]:before {
    content: "\F17E\00FE0E"
}

[data-icon=home-kitchen]:before {
    content: "\F17F\00FE0E"
}

[data-icon=kids-toy]:before {
    content: "\F180\00FE0E"
}

[data-icon=moderated]:before {
    content: "\F181\00FE0E"
}

[data-icon=rejected-icon]:before {
    content: "\F182\00FE0E"
}

[data-icon=remained]:before {
    content: "\F183\00FE0E"
}

[data-icon=roosta]:before {
    content: "\F184\00FE0E"
}

[data-icon=sport-outdoor]:before {
    content: "\F185\00FE0E"
}

[data-icon=tools]:before {
    content: "\F186\00FE0E"
}

[data-icon=dk-3d-image]:before {
    content: "\F187\00FE0E"
}

[data-icon=dk-accessory]:before {
    content: "\F188\00FE0E"
}

[data-icon=dk-account]:before {
    content: "\F189\00FE0E"
}

[data-icon=dk-average]:before {
    content: "\F18A\00FE0E"
}

[data-icon=dk-brand]:before {
    content: "\F18B\00FE0E"
}

[data-icon=dk-close]:before {
    content: "\F18C\00FE0E"
}

[data-icon=dk-compare]:before {
    content: "\F18D\00FE0E"
}

[data-icon=dk-cordinates]:before {
    content: "\F18E\00FE0E"
}

[data-icon=dk-dashboard]:before {
    content: "\F18F\00FE0E"
}

[data-icon=dk-default]:before {
    content: "\F190\00FE0E"
}

[data-icon=dk-delete]:before {
    content: "\F191\00FE0E"
}

[data-icon=dk-delivery-man]:before {
    content: "\F192\00FE0E"
}

[data-icon=dk-discount]:before {
    content: "\F193\00FE0E"
}

[data-icon=dk-duplicate]:before {
    content: "\F194\00FE0E"
}

[data-icon=dk-edit]:before {
    content: "\F195\00FE0E"
}

[data-icon=dk-gift-card]:before {
    content: "\F196\00FE0E"
}

[data-icon=dk-gift]:before {
    content: "\F197\00FE0E"
}

[data-icon=dk-import]:before {
    content: "\F198\00FE0E"
}

[data-icon=dk-invoice]:before {
    content: "\F199\00FE0E"
}

[data-icon=dk-list-menu]:before {
    content: "\F19A\00FE0E"
}

[data-icon=dk-list]:before {
    content: "\F19B\00FE0E"
}

[data-icon=dk-marketplace]:before {
    content: "\F19C\00FE0E"
}

[data-icon=dk-menu]:before {
    content: "\F19D\00FE0E"
}

[data-icon=dk-minus]:before {
    content: "\F19E\00FE0E"
}

[data-icon=dk-order-tracking]:before {
    content: "\F19F\00FE0E"
}

[data-icon=dk-orders]:before {
    content: "\F1A0\00FE0E"
}

[data-icon=dk-package]:before {
    content: "\F1A1\00FE0E"
}

[data-icon=dk-packages-truck]:before {
    content: "\F1A2\00FE0E"
}

[data-icon=dk-payment]:before {
    content: "\F1A3\00FE0E"
}

[data-icon=dk-photo-album]:before {
    content: "\F1A4\00FE0E"
}

[data-icon=dk-pickup]:before {
    content: "\F1A5\00FE0E"
}

[data-icon=dk-pigeon-box]:before {
    content: "\F1A6\00FE0E"
}

[data-icon=dk-pigeon]:before {
    content: "\F1A7\00FE0E"
}

[data-icon=dk-plus]:before {
    content: "\F1A8\00FE0E"
}

[data-icon=dk-preview]:before {
    content: "\F1A9\00FE0E"
}

[data-icon=dk-price]:before {
    content: "\F1AA\00FE0E"
}

[data-icon=dk-product]:before {
    content: "\F1AB\00FE0E"
}

[data-icon=dk-related]:before {
    content: "\F1AC\00FE0E"
}

[data-icon=dk-score]:before {
    content: "\F1AD\00FE0E"
}

[data-icon=dk-search]:before {
    content: "\F1AE\00FE0E"
}

[data-icon=dk-settings]:before {
    content: "\F1AF\00FE0E"
}

[data-icon=dk-shopping]:before {
    content: "\F1B0\00FE0E"
}

[data-icon=dk-size]:before {
    content: "\F1B1\00FE0E"
}

[data-icon=dk-supply]:before {
    content: "\F1B2\00FE0E"
}

[data-icon=dk-tickets]:before {
    content: "\F1B3\00FE0E"
}

[data-icon=dk-trolley]:before {
    content: "\F1B4\00FE0E"
}

[data-icon=dk-type]:before {
    content: "\F1B5\00FE0E"
}

[data-icon=dk-user]:before {
    content: "\F1B6\00FE0E"
}

[data-icon=dk-variant]:before {
    content: "\F1B7\00FE0E"
}

[data-icon=dk-warehouse]:before {
    content: "\F1B8\00FE0E"
}

[data-icon=dkd-expert-review]:before {
    content: "\F1B9\00FE0E"
}

[data-icon=dkd-forsale]:before {
    content: "\F1BA\00FE0E"
}

[data-icon=dkd-manager-rating]:before {
    content: "\F1BB\00FE0E"
}

[data-icon=dkd-order-supply]:before {
    content: "\F1BC\00FE0E"
}

[data-icon=dkd-product-info-edit]:before {
    content: "\F1BD\00FE0E"
}

[data-icon=dkd-warehouse-allocation]:before {
    content: "\F1BE\00FE0E"
}

[data-icon=notifications]:before {
    content: "\F1BF\00FE0E"
}

.o-color-card-headline {
    background-color: #889098 !important
}

.o-text-color-card-headline {
    color: #889098 !important
}

.o-border-card-headline {
    border: 1px solid #889098 !important
}

.o-color-headline {
    background-color: #4a5f73 !important
}

.o-text-color-headline {
    color: #4a5f73 !important
}

.o-border-headline {
    border: 1px solid #4a5f73 !important
}

.o-color-black-5 {
    background-color: rgba(0,0,0,.05) !important
}

.o-text-color-black-5 {
    color: rgba(0,0,0,.05) !important
}

.o-border-black-5 {
    border: 1px solid rgba(0,0,0,.05) !important
}

.o-color-brownish-grey {
    background-color: #777 !important
}

.o-text-color-brownish-grey {
    color: #777 !important
}

.o-border-brownish-grey {
    border: 1px solid #777 !important
}

.o-color-seller-primary {
    background-color: #4fcce9 !important
}

.o-text-color-seller-primary {
    color: #4fcce9 !important
}

.o-border-seller-primary {
    border: 1px solid #4fcce9 !important
}

.o-color-seller-primary-light {
    background-color: #81dbf1 !important
}

.o-text-color-seller-primary-light {
    color: #81dbf1 !important
}

.o-border-seller-primary-light {
    border: 1px solid #81dbf1 !important
}

.o-color-seller-primary-dark {
    background-color: #16b7db !important
}

.o-text-color-seller-primary-dark {
    color: #16b7db !important
}

.o-border-seller-primary-dark {
    border: 1px solid #16b7db !important
}

.o-color-seller-secondary {
    background-color: #0e73ad !important
}

.o-text-color-seller-secondary {
    color: #0e73ad !important
}

.o-border-seller-secondary {
    border: 1px solid #0e73ad !important
}

.o-color-seller-secondary-light {
    background-color: #a0e2d0 !important
}

.o-text-color-seller-secondary-light {
    color: #a0e2d0 !important
}

.o-border-seller-secondary-light {
    border: 1px solid #a0e2d0 !important
}

.o-color-seller-secondary-dark {
    background-color: #00b993 !important
}

.o-text-color-seller-secondary-dark {
    color: #00b993 !important
}

.o-border-seller-secondary-dark {
    border: 1px solid #00b993 !important
}

.o-color-seller-error {
    background-color: #ef5661 !important
}

.o-text-color-seller-error {
    color: #ef5661 !important
}

.o-border-seller-error {
    border: 1px solid #ef5661 !important
}

.o-color-seller-warning {
    background-color: #f9a825 !important
}

.o-text-color-seller-warning {
    color: #f9a825 !important
}

.o-border-seller-warning {
    border: 1px solid #f9a825 !important
}

.o-color-seller-rating-5 {
    background-color: #3dc3a2 !important
}

.o-text-color-seller-rating-5 {
    color: #3dc3a2 !important
}

.o-border-seller-rating-5 {
    border: 1px solid #3dc3a2 !important
}

.o-color-seller-rating-4 {
    background-color: #a0d468 !important
}

.o-text-color-seller-rating-4 {
    color: #a0d468 !important
}

.o-border-seller-rating-4 {
    border: 1px solid #a0d468 !important
}

.o-color-seller-rating-3 {
    background-color: #f6bb42 !important
}

.o-text-color-seller-rating-3 {
    color: #f6bb42 !important
}

.o-border-seller-rating-3 {
    border: 1px solid #f6bb42 !important
}

.o-color-seller-rating-2 {
    background-color: #fc6e51 !important
}

.o-text-color-seller-rating-2 {
    color: #fc6e51 !important
}

.o-border-seller-rating-2 {
    border: 1px solid #fc6e51 !important
}

.o-color-seller-rating-1 {
    background-color: #da4453 !important
}

.o-text-color-seller-rating-1 {
    color: #da4453 !important
}

.o-border-seller-rating-1 {
    border: 1px solid #da4453 !important
}

.o-color-n-900 {
    background-color: #030a16 !important
}

.o-text-color-n-900 {
    color: #030a16 !important
}

.o-border-n-900 {
    border: 1px solid #030a16 !important
}

.o-color-n-800 {
    background-color: #232933 !important
}

.o-text-color-n-800 {
    color: #232933 !important
}

.o-border-n-800 {
    border: 1px solid #232933 !important
}

.o-color-n-700 {
    background-color: #424750 !important
}

.o-text-color-n-700 {
    color: #424750 !important
}

.o-border-n-700 {
    border: 1px solid #424750 !important
}

.o-color-n-600 {
    background-color: #62666d !important
}

.o-text-color-n-600 {
    color: #62666d !important
}

.o-border-n-600 {
    border: 1px solid #62666d !important
}

.o-color-n-500 {
    background-color: #81858b !important
}

.o-text-color-n-500 {
    color: #81858b !important
}

.o-border-n-500 {
    border: 1px solid #81858b !important
}

.o-color-n-400 {
    background-color: #a1a3a8 !important
}

.o-text-color-n-400 {
    color: #a1a3a8 !important
}

.o-border-n-400 {
    border: 1px solid #a1a3a8 !important
}

.o-color-n-300 {
    background-color: #c0c2c5 !important
}

.o-text-color-n-300 {
    color: #c0c2c5 !important
}

.o-border-n-300 {
    border: 1px solid #c0c2c5 !important
}

.o-color-n-200 {
    background-color: #e0e0e2 !important
}

.o-text-color-n-200 {
    color: #e0e0e2 !important
}

.o-border-n-200 {
    border: 1px solid #e0e0e2 !important
}

.o-color-n-100 {
    background-color: #f0f0f1 !important
}

.o-text-color-n-100 {
    color: #f0f0f1 !important
}

.o-border-n-100 {
    border: 1px solid #f0f0f1 !important
}

.o-color-n-050 {
    background-color: #f7f7f8 !important
}

.o-text-color-n-050 {
    color: #f7f7f8 !important
}

.o-border-n-050 {
    border: 1px solid #f7f7f8 !important
}

.o-color-n-000 {
    background-color: #fff !important
}

.o-text-color-n-000 {
    color: #fff !important
}

.o-border-n-000 {
    border: 1px solid #fff !important
}

.o-color-seller-background {
    background-color: #f5f7fa !important
}

.o-text-color-seller-background {
    color: #f5f7fa !important
}

.o-border-seller-background {
    border: 1px solid #f5f7fa !important
}

.o-color-dialogue-light {
    background-color: rgba(0,0,0,.1) !important
}

.o-text-color-dialogue-light {
    color: rgba(0,0,0,.1) !important
}

.o-border-dialogue-light {
    border: 1px solid rgba(0,0,0,.1) !important
}

.o-color-dialogue-dark {
    background-color: rgba(0,0,0,.3) !important
}

.o-text-color-dialogue-dark {
    color: rgba(0,0,0,.3) !important
}

.o-border-dialogue-dark {
    border: 1px solid rgba(0,0,0,.3) !important
}

.o-color-seller-secondary-10 {
    background-color: rgba(87,207,177,.1) !important
}

.o-text-color-seller-secondary-10 {
    color: rgba(87,207,177,.1) !important
}

.o-border-seller-secondary-10 {
    border: 1px solid rgba(87,207,177,.1) !important
}

.o-color-seller-secondary-2 {
    background-color: rgba(0,211,176,.2) !important
}

.o-text-color-seller-secondary-2 {
    color: rgba(0,211,176,.2) !important
}

.o-border-seller-secondary-2 {
    border: 1px solid rgba(0,211,176,.2) !important
}

.o-color-reddish-5 {
    background-color: rgba(211,47,47,.05) !important
}

.o-text-color-reddish-5 {
    color: rgba(211,47,47,.05) !important
}

.o-border-reddish-5 {
    border: 1px solid rgba(211,47,47,.05) !important
}

.o-color-seller-warning-5 {
    background-color: rgba(249,168,37,.05) !important
}

.o-text-color-seller-warning-5 {
    color: rgba(249,168,37,.05) !important
}

.o-border-seller-warning-5 {
    border: 1px solid rgba(249,168,37,.05) !important
}

.o-color-n-800-5 {
    background-color: rgba(35,41,51,.05) !important
}

.o-text-color-n-800-5 {
    color: rgba(35,41,51,.05) !important
}

.o-border-n-800-5 {
    border: 1px solid rgba(35,41,51,.05) !important
}

.o-color-seller-primary-8 {
    background-color: rgba(79,204,233,.08) !important
}

.o-text-color-seller-primary-8 {
    color: rgba(79,204,233,.08) !important
}

.o-border-seller-primary-8 {
    border: 1px solid rgba(79,204,233,.08) !important
}

.o-color-seller-primary-1 {
    background-color: rgba(79,204,233,.1) !important
}

.o-text-color-seller-primary-1 {
    color: rgba(79,204,233,.1) !important
}

.o-border-seller-primary-1 {
    border: 1px solid rgba(79,204,233,.1) !important
}

.o-color-seller-primary-2 {
    background-color: rgba(79,204,233,.2) !important
}

.o-text-color-seller-primary-2 {
    color: rgba(79,204,233,.2) !important
}

.o-border-seller-primary-2 {
    border: 1px solid rgba(79,204,233,.2) !important
}

.o-color-seller-error-1 {
    background-color: rgba(239,86,97,.1) !important
}

.o-text-color-seller-error-1 {
    color: rgba(239,86,97,.1) !important
}

.o-border-seller-error-1 {
    border: 1px solid rgba(239,86,97,.1) !important
}

.o-color-seller-error-5 {
    background-color: rgba(239,86,97,.05) !important
}

.o-text-color-seller-error-5 {
    color: rgba(239,86,97,.05) !important
}

.o-border-seller-error-5 {
    border: 1px solid rgba(239,86,97,.05) !important
}

.o-color-pale-grey {
    background-color: #e6eaef !important
}

.o-text-color-pale-grey {
    color: #e6eaef !important
}

.o-border-pale-grey {
    border: 1px solid #e6eaef !important
}

.o-color-seller-background-light {
    background-color: #f9fafc !important
}

.o-text-color-seller-background-light {
    color: #f9fafc !important
}

.o-border-seller-background-light {
    border: 1px solid #f9fafc !important
}

.o-btn {
    border-radius: 8px;
    cursor: pointer;
    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;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none
}

    .o-btn .disabled {
        background: #e6e9ed;
        color: #fff;
        pointer-events: none;
        cursor: default;
        border: none
    }

    .o-btn:disabled {
        background: #e6e9ed;
        color: #fff;
        pointer-events: none;
        cursor: default;
        border: none
    }

.o-btn--common-outlined-gray {
    border: 1px solid #e0e0e2;
    background: #f5f7fa;
    color: #81858b;
    min-width: 144px;
    height: 40px;
    line-height: 40px
}

.o-btn--contained-primary-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #4fcce9;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-icon.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-icon:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-sm-icon:active {
        background-color: #16b7db
    }

.o-btn--contained-primary-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #4fcce9;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 142px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-primary-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-text-icon-left:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-sm-text-icon-left:active {
        background-color: #16b7db
    }

.o-btn--contained-primary-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #4fcce9;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-primary-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-text-icon-right:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-sm-text-icon-right:active {
        background-color: #16b7db
    }

.o-btn--contained-primary-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #4fcce9;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-text.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-sm-text:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-sm-text:active {
        background-color: #16b7db
    }

.o-btn--outlined-primary-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-sm-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-icon.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-icon:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-sm-icon:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--outlined-primary-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-sm-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-primary-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-text-icon-left:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-sm-text-icon-left:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--outlined-primary-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-sm-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-primary-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-text-icon-right:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-sm-text-icon-right:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--outlined-primary-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-sm-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-text.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-sm-text:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-sm-text:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--contained-secondary-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #0e73ad;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-icon.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-icon:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-sm-icon:active {
        background-color: #00b993
    }

.o-btn--contained-secondary-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #0e73ad;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 142px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-secondary-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-text-icon-left:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-sm-text-icon-left:active {
        background-color: #00b993
    }

.o-btn--contained-secondary-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #0e73ad;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-secondary-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-text-icon-right:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-sm-text-icon-right:active {
        background-color: #00b993
    }

.o-btn--contained-secondary-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #0e73ad;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-text.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-sm-text:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-sm-text:active {
        background-color: #00b993
    }

.o-btn--outlined-secondary-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-sm-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-icon.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-icon:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-sm-icon:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--outlined-secondary-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-sm-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-secondary-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-text-icon-left:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-sm-text-icon-left:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--outlined-secondary-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-sm-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-secondary-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-text-icon-right:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-sm-text-icon-right:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--outlined-secondary-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-sm-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-text.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-sm-text:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-sm-text:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--contained-error-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #ef5661;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-icon.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-icon:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-sm-icon:active {
        background-color: #e63c48
    }

.o-btn--contained-error-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #ef5661;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 142px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-error-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-text-icon-left:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-sm-text-icon-left:active {
        background-color: #e63c48
    }

.o-btn--contained-error-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #ef5661;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-error-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-text-icon-right:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-sm-text-icon-right:active {
        background-color: #e63c48
    }

.o-btn--contained-error-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #ef5661;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-text.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-sm-text:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-sm-text:active {
        background-color: #e63c48
    }

.o-btn--outlined-error-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #ef5661;
    color: #ef5661;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-sm-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-icon.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-icon:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-sm-icon:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--outlined-error-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #ef5661;
    color: #ef5661;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-sm-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-error-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-text-icon-left:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-sm-text-icon-left:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--outlined-error-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #ef5661;
    color: #ef5661;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-sm-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-error-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-text-icon-right:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-sm-text-icon-right:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--outlined-error-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #ef5661;
    color: #ef5661;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-sm-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-text.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-sm-text:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-sm-text:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--contained-gray-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #c0c2c5;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-icon.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-icon:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-sm-icon:active {
        background-color: #a1a3a8
    }

.o-btn--contained-gray-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #c0c2c5;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 142px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-gray-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-text-icon-left:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-sm-text-icon-left:active {
        background-color: #a1a3a8
    }

.o-btn--contained-gray-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #c0c2c5;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-gray-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-text-icon-right:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-sm-text-icon-right:active {
        background-color: #a1a3a8
    }

.o-btn--contained-gray-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #c0c2c5;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-text.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-sm-text:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-sm-text:active {
        background-color: #a1a3a8
    }

.o-btn--outlined-gray-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-sm-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-icon.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-icon:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-sm-icon:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--outlined-gray-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-sm-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-gray-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-text-icon-left:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-sm-text-icon-left:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--outlined-gray-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-sm-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-gray-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-text-icon-right:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-sm-text-icon-right:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--outlined-gray-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-sm-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-text.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-sm-text:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-sm-text:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--contained-gray-light-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #e6e9ed;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-sm-icon.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-sm-icon:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-sm-icon:active {
        background-color: #fff
    }

.o-btn--contained-gray-light-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #e6e9ed;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 142px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-gray-light-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-sm-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-sm-text-icon-left:active {
        background-color: #fff
    }

.o-btn--contained-gray-light-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #e6e9ed;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-gray-light-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-sm-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-sm-text-icon-right:active {
        background-color: #fff
    }

.o-btn--contained-gray-light-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #e6e9ed;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-sm-text.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-sm-text:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-sm-text:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-sm-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-sm-icon.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-sm-icon:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-sm-icon:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-sm-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-gray-light-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-sm-text-icon-left.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-sm-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-sm-text-icon-left:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-sm-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-gray-light-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-sm-text-icon-right.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-sm-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-sm-text-icon-right:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-sm-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-sm-text.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-sm-text:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-sm-text:active {
        background-color: #fff
    }

.o-btn--contained-white-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #fff;
    color: #000;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 36px;
    width: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-sm-icon.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-sm-icon:hover {
        background-color: #fff
    }

    .o-btn--contained-white-sm-icon:active {
        background-color: #fff
    }

.o-btn--contained-white-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #fff;
    color: #000;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 142px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-white-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-sm-text-icon-left.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-sm-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--contained-white-sm-text-icon-left:active {
        background-color: #fff
    }

.o-btn--contained-white-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #fff;
    color: #000;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-white-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-sm-text-icon-right.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-sm-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--contained-white-sm-text-icon-right:active {
        background-color: #fff
    }

.o-btn--contained-white-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    background-color: #fff;
    color: #000;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-sm-text.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-sm-text:hover {
        background-color: #fff
    }

    .o-btn--contained-white-sm-text:active {
        background-color: #fff
    }

.o-btn--outlined-white-sm-icon {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-sm-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-sm-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-sm-icon.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-sm-icon:hover {
        background-color: #fff
    }

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

.o-btn--outlined-white-sm-text-icon-left {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #fff;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 9px;
    height: 36px;
    min-width: 140px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-sm-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-sm-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-white-sm-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-sm-text-icon-left.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-sm-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--outlined-white-sm-text-icon-left:active {
        background-color: #fff
    }

.o-btn--outlined-white-sm-text-icon-right {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #fff;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-sm-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-sm-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-white-sm-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-sm-text-icon-right.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-sm-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--outlined-white-sm-text-icon-right:active {
        background-color: #fff
    }

.o-btn--outlined-white-sm-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 36px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-sm-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-sm-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-sm-text.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-sm-text:hover {
        background-color: #fff
    }

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

.o-btn--contained-primary-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #4fcce9;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-icon.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-icon:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-lg-icon:active {
        background-color: #16b7db
    }

.o-btn--contained-primary-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #4fcce9;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 128px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-primary-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-text-icon-left:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-lg-text-icon-left:active {
        background-color: #16b7db
    }

.o-btn--contained-primary-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #4fcce9;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-primary-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-text-icon-right:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-lg-text-icon-right:active {
        background-color: #16b7db
    }

.o-btn--contained-primary-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #4fcce9;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-primary-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-text.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--contained-primary-lg-text:hover {
        background-color: #81dbf1
    }

    .o-btn--contained-primary-lg-text:active {
        background-color: #16b7db
    }

.o-btn--outlined-primary-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-lg-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-icon.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-icon:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-lg-icon:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--outlined-primary-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 126px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-lg-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-primary-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-text-icon-left:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-lg-text-icon-left:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--outlined-primary-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-lg-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-primary-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-text-icon-right:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-lg-text-icon-right:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--outlined-primary-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-primary-lg-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-primary-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-text.o-btn--light-border {
        border-color: rgba(79,204,233,.2)
    }

    .o-btn--outlined-primary-lg-text:hover {
        background-color: rgba(79,204,233,.05)
    }

    .o-btn--outlined-primary-lg-text:active {
        background-color: rgba(79,204,233,.3)
    }

.o-btn--contained-secondary-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #0e73ad;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-icon.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-icon:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-lg-icon:active {
        background-color: #00b993
    }

.o-btn--contained-secondary-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #0e73ad;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 128px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-secondary-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-text-icon-left:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-lg-text-icon-left:active {
        background-color: #00b993
    }

.o-btn--contained-secondary-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #0e73ad;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-secondary-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-text-icon-right:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-lg-text-icon-right:active {
        background-color: #00b993
    }

.o-btn--contained-secondary-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #0e73ad;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-secondary-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-text.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--contained-secondary-lg-text:hover {
        background-color: #a0e2d0
    }

    .o-btn--contained-secondary-lg-text:active {
        background-color: #00b993
    }

.o-btn--outlined-secondary-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-lg-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-icon.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-icon:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-lg-icon:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--outlined-secondary-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 126px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-lg-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-secondary-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-text-icon-left:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-lg-text-icon-left:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--outlined-secondary-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-lg-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-secondary-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-text-icon-right:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-lg-text-icon-right:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--outlined-secondary-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-secondary-lg-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-secondary-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-text.o-btn--light-border {
        border-color: rgba(87,207,177,.2)
    }

    .o-btn--outlined-secondary-lg-text:hover {
        background-color: rgba(87,207,177,.05)
    }

    .o-btn--outlined-secondary-lg-text:active {
        background-color: rgba(87,207,177,.3)
    }

.o-btn--contained-error-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #ef5661;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-icon.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-icon:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-lg-icon:active {
        background-color: #e63c48
    }

.o-btn--contained-error-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #ef5661;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 128px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-error-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-text-icon-left:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-lg-text-icon-left:active {
        background-color: #e63c48
    }

.o-btn--contained-error-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #ef5661;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-error-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-text-icon-right:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-lg-text-icon-right:active {
        background-color: #e63c48
    }

.o-btn--contained-error-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #ef5661;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-error-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-text.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--contained-error-lg-text:hover {
        background-color: #e3767f
    }

    .o-btn--contained-error-lg-text:active {
        background-color: #e63c48
    }

.o-btn--outlined-error-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #ef5661;
    color: #ef5661;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-lg-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-icon.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-icon:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-lg-icon:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--outlined-error-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #ef5661;
    color: #ef5661;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 126px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-lg-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-error-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-text-icon-left:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-lg-text-icon-left:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--outlined-error-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #ef5661;
    color: #ef5661;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-lg-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-error-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-text-icon-right:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-lg-text-icon-right:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--outlined-error-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #ef5661;
    color: #ef5661;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-error-lg-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-error-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-text.o-btn--light-border {
        border-color: rgba(239,86,97,.2)
    }

    .o-btn--outlined-error-lg-text:hover {
        background-color: rgba(239,86,97,.05)
    }

    .o-btn--outlined-error-lg-text:active {
        background-color: rgba(239,86,97,.3)
    }

.o-btn--contained-gray-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #c0c2c5;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-icon.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-icon:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-lg-icon:active {
        background-color: #a1a3a8
    }

.o-btn--contained-gray-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #c0c2c5;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 128px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-gray-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-text-icon-left:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-lg-text-icon-left:active {
        background-color: #a1a3a8
    }

.o-btn--contained-gray-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #c0c2c5;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

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

    .o-btn--contained-gray-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-text-icon-right:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-lg-text-icon-right:active {
        background-color: #a1a3a8
    }

.o-btn--contained-gray-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #c0c2c5;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-text.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--contained-gray-lg-text:hover {
        background-color: #dadada
    }

    .o-btn--contained-gray-lg-text:active {
        background-color: #a1a3a8
    }

.o-btn--outlined-gray-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-lg-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-icon.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-icon:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-lg-icon:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--outlined-gray-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 126px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-lg-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-gray-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-text-icon-left:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-lg-text-icon-left:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--outlined-gray-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-lg-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

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

    .o-btn--outlined-gray-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-text-icon-right:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-lg-text-icon-right:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--outlined-gray-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #c0c2c5;
    color: #c0c2c5;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-lg-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.2);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-text.o-btn--light-border {
        border-color: rgba(192,194,197,.2)
    }

    .o-btn--outlined-gray-lg-text:hover {
        background-color: rgba(192,194,197,.05)
    }

    .o-btn--outlined-gray-lg-text:active {
        background-color: rgba(192,194,197,.3)
    }

.o-btn--contained-gray-light-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #e6e9ed;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-lg-icon.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-lg-icon:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-lg-icon:active {
        background-color: #fff
    }

.o-btn--contained-gray-light-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #e6e9ed;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 128px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-gray-light-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-lg-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-lg-text-icon-left:active {
        background-color: #fff
    }

.o-btn--contained-gray-light-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #e6e9ed;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--contained-gray-light-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-lg-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-lg-text-icon-right:active {
        background-color: #fff
    }

.o-btn--contained-gray-light-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #e6e9ed;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-gray-light-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-gray-light-lg-text.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--contained-gray-light-lg-text:hover {
        background-color: #fff
    }

    .o-btn--contained-gray-light-lg-text:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-lg-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-lg-icon.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-lg-icon:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-lg-icon:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 126px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-lg-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-gray-light-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-lg-text-icon-left.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-lg-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-lg-text-icon-left:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-lg-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-lg-text-icon-right:before {
        margin-left: 10px
    }

    .o-btn--outlined-gray-light-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-lg-text-icon-right.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-lg-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-lg-text-icon-right:active {
        background-color: #fff
    }

.o-btn--outlined-gray-light-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-gray-light-lg-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-gray-light-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-gray-light-lg-text.o-btn--light-border {
        border-color: rgba(230,233,237,.2)
    }

    .o-btn--outlined-gray-light-lg-text:hover {
        background-color: #fff
    }

    .o-btn--outlined-gray-light-lg-text:active {
        background-color: #fff
    }

.o-btn--contained-white-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #fff;
    color: #000;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-lg-icon.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-lg-icon:hover {
        background-color: #fff
    }

    .o-btn--contained-white-lg-icon:active {
        background-color: #fff
    }

.o-btn--contained-white-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #fff;
    color: #000;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 128px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--contained-white-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-lg-text-icon-left.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-lg-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--contained-white-lg-text-icon-left:active {
        background-color: #fff
    }

.o-btn--contained-white-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #fff;
    color: #000;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

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

    .o-btn--contained-white-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-lg-text-icon-right.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-lg-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--contained-white-lg-text-icon-right:active {
        background-color: #fff
    }

.o-btn--contained-white-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    background-color: #fff;
    color: #000;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 144px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--contained-white-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--contained-white-lg-text.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--contained-white-lg-text:hover {
        background-color: #fff
    }

    .o-btn--contained-white-lg-text:active {
        background-color: #fff
    }

.o-btn--outlined-white-lg-icon {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #fff;
    color: #fff;
    padding: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-lg-icon:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-lg-icon.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-lg-icon.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-lg-icon:hover {
        background-color: #fff
    }

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

.o-btn--outlined-white-lg-text-icon-left {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #fff;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 16px;
    height: 40px;
    min-width: 126px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-lg-text-icon-left:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-lg-text-icon-left[data-icon] {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .o-btn--outlined-white-lg-text-icon-left.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-lg-text-icon-left.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-lg-text-icon-left:hover {
        background-color: #fff
    }

    .o-btn--outlined-white-lg-text-icon-left:active {
        background-color: #fff
    }

.o-btn--outlined-white-lg-text-icon-right {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #fff;
    color: #fff;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-lg-text-icon-right:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

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

    .o-btn--outlined-white-lg-text-icon-right.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-lg-text-icon-right.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-lg-text-icon-right:hover {
        background-color: #fff
    }

    .o-btn--outlined-white-lg-text-icon-right:active {
        background-color: #fff
    }

.o-btn--outlined-white-lg-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 142px;
    height: 40px;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

    .o-btn--outlined-white-lg-text:disabled {
        background: #fff;
        color: #e6e9ed;
        pointer-events: none;
        cursor: default;
        border: 1px solid #e6e9ed
    }

    .o-btn--outlined-white-lg-text.o-btn--with-shadow {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
        box-shadow: 0 6px 12px 0 rgba(0,0,0,.2)
    }

    .o-btn--outlined-white-lg-text.o-btn--light-border {
        border-color: hsla(0,0%,100%,.2)
    }

    .o-btn--outlined-white-lg-text:hover {
        background-color: #fff
    }

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

.o-shadow-success {
    -webkit-box-shadow: 0 6px 12px rgba(87,207,177,.2) !important;
    box-shadow: 0 6px 12px rgba(87,207,177,.2) !important
}

.o-shadow-error {
    -webkit-box-shadow: 0 6px 12px rgba(239,86,97,.05) !important;
    box-shadow: 0 6px 12px rgba(239,86,97,.05) !important
}

.o-spacing-p-0 {
    padding: 0 !important
}

.o-spacing-p-l-0 {
    padding-left: 0 !important
}

.o-spacing-p-r-0 {
    padding-right: 0 !important
}

.o-spacing-p-t-0 {
    padding-top: 0 !important
}

.o-spacing-p-b-0 {
    padding-bottom: 0 !important
}

.o-spacing-m-0 {
    margin: 0 !important
}

.o-spacing-m-t-0 {
    margin-top: 0 !important
}

.o-spacing-m-r-0 {
    margin-right: 0 !important
}

.o-spacing-m-b-0 {
    margin-bottom: 0 !important
}

.o-spacing-m-l-0 {
    margin-left: 0 !important
}

.o-spacing-p-1 {
    padding: 5px !important
}

.o-spacing-p-l-1 {
    padding-left: 5px !important
}

.o-spacing-p-r-1 {
    padding-right: 5px !important
}

.o-spacing-p-t-1 {
    padding-top: 5px !important
}

.o-spacing-p-b-1 {
    padding-bottom: 5px !important
}

.o-spacing-m-1 {
    margin: 5px !important
}

.o-spacing-m-t-1 {
    margin-top: 5px !important
}

.o-spacing-m-r-1 {
    margin-right: 5px !important
}

.o-spacing-m-b-1 {
    margin-bottom: 5px !important
}

.o-spacing-m-l-1 {
    margin-left: 5px !important
}

.o-spacing-p-2 {
    padding: 10px !important
}

.o-spacing-p-l-2 {
    padding-left: 10px !important
}

.o-spacing-p-r-2 {
    padding-right: 10px !important
}

.o-spacing-p-t-2 {
    padding-top: 10px !important
}

.o-spacing-p-b-2 {
    padding-bottom: 10px !important
}

.o-spacing-m-2 {
    margin: 10px !important
}

.o-spacing-m-t-2 {
    margin-top: 10px !important
}

.o-spacing-m-r-2 {
    margin-right: 10px !important
}

.o-spacing-m-b-2 {
    margin-bottom: 10px !important
}

.o-spacing-m-l-2 {
    margin-left: 10px !important
}

.o-spacing-p-3 {
    padding: 15px !important
}

.o-spacing-p-l-3 {
    padding-left: 15px !important
}

.o-spacing-p-r-3 {
    padding-right: 15px !important
}

.o-spacing-p-t-3 {
    padding-top: 15px !important
}

.o-spacing-p-b-3 {
    padding-bottom: 15px !important
}

.o-spacing-m-3 {
    margin: 15px !important
}

.o-spacing-m-t-3 {
    margin-top: 15px !important
}

.o-spacing-m-r-3 {
    margin-right: 15px !important
}

.o-spacing-m-b-3 {
    margin-bottom: 15px !important
}

.o-spacing-m-l-3 {
    margin-left: 15px !important
}

.o-spacing-p-4 {
    padding: 20px !important
}

.o-spacing-p-l-4 {
    padding-left: 20px !important
}

.o-spacing-p-r-4 {
    padding-right: 20px !important
}

.o-spacing-p-t-4 {
    padding-top: 20px !important
}

.o-spacing-p-b-4 {
    padding-bottom: 20px !important
}

.o-spacing-m-4 {
    margin: 20px !important
}

.o-spacing-m-t-4 {
    margin-top: 20px !important
}

.o-spacing-m-r-4 {
    margin-right: 20px !important
}

.o-spacing-m-b-4 {
    margin-bottom: 20px !important
}

.o-spacing-m-l-4 {
    margin-left: 20px !important
}

.o-spacing-p-5 {
    padding: 25px !important
}

.o-spacing-p-l-5 {
    padding-left: 25px !important
}

.o-spacing-p-r-5 {
    padding-right: 25px !important
}

.o-spacing-p-t-5 {
    padding-top: 25px !important
}

.o-spacing-p-b-5 {
    padding-bottom: 25px !important
}

.o-spacing-m-5 {
    margin: 25px !important
}

.o-spacing-m-t-5 {
    margin-top: 25px !important
}

.o-spacing-m-r-5 {
    margin-right: 25px !important
}

.o-spacing-m-b-5 {
    margin-bottom: 25px !important
}

.o-spacing-m-l-5 {
    margin-left: 25px !important
}

.o-spacing-p-6 {
    padding: 30px !important
}

.o-spacing-p-l-6 {
    padding-left: 30px !important
}

.o-spacing-p-r-6 {
    padding-right: 30px !important
}

.o-spacing-p-t-6 {
    padding-top: 30px !important
}

.o-spacing-p-b-6 {
    padding-bottom: 30px !important
}

.o-spacing-m-6 {
    margin: 30px !important
}

.o-spacing-m-t-6 {
    margin-top: 30px !important
}

.o-spacing-m-r-6 {
    margin-right: 30px !important
}

.o-spacing-m-b-6 {
    margin-bottom: 30px !important
}

.o-spacing-m-l-6 {
    margin-left: 30px !important
}

.o-spacing-p-7 {
    padding: 35px !important
}

.o-spacing-p-l-7 {
    padding-left: 35px !important
}

.o-spacing-p-r-7 {
    padding-right: 35px !important
}

.o-spacing-p-t-7 {
    padding-top: 35px !important
}

.o-spacing-p-b-7 {
    padding-bottom: 35px !important
}

.o-spacing-m-7 {
    margin: 35px !important
}

.o-spacing-m-t-7 {
    margin-top: 35px !important
}

.o-spacing-m-r-7 {
    margin-right: 35px !important
}

.o-spacing-m-b-7 {
    margin-bottom: 35px !important
}

.o-spacing-m-l-7 {
    margin-left: 35px !important
}

.o-spacing-p-8 {
    padding: 40px !important
}

.o-spacing-p-l-8 {
    padding-left: 40px !important
}

.o-spacing-p-r-8 {
    padding-right: 40px !important
}

.o-spacing-p-t-8 {
    padding-top: 40px !important
}

.o-spacing-p-b-8 {
    padding-bottom: 40px !important
}

.o-spacing-m-8 {
    margin: 40px !important
}

.o-spacing-m-t-8 {
    margin-top: 40px !important
}

.o-spacing-m-r-8 {
    margin-right: 40px !important
}

.o-spacing-m-b-8 {
    margin-bottom: 40px !important
}

.o-spacing-m-l-8 {
    margin-left: 40px !important
}

.o-spacing-p-9 {
    padding: 45px !important
}

.o-spacing-p-l-9 {
    padding-left: 45px !important
}

.o-spacing-p-r-9 {
    padding-right: 45px !important
}

.o-spacing-p-t-9 {
    padding-top: 45px !important
}

.o-spacing-p-b-9 {
    padding-bottom: 45px !important
}

.o-spacing-m-9 {
    margin: 45px !important
}

.o-spacing-m-t-9 {
    margin-top: 45px !important
}

.o-spacing-m-r-9 {
    margin-right: 45px !important
}

.o-spacing-m-b-9 {
    margin-bottom: 45px !important
}

.o-spacing-m-l-9 {
    margin-left: 45px !important
}

.o-spacing-p-10 {
    padding: 50px !important
}

.o-spacing-p-l-10 {
    padding-left: 50px !important
}

.o-spacing-p-r-10 {
    padding-right: 50px !important
}

.o-spacing-p-t-10 {
    padding-top: 50px !important
}

.o-spacing-p-b-10 {
    padding-bottom: 50px !important
}

.o-spacing-m-10 {
    margin: 50px !important
}

.o-spacing-m-t-10 {
    margin-top: 50px !important
}

.o-spacing-m-r-10 {
    margin-right: 50px !important
}

.o-spacing-m-b-10 {
    margin-bottom: 50px !important
}

.o-spacing-m-l-10 {
    margin-left: 50px !important
}

.o-font-size-10 {
    font-size: .71rem !important
}

.o-font-size-12 {
    font-size: .85rem !important
}

.o-font-size-13 {
    font-size: .91rem !important
}

.o-font-size-14 {
    font-size: 1rem !important
}

.o-font-size-16 {
    font-size: 1.14rem !important
}

.o-font-size-18 {
    font-size: 1.28rem !important
}

.o-font-size-20 {
    font-size: 1.42rem !important
}

.o-font-size-22 {
    font-size: 1.57rem !important
}

.o-font-size-28 {
    font-size: 2rem !important
}

.o-font-size-30 {
    font-size: 2.14rem !important
}

.o-status {
    border-radius: 15px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    line-height: 1.54;
    text-align: right;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.o-status--primery {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

.o-status--warning {
    color: #f9a825;
    background-color: rgba(249,168,37,.1)
}

.o-status--danger {
    color: #ef5661;
    background-color: rgba(211,47,47,.1)
}

.o-status--deactive {
    color: #777;
    background-color: #f5f5f5
}

.o-status--secondary {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

.o-status--approved {
    color: #a0d468;
    background-color: rgba(160,212,104,.1)
}

.o-complete-status {
    border-radius: 15px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    line-height: 1.54;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .o-complete-status:before {
        content: "\F0A0\00FE0E"
    }

.o-complete-status--primery {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

    .o-complete-status--primery:before {
        color: #4fcce9;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.o-complete-status--warning {
    color: #f9a825;
    background-color: rgba(249,168,37,.1)
}

    .o-complete-status--warning:before {
        color: #f9a825;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.o-complete-status--danger {
    color: #ef5661;
    background-color: rgba(211,47,47,.1)
}

    .o-complete-status--danger:before {
        color: #ef5661;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.o-complete-status--deactive {
    color: #777;
    background-color: #f5f5f5
}

    .o-complete-status--deactive:before {
        color: #777;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.o-complete-status--secondary {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

    .o-complete-status--secondary:before {
        color: #0e73ad;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.o-complete-status--approved {
    color: #a0d468
}

    .o-complete-status--approved:before {
        color: #a0d468;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.o-badge {
    border-radius: 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    padding: 1px 8px;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.o-badge--primery {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1);
    border: 1px solid rgba(79,204,233,.2)
}

.o-badge--warning {
    color: #f9a825;
    background-color: rgba(249,168,37,.1);
    border: 1px solid rgba(249,168,37,.2)
}

.o-badge--danger {
    color: #ef5661;
    background-color: rgba(211,47,47,.1);
    border: 1px solid rgba(239,86,97,.1)
}

.o-badge--deactive {
    color: #777
}

.o-badge--secondary {
    color: #0e73ad
}

.o-badge--approved {
    color: #a0d468
}

[data-tooltip-type=normal] {
    position: relative
}

    [data-tooltip-type=normal] > [data-tooltip-body] {
        visibility: hidden;
        position: absolute;
        background-color: #fff;
        border: 1px solid #e6e9ed;
        padding: 10px;
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        width: 200px;
        min-height: 40px;
        height: auto;
        top: 100%;
        right: 0;
        border-radius: 8px;
        color: #62666d;
        font-weight: 400;
        text-align: right;
        z-index: 1000;
        opacity: 0;
        -webkit-transition: all .5s ease-in-out .2s;
        transition: all .5s ease-in-out .2s;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

    [data-tooltip-type=normal]:hover > [data-tooltip-body] {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out
    }

    [data-tooltip-type=normal][data-tooltip-position=tr] > [data-tooltip-body] {
        bottom: 100%;
        top: unset;
        right: unset !important;
        left: 0 !important
    }

    [data-tooltip-type=normal][data-tooltip-position=tr][data-tooltip-has-before-element] > [data-tooltip-body] {
        bottom: calc(100% + 6px);
        top: unset !important
    }

        [data-tooltip-type=normal][data-tooltip-position=tr][data-tooltip-has-before-element] > [data-tooltip-body]:before {
            top: calc(100% - 6px) !important;
            left: 8px !important;
            right: unset !important;
            border-top: none !important;
            border-left: none !important;
            border-bottom: 1px solid #e6e9ed;
            border-right: 1px solid #e6e9ed
        }

    [data-tooltip-type=normal][data-tooltip-position=tl] > [data-tooltip-body] {
        bottom: 100%;
        top: unset;
        left: 0
    }

    [data-tooltip-type=normal][data-tooltip-position=tl][data-tooltip-has-before-element] > [data-tooltip-body] {
        bottom: calc(100% + 6px);
        top: unset !important
    }

        [data-tooltip-type=normal][data-tooltip-position=tl][data-tooltip-has-before-element] > [data-tooltip-body]:before {
            top: calc(100% - 6px) !important;
            right: 8px;
            border-top: none !important;
            border-left: none !important;
            border-bottom: 1px solid #e6e9ed;
            border-right: 1px solid #e6e9ed
        }

    [data-tooltip-type=normal][data-tooltip-position=tc] > [data-tooltip-body] {
        bottom: 100%;
        top: unset;
        width: auto;
        min-width: 80px;
        min-height: 20px;
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

        [data-tooltip-type=normal][data-tooltip-position=tc] > [data-tooltip-body]:before {
            width: 0;
            height: 0
        }

    [data-tooltip-type=normal][data-tooltip-position=tc][data-tooltip-has-before-element] > [data-tooltip-body] {
        bottom: calc(100% + 6px);
        top: unset !important
    }

        [data-tooltip-type=normal][data-tooltip-position=tc][data-tooltip-has-before-element] > [data-tooltip-body]:before {
            top: calc(100% - 8px) !important;
            right: 50%;
            -webkit-transform: rotate(45deg) translateX(50%) !important;
            transform: rotate(45deg) translateX(50%) !important;
            border-top: none !important;
            border-left: none !important;
            width: 9px;
            height: 9px;
            border-bottom: 1px solid #e6e9ed;
            border-right: 1px solid #e6e9ed
        }

    [data-tooltip-type=normal][data-tooltip-position=br] > [data-tooltip-body] {
        right: unset !important;
        left: 0 !important
    }

    [data-tooltip-type=normal][data-tooltip-position=br][data-tooltip-has-before-element] > [data-tooltip-body]:before {
        left: 8px !important;
        right: unset !important
    }

    [data-tooltip-type=normal][data-tooltip-position=bc] > [data-tooltip-body] {
        top: 100%;
        right: 50% !important;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        width: auto;
        min-width: 80px;
        min-height: 20px
    }

        [data-tooltip-type=normal][data-tooltip-position=bc] > [data-tooltip-body]:before {
            width: 0;
            height: 0
        }

    [data-tooltip-type=normal][data-tooltip-position=bc][data-tooltip-has-before-element] > [data-tooltip-body] {
        top: calc(100% + 6px)
    }

        [data-tooltip-type=normal][data-tooltip-position=bc][data-tooltip-has-before-element] > [data-tooltip-body]:before {
            top: -9px;
            right: 50%;
            -webkit-transform: rotate(45deg) translateX(50%);
            transform: rotate(45deg) translateX(50%)
        }

    [data-tooltip-type=normal][data-tooltip-has-before-element] > [data-tooltip-body] {
        right: 0;
        top: calc(100% + 6px)
    }

        [data-tooltip-type=normal][data-tooltip-has-before-element] > [data-tooltip-body]:before {
            content: "";
            position: absolute;
            top: -5px;
            right: 8px;
            width: 10px;
            height: 10px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: 1px solid #e6e9ed;
            border-left: 1px solid #e6e9ed;
            background-color: #fff
        }

.o-message-box {
    padding: 5px 12px;
    border: 1px solid transparent;
    border-radius: 8px
}

.o-message-box--success {
    background-color: rgba(87,207,177,.1);
    border-color: rgba(0,211,176,.2)
}

.o-message-box--warning {
    background-color: rgba(249,168,37,.1);
    border-color: rgba(249,168,37,.2)
}

.o-message-box--error {
    background-color: rgba(239,86,97,.1);
    border-color: rgba(239,86,97,.2)
}

.o-message-box--info {
    background-color: rgba(79,204,233,.05);
    border-color: rgba(79,204,233,.2)
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
        display: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #00bfd6
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: top .2s,-webkit-transform .2s;
            transition: top .2s,-webkit-transform .2s;
            transition: transform .2s,top .2s;
            transition: transform .2s,top .2s,-webkit-transform .2s
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: left .2s,-webkit-transform .2s;
        transition: left .2s,-webkit-transform .2s;
        transition: transform .2s,left .2s;
        transition: transform .2s,left .2s,-webkit-transform .2s
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s,-webkit-transform .2s;
    transition: right .2s,-webkit-transform .2s;
    transition: transform .2s,right .2s;
    transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #00bfd6;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0,0%,100%,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    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;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.c-ui-components__header {
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 20px;
    color: #889098;
    border: 0 0 10px 10px;
    background: #fff;
    font-weight: 700;
    margin-bottom: 40px
}

.c-ui-components__menu {
    max-height: 300px;
    margin-right: 20px;
    border-radius: 10px;
    background: #fff;
    padding: 15px 15px 15px 20px
}

.c-ui-components__menu-item {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #889098;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 10px;
    cursor: pointer
}

.c-ui-components__menu-item--active {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

    .c-ui-components__menu-item--active:before {
        content: "\F010\00FE0E"
    }

    .c-ui-components__menu-item--active:before {
        color: #a0e2d0;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

.c-ui-components__body {
    padding: 25px;
    border-radius: 10px;
    background: #fff;
    max-height: 80vh;
    min-height: 80vh;
    overflow-y: scroll
}

.c-ui-components__body-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.c-ui-components__body::-webkit-scrollbar {
    width: .3rem;
    border-radius: 20px
}

.c-ui-components__body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px
}

.c-ui-components__body::-webkit-scrollbar-thumb {
    background-color: #57ceb0;
    outline: 1px solid #57ceb0;
    border-radius: 20px
}

.c-ui-components__body--alignment {
    grid-row-gap: 10px
}

.c-ui-components__body-item {
    cursor: pointer
}

.c-ui-components__body-color {
    border-radius: 8px;
    width: 32px;
    height: 32px;
    margin-right: 10px
}

.c-ui-components__body-text {
    color: #81858b;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 5px
}

.c-tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

    .c-tabs + .c-filters {
        border-radius: 0 0 4px 4px
    }

    .c-tabs li {
        border: 1px solid transparent;
        border-top: 2px solid transparent;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
        color: #428bca;
        padding: 4px 10px;
        background: #fff
    }

        .c-tabs li:hover:not(.uk-active) {
            background: #ebebeb;
            border-color: #ebebeb;
            cursor: pointer
        }

        .c-tabs li.uk-active {
            margin-bottom: -1px;
            color: #333;
            border-color: #ccc
        }

.c-tabs-content {
    border: 1px solid #ccc;
    padding: 10px
}

.c-ui-tabs {
    border-bottom: 1px solid #e6e9ed
}

.c-ui-tabs__btn {
    padding: 10px 15px;
    position: relative;
    border: none;
    background-color: transparent;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    color: #889098
}

    .c-ui-tabs__btn + .c-ui-tabs__btn {
        margin-right: 10px
    }

    .c-ui-tabs__btn.uk-active {
        color: #3e3f3f;
        text-shadow: 0 0 1px #3e3f3f
    }

        .c-ui-tabs__btn.uk-active:after {
            content: "";
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            height: 4px;
            margin-top: -2px;
            border-radius: 2px;
            background-color: #4fcce9
        }

.c-ui-tabs.mb-40 {
    margin-bottom: 40px
}

.uk-button-default {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #5bc0de;
    border: 1px solid #46b8da;
    border-radius: 4px;
    color: #fff;
    line-height: 28px
}

    .uk-button-default:active, .uk-button-default:focus, .uk-button-default:hover {
        color: #fff;
        background-color: #5bc0de;
        border-color: #46b8da
    }

.uk-button-default--light {
    background-color: #fff;
    color: #5bc0de
}

    .uk-button-default--light:active, .uk-button-default--light:focus, .uk-button-default--light:hover {
        background-color: #fff;
        color: #5bc0de
    }

.uk-button-default--cancel {
    background-color: #969ba8;
    border-color: #969ba8
}

    .uk-button-default--cancel:active, .uk-button-default--cancel:focus, .uk-button-default--cancel:hover {
        background-color: #969ba8;
        border-color: #969ba8
    }

.uk-button-primary {
    padding: 3px 7px;
    font-size: 13px;
    background-color: #e6e6e6;
    border: none;
    line-height: 18px;
    color: #000;
    border-radius: 4px
}

    .uk-button-primary:active, .uk-button-primary:focus, .uk-button-primary:hover {
        background-color: #aeb7d2;
        color: #000
    }

.uk-button-primary--singlecall {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.uk-button-primary--link {
    color: #337ab7
}

.uk-button-secondary {
    background-color: #e6e6e6;
    color: #000;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 22px
}

    .uk-button-secondary input[type=checkbox] {
        vertical-align: top;
        margin: 5px 0 0 5px;
        display: inline-block
    }

    .uk-button-secondary:active, .uk-button-secondary:focus, .uk-button-secondary:hover {
        background-color: #e6e6e6;
        color: #000
    }

.uk-button-submit {
    background: #97cd78;
    border: 1px solid #81b563;
    display: inline-block;
    border-radius: 26px;
    outline: 0;
    padding: 17px;
    color: #fff;
    font-family: IRANYekan,sans-serif;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
    box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    cursor: pointer
}

    .uk-button-submit.is-disabled {
        opacity: .5
    }

.uk-button-cancel {
    background: none;
    border: 2px solid rgba(118,120,122,.3);
    display: inline-block;
    border-radius: 26px;
    outline: 0;
    padding: 16px 17px;
    color: rgba(118,120,122,.8);
    font-family: IRANYekan,sans-serif;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
    box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    cursor: pointer
}

    .uk-button-cancel.is-disabled {
        opacity: .5
    }

.uk-icon-button {
    color: #fff;
    height: 40px;
    width: 40px
}

    .uk-icon-button[uk-icon=search] {
        background-color: #5bc0de;
        border: 1px solid #46b8da
    }

    .uk-icon-button[uk-icon=close] {
        background-color: #f0ad4e;
        border: 1px solid #eea236
    }

    .uk-icon-button:active, .uk-icon-button:focus, .uk-icon-button:hover {
        color: #fff
    }

.uk-icon-button--small {
    height: 24px
}

.uk-button-primary-seller {
    padding: 6px 12px;
    font-size: 13px;
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
    line-height: 23px;
    border-radius: 4px
}

    .uk-button-primary-seller:active, .uk-button-primary-seller:focus, .uk-button-primary-seller:hover {
        background-color: #aeb7d2;
        color: #000
    }

    .uk-button-primary-seller:disabled {
        background-color: #e5e5e5 !important;
        color: #999 !important;
        border-color: #e5e5e5 !important
    }

        .uk-button-primary-seller:disabled:active, .uk-button-primary-seller:disabled:focus, .uk-button-primary-seller:disabled:hover {
            background-color: #e5e5e5 !important;
            color: #999 !important;
            border-color: #e5e5e5 !important
        }

.uk-button-primary-bordered-seller {
    padding: 6px 12px;
    font-size: 13px;
    background-color: transparent;
    border: 2px solid #46b8da;
    color: #46b8da;
    line-height: 23px;
    border-radius: 4px
}

    .uk-button-primary-bordered-seller:active, .uk-button-primary-bordered-seller:focus, .uk-button-primary-bordered-seller:hover {
        border-color: #05aada;
        color: #05aada
    }

.uk-button-primary-bordered-seller--thin {
    border-width: 1px
}

.uk-button-danger-seller {
    padding: 6px 12px;
    font-size: 13px;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    line-height: 23px;
    border-radius: 4px
}

.uk-button-cancel-seller {
    background: #ddd;
    border: none;
    display: inline-block;
    border-radius: 5px !important;
    outline: 0;
    padding: 6px 12px;
    color: #333;
    font-family: IRANYekan,sans-serif;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
    box-shadow: 0 0 0 0 rgba(0,0,0,.16),0 0 0 0 rgba(0,0,0,.12);
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    cursor: pointer;
    line-height: 23px
}

    .uk-button-cancel-seller.is-disabled {
        opacity: .5
    }

.uk-button-success-seller {
    padding: 6px 12px;
    font-size: 13px;
    background-color: #5cb85b;
    border-color: #35a545;
    color: #fff;
    line-height: 23px;
    border-radius: 4px
}

    .uk-button-success-seller:active, .uk-button-success-seller:focus, .uk-button-success-seller:hover {
        background-color: #7db882;
        color: #fff
    }

    .uk-button-success-seller:disabled {
        background-color: #e5e5e5 !important;
        color: #999 !important;
        border-color: #e5e5e5 !important
    }

        .uk-button-success-seller:disabled:active, .uk-button-success-seller:disabled:focus, .uk-button-success-seller:disabled:hover {
            background-color: #e5e5e5 !important;
            color: #999 !important;
            border-color: #e5e5e5 !important
        }

.uk-button-success-bordered-seller {
    padding: 6px 12px;
    font-size: 13px;
    background-color: transparent;
    border: 1px solid #41c7a6;
    color: #41c7a6;
    line-height: 23px;
    border-radius: 4px
}

    .uk-button-success-bordered-seller:active, .uk-button-success-bordered-seller:focus, .uk-button-success-bordered-seller:hover {
        border-color: #35a545;
        color: #35a545
    }

.uk-button-success-dark-seller {
    padding: 6px 12px;
    font-size: 13px;
    background-color: #3dc3a1;
    border-color: #3dc3a1;
    color: #fff;
    line-height: 23px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,199,159,.15);
    box-shadow: 0 5px 10px 0 rgba(0,199,159,.15)
}

    .uk-button-success-dark-seller:active, .uk-button-success-dark-seller:focus, .uk-button-success-dark-seller:hover {
        background-color: #7db882;
        color: #fff
    }

    .uk-button-success-dark-seller:disabled {
        background-color: #e5e5e5 !important;
        color: #999 !important;
        border-color: #e5e5e5 !important
    }

        .uk-button-success-dark-seller:disabled:active, .uk-button-success-dark-seller:disabled:focus, .uk-button-success-dark-seller:disabled:hover {
            background-color: #e5e5e5 !important;
            color: #999 !important;
            border-color: #e5e5e5 !important
        }

.uk-button-warning-seller {
    padding: 6px 12px;
    font-size: 13px;
    background-color: #f4d836;
    border-color: #35a545;
    color: #333;
    line-height: 23px;
    border-radius: 4px
}

    .uk-button-warning-seller:active, .uk-button-warning-seller:focus, .uk-button-warning-seller:hover {
        background-color: #7db882;
        color: #fff
    }

    .uk-button-warning-seller:disabled {
        background-color: #e5e5e5 !important;
        color: #999 !important;
        border-color: #e5e5e5 !important
    }

        .uk-button-warning-seller:disabled:active, .uk-button-warning-seller:disabled:focus, .uk-button-warning-seller:disabled:hover {
            background-color: #e5e5e5 !important;
            color: #999 !important;
            border-color: #e5e5e5 !important
        }

span.is-active-icon {
    margin: 0 auto;
    font-size: 20px;
    text-align: center
}

    span.is-active-icon.active {
        color: #3c763d
    }

        span.is-active-icon.active:after {
            content: "\F0FE\00FE0E"
        }

    span.is-active-icon.de-active {
        color: #a94442
    }

        span.is-active-icon.de-active:after {
            content: "\F023\00FE0E"
        }

button {
    font-family: inherit
}

.uk-icon-button {
    border-radius: 4px;
    height: 34px
}

.uk-icon-button--search:before {
    content: "\F098\00FE0E"
}

.uk-icon-button--search:before {
    font-size: 14px
}

.uk-icon-button--close:before {
    content: "\F0D6\00FE0E"
}

.uk-icon-button--close:before {
    font-size: 14px
}

.uk-icon-button--iconless {
    color: #45a1b6;
    padding-right: 10px !important;
    border: 1px solid #45a1b6;
    border-radius: 8px;
    background-color: #fff
}

    .uk-icon-button--iconless:active, .uk-icon-button--iconless:focus, .uk-icon-button--iconless:hover {
        color: #45a1b6 !important;
        background-color: #fff !important;
        text-decoration: underline
    }

.c-ui-btn-shipment-by {
    width: 100%;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    border: 1px solid #0e73ad;
    background-color: #f7fdfc;
    background-size: 16px 10px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none
}

.c-ui-btn-shipment-by--dk {
    background-image: url(../files/c9a15559.svg)
}

    .c-ui-btn-shipment-by--dk:disabled {
        cursor: default
    }

.c-ui-btn-shipment-by--seller {
    text-align: center;
    padding: 5px 0;
    font-size: 15px !important;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

    .c-ui-btn-shipment-by--seller:before {
        content: "\F0E3\00FE0E"
    }

    .c-ui-btn-shipment-by--seller:disabled {
        cursor: default
    }

.c-ui-btn-shipment-by--b2b {
    background-image: url(../files/3824be53.svg)
}

    .c-ui-btn-shipment-by--b2b:disabled {
        cursor: default
    }

.c-ui-btn-shipment-by--ds {
    background-image: url(../files/e12c644f.svg)
}

    .c-ui-btn-shipment-by--ds:disabled {
        cursor: default
    }

.c-ui-btn-cashback {
    width: 100%;
    height: 100%;
    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;
    cursor: pointer;
    background-color: #f9fafc;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    outline: none;
    font-size: 28px !important;
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571
}

    .c-ui-btn-cashback:hover:not(:disabled) {
        -webkit-box-shadow: 0 0 12px rgba(3,10,22,.05);
        box-shadow: 0 0 12px rgba(3,10,22,.05)
    }

.c-ui-btn-cashback--normal {
    color: #4fcce9;
    background-color: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2)
}

    .c-ui-btn-cashback--normal:before {
        content: "\F029\00FE0E"
    }

.c-ui-btn-cashback--approved {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

    .c-ui-btn-cashback--approved:before {
        content: "\F026\00FE0E"
    }

.c-ui-btn-cashback--rejected {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    color: #ef5661
}

    .c-ui-btn-cashback--rejected:before {
        content: "\F027\00FE0E"
    }

.c-ui-btn-cashback--waiting {
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    color: #f9a825
}

    .c-ui-btn-cashback--waiting:before {
        content: "\F028\00FE0E"
    }

.c-header {
    position: relative;
    background-color: #fff;
    border-top: none
}

.c-header__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 80px
}

.c-header__raiting {
    background: #fff;
    border: 1px solid #ccc;
    height: 34px !important;
    min-height: 34px !important;
    margin: 8px 0;
    border-radius: 4px
}

    .c-header__raiting span {
        margin: auto 1px;
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467
    }

        .c-header__raiting span.line {
            margin: auto 10px;
            font-size: 20px;
            line-height: 20px
        }

    .c-header__raiting [uk-icon] {
        margin-right: -6px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-header__raiting [uk-icon=triangle-up] {
        color: #0eb40c
    }

    .c-header__raiting [uk-icon=triangle-down] {
        color: #ef5661
    }

.c-header__nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: 1px solid #e7e7e7;
    -webkit-transition: border-bottom-color .3s ease-in-out;
    transition: border-bottom-color .3s ease-in-out;
    border-top: 2px solid #dadde1;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.05)
}

    .c-header__nav .chevron-down:before {
        content: "\F05A\00FE0E"
    }

    .c-header__nav .chevron-down:before {
        font-size: 5px;
        font-size: .357rem;
        line-height: 4.4;
        margin-right: 11px
    }

    .c-header__nav.introjs-fixParent {
        position: relative
    }

.c-header__nav--sticky {
    z-index: 1100;
    border-top: 2px solid #dadde1;
    border-bottom: none;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.05)
}

.c-header__nav .uk-navbar-nav > li > a, .c-header__nav .uk-navbar-nav li {
    font-family: IRANSans,sans-serif !important;
    white-space: nowrap
}

.c-header__nav .uk-nav > li > a {
    padding: 4px 0
}

.c-header__nav .uk-navbar-nav > li > a {
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding: 0 25px
}

.c-header__nav .uk-navbar-nav > li:first-of-type > a {
    padding-right: 0
}

.c-header__nav .uk-navbar-nav > li:last-of-type > a {
    padding-left: 0
}

.c-header__nav .uk-navbar-nav > li:hover > a, .c-header__nav .uk-navbar-nav > li > a.uk-open, .c-header__nav .uk-navbar-nav > li > a:focus {
    color: #3e3f3f;
    font-weight: 700;
    background-color: #fff
}

.c-header__nav [class*=uk-navbar-dropdown-bottom] {
    margin-top: 0
}

.c-header__nav .uk-navbar-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 8px 0
}

.c-header__nav .uk-navbar-dropdown--has-rating {
    width: auto;
    min-width: 240px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1)
}

    .c-header__nav .uk-navbar-dropdown--has-rating li {
        border-radius: 6px
    }

    .c-header__nav .uk-navbar-dropdown--has-rating:before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        right: 18px;
        bottom: 100%;
        margin-bottom: -4px;
        pointer-events: none;
        border-color: transparent;
        border-right: 1px solid hsla(0,0%,59.2%,.2);
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.c-header__nav .uk-navbar-dropdown-nav > li {
    padding: 3px 20px
}

    .c-header__nav .uk-navbar-dropdown-nav > li:hover {
        background-color: #f5f5f5
    }

    .c-header__nav .uk-navbar-dropdown-nav > li > a, .c-header__nav div {
        color: #333;
        cursor: pointer
    }

        .c-header__nav .uk-navbar-dropdown-nav > li > a.has-icon, .c-header__nav div.has-icon {
            padding-right: 30px;
            position: relative
        }

            .c-header__nav .uk-navbar-dropdown-nav > li > a.has-icon [uk-icon], .c-header__nav div.has-icon [uk-icon] {
                position: absolute;
                right: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%)
            }

.c-header__nav .badge {
    display: inline-block;
    min-width: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #777;
    min-height: 20px
}

.c-header__nav .badge, .c-header__nav .badge-notify {
    vertical-align: middle;
    border-radius: 100%;
    line-height: 23px
}

.c-header__nav .badge-notify {
    background: red;
    position: absolute;
    font-size: 11px;
    right: 6px;
    top: 7px;
    z-index: 10;
    width: 20px;
    height: 20px
}

.c-header__nav .badge-small {
    top: 14px;
    right: 23px;
    width: 5px;
    height: 5px;
    min-height: auto;
    min-width: auto;
    border: 1px solid #fff;
    border-radius: 50%
}

.c-header__nav .header-notification {
    position: relative
}

.c-header__nav .header-questions {
    position: relative;
    font-size: 20px !important;
    padding-left: 0 !important
}

    .c-header__nav .header-questions:before {
        content: "\F040\00FE0E"
    }

.c-header__nav-wallet {
    border-radius: 6px !important;
    padding: 0 8px !important;
    border: 1px solid #e6eaef !important;
    background-color: #f9fafc !important;
    min-height: 32px !important;
    margin-right: 12px !important;
    margin-left: 12px;
    font-size: 12px !important;
    text-align: right !important;
    color: #62666d !important;
    font-weight: 500 !important;
    margin-left: 8px !important
}

    .c-header__nav-wallet img {
        margin-right: 8px
    }

.c-header__tag {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    font-weight: 700;
    color: #444;
    padding: 10px 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.c-header__logo {
    width: 237px;
    height: 36px;
    padding: 10px 0;
    margin: 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

    .c-header__logo a {
        display: block;
        height: 100%;
        background: url(../files/9eb66c4d.svg) no-repeat 50% 50%;
        background-size: 100%
    }

        .c-header__logo a.with-new-logo {
            background: url(../files/9eb66c4d.svg) no-repeat 50% 50%;
            background-size: 100%
        }

.c-header__logo--register a {
    background-image: url(../files/a92d490c.svg)
}

.c-header--register {
    background-color: #00acd4;
    border-top: none
}

    .c-header--register .c-header__top {
        height: 79px
    }

    .c-header--register .c-header__logo {
        top: 20px
    }

    .c-header--register .c-header__tag {
        color: #fff
    }

@media screen and (min-width:991px) {
    .new-mobile-view-menu {
        display: none;
        opacity: 0
    }
}

.new-mobile-view-menu--invisible {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out
}

.new-mobile-view-menu .chevron-down {
    color: #777
}

    .new-mobile-view-menu .chevron-down:before {
        content: "\F05A\00FE0E"
    }

    .new-mobile-view-menu .chevron-down:before {
        font-size: 6px;
        font-size: .429rem;
        line-height: 3.667;
        margin-right: 11px
    }

.new-mobile-view-menu__header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 5px 12px #e7e7e7;
    box-shadow: 0 5px 12px #e7e7e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1%
}

    .new-mobile-view-menu__header .c-header__logo {
        height: 7vh;
        margin-left: 2%
    }

@media screen and (max-width:991px) {
    .new-mobile-view-menu {
        position: fixed;
        height: 100vh;
        width: 100vw;
        top: 0;
        right: 0;
        background-color: #fff;
        z-index: 1000;
        overflow-y: auto;
        -webkit-animation: mobileViewFadeInRight .3s ease-in;
        animation: mobileViewFadeInRight .3s ease-in
    }

        .new-mobile-view-menu .uk-navbar-container {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 5%;
            height: auto;
            min-height: 93vh;
            background-color: #fff
        }

        .new-mobile-view-menu .uk-navbar-container, .new-mobile-view-menu .uk-navbar-container__top {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .new-mobile-view-menu .uk-navbar-container__top {
            height: 30vh;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: 1px solid #e7e7e7
        }

            .new-mobile-view-menu .uk-navbar-container__top > a:first-of-type {
                height: 20%;
                -ms-flex-item-align: center;
                align-self: center;
                text-align: center;
                color: #3e3f3f;
                font-family: IRANYekan,sans-serif !important;
                font-weight: 700;
                font-stretch: normal;
                font-style: normal;
                font-size: 14px;
                font-size: 1rem;
                line-height: 1.571
            }

            .new-mobile-view-menu .uk-navbar-container__top > a {
                width: 100%;
                height: 20%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                color: #606265;
                font-family: IRANYekan,sans-serif !important;
                font-size: 14px;
                font-size: 1rem;
                line-height: 1.571
            }

            .new-mobile-view-menu .uk-navbar-container__top > div {
                width: 80%;
                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-sizing: border-box;
                box-sizing: border-box;
                padding: 2%
            }

        .new-mobile-view-menu .uk-navbar-container__bottom {
            min-height: 60vh;
            height: auto;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .new-mobile-view-menu .uk-navbar-container__bottom__header {
            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-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            height: 6vh;
            padding: 5%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: IRANYekan,sans-serif !important;
            font-size: 16px;
            font-size: 1.143rem;
            line-height: 1.375
        }

            .new-mobile-view-menu .uk-navbar-container__bottom__header > a {
                color: #606265 !important
            }

        .new-mobile-view-menu .uk-navbar-container__bottom > a {
            font-family: IRANYekan,sans-serif !important;
            color: #0a0a0a
        }

        .new-mobile-view-menu .uk-navbar-container__bottom > ul {
            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-sizing: border-box;
            box-sizing: border-box;
            padding: 5%;
            min-height: 95%;
            width: 100%;
            overflow-y: auto
        }

            .new-mobile-view-menu .uk-navbar-container__bottom > ul li {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }

                .new-mobile-view-menu .uk-navbar-container__bottom > ul li > div:last-of-type {
                    width: 100%
                }

            .new-mobile-view-menu .uk-navbar-container__bottom > ul a {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                font-family: IRANYekan,sans-serif !important
            }

                .new-mobile-view-menu .uk-navbar-container__bottom > ul a > div:last-of-type {
                    width: 20%
                }

            .new-mobile-view-menu .uk-navbar-container__bottom > ul a, .new-mobile-view-menu .uk-navbar-container__bottom > ul li {
                width: 100%;
                min-height: 6vh;
                height: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                font-weight: 400;
                font-stretch: normal;
                font-style: normal;
                text-align: center;
                font-family: IRANYekan,sans-serif !important;
                font-size: 16px;
                font-size: 1.143rem;
                line-height: 1.375
            }

                .new-mobile-view-menu .uk-navbar-container__bottom > ul a > div:first-of-type, .new-mobile-view-menu .uk-navbar-container__bottom > ul li > div:first-of-type {
                    width: 80%;
                    text-align: start;
                    color: #606265
                }

            .new-mobile-view-menu .uk-navbar-container__bottom > ul .new-navbar-dropdown--close {
                display: none;
                height: 0;
                width: 0
            }

            .new-mobile-view-menu .uk-navbar-container__bottom > ul .new-navbar-dropdown--open {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                width: 100%;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                height: auto;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 5%;
                -webkit-transition: -webkit-box-flex .3s ease-out;
                transition: -webkit-box-flex .3s ease-out;
                transition: flex .3s ease-out;
                transition: flex .3s ease-out,-webkit-box-flex .3s ease-out,-ms-flex .3s ease-out;
                color: #777 !important;
                -webkit-animation: mobileViewFadeInDown 1s ease;
                animation: mobileViewFadeInDown 1s ease
            }

                .new-mobile-view-menu .uk-navbar-container__bottom > ul .new-navbar-dropdown--open > ul > li > a {
                    margin-right: 10%;
                    color: #777 !important
                }

                    .new-mobile-view-menu .uk-navbar-container__bottom > ul .new-navbar-dropdown--open > ul > li > a:first-of-type {
                        margin-top: 2%
                    }

            .new-mobile-view-menu .uk-navbar-container__bottom > ul .new-menu-item--active {
                font-weight: 700;
                color: #3e3f3f
            }

                .new-mobile-view-menu .uk-navbar-container__bottom > ul .new-menu-item--active .chevron-down {
                    -webkit-transform: rotate(180deg) translateX(10px);
                    transform: rotate(180deg) translateX(10px);
                    color: #3e3f3f !important;
                    -webkit-transition: -webkit-transform .5s ease-in;
                    transition: -webkit-transform .5s ease-in;
                    transition: transform .5s ease-in;
                    transition: transform .5s ease-in,-webkit-transform .5s ease-in
                }
}

@-webkit-keyframes mobileViewFadeInRight {
    to {
        opacity: 1;
        width: 100%
    }

    0% {
        opacity: 0;
        width: 0
    }
}

@keyframes mobileViewFadeInRight {
    to {
        opacity: 1;
        width: 100%
    }

    0% {
        opacity: 0;
        width: 0
    }
}

@-webkit-keyframes mobileViewFadeInDown {
    to {
        opacity: 1;
        -webkit-box-flex: 1;
        flex: 1
    }

    0% {
        opacity: 0;
        -webkit-box-flex: 0;
        flex: 0
    }
}

@keyframes mobileViewFadeInDown {
    to {
        opacity: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    0% {
        opacity: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0
    }
}

.c-footer {
    color: #fff
}

    .c-footer .uk-subnav > * > :first-child {
        color: #fff
    }

.c-footer__top {
    background-color: #6d717a;
    padding-top: 18px;
    padding-bottom: 18px
}

    .c-footer__top .uk-subnav {
        direction: ltr;
        margin: 0
    }

    .c-footer__top .uk-icon, .c-footer__top img {
        color: #f3bb61;
        margin-right: 10px
    }

.c-footer__bottom {
    background-color: #646870;
    padding-top: 28px;
    padding-bottom: 28px
}

.c-footer__logo {
    height: 30px
}

.c-footer__logo--new {
    height: auto;
    width: 203px
}

.c-footer-password {
    background-color: #f5f7fa;
    color: #606265;
    padding: 25px 0 30px
}

.c-footer-password__top {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    border-bottom: 1px solid #e6e9ed;
    padding: 0 29px 10px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-footer-password__bottom {
    font-size: 10px;
    font-size: .714rem;
    line-height: 21px;
    padding: 0 29px
}

.c-footer-password__container {
    max-width: 650px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto
}

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

@media (max-width:767px) {
    .c-footer-password__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-footer-password__menu-item {
    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-footer-password__menu-item + .c-footer-password__menu-item {
        margin-right: 30px
    }

@media (max-width:767px) {
    .c-footer-password__menu-item + .c-footer-password__menu-item {
        margin-top: 10px;
        margin-right: 0
    }
}

.c-footer-password__menu-item--divider:after {
    content: "";
    margin-right: 15px;
    width: 1px;
    height: 14px;
    background-color: #606265
}

.c-footer-password__icon {
    color: #f3bb61;
    margin-right: 10px
}

.c-footer-password__icon--phone {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px
}

    .c-footer-password__icon--phone:before {
        content: "\F0AB\00FE0E"
    }

.c-footer-password__icon--email {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 15px
}

    .c-footer-password__icon--email:before {
        content: "\F06B\00FE0E"
    }

.c-footer-password__link {
    color: #f3bb61
}

    .c-footer-password__link:hover {
        color: #f3bb61;
        text-decoration: none
    }

.c-footer-password__link--inline {
    margin: 0 5px
}

.c-footer-password__link--plain {
    color: #606265;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-footer-password__link--plain:hover {
        text-decoration: none;
        color: #606265
    }

.c-main {
    padding: 0 0 75px;
    min-width: 320px;
    min-height: calc(100vh - 282px);
    background-color: #f5f7fa
}

.uk-table, .uk-table th {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .uk-table th {
        text-align: right
    }

.uk-table-hover > tr:hover, .uk-table-hover tbody tr:hover {
    background: #e4f3f7
}

.c-table__line {
    margin: 5px 5px 0;
    display: block;
    vertical-align: middle
}

    .c-table__line:first-child {
        margin-top: 0
    }

.c-table__img {
    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: 110px;
    height: 110px
}

.c-table__img--medium {
    width: 70px;
    height: 70px
}

.c-table--thin td, .c-table--thin th {
    padding: 16px 10px
}

.c-table--register td, .c-table--register th {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-table-show-more-button {
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-table-container {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    position: relative
}

.c-table-container__header {
    background: #f5f5f5;
    padding: 4px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    margin: 5px
}

.c-table-container .table-header-searchable {
    cursor: pointer;
    font-size: 10px;
    color: #787878 !important
}

.c-table-container .table-header-searchable--asc:after {
    content: "\F05A\00FE0E"
}

.c-table-container .table-header-searchable--desc:after {
    content: "\F104\00FE0E"
}

.c-table-container .table-header-searchable:after {
    position: relative;
    top: 0;
    margin-right: 10px;
    color: #000;
    font-size: 7px !important
}

.c-table-container__footer {
    background: #f5f5f5;
    padding: 6px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 5px;
    margin: 5px
}

.c-table-container .pagination-button {
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    display: inline-block;
    fill: currentcolor;
    line-height: 0;
    position: relative;
    width: calc(100% - 6px);
    height: calc(75% - 6px);
    color: #787878
}

.c-table-container .pagination-button--start:before {
    content: "\F0EE\00FE0E"
}

.c-table-container .pagination-button--end:before {
    content: "\F06A\00FE0E"
}

.c-table-container .pagination-button--next:before {
    content: "\F09F\00FE0E"
}

.c-table-container .pagination-button--next:before {
    font-size: 10px
}

.c-table-container .pagination-button--previous:before {
    content: "\F0B7\00FE0E"
}

.c-table-container .pagination-button--previous:before {
    font-size: 10px
}

.c-table-container .pagination-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-table-container .uk-table {
    margin: 0
}

    .c-table-container .uk-table thead th {
        padding-top: 5px;
        padding-bottom: 6px;
        color: #787878;
        border: 1px solid #e5e5e5;
        border-top: none
    }

        .c-table-container .uk-table thead th:first-child {
            border-right: none
        }

        .c-table-container .uk-table thead th:last-child {
            border-left: none
        }

    .c-table-container .uk-table tbody tr:nth-of-type(odd) {
        background-color: #f5f5f5
    }

    .c-table-container .uk-table tbody tr td {
        padding-top: 2px;
        padding-bottom: 2px;
        border: 1px solid #e5e5e5;
        color: #787878
    }

        .c-table-container .uk-table tbody tr td:last-of-type {
            width: 1px
        }

        .c-table-container .uk-table tbody tr td:first-child {
            border-right: none
        }

        .c-table-container .uk-table tbody tr td:last-child {
            border-left: none
        }

.c-table-container .uk-table-inline-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-table-container .uk-table-striped tbody tr:last-child {
    border-bottom: none
}

.c-table-container .uk-pagination {
    margin-bottom: 0;
    margin-left: 0;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden
}

    .c-table-container .uk-pagination > * {
        padding-left: 0;
        border-right: 1px solid #ccc
    }

    .c-table-container .uk-pagination > :first-child {
        border-right: none
    }

    .c-table-container .uk-pagination > * > * {
        background: #fff;
        padding: 7px;
        min-width: 24px;
        text-align: center
    }

    .c-table-container .uk-pagination > .uk-active > * {
        background: #31b0d5;
        color: #fff
    }

.c-table-container .uk-table-item-per-page .uk-select {
    height: 29px !important
}

.c-table-container .uk-table-item-per-page__label {
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 29px
}

    .c-table-container .uk-table-item-per-page__label span {
        vertical-align: middle;
        margin: auto 15px;
        height: 29px;
        line-height: 29px
    }

    .c-table-container .uk-table-item-per-page__label .uk-select {
        min-width: 80px;
        margin: auto 10px
    }

.c-table-container .uk-button--view-icon:before {
    content: "\F079\00FE0E"
}

.c-table-container .uk-button--print-icon:before {
    content: "\F0BA\00FE0E"
}

.c-table-container .uk-button--early-settlement:before {
    content: "\F061\00FE0E"
}

.c-table-container .uk-button--export-excel:before {
    content: "\F073\00FE0E"
}

.table-row-number-fix {
    min-width: 20px;
    max-width: 20px;
    white-space: nowrap
}

.table-word-wrap {
    word-wrap: normal;
    white-space: normal;
    word-break: normal
}

td a, td button {
    white-space: nowrap !important;
    padding: 3px 7px !important;
    font-size: 13px !important;
    line-height: 18px !important
}

.grid-gray.bg, .grid-grey.bg {
    background-color: #ececec !important
}

.grid-gray.text, .grid-grey.text {
    color: #a5a5a5 !important
}

.grid-green.bg {
    background-color: #e6f3e1 !important
}

.grid-green.text {
    color: #e6f3e1 !important
}

.grid-yellow.bg {
    background-color: #fff2dd !important
}

.grid-yellow.text {
    color: #ffad2d !important
}

.grid-red.bg {
    background-color: #ffd7d7 !important
}

.grid-red.text {
    color: #f53a3a !important
}

.product-row-fake-badge {
    border-radius: 5px;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    color: #ff4500;
    margin: 0 12px;
    padding: 0 5px;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    height: 20px;
    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;
    white-space: nowrap
}

.product-table-row tr, .product-table-row tr td {
    width: 100%
}

.product-table-row span {
    margin: 5px;
    display: block;
    vertical-align: middle;
    font-size: 12.5px;
    line-height: 20px;
    white-space: normal
}

    .product-table-row span.fake-badge {
        border-radius: 5px;
        background-color: #f5f5f5;
        border: 1px solid #e4e4e4;
        color: #000;
        margin: 0 12px;
        padding: 0 5px;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        height: 27px;
        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;
        white-space: nowrap
    }

.product-table-row button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 3px 15px
}

.product-table-row .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.product-table-row .col-1, .product-table-row .col-2, .product-table-row .col-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-table-row .col-1 {
    width: 8.33333%
}

.product-table-row .col-2 {
    width: 16.66667%
}

.product-table-row .col-5 {
    width: 41.66667%
}

.product-table-row .align-center {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.more-details-button {
    border-radius: 5px;
    background-color: #e6e6e6;
    position: relative;
    padding-right: 30px !important;
    padding-top: 20px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .more-details-button:before {
        content: "\F097\00FE0E"
    }

    .more-details-button:before {
        width: 16px;
        height: 16px;
        position: absolute;
        right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        line-height: 16px;
        vertical-align: middle;
        text-align: center;
        color: #000;
        cursor: pointer;
        font-size: 18px
    }

.table-row-expandable {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .table-row-expandable:before {
        content: "\F097\00FE0E"
    }

    .table-row-expandable:before {
        border-radius: 100%;
        background-color: #c1c1c1;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        line-height: 16px;
        vertical-align: middle;
        text-align: center;
        color: #000;
        cursor: pointer;
        font-size: 9px
    }

.c-table-color-row--yellow {
    background-color: #fff2dd !important
}

.c-table-color-row--red {
    background-color: #ffd7d7 !important
}

.c-table-color-row--green {
    background-color: #e6f3e1 !important
}

.c-table-color-row--blue {
    background-color: #c1edf8 !important
}

.table-responsive {
    min-width: .01%;
    overflow: auto
}

.table-height-scroll {
    min-height: 35px;
    max-height: 200px;
    overflow-y: auto
}

td.fit-to-content {
    width: 1% !important;
    white-space: nowrap
}

table.no-default-border {
    border-collapse: collapse;
    border-spacing: 0
}

    table.no-default-border.inset-shadow td, table.no-default-border.inset-shadow th {
        border-left: .5px solid rgba(0,0,0,.2);
        border-bottom: .5px solid rgba(0,0,0,.2);
        padding-right: 2px
    }

        table.no-default-border.inset-shadow td:last-child, table.no-default-border.inset-shadow th:last-child {
            border-left: none
        }

.c-table-upload {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    white-space: nowrap
}

.c-table-upload, .c-table-upload__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-table-upload__status {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px
}

.c-table-upload__status--success {
    color: #0e73ad
}

    .c-table-upload__status--success:before {
        content: "\F0FD\00FE0E"
    }

.c-table-upload__status--error {
    color: #f05f6a
}

    .c-table-upload__status--error:before {
        content: "\F03E\00FE0E"
    }

.c-table-upload__bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px
}

    .c-table-upload__bar:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 6px;
        border-radius: 3px;
        background-color: #dedede
    }

    .c-table-upload__bar span {
        position: absolute;
        top: 0;
        right: 0;
        width: 0;
        height: 6px;
        border-radius: 3px;
        background-color: #0e73ad
    }

.c-table-upload__cell {
    padding: 15px !important;
    white-space: nowrap
}

    .c-table-upload__cell .uk-icon-button {
        width: auto
    }

    .c-table-upload__cell .js-upload-fix-file {
        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: #45a1b6;
        background-color: #fff;
        border: 1px solid #45a1b6;
        position: relative;
        border-radius: 4px;
        margin-left: 10px;
        padding-top: 0;
        padding-bottom: 0;
        cursor: pointer
    }

        .c-table-upload__cell .js-upload-fix-file:before {
            font-size: 12px;
            position: absolute;
            right: 10px;
            top: 4px
        }

        .c-table-upload__cell .js-upload-fix-file.is-loading {
            color: #fff;
            padding-right: 10px;
            border-color: #00a88c;
            background-image: repeating-linear-gradient(-65deg,#71d4b8,#71d4b8 1rem,#00a88c 0,#00a88c 2rem);
            background-size: 200% 200%;
            -webkit-animation: barberpole 15s linear infinite;
            animation: barberpole 15s linear infinite
        }

            .c-table-upload__cell .js-upload-fix-file.is-loading:before {
                content: ""
            }

@-webkit-keyframes barberpole {
    to {
        background-position: 100% 100%
    }
}

.c-table-upload__cell .js-upload-fix-file.reload {
    padding-right: 10px;
    color: #f05f6a;
    border-color: #f05f6a
}

    .c-table-upload__cell .js-upload-fix-file.reload:before {
        content: "\F0CC\00FE0E"
    }

.c-table-upload__cell .js-upload-fix-file.disabled {
    pointer-events: none
}

    .c-table-upload__cell .js-upload-fix-file.disabled:not(.is-loading) {
        background-color: #eee;
        border-color: #aaa;
        color: #aaa
    }

.c-table-upload__cell .js-upload-fix-file:hover {
    text-decoration: underline
}

.c-table-upload__cell--actions {
    width: 360px;
    min-width: 360px
}

.c-table-upload__value {
    color: #0e73ad;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    margin-right: 15px;
    width: 30px;
    text-align: left
}

.c-filters {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 20px;
    background-color: #fff
}

.c-filters__header {
    padding: 4px 10px;
    border-radius: 5px;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 29px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 5px
}

    .c-filters__header h4 {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        margin: 0;
        color: #777
    }

.c-filters__content {
    padding: 20px 15px
}

    .c-filters__content .uk-input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 12px !important;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 8px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
    }

    .c-filters__content .uk-form-label {
        position: relative;
        color: #333;
        font-size: 12px
    }

    .c-filters__content .time-input:after {
        content: "\F03C\00FE0E"
    }

    .c-filters__content .time-input:after {
        position: absolute;
        left: 10px;
        bottom: 8px;
        font-size: 17px
    }

    .c-filters__content .uk-form-label .uk-input {
        margin-top: 5px
    }

    .c-filters__content .select2 {
        border: 1px solid #ccc;
        border-radius: 8px;
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        overflow: hidden
    }

    .c-filters__content .select2-selection {
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        border: none !important
    }

    .c-filters__content .select2-selection__rendered {
        height: 32px;
        line-height: 32px !important;
        vertical-align: middle !important
    }

    .c-filters__content .select2-selection__arrow {
        height: 32px !important;
        line-height: 32px !important
    }

.c-filters__search .uk-inline {
    position: relative;
    padding-left: 40px;
    width: 100%
}

    .c-filters__search .uk-inline .uk-input {
        border-radius: 0 4px 4px 0;
        border-left: none
    }

    .c-filters__search .uk-inline .uk-icon-button {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 0;
        border-radius: 4px 0 0 4px;
        height: 34px
    }

    .c-filters__search .uk-inline .uk-icon-button--search {
        color: #fff;
        background-color: #5bc0de;
        border: 1px solid #46b8da
    }

        .c-filters__search .uk-inline .uk-icon-button--search:before {
            content: "\F098\00FE0E"
        }

        .c-filters__search .uk-inline .uk-icon-button--search:before {
            font-size: 14px
        }

    .c-filters__search .uk-inline .uk-icon-button--close {
        color: #fff;
        background-color: #f0ad4e;
        border: 1px solid #eea236
    }

        .c-filters__search .uk-inline .uk-icon-button--close:before {
            content: "\F0D6\00FE0E"
        }

        .c-filters__search .uk-inline .uk-icon-button--close:before {
            font-size: 14px
        }

.c-filters__search .uk-button-default {
    margin-right: 10px
}

.c-filters__actions {
    margin-right: auto;
    margin-top: 26px
}

    .c-filters__actions.column-dir {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px
    }

        .c-filters__actions.column-dir .row {
            width: 100%
        }

            .c-filters__actions.column-dir .row button:last-child {
                margin-left: 0;
                float: left
            }

            .c-filters__actions.column-dir .row.last-one {
                margin-top: 20px
            }

                .c-filters__actions.column-dir .row.last-one button {
                    width: 100% !important
                }

@media screen and (max-width:1675px) {
    .c-filters__actions.column-dir .row button {
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 20px;
        width: 100% !important
    }
}

.c-filters__actions a.link-button {
    margin-left: 7px;
    font-size: 12px
}

.c-filters__actions .uk-button-default {
    margin-right: auto;
    height: 34px;
    white-space: nowrap
}

.c-filters__actions .uk-icon-button {
    padding-left: 10px;
    padding-right: 30px;
    width: unset !important;
    margin-left: 7px;
    height: 35px;
    cursor: pointer
}

    .c-filters__actions .uk-icon-button:last-child {
        margin-left: 0
    }

.c-filters__actions .uk-icon-button--search {
    color: #fff;
    background-color: #37c7e7;
    border: 1px solid #45a1b6;
    position: relative;
    border-radius: 8px
}

    .c-filters__actions .uk-icon-button--search:before {
        content: "\F098\00FE0E"
    }

    .c-filters__actions .uk-icon-button--search:before {
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 10px
    }

.c-filters__actions .uk-icon-button--close {
    color: #e99c55;
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #e99c55;
    position: relative
}

    .c-filters__actions .uk-icon-button--close:before {
        content: "\F03E\00FE0E"
    }

    .c-filters__actions .uk-icon-button--close:before {
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 10px
    }

.c-filters__actions .uk-icon-button--export {
    color: #fff;
    background-color: #37c7e7;
    border: 1px solid #45a1b6;
    position: relative;
    border-radius: 8px
}

    .c-filters__actions .uk-icon-button--export:before {
        content: "\F078\00FE0E"
    }

    .c-filters__actions .uk-icon-button--export:before {
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 10px
    }

.c-filters__actions .uk-icon-button--import-light {
    color: #45a1b6;
    background-color: #fff;
    border: 1px solid #45a1b6;
    position: relative;
    border-radius: 8px;
    margin-left: 10px;
    padding-top: 0
}

    .c-filters__actions .uk-icon-button--import-light:before {
        content: "\F089\00FE0E"
    }

    .c-filters__actions .uk-icon-button--import-light:before {
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 10px
    }

    .c-filters__actions .uk-icon-button--import-light.is-loading {
        color: #fff;
        padding-right: 10px;
        border-color: #00a88c;
        background-image: repeating-linear-gradient(-65deg,#71d4b8,#71d4b8 1rem,#00a88c 0,#00a88c 2rem);
        background-size: 200% 200%;
        -webkit-animation: barberpole 15s linear infinite;
        animation: barberpole 15s linear infinite
    }

        .c-filters__actions .uk-icon-button--import-light.is-loading:before {
            content: ""
        }

@keyframes barberpole {
    to {
        background-position: 100% 100%
    }
}

.c-filters__actions .uk-icon-button--import-light.reload {
    color: #f05f6a;
    border-color: #f05f6a
}

    .c-filters__actions .uk-icon-button--import-light.reload:before {
        content: "\F0CC\00FE0E"
    }

.c-filters__actions .uk-icon-button--import-light.disabled {
    pointer-events: none;
    border-color: #aaa;
    color: #aaa;
    background-color: #eee
}

.c-filters__actions .uk-icon-button--import-light:hover {
    text-decoration: underline
}

.c-filters__actions .uk-icon-button--small-font {
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

    .c-filters__actions .uk-icon-button--small-font:hover {
        text-decoration: none
    }

@media screen and (min-width:962px) {
    .push-lg {
        margin-right: auto
    }
}

.c-page {
    border: 1px solid #ddd;
    margin-top: 20px;
    border-radius: 4px
}

    .c-page.white-bg {
        background-color: #fff
    }

.c-page--plain {
    border: none
}

    .c-page--plain .c-page__header {
        border-bottom: none;
        color: #777 !important;
        background: none;
        font-size: 16px
    }

        .c-page--plain .c-page__header span, .c-page--plain .c-page__header span.desc {
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833;
            color: #777
        }

.c-page__header {
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 29px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #690505;
    font-weight: 700;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-page__header span.desc {
        color: #777
    }

    .c-page__header div.update-time {
        float: left
    }

.c-page__header-col {
    white-space: nowrap
}

.c-page__header--start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-page__content {
    padding: 20px 15px
}

.c-page__footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    text-align: left
}

    .c-page__footer.tab-inner-footer {
        margin: 15px -15px -40px
    }

.c-page__tabs {
    background-color: #eae9e9;
    border-bottom: 2px solid #fdb94d;
    margin: 20px -15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-page__tabs--orders {
    margin: 20px 15px 0
}

.c-page__tabs:first-child {
    margin-top: -20px
}

.c-page__tabs.is-completed {
    border-bottom: 2px solid #5cb85c
}

    .c-page__tabs.is-completed a .tabs-badge, .c-page__tabs.is-completed button .tabs-badge {
        background: #5cb85c
    }

.c-page__tabs a, .c-page__tabs button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    border: none;
    border-right: 1px solid #ddd;
    padding: 12px 15px;
    color: #000;
    background-color: #eae9e9;
    cursor: pointer;
    outline: none
}

    .c-page__tabs a:first-child, .c-page__tabs button:first-child {
        border-right: none
    }

    .c-page__tabs a.uk-active, .c-page__tabs button.uk-active {
        background-color: #fff
    }

    .c-page__tabs a.right-text, .c-page__tabs button.right-text {
        text-align: right
    }

    .c-page__tabs a.has-badge, .c-page__tabs button.has-badge {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-page__tabs a .tabs-badge, .c-page__tabs button .tabs-badge {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        min-width: 22px;
        height: 22px;
        padding: 0 5px;
        border-radius: 5px;
        vertical-align: middle;
        background: #f9ba4d;
        color: #fff;
        font-size: 14px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        float: left
    }

.c-page__tabs .right-text {
    text-align: right
}

.c-page__text {
    text-align: justify;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 45px;
    padding-left: 65px;
    padding-right: 65px
}

    .c-page__text h1, .c-page__text h2, .c-page__text h3, .c-page__text h4, .c-page__text h5, .c-page__text h6 {
        margin-top: 40px
    }

    .c-page__text ol, .c-page__text ul {
        padding-left: 0;
        padding-right: 40px
    }

    .c-page__text p {
        margin-bottom: 10px
    }

.fstMultipleMode, .uk-input, .uk-select, .uk-textarea {
    font-size: 12px;
    border-radius: 4px
}

.uk-form-stacked .uk-input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.c-form-register {
    margin: 60px 0 !important
}

.c-form-register__header {
    margin-bottom: 40px;
    text-align: center
}

.c-form-register h5 {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    margin-bottom: 10px;
    text-align: center;
    color: #9d9e9f
}

.c-form-register p {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #9d9e9f
}

.c-form-register .uk-form-label {
    font-size: 14px;
    font-size: 1rem;
    line-height: 2.5;
    color: #76787a
}

.c-form-register .uk-inline {
    width: 100%
}

.c-form-register .uk-inline--date {
    min-width: 316px
}

.c-form-register .uk-inline .uk-form-icon-flip {
    width: 48px;
    border-left: 1px solid #e5e5e5;
    color: #76787a;
    margin-top: 1px;
    margin-bottom: 1px
}

    .c-form-register .uk-inline .uk-form-icon-flip + .uk-input {
        padding-right: 60px
    }

.c-form-register .uk-input[disabled] {
    border: 1px dotted rgba(0,0,0,.46);
    background: #fff
}

.c-form-register .uk-select:not([multiple]):not([size]) {
    height: 55px;
    border-radius: 8px
}

.c-form-register .uk-checkbox, .c-form-register .uk-radio {
    margin-top: 0;
    margin-right: 7px
}

.c-form-register .uk-button-cancel, .c-form-register .uk-button-submit {
    min-width: 142px;
    text-align: center;
    text-decoration: none
}

.c-form-register__top-indent {
    margin-top: 55px
}

.c-form-register__conditions {
    margin: 15px 0 70px;
    padding-right: 20px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 45px
}

.c-form-register__upload-box {
    background-color: rgba(207,216,220,.4);
    border: 3px dashed #b0bec5;
    border-radius: 10px;
    width: 322px;
    height: 322px;
    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;
    position: relative;
    margin: 0 auto 15px
}

    .c-form-register__upload-box img {
        max-width: 100%;
        max-height: 100%
    }

    .c-form-register__upload-box [uk-icon] {
        position: absolute;
        left: 15px;
        top: 15px;
        color: red;
        outline: none
    }

.c-form-register__resend, .c-form-register__upload-desc p {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-form-register__resend {
    text-align: center;
    margin-top: 40px
}

    .c-form-register__resend a {
        color: #00acd4
    }

.c-form-register__single-action .uk-button-submit {
    width: 100%
}

.c-form-register__section {
    border-top: 1px solid rgba(0,0,0,.1);
    padding-top: 45px;
    padding-bottom: 45px
}

    .c-form-register__section:first-child {
        border-top: none;
        padding-top: 0
    }

.c-form-register div.error.c-ui-feedback-hint {
    text-align: right;
    color: red;
    margin-top: 18px
}

.uk-form-label {
    font-size: 12px;
    color: #333
}

    .uk-form-label .required-star {
        color: red !important
    }

    .uk-form-label .question-mark {
        display: inline;
        margin-right: 3px;
        font-size: 9px
    }

    .uk-form-label .label-link {
        float: left
    }

.required-star {
    color: red !important
}

.form-inline-btn {
    position: relative;
    max-width: 100%;
    vertical-align: middle;
    -webkit-backface-visibility: hidden
}

    .form-inline-btn input {
        border-radius: 0 4px 4px 0;
        border-left: none
    }

    .form-inline-btn button {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: 0;
        border-left: none;
        border-radius: 4px 0 0 4px;
        height: 34px
    }

.c-ui-feedback-hint.error {
    margin-top: 10px !important;
    color: red !important
}

.uk-select:not([multiple]):not([size]) {
    height: 34px
}

.input-placeholder-right::-webkit-input-placeholder {
    direction: rtl
}

.input-placeholder-right::-moz-placeholder {
    direction: rtl
}

.input-placeholder-right:-ms-input-placeholder {
    direction: rtl
}

.input-placeholder-right:-moz-placeholder {
    direction: rtl
}

.field-hint {
    display: block;
    margin-bottom: 3px;
    color: #9c974c;
    background-color: #fffee8;
    padding: 2px 12px;
    border-radius: 0 0 5px 5px
}

.forgot-link {
    color: #2899d5 !important;
    text-decoration: none
}

    .forgot-link:hover {
        color: #1a84d5 !important
    }

.c-form-horizontal .uk-form-label {
    width: 200px;
    margin-top: 7px;
    float: right
}

.c-form-horizontal .uk-form-controls {
    margin-right: 215px
}

.c-form-horizontal .uk-margin {
    margin-right: -15px;
    margin-left: -15px;
    padding: 2px
}

    .c-form-horizontal .uk-margin:nth-child(odd) {
        background-color: #eee
    }

.c-form {
    width: 100%
}

.c-form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-form--inline > * + * {
        margin-right: 10px
    }

.c-form__btn {
    position: relative;
    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;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    height: 50px;
    min-width: 155px;
    padding: 0 5px;
    border-radius: 8px;
    border: 1px solid rgba(118,120,122,.2);
    background-color: #00cfed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer
}

    .c-form__btn:disabled {
        opacity: .6;
        pointer-events: none
    }

.timeline {
    list-style: none;
    padding: 20px 0;
    position: relative
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #9d9e9f;
        left: 50%;
        margin-left: -1.5px
    }

    .timeline > li {
        margin-bottom: 10px;
        position: relative
    }

        .timeline > li:after, .timeline > li:before {
            content: " ";
            display: table
        }

        .timeline > li:after {
            clear: both
        }

        .timeline > li > .timeline-panel {
            width: 50%;
            float: left;
            border-radius: 2px;
            padding: 26px 10px;
            position: relative
        }

        .timeline > li:not(.timeline-inverted) {
            padding-right: 90px
        }

        .timeline > li.timeline-inverted {
            padding-left: 90px
        }

        .timeline > li > .timeline-badge-wrapper {
            color: #fff;
            width: 85px;
            height: 85px;
            line-height: 85px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -42.5px;
            background-color: #fff;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%
        }

ul.timeline > li:first-child > .timeline-badge-wrapper {
    top: 0
}

ul.timeline > li:first-child > .timeline-panel {
    padding-top: 0 !important
}

ul.timeline > li:last-child > .timeline-badge-wrapper {
    top: auto;
    bottom: 0
}

.timeline > li > .timeline-badge-wrapper > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}

    .timeline > li > .timeline-badge-wrapper > .timeline-badge > i {
        line-height: inherit
    }

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    text-align: left
}

.timeline-badge.primary {
    background-color: #2e6da4 !important
}

.timeline-badge.success {
    background-color: #3f903f !important
}

.timeline-badge.warning {
    background-color: #f0ad4e !important
}

.timeline-badge.danger {
    background-color: #d9534f !important
}

.timeline-badge.info {
    background-color: #5bc0de !important
}

.timeline > li > .timeline-badge-wrapper > .timeline-image {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -25px
}

.timeline > li > .timeline-badge-wrapper > .timeline-image-circle {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%
}

.timeline-title {
    margin-top: 0;
    color: inherit
}

.timeline-body {
    padding-top: 16px
}

    .timeline-body > p, .timeline-body > ul {
        margin-bottom: 0
    }

    .timeline-body > p {
        font-size: 12px;
        margin-bottom: 0 !important
    }

        .timeline-body > p + p {
            margin-top: 5px
        }

@media (max-width:768px) {
    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 2px;
        background-color: #9d9e9f;
        right: 15px;
        margin-left: -1.5px
    }

    .timeline > li > .timeline-panel {
        width: 85%;
        width: calc(100% - 20px);
        float: left;
        border-radius: 2px;
        padding: 20px;
        position: relative
    }

    .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
        margin-top: 0
    }

    .timeline > li:not(.timeline-inverted) {
        padding-right: 20px
    }

    .timeline > li.timeline-inverted {
        padding-right: 20px;
        padding-left: 0
    }

    .timeline > li > .timeline-badge-wrapper {
        color: #fff;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 1.4em;
        text-align: center;
        position: absolute;
        top: 16px;
        right: -20px;
        margin-left: -35px;
        background-color: #fff;
        border-top-right-radius: 50%;
        border-top-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%
    }

    .timeline > li.timeline-inverted > .timeline-panel {
        width: 85%;
        width: calc(100% - 20px);
        float: left;
        border-radius: 2px;
        padding: 20px;
        position: relative;
        text-align: right
    }
}

.c-signup {
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 45px;
    color: #9d9e9f
}

    .c-signup a {
        color: #f2be69
    }

.c-signup__ilu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36%;
    flex: 0 0 36%;
    max-width: 36%;
    min-height: 707px;
    background: url(../files/5096b897.png) repeat 0 0;
    border-radius: 5px 0 0 5px
}

    .c-signup__ilu h5 {
        margin-bottom: 15px;
        font-size: 16px;
        text-align: center;
        color: #9d9e9f
    }

    .c-signup__ilu .timeline {
        margin: 0 15px;
        padding: 0
    }

.c-signup__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
    background: #fafafa
}

    .c-signup__main .social-links-icon img {
        width: 18px;
        height: 18px;
        cursor: pointer
    }

    .c-signup__main .social-links-icon .uk-icon {
        cursor: pointer
    }

.c-signup__content {
    padding: 0 45px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.c-signup__logo {
    margin: 30px auto;
    text-align: center
}

.c-signup__box {
    max-width: 470px;
    width: 100%;
    background: #fff;
    position: relative;
    margin: auto 0 55px;
    padding: 60px;
    border-radius: 5px;
    text-align: center;
    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1)
}

    .c-signup__box h5 {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        margin-bottom: 30px;
        color: #76787a
    }

    .c-signup__box .uk-margin {
        margin-bottom: 10px
    }

    .c-signup__box .uk-input[disabled] {
        border: 1px dotted rgba(0,0,0,.46);
        background: #fff
    }

    .c-signup__box div.error.c-ui-feedback-hint {
        text-align: right;
        color: red;
        margin-top: 18px
    }

    .c-signup__box .uk-inline {
        width: 100%
    }

        .c-signup__box .uk-inline .uk-form-icon-flip {
            width: 48px;
            border-left: 1px solid #e5e5e5;
            color: #76787a;
            margin-top: 1px;
            margin-bottom: 1px
        }

            .c-signup__box .uk-inline .uk-form-icon-flip + .uk-input {
                padding-right: 60px
            }

    .c-signup__box .uk-button-submit {
        width: 100%;
        margin-top: 10px
    }

.c-signup__agree .uk-checkbox {
    vertical-align: middle;
    margin-left: 7px;
    margin-top: 0
}

.c-signup__header {
    margin: 45px 0;
    width: 100%
}

    .c-signup__header h4 {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        color: #9d9e9f
    }

    .c-signup__footer, .c-signup__header hr {
        border-top: 1px solid rgba(0,0,0,.1)
    }

.c-signup__footer {
    padding: 30px 0;
    width: 100%;
    margin-top: auto
}

    .c-signup__footer .uk-icon {
        margin-right: 12px
    }

.c-registration-terms {
    width: 83.33333%;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 120px
}

    .c-registration-terms li {
        padding: 0
    }

    .c-registration-terms h1, .c-registration-terms h2, .c-registration-terms h3, .c-registration-terms h4, .c-registration-terms h5, .c-registration-terms h6, .c-registration-terms li, .c-registration-terms p {
        font-family: IRANSans,Yekan,serif !important;
        color: #9d9e9f;
        margin: 10px 0;
        line-height: 50px
    }

    .c-registration-terms ul {
        margin: 10px 0;
        padding-right: 18px
    }

    .c-registration-terms li, .c-registration-terms p {
        font-family: IRANSans,Yekan,serif !important;
        color: #9d9e9f;
        font-size: 15px;
        line-height: 45px;
        vertical-align: middle;
        text-align: justify
    }

.c-registration-success__icon {
    background-color: #97cd78;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    position: relative;
    margin: -20px auto 40px
}

    .c-registration-success__icon:before {
        content: "\F02E\00FE0E"
    }

    .c-registration-success__icon:before {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 32px;
        font-weight: 700
    }

.c-registration-success__section {
    margin: 10px 0
}

.c-registration-success__alert {
    border: 1px solid #ef5661;
    border-radius: 2px;
    padding: 15px
}

    .c-registration-success__alert p span {
        color: #ef5661
    }

.c-registration-success__paragraph {
    text-align: justify;
    direction: rtl;
    margin: 0
}

    .c-registration-success__paragraph, .c-registration-success__paragraph p, .c-registration-success__paragraph span {
        color: #9d9e9f;
        font-size: 16px;
        line-height: 30px
    }

.c-registration-success__box {
    margin: 20px 0;
    background-color: rgba(207,216,220,.4);
    color: #9d9e9f;
    padding: 20px 0;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-registration-success__box-col {
    width: 50%;
    text-align: center;
    font-size: 17px
}

.c-registration-success__box-col--value {
    font-weight: 700
}

.c-registration-success__actions {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 20px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px
}

    .c-registration-success__actions .uk-button-cancel {
        text-decoration: none;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        padding-right: 40px;
        padding-left: 40px;
        line-height: 22px
    }

    .c-registration-success__actions .uk-button-cancel--primary {
        border: 1px solid #0887a5;
        background-color: #00acd4;
        color: #fff
    }

    .c-registration-success__actions .uk-button-cancel:hover {
        -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

.c-chart {
    padding: 15px;
    margin: 20px auto;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.highcharts-axis-labels text, .highcharts-axis span, .highcharts-container tspan, .highcharts-data-labels span, .highcharts-legend-item span, .highcharts-tooltip b, .highcharts-tooltip span, .highcharts-tooltip text {
    font-family: IRANYekan,sans-serif !important
}

.highcharts-container .highcharts-button tspan {
    text-anchor: end
}

.c-ui-table__cell--small-text {
    z-index: 0 !important
}

.c-profile-nav__avatar {
    position: relative;
    z-index: 2;
    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;
    font-size: 40px;
    font-size: 2.857rem;
    line-height: 60px;
    font-weight: 700;
    color: #fff;
    width: 80px;
    height: 80px;
    margin: 15px auto;
    padding: 7px;
    border: 3px solid #f5f7fa;
    border-radius: 50%;
    -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-profile-nav__avatar img {
        max-width: 100%;
        max-height: 100%;
        height: auto
    }

    .c-profile-nav__avatar:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 7px;
        left: 7px;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        background-color: #fdc364
    }

.c-profile-nav__title {
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    margin: 20px 0 30px
}

.c-profile-nav__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    width: 80px;
    height: 80px;
    margin: 15px auto;
    padding: 7px;
    border: 3px solid #f5f7fa;
    border-radius: 50%;
    background-clip: content-box;
    background-size: cover;
    background-position: 50%
}

.c-profile-nav__menu {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 10px
}

.c-profile-nav__menu, .c-profile-nav__menu-item {
    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-profile-nav__menu-item {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #777;
    width: 100%;
    border: 1px solid #f5f7fa;
    border-radius: 8px;
    background-color: #fff;
    padding: 10px 0
}

@media (min-width:992px) {
    .c-profile-nav__menu-item {
        max-width: 70px
    }
}

.c-profile-nav__menu-item + .c-profile-nav__menu-item {
    margin-right: 20px
}

@media screen and (max-width:1100px) {
    .c-profile-nav__menu-item + .c-profile-nav__menu-item {
        margin-right: 10px
    }
}

.c-profile-nav__menu-item:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aeaeae;
    height: 20px
}

.c-profile-nav__menu-item:hover {
    color: #777;
    text-decoration: none;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.05)
}

.c-profile-nav__menu-item--comments:before {
    content: "\F040\00FE0E"
}

.c-profile-nav__menu-item--comments:before {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px
}

.c-profile-nav__menu-item--message:before {
    content: "\F09A\00FE0E"
}

.c-profile-nav__menu-item--message:before {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 18px
}

.c-profile-nav__menu-item--profile:before {
    content: "\F108\00FE0E"
}

.c-profile-nav__menu-item--profile:before {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px
}

.c-profile-nav__menu-item--logout:before {
    content: "\F096\00FE0E"
}

.c-profile-nav__menu-item--logout:before {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px
}

.c-profile-nav__menu-item--bullet:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ef5661;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05)
}

.c-profile-nav__rating {
    margin-bottom: 30px
}

.c-profile-nav__rating--bottom {
    margin-top: 25px;
    margin-bottom: 5px
}

.c-profile-nav--menu-links {
    padding: 15px 20px 17px
}

.c-profile-nav__item-counter {
    z-index: 1;
    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;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ef5661;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    font-size: 10px;
    font-size: .714rem;
    line-height: 11px;
    color: #fff
}

.c-profile-nav__item-counter--header {
    height: 12px;
    width: auto;
    padding: 0 3px;
    font-size: 9px;
    font-size: .643rem;
    line-height: 9px;
    top: 12px;
    right: 20px
}

.c-profile-nav__item-counter--header-question {
    right: -3px !important
}

.c-profile-form .uk-inline {
    width: 100%
}

    .c-profile-form .uk-inline .uk-form-icon-flip.not-compeleted:after {
        content: "";
        display: block;
        width: 28px;
        height: 28px;
        border: 6px solid #fce6e9;
        border-radius: 50%;
        background-color: #ef5661;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-profile-form .uk-inline .uk-form-icon-flip.is-compeleted:after {
        content: "";
        display: block;
        width: 28px;
        height: 28px;
        border: 6px solid #e4f7f3;
        border-radius: 50%;
        background-color: #41c8a6;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.c-profile-form .uk-flex .uk-form-label {
    margin-bottom: 0
}

.c-profile-form .uk-input:disabled {
    background-color: #fff
}

.c-profile-form .uk-form-button-row {
    margin-top: 25px
}

.c-profile {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 20px
}

.c-profile__header {
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 29px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-profile__header h4 {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        margin: 0;
        color: #777
    }

.c-profile__content {
    padding: 20px 15px
}

.c-profile .uk-alert-warning {
    background-color: #fcf8e4;
    border: 1px solid #f3e3c0;
    color: #927c53;
    border-radius: 4px
}

.c-profile__rating-details-user-rates-container {
    padding-right: 69px
}

.c-profile__warehouse:not(.uk-hidden) ~ .c-profile__warehouse {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6e9ed
}

.c-profile__warehouse-reference {
    padding: 2px 0;
    margin-left: auto;
    margin-right: 0
}

.c-profile__warehouse-actions:not(.is-active) .c-profile__warehouse-delete {
    display: none
}

.c-profile__warehouse-delete.c-ui-btn {
    padding-right: 15px !important;
    padding-left: 15px !important
}

    .c-profile__warehouse-delete.c-ui-btn span {
        display: unset !important;
        margin-left: 15px
    }

.c-profile__feed-back-container {
    padding-right: 70px;
    padding-left: 80px;
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-profile__rating-cat-container {
    padding-right: 80px;
    width: 500px
}

.c-profile__work-calender-switch {
    height: 40px !important;
    line-height: 37px !important;
    min-width: 75px !important
}

.c-profile__work-calendar-switch-button:before {
    content: "";
    display: none !important
}

.c-contract-notification-box {
    width: 35%;
    min-height: 200px;
    height: auto;
    margin: 20px auto
}

    .c-contract-notification-box .header {
        height: 80px;
        width: 100%;
        margin-bottom: -40px;
        z-index: 1;
        position: relative
    }

        .c-contract-notification-box .header .title-icon {
            width: 180px;
            height: 80px;
            margin: 0 auto;
            background-image: url(../files/1ed7a1a5.png);
            background-repeat: no-repeat;
            background-position: 50%
        }

    .c-contract-notification-box .content {
        min-height: 80px;
        width: 100%;
        border: 1px solid #ccc;
        padding-top: 40px;
        padding-bottom: 40px;
        margin-bottom: -25px;
        border-radius: 4px
    }

        .c-contract-notification-box .content p {
            color: #777;
            font-size: 15px;
            line-height: 32px;
            margin: 30px 20px
        }

            .c-contract-notification-box .content p span.red {
                color: #e3797c
            }

            .c-contract-notification-box .content p span.green {
                color: #96d0ab
            }

    .c-contract-notification-box .footer {
        height: 80px;
        width: 100%;
        text-align: center;
        margin: 0 auto
    }

        .c-contract-notification-box .footer .uk-button {
            width: 80%;
            padding: 12px
        }

.c-profile-rating--p-15 {
    padding-bottom: 15px !important
}

.c-profile-rating--mr-50 {
    margin-right: 50px
}

.c-profile-rating--mr-12 {
    margin-right: 12px
}

.c-profile-rating--mw-450 {
    min-width: 450px !important
}

.c-profile-rating--mw-120 {
    min-width: 120px
}

.c-profile-rating--mh-40 {
    min-height: 40px
}

.c-profile-rating--mt-10 {
    margin-top: 10px
}

.c-profile-rating--mt-20 {
    margin-top: 20px
}

.c-profile-rating--ml-12 {
    margin-left: 12px
}

.c-profile-rating--ml-70 {
    margin-left: 70px !important
}

.c-profile-rating__expanded-product-row td:first-child, .c-profile-rating__expanded-product-row td:last-child {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.c-profile-rating__table-status {
    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: 12px;
    width: 30px;
    height: 30px;
    vertical-align: top;
    border-radius: 8px
}

.c-profile-rating__table-status--inactive {
    color: #ef5661;
    background-color: rgba(239,86,97,.1)
}

    .c-profile-rating__table-status--inactive:before {
        content: "\F045\00FE0E"
    }

.c-profile-rating__table-status--active {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

    .c-profile-rating__table-status--active:before {
        content: "\F0FD\00FE0E"
    }

.c-profile-rating__table-satisfaction {
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 26px;
    border-bottom: 1px dashed #777;
    white-space: nowrap
}

.c-profile-rating__table-satisfaction-section-container {
    position: relative;
    top: 16px;
    right: 90%
}

.c-profile-rating__table-satisfaction-section {
    width: 10px;
    height: 10px;
    border: 1px solid #e0e0e2;
    background: #f7f7f8;
    border-radius: 10px;
    cursor: pointer
}

.c-profile-rating__table-satisfaction-section--active {
    border: none ‌;
    background: #4fcce9
}

.c-profile-rating__table-satisfaction-details {
    min-width: 389px;
    max-width: 100%;
    padding: 20px 20px 10px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-profile-rating__table-satisfaction-details:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 10px;
        height: 10px;
        border-color: transparent;
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        border-right: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.c-profile-rating__table-satisfaction-details--end:before {
    top: 98% !important;
    -webkit-transform: rotate(135deg) !important;
    transform: rotate(135deg) !important
}

.c-profile-rating__table-satisfaction-title {
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.c-profile-rating__satisfaction-details {
    margin-top: 10px
}

.c-profile-rating__table-progress.c-rating-chart__details-progress {
    height: 4px
}

    .c-profile-rating__table-progress.c-rating-chart__details-progress div {
        border-radius: 2px
    }

.c-profile-rating__table-label {
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    white-space: nowrap
}

    .c-profile-rating__table-label.c-rating-chart__details-label {
        width: 105px
    }

.c-profile-rating__table-value {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    white-space: nowrap;
    font-weight: 700
}

    .c-profile-rating__table-value.c-rating-chart__details-value {
        width: 80px
    }

.c-profile-rating__chart-btn:before {
    content: "\F0D0\00FE0E"
}

.c-profile-rating__chart-btn.c-ui-btn {
    font-size: 24px !important;
    padding: 0 5px !important
}

.c-profile-rating__chart {
    margin-top: 30px
}

@media screen and (max-width:767px) {
    .c-profile-rating__chart {
        margin-right: -15px;
        margin-left: -15px
    }
}

.c-profile-rating__chart .highcharts-data-labels span, .c-profile-rating__chart .highcharts-label span {
    direction: rtl !important
}

.c-profile-rating__modal-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .c-profile-rating__modal-details {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.c-profile-rating__modal-details-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    margin-left: 25px
}

@media screen and (max-width:767px) {
    .c-profile-rating__modal-details-img {
        margin-left: 10px
    }
}

.c-profile-rating__modal-details-img img {
    max-width: 100%;
    height: auto
}

.c-profile-rating__modal-details-desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c-profile-rating__modal-details-title {
    display: inline-block;
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    margin-bottom: 20px;
    word-break: break-word
}

@media screen and (max-width:767px) {
    .c-profile-rating__modal-details-title {
        margin-bottom: 10px
    }
}

.c-profile-rating__product-row-title {
    width: 370px
}

.c-profile-rating__btns {
    height: 32px;
    width: 24px;
    color: #fff;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 40px;
    max-height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8
}

    .c-profile-rating__btns:before {
        content: "\F1A9\00FE0E"
    }

    .c-profile-rating__btns:before {
        color: #81858b;
        font-size: 17px;
        font-size: 1.214rem;
        line-height: 1.294
    }

    .c-profile-rating__btns:hover {
        border-radius: 8px;
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
        background-color: #4fcce9;
        text-decoration: none;
        border: none
    }

        .c-profile-rating__btns:hover:before {
            color: #fff
        }

.c-profile-rating__vote {
    min-height: 26px;
    border-radius: 15px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    line-height: 1.86;
    padding: 1px 10px;
    color: #777;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-profile-rating__vote--thumbs-up {
    border: 1px solid rgba(87,207,177,.3);
    color: #0e73ad
}

    .c-profile-rating__vote--thumbs-up:before {
        content: "\F0F8\00FE0E"
    }

    .c-profile-rating__vote--thumbs-up:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        color: #0e73ad;
        margin-left: 12px
    }

.c-profile-rating__vote--thumbs-down {
    border: 1px solid rgba(239,86,97,.3);
    margin-top: 5px;
    color: #ef5661
}

    .c-profile-rating__vote--thumbs-down:before {
        content: "\F0F7\00FE0E"
    }

    .c-profile-rating__vote--thumbs-down:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        color: #ef5661;
        margin-left: 12px
    }

.c-profile-rating__vote--doubt {
    margin-top: 5px;
    border: 1px solid rgba(249,168,37,.3);
    color: #f9a825
}

    .c-profile-rating__vote--doubt:before {
        content: "\F059\00FE0E"
    }

    .c-profile-rating__vote--doubt:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        color: #f9a825;
        margin-left: 12px
    }

.c-profile-rating__vote--small {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-profile-rating__details-filter {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    padding: 0 16px;
    min-height: 38px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #81858b;
    margin-left: 10px;
    cursor: pointer
}

.c-profile-rating__details-filter--active {
    background: #4fcce9;
    color: #fff;
    border: none
}

.c-profile-rating__details-img {
    max-height: 70px;
    max-width: 70px;
    min-width: 70px;
    min-height: 70px
}

.c-profile-rating__details-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    color: #424750;
    max-width: 100%
}

.c-profile-rating__details-dkp {
    max-height: 20px;
    border-radius: 5px;
    border: 1px solid #e6e9ed;
    font-weight: 500;
    color: #9199a0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center;
    padding: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-profile-rating__details-item {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    color: #777
}

.c-profile-rating__details-item-color {
    border-radius: 4px;
    height: 16px;
    width: 16px;
    margin-right: 10px
}

.c-profile-rating__details-item-value {
    color: #62666d;
    font-weight: 700;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    margin-right: 10px;
    min-width: 80px
}

.c-profile-rating__details-score {
    padding: 32px 60px 18px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-profile-rating__details-score-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right;
    color: #606265
}

.c-profile-rating__details-score-sub {
    color: #a1a3a8;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right
}

.c-profile-rating__details-score-count {
    border-radius: 8px;
    background-color: #f5f7fa;
    min-height: 56px;
    min-width: 106px
}

.c-profile-rating__details-score-vote {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #81858b;
    text-align: right
}

.c-profile-rating__details-user-vote {
    padding: 10px 20px 20px;
    border-radius: 8px;
    background-color: #f5f7fa
}

.c-profile-rating__details-user-vote-item {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right;
    max-width: 150px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-profile-rating__details-user-vote-item--title {
    min-width: 150px
}

.c-profile-rating__details-user-vote-score {
    margin-top: 5px;
    background-color: #ebeff1 !important;
    max-width: 350px
}

.c-profile-rating__details-user-vote-score--fill {
    background: #4fcce9
}

.c-profile-rating__details-user {
    border-radius: 15px;
    max-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-profile-rating__details-user--buyer {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

.c-profile-rating__details-user--normal {
    color: #777;
    background-color: hsla(0,0%,46.7%,.07)
}

.c-profile-rating__details-more {
    border-radius: 0 0 8px 8px;
    border: 1px solid #e6e9ed;
    background-color: #f9fafc;
    padding: 20px;
    position: relative;
    top: -5px
}

.c-profile-rating__details-more-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e9ed;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #62666d;
    font-weight: 700;
    text-align: right
}

.c-profile-rating__details-more-comment {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #81858b;
    text-align: right;
    white-space: pre-line;
    margin-top: -15px
}

.c-profile-rating__details-more-feedback {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right
}

.c-profile-rating__details-more-feedback--advantages {
    color: #16b7db
}

.c-profile-rating__details-more-feedback--disadvantages {
    color: #ef5661
}

.c-profile-rating__details-more-feedback-item {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    color: #81858b
}

.c-profile-rating__details-more-feedback-item--advantages {
    margin-right: 36px
}

.c-profile-rating__details-more-feedback-item--disadvantages {
    margin-right: 30px
}

.c-profile-rating__details-more-feedback-item > li {
    list-style: none
}

.c-profile-rating__details-more-img {
    border-radius: 4px;
    border: 1px solid #e6e9ed;
    min-height: 80px;
    max-height: 80px;
    min-width: 80px;
    max-width: 80px;
    margin-left: 15px
}

.c-pass {
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 555px;
    margin: 100px auto !important
}

.c-pass__header {
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 29px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-pass__header h4 {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        margin: 0;
        color: #690505
    }

.c-pass__content {
    padding: 20px 15px;
    background-color: #eee
}

@media (min-width:960px) {
    .c-pass__content .uk-form-horizontal .uk-form-label {
        width: 149px;
        float: right;
        text-align: center;
        font-weight: 700;
        background-color: #eee;
        padding: 7.8px 0;
        margin-top: 0;
        border: 1px solid #ccc;
        border-left: none;
        border-radius: 0 4px 4px 0
    }

    .c-pass__content .uk-form-horizontal .uk-form-controls {
        margin-right: 150px;
        margin-left: 0
    }

    .c-pass__content .uk-input {
        border-color: #ccc;
        border-radius: 4px 0 0 4px
    }

    .c-pass__content .uk-margin {
        margin-top: 20px
    }
}

.c-message {
    font-size: 14px;
    font-size: 1rem;
    line-height: 22px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: justify
}

    .c-message p {
        margin-bottom: 0
    }

        .c-message p:first-child {
            margin-top: 0
        }

.c-message--dismissable {
    border: 1px solid #ef5621;
    color: #7c7c7c
}

.c-message--warning {
    background-color: #ffdcdc;
    color: #603434
}

.c-message--yellow {
    color: #504f4f;
    background-color: #ffb400;
    border-color: #e3e3e3
}

.c-message + .c-steps {
    margin-top: 40px
}

.c-message--error {
    background-color: rgba(255,0,15,.38);
    border: 1px solid red;
    color: red;
    direction: rtl;
    margin: 10px
}

.c-inline-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

    .c-inline-message:before {
        width: 16px;
        text-align: center;
        margin-left: 10px
    }

.c-inline-message--success {
    color: #0e73ad
}

    .c-inline-message--success:before {
        content: "\F0FD\00FE0E"
    }

    .c-inline-message--success:before {
        font-size: 12px
    }

.c-inline-message--error {
    color: #f05f6a
}

    .c-inline-message--error:before {
        content: "\F03E\00FE0E"
    }

    .c-inline-message--error:before {
        font-size: 15px
    }

.c-rating {
    margin: 30px 0
}

.c-rating__note {
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 5px;
    line-height: 25px;
    color: #777;
    margin-bottom: 10px
}

.c-rating__chart {
    min-width: 310px;
    height: 400px;
    margin: 0 auto
}

    .c-rating__chart .highcharts-container {
        position: relative;
        overflow: hidden;
        width: 594px;
        height: 400px;
        text-align: left;
        line-height: normal;
        z-index: 0;
        -webkit-tap-highlight-color: rgba(0,0,0,0)
    }

.c-rating__chart-header {
    margin-bottom: 35px;
    text-align: center;
    font-size: 23px;
    color: #777
}

.c-rating__votes {
    list-style: none;
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding: 20px 0 0
}

    .c-rating__votes li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-rating__votes li .uk-progress-before {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: right;
            padding-right: 30px;
            position: relative
        }

        .c-rating__votes li .uk-progress-before--very-happy:before {
            content: "\F07B\00FE0E"
        }

        .c-rating__votes li .uk-progress-before--happy:before {
            content: "\F07F\00FE0E"
        }

        .c-rating__votes li .uk-progress-before--neutral:before {
            content: "\F07C\00FE0E"
        }

        .c-rating__votes li .uk-progress-before--sad:before {
            content: "\F07D\00FE0E"
        }

        .c-rating__votes li .uk-progress-before--very-sad:before {
            content: "\F07E\00FE0E"
        }

        .c-rating__votes li .uk-progress-before:before {
            position: absolute;
            top: -1px;
            right: 0;
            font-size: 22px;
            font-size: 1.571rem;
            line-height: 1
        }

        .c-rating__votes li .uk-progress {
            -webkit-box-flex: 3;
            -ms-flex: 3;
            flex: 3;
            margin-top: 15px
        }

        .c-rating__votes li .uk-progress-after {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            text-align: center
        }

.c-rating__changes h5, .c-rating__total h5 {
    margin-top: 10px;
    margin-bottom: 15px
}

.c-rating__changes [uk-icon], .c-rating__total [uk-icon] {
    display: inline-block;
    margin: -13px
}

.c-rating__changes span, .c-rating__total span {
    margin: 5px
}

.c-rating__changes .text, .c-rating__total .text {
    font-size: 20px;
    color: #777;
    white-space: nowrap
}

.c-rating__changes .percent, .c-rating__total .percent {
    font-size: 27px
}

    .c-rating__changes .percent.up, .c-rating__total .percent.up {
        color: #0eb40c
    }

    .c-rating__changes .percent.down, .c-rating__total .percent.down {
        color: #ef5661
    }

.c-rating__changes .line, .c-rating__total .line {
    font-size: 27px;
    color: #e7e7e7
}

.c-rating__changes .votes, .c-rating__total .votes {
    font-size: 12px;
    color: #777;
    white-space: nowrap
}

.c-rating__changes p, .c-rating__total p {
    font-size: 12px;
    margin: 0
}

.c-rating .highcharts-legend-item {
    display: none
}

.uk-progress {
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.uk-progress-bar {
    height: 100%
}

.uk-progress-bar--dark-green {
    background-color: #0eb40c
}

.uk-progress-bar--light-green {
    background-color: #86ed2c
}

.uk-progress-bar--dark-orange {
    background-color: #fdc364
}

.uk-progress-bar--light-orange {
    background-color: #f59a05
}

.uk-progress-bar--dark-red {
    background-color: #ef5661
}

.c-product {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 20px
}

.c-product__header {
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 4px 4px 0 0;
    background: #f5f5f5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 29px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #690505;
    font-weight: 700;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-product__content {
    padding: 20px 15px
}

    .c-product__content .fstElement, .c-product__content .fstElement .fstControls {
        width: 100%
    }

.c-product__upload-box {
    background-color: rgba(207,216,220,.4);
    border: 3px dashed #b0bec5;
    border-radius: 10px;
    width: 322px;
    height: 322px;
    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;
    position: relative
}

    .c-product__upload-box img {
        max-width: 100%;
        max-height: 100%
    }

    .c-product__upload-box [uk-icon] {
        position: absolute;
        left: 15px;
        top: 15px;
        color: red;
        outline: none
    }

.advantage-box {
    width: 100%;
    min-height: 100px;
    max-height: 200px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 4px 0 1px;
    overflow: hidden
}

    .advantage-box .tags {
        display: inline-block;
        font-size: 13px;
        position: relative;
        float: right;
        border-radius: 4px;
        cursor: auto;
        color: #fff;
        border-color: #357ebd;
        background-color: #428bca;
        padding: .1em .4em .1em 1.6em;
        margin: 2px 2px 2px 0;
        -webkit-animation: fstAnimationEnter .2s;
        animation: fstAnimationEnter .2s
    }

        .advantage-box .tags .remove-tag {
            padding: 0;
            border: 0;
            cursor: pointer;
            background: none;
            font-size: 1.16667em;
            position: absolute;
            left: 0;
            top: 50%;
            width: 1.28571em;
            line-height: 1.28571em;
            margin: -.64286em 0 0;
            text-align: center;
            color: #000
        }

            .advantage-box .tags .remove-tag:after {
                content: "\F023\00FE0E"
            }

.c-product-list table tbody tr td.row_index {
    width: 20px !important;
    min-width: 20px;
    max-width: 20px
}

.c-product-list table tbody tr td.image_src {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    padding-top: 5px;
    padding-bottom: 5px
}

    .c-product-list table tbody tr td.image_src img {
        width: 90px;
        margin: 0 auto
    }

.c-product-list table tbody tr td.main_category_title {
    width: 180px;
    min-width: 180px
}

.c-product-list table tbody tr td.title {
    width: 400px
}

    .c-product-list table tbody tr td.title table.product-table-title {
        width: 100%
    }

        .c-product-list table tbody tr td.title table.product-table-title tbody tr {
            background: none
        }

            .c-product-list table tbody tr td.title table.product-table-title tbody tr td.fa-title {
                border: none;
                border-bottom: 1px solid #ccc;
                padding: 2px
            }

            .c-product-list table tbody tr td.title table.product-table-title tbody tr td.en-title {
                border: none;
                text-align: left;
                padding: 2px
            }

.c-product-list table tbody tr td.brand_title {
    width: 120px;
    min-width: 120px
}

.c-product-list table tbody tr td.variants_count {
    width: 85px;
    min-width: 85px;
    margin: 0 auto;
    text-align: center
}

.c-product-list table tbody tr td:last-child {
    width: 95px !important;
    min-width: 95px !important
}

.c-product-list table tbody tr td a, .c-product-list table tbody tr td button {
    margin-top: 2px
}

.c-product-list table tbody tr td .icon-bell {
    border: none;
    outline: none;
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    color: red
}

    .c-product-list table tbody tr td .icon-bell:hover {
        color: #ff6960
    }

    .c-product-list table tbody tr td .icon-bell:after {
        content: "\F015\00FE0E"
    }

.c-product-list--align-header {
    margin-top: 4px;
    margin-bottom: 6px
}

.c-product-list__tool-tip {
    min-width: 200px !important;
    padding: 10px !important
}

.c-product-list__tool-tip--small {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #62666d
}

.c-product-list__search-items-container {
    margin: 0 20px;
    padding: 15px 0;
    border-top: 1px solid #e6e9ed;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-product-list__search-item, .c-product-list__search-items-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    color: #606265
}

.c-product-list__search-item {
    border-radius: 6px;
    background-color: #f5f7fa;
    padding: 5px 10px;
    max-height: 20px
}

.c-product-list__search-item-colse {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-product-list__search-item-colse:after {
        content: "\F046\00FE0E"
    }

    .c-product-list__search-item-colse:after {
        color: #606265;
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222
    }

.c-product-list__alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    padding: 8px 12px;
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

    .c-product-list__alert:before {
        content: "\F08C\00FE0E"
    }

    .c-product-list__alert:before {
        margin-left: 8px;
        color: #f9a825;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-product-list__platform {
    min-width: 38px;
    max-width: 38px;
    height: 24px;
    border-radius: 15px;
    border: 1px solid #e0e0e2;
    background-color: rgba(240,240,241,.7);
    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-product-list__platform-dk:after {
    content: "\F04F\00FE0E"
}

.c-product-list__platform-dk:after {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    color: #ff004c
}

.c-product-list__platform-ds {
    margin-top: 8px
}

    .c-product-list__platform-ds:after {
        content: "\F05F\00FE0E"
    }

.c-product-list__platform--active {
    border-color: #0e73ad;
    background-color: #fff
}

.btn-up:after {
    content: "\F023\00FE0E"
}

.uk-icon-button--last {
    width: 27px;
    height: 27px;
    color: #000;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center
}

    .uk-icon-button--last:after {
        content: "\F01A\00FE0E"
    }

    .uk-icon-button--last:after {
        vertical-align: middle
    }

.uk-icon-button--down {
    width: 27px;
    height: 27px;
    color: #000;
    text-align: center
}

    .uk-icon-button--down:after {
        content: "\F018\00FE0E"
    }

    .uk-icon-button--down:after {
        vertical-align: middle
    }

.uk-icon-button--up {
    width: 27px;
    height: 27px;
    color: #000;
    text-align: center
}

    .uk-icon-button--up:after {
        content: "\F01C\00FE0E"
    }

    .uk-icon-button--up:after {
        vertical-align: middle
    }

.uk-icon-button--first {
    width: 27px;
    height: 27px;
    color: #000;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    text-align: center
}

    .uk-icon-button--first:after {
        content: "\F01B\00FE0E"
    }

    .uk-icon-button--first:after {
        vertical-align: middle
    }

.uk-icon-button--edit {
    width: 27px;
    height: 27px;
    color: #000;
    text-align: center
}

    .uk-icon-button--edit:after {
        content: "\F019\00FE0E"
    }

    .uk-icon-button--edit:after {
        vertical-align: middle
    }

.uk-icon-button--remove {
    width: 27px;
    height: 27px;
    color: #000;
    text-align: center
}

    .uk-icon-button--remove:after {
        content: "\F017\00FE0E"
    }

    .uk-icon-button--remove:after {
        vertical-align: middle
    }

.uk-icon-button--show {
    width: 27px;
    height: 27px;
    color: #000;
    text-align: center
}

    .uk-icon-button--show:after {
        content: "\F01D\00FE0E"
    }

    .uk-icon-button--show:after {
        vertical-align: middle
    }

.c-dynamic-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    border: 1px solid #e5e5e5
}

    .c-dynamic-list div.dynamic-list-box {
        width: 270px;
        position: relative;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 250px;
        overflow-y: auto;
        margin-left: 5px;
        overflow-x: hidden
    }

        .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul {
            width: 100%;
            padding: 0;
            list-style: none;
            border: 1px solid #e5e5e5
        }

            .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li {
                padding: 5px;
                position: relative
            }

                .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li.cat-selected:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:active:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:hover:after {
                    content: "\F0A5\00FE0E"
                }

                .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li.cat-selected:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:active:after, .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:hover:after {
                    position: absolute;
                    left: 3px;
                    top: 1px;
                    width: 20px;
                    height: 20px;
                    border-radius: 50%;
                    background-color: #777;
                    color: #fff;
                    text-align: center;
                    font-size: 20px;
                    padding: 5px;
                    display: block
                }

                .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:after {
                    background-color: transparent;
                    content: " "
                }

                .c-dynamic-list div.dynamic-list-box ul.dynamic-list-ul li:nth-child(n+2) {
                    border-top: 1px solid #e5e5e5
                }

.c-attribute-form fieldset {
    border: none
}

.c-attribute-form .uk-textarea {
    width: 100%;
    min-height: 100px
}

.c-photo-table tbody tr td img {
    width: 100px
}

.yellow-alert {
    background-color: rgba(244,216,54,.1);
    border: 1px solid #f4d836;
    color: #333;
    font-size: 17px;
    padding-right: 45px;
    padding-left: 30px
}

.c-product-search-results table tbody tr td img {
    width: 100px;
    min-width: 100px
}

@media (max-width:991px) {
    .c-product-responsive #searchForm > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-product-responsive #searchForm .c-product-radio-group-container {
        margin-left: auto;
        margin-right: 0 !important;
        margin-top: 10px !important
    }

    .c-product-responsive #searchForm .c-product-text-search-container div:first-of-type {
        width: 100%
    }

    .c-product-responsive #searchForm .c-product-text-search-container div:nth-of-type(2) {
        margin-right: 0 !important;
        padding: 0 !important
    }

    .c-product-responsive #searchForm .c-product-text-search-container div:nth-of-type(3) {
        margin-right: 0 !important;
        padding: 0 !important
    }

    .c-product-responsive .c-ui-paginator .c-ui-paginator__select {
        margin-left: auto
    }

    .c-product-responsive .c-ui-paginator .c-ui-paginator__control {
        margin-right: 0 !important
    }
}

.c-package-create {
    margin: 25px 0 20px
}

.c-package-create__btn {
    display: block;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    min-height: 25px;
    font-size: 12px;
    border-radius: 4px 0 0 4px;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 6px 20px 6px 12px
}

    .c-package-create__btn [uk-icon] {
        margin-left: 5px
    }

    .c-package-create__btn:before {
        content: "\F0B6\00FE0E"
    }

    .c-package-create__btn:before {
        position: relative;
        top: 4px;
        right: -2px
    }

.c-package-create .uk-input {
    border-radius: 0 4px 4px 0;
    border-left: none
}

.c-package-create__select-dropdown .select2-results__option {
    padding: 0 10px !important
}

.c-package-create__select-dropdown .select2-results__options {
    max-height: 450px !important;
    height: 100%
}

    .c-package-create__select-dropdown .select2-results__options::-webkit-scrollbar {
        width: 2px
    }

    .c-package-create__select-dropdown .select2-results__options::-webkit-scrollbar-track {
        background-color: transparent
    }

    .c-package-create__select-dropdown .select2-results__options::-webkit-scrollbar-thumb {
        background-color: #4fcce9
    }

.c-package-create__select-dropdown .c-rating-chart__details-bar {
    font-size: 13px !important
}

.c-package-create__date-input {
    width: 200px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #e9e6ed;
    border-radius: 8px
}

    .c-package-create__date-input > div {
        color: #424750;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

        .c-package-create__date-input > div:before {
            content: "\F021\00FE0E"
        }

    .c-package-create__date-input > input {
        width: 148px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        outline: none;
        margin-right: 8px;
        color: #62666d;
        font-family: IRANYekan,sans-serif;
        border: none;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692
    }

.c-package-create__location-detail-tooltip {
    visibility: hidden;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: visibility 1s,opacity 1s ease-in-out;
    transition: visibility 1s,opacity 1s ease-in-out;
    opacity: 0;
    -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;
    position: absolute;
    background: #fff;
    width: 250px;
    height: auto;
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    border: 1px solid #e0e0e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 15px;
    border-radius: 8px;
    top: calc(100% + 10px);
    left: 0;
    font-family: IranYekan,sans-serif;
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-package-create__location-detail-tooltip > div {
        text-align: start
    }

    .c-package-create__location-detail-tooltip a {
        color: #4a90e2;
        height: 21px;
        border-bottom: 1px dashed #4a90e2;
        font-weight: 700;
        margin-top: 10px
    }

    .c-package-create__location-detail-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 13px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        height: 10px;
        width: 8px;
        border: 1px solid #e0e0e2;
        border-right: none;
        border-bottom: none
    }

.c-package-create__location-button {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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: #4fcce9;
    background-color: #f9fafc;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    outline: none;
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571
}

    .c-package-create__location-button:before {
        content: "\F0AF\00FE0E"
    }

    .c-package-create__location-button:disabled {
        background-color: #e6e9ed;
        color: #fff
    }

    .c-package-create__location-button:hover:enabled .c-package-create__location-detail-tooltip {
        visibility: visible;
        opacity: 1
    }

.c-package-create__package-number-input {
    width: 200px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    font-family: IRANYekan,sans-serif;
    font-weight: 700;
    color: #424750;
    outline: none;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.c-package-create__divider {
    padding: 0 6px;
    height: 1px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background: rgba(0,0,0,.05);
    margin: 19px
}

.c-package-create__rectangle-small {
    width: 80px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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: 1px solid rgba(87,207,177,.1);
    background-color: rgba(87,207,177,.07)
}

.c-package-create__rectangle-small--text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    display: block;
    color: #0e73ad
}

.c-package-create__rectangle-large {
    width: auto;
    height: 40px;
    padding: 10px 18px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(239,86,97,.1);
    background-color: rgba(239,86,97,.07);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-package-create__rectangle-large--text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    display: block;
    color: #ef5661
}

.c-package-create__jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-package-create--jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-package-create--m-0 {
    margin: 0
}

.c-package-create__success-message-box {
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1)
}

.c-package-create__success-message-box--text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    margin: 10px;
    color: #62666d;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-package-create__success-message-box--text:before {
        font-size: 24px;
        color: #0e73ad;
        margin-left: 10px
    }

.c-package-create__success-button-box {
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(145,153,160,.2);
    background-color: rgba(145,153,160,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-package-create__success-button-box--text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: right;
    color: #81858b
}

.c-package-create__error-message-box {
    height: 38px;
    border-radius: 8px;
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05)
}

.c-package-create__error-message-box--text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-package-create__error-message-box--error-span {
    margin: 0 0 10px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    color: #62666d;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-package-create__error-message-box--error-span:before {
        font-size: 24px;
        color: #ef5661;
        margin-left: 10px
    }

    .c-package-create__error-message-box--error-span:last-child {
        margin: 0
    }

.c-package-create__warning-message-box {
    height: 38px;
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05)
}

.c-package-create__warning-message-box--text {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 6px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-package-create__warning-message-box--error-span {
    margin: 0 0 10px
}

    .c-package-create__warning-message-box--error-span:last-child {
        margin: 0
    }

.c-package-create__info-message-box {
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-package-create__info-message-box--text {
    font-size: 13px;
    color: #606265;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-package-create__info-message-box--text:before {
        content: "\F09D\00FE0E"
    }

    .c-package-create__info-message-box--text:before {
        color: #4fcce9;
        margin-left: 10px;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-package-create__info-message-box--danger {
    color: #ef5661
}

.c-package-create--product-label-icon {
    height: 22px;
    padding-right: 12px;
    color: #81858b
}

    .c-package-create--product-label-icon:before {
        content: "\F0BB\00FE0E"
    }

    .c-package-create--product-label-icon:before {
        font-size: 1.971rem;
        line-height: 22px
    }

    .c-package-create--product-label-icon:hover {
        text-decoration: none
    }

.c-package-create--consignment-label-icon {
    height: 22px;
    padding-right: 12px;
    color: #81858b
}

    .c-package-create--consignment-label-icon:before {
        content: "\F041\00FE0E"
    }

    .c-package-create--consignment-label-icon:before {
        font-size: 1.971rem;
        line-height: 22px
    }

    .c-package-create--consignment-label-icon:hover {
        text-decoration: none
    }

.c-package-create--receipt-label-icon {
    height: 22px;
    padding-right: 12px;
    color: #81858b
}

    .c-package-create--receipt-label-icon:before {
        content: "\F0C9\00FE0E"
    }

    .c-package-create--receipt-label-icon:before {
        font-size: 1.971rem;
        line-height: 22px
    }

    .c-package-create--receipt-label-icon:hover {
        text-decoration: none
    }

.c-package-create--w-100 {
    width: 100%
}

.c-package-create--mr {
    margin-right: 20px
}

.c-package-create--ml {
    margin-left: 20px
}

@media screen and (min-width:992px) {
    .c-package-create--col-width-1 {
        width: 12.333% !important
    }
}

.c-package-create--width-fixed {
    width: 130px !important
}

.c-package-create__retry-button {
    width: 136px;
    height: 40px !important;
    border-radius: 8px !important;
    background-color: #ff465c !important;
    color: #fff !important
}

.c-package-create__retry-button--refresh:after {
    content: "\F0CB\00FE0E"
}

.c-package-create__retry-button--refresh:after {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    margin-right: 15px
}

.c-package-create__table-container {
    display: inline-block;
    max-height: 420px;
    padding-top: 1.875em;
    position: relative
}

    .c-package-create__table-container > div {
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .c-package-create__table-container table {
        display: block;
        max-height: 420px;
        overflow-y: auto
    }

    .c-package-create__table-container th {
        padding: 0 5px;
        text-align: right
    }

        .c-package-create__table-container th:first-child > div {
            padding-left: 7px
        }

        .c-package-create__table-container th > div {
            margin-left: -6px;
            padding-left: 5px;
            position: absolute;
            top: 0
        }

    .c-package-create__table-container td {
        padding: 5px
    }

.shipment-alert {
    color: red;
    display: none;
    font-size: 13px
}

.c-package table tbody tr td.delivery_type {
    width: 250px;
    min-width: 250px
}

.c-package table tbody tr td.received_at {
    width: 135px;
    min-width: 135px
}

.c-package--dk-icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #4fcce9;
    padding: 13px 8px;
    margin: 3px 0;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15 ease-in-out,color .15 ease-in-out;
    transition: border-color .15 ease-in-out,color .15 ease-in-out;
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    background-image: url(../files/c9a15559.svg);
    background-size: 20px
}

.c-package--dk-icon, .c-package--seller-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45px;
    height: 30px;
    border: 1px solid #0e73ad;
    border-radius: 25vw;
    background-color: rgba(87,207,177,.05)
}

.c-package--seller-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #424750
}

    .c-package--seller-icon:before {
        content: "\F0E3\00FE0E"
    }

    .c-package--seller-icon:before {
        font-size: 20px
    }

.c-package--post-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0e73ad;
    height: 30px;
    border-radius: 25vw;
    color: #424750;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(87,207,177,.05)
}

    .c-package--post-icon:before {
        content: "\F0E2\00FE0E"
    }

    .c-package--post-icon:before {
        font-size: 20px
    }

.c-package--mobile-hub-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0e73ad;
    height: 30px;
    color: #424750;
    border-radius: 25vw;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(87,207,177,.05)
}

    .c-package--mobile-hub-icon:before {
        content: "\F0E1\00FE0E"
    }

    .c-package--mobile-hub-icon:before {
        font-size: 20px
    }

.c-package--compensation-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #0e73ad;
    height: 30px;
    border-radius: 25vw;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(87,207,177,.05)
}

    .c-package--compensation-icon:before {
        content: "\F10D\00FE0E"
    }

    .c-package--compensation-icon:before {
        font-size: 22px;
        color: #424750
    }

.c-package__overflow-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto !important;
    max-width: 130px
}

    .c-package__overflow-switch::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent
    }

.c-package--calender-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-package--calender-icon:after {
        content: "\F021\00FE0E"
    }

    .c-package--calender-icon:before {
        font-size: 13px
    }

    .c-package--calender-icon.force-right {
        margin-right: 0;
        margin-left: auto
    }

.c-package--time-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-package--time-icon:after {
        content: "\F0A1\00FE0E"
    }

    .c-package--time-icon:before {
        font-size: 13px
    }

    .c-package--time-icon.force-right {
        margin-right: 0;
        margin-left: auto
    }

.c-package__export-excel {
    color: #777;
    width: 185px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    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
}

.c-package__export-excel--excel-icon:before {
    content: "\F071\00FE0E"
}

.c-package__export-excel--excel-icon:before {
    font-size: 22px;
    margin-left: 10px
}

#packageItemsTable tbody tr td.sent_today {
    position: relative
}

    #packageItemsTable tbody tr td.sent_today .edited-sign {
        display: none;
        width: 0;
        height: 0;
        border-color: transparent red transparent transparent;
        border-style: solid;
        border-width: 0 10px 10px 0;
        position: absolute;
        top: 0;
        right: 0
    }

.c-package-create-filters {
    border-bottom: 1px solid #e6e9ed;
    margin-left: 5px !important;
    margin-right: 5px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-package-create-filters .c-ui-form__row {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

        .c-package-create-filters .c-ui-form__row .c-ui-form__col:first-of-type {
            padding-right: 0 !important
        }

    .c-package-create-filters .c-ui-input__field {
        width: 200px !important;
        border: 1px solid #e6e9ed !important
    }

    .c-package-create-filters .c-ui-form__col {
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .c-package-create-filters .c-ui-form__row + .c-ui-form__row {
        margin-top: 20px !important
    }

    .c-package-create-filters .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #62666d
    }

.c-package-list-filters-container__date-input {
    width: 50% !important
}

.c-package-details-info-header {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e6e9ed
}

.c-package-details-info-body, .c-package-details-info-header {
    padding: 20px 15px;
    margin: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.c-package-details-info-body {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.c-package-details-info-body__item {
    margin-left: 20px
}

    .c-package-details-info-body__item:last-of-type {
        margin-left: 0
    }

.c-package-details-info-body__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.c-package-details-info-body__package-number {
    min-width: 130px;
    max-width: 140px
}

.c-package-details-info-body__delivery-type {
    width: 150px
}

.c-package-details-info-body__delivery-type--digikala > div:before {
    content: "";
    width: 30px;
    height: 24px;
    background: 50% no-repeat url(../files/c9a15559.svg);
    background-size: 24px 20px;
    margin-left: 8px
}

.c-package-details-info-body__delivery-type--seller > div:before {
    content: "\F0E3\00FE0E"
}

.c-package-details-info-body__delivery-type--post > div:before {
    content: "\F0E2\00FE0E"
}

.c-package-details-info-body__delivery-type--mobile-hub > div:before {
    content: "\F0E1\00FE0E"
}

.c-package-details-info-body__delivery-type--compensation > div:before {
    content: "\F10D\00FE0E"
}

.c-package-details-info-body__delivery-type--compensation > div:before {
    font-size: 24px !important;
    margin-left: 0 !important
}

.c-package-details-info-body__address {
    width: 200px
}

    .c-package-details-info-body__address > div {
        position: relative
    }

        .c-package-details-info-body__address > div:hover .c-package-create__location-detail-tooltip {
            visibility: visible;
            opacity: 1
        }

        .c-package-details-info-body__address > div:after {
            color: #4fcce9 !important
        }

        .c-package-details-info-body__address > div:after {
            content: "\F08F\00FE0E"
        }

.c-package-details-info-body__date {
    width: 130px
}

    .c-package-details-info-body__date > div:before {
        content: "\F021\00FE0E"
    }

.c-package-details-info-body__time {
    width: 130px
}

    .c-package-details-info-body__time > div:before {
        content: "\F0A1\00FE0E"
    }

.c-package-details-info-body__status {
    min-width: 120px;
    width: auto
}

    .c-package-details-info-body__status > div {
        height: 40px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-package-details-info-body__status > div:before {
            top: 15px
        }

.c-package-details-info-body__receipt-btn {
    width: 150px;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .c-package-details-info-body__receipt-btn a {
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
        box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
        text-decoration: none
    }

.c-package-details-info-body__input-with-icon {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    padding: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px
}

    .c-package-details-info-body__input-with-icon > input {
        outline: none;
        font-family: IranYekan,sans-serif;
        font-weight: 700;
        color: #424750;
        width: 100%;
        border: none;
        background: transparent
    }

    .c-package-details-info-body__input-with-icon:after {
        margin-right: auto;
        margin-left: 0 !important
    }

    .c-package-details-info-body__input-with-icon:after, .c-package-details-info-body__input-with-icon:before {
        margin-left: 10px;
        color: #424750 !important;
        font-size: 20px !important
    }

.c-package-list-container .c-ui-table__cell {
    height: 120px
}

.c-package-list-container .c-ui-table__header {
    height: 80px
}

.c-package-list-container .c-card__header {
    border-bottom-color: #e6e9ed !important
}

.c-package-list-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    height: 6px;
    font-size: 7px !important;
    color: #81858b;
    width: 11px !important;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 7px;
    font-size: .5rem;
    line-height: 3.143
}

    .c-package-list-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before {
        content: "\F032\00FE0E"
    }

.c-package-list-container .c-ui-select--small + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: 65% !important;
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important
}

.c-package-list-container .c-ui-table__wrapper {
    overflow-y: hidden
}

.c-package-list-filter-bar {
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #e6e9ed;
    padding-top: 20px;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606265;
    font-family: IranYekan,sans-serif;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-package-list-table-body__date {
    width: 72px
}

.c-create-package-table {
    height: 640px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    width: 1260px !important
}

    .c-create-package-table td button {
        font-size: unset !important;
        padding: unset !important
    }

.c-create-package-table__header {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    background-color: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 15px;
    width: 1260px
}

    .c-create-package-table__header > tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .c-create-package-table__header th {
        padding: 0 !important;
        margin-bottom: 0;
        height: auto
    }

.c-create-package-table__body {
    height: auto;
    max-height: 530px;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1260px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0 0
}

    .c-create-package-table__body::-webkit-scrollbar {
        width: 9px;
        height: 12px;
        background-color: #f5f7fa;
        border-radius: 8px
    }

    .c-create-package-table__body::-webkit-scrollbar-track {
        background-clip: padding-box;
        background-color: #f5f7fa;
        border-radius: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px
    }

    .c-create-package-table__body::-webkit-scrollbar-thumb {
        height: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px;
        background-clip: padding-box;
        border-radius: 8px;
        background-color: #c4c5c5
    }

    .c-create-package-table__body::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

.c-create-package-table__index {
    width: 31px
}

.c-create-package-table__image {
    width: 60px
}

.c-create-package-table__title {
    width: 230px
}

.c-create-package-table__dkpc {
    width: 48px
}

.c-create-package-table__seller-code {
    width: 70px
}

.c-create-package-table__shipping-nature {
    width: 50px
}

.c-create-package-table__order-number {
    width: 45px
}

.c-create-package-table__in-stock {
    width: 80px
}

.c-create-package-table__in-stock--light {
    color: #a1a3a8
}

.c-create-package-table__order-limit {
    width: 64px
}

.c-create-package-table__deliver-number {
    width: 77px
}

.c-create-package-table__operations {
    width: 86px;
    height: 40px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-create-package-table__dkp {
    width: 65px
}

.c-create-package-table__item-delete-btn {
    background-color: #f9fafc;
    color: #ef5661;
    height: 40px;
    width: 40px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

    .c-create-package-table__item-delete-btn:before {
        display: block;
        font-size: 28px !important
    }

.c-create-package-table__item {
    height: auto;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1240px
}

    .c-create-package-table__item > td {
        border: none !important;
        height: auto
    }

.c-create-package-table__item--has-inner-part {
    border-radius: 8px 8px 0 0 !important
}

.c-create-package-table .c-card__body {
    width: 1255px;
    padding-left: 0;
    padding-top: 0;
    overflow: hidden;
    height: auto
}

.c-create-package-number-input > div {
    width: 77px;
    height: 40px;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    padding-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 56px
}

    .c-create-package-number-input > div > input {
        border: none;
        outline: none;
        color: #777;
        margin: 8px 0 8px 9.5px;
        width: 27px;
        font-family: IranYekan,sans-serif;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

    .c-create-package-number-input > div > div {
        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: auto
    }

        .c-create-package-number-input > div > div > button {
            width: 16px;
            height: 20px;
            outline: none;
            border: none;
            border-right: 1px solid #e6e9ed;
            background-color: transparent;
            color: #81858b;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
            font-size: 6px;
            font-size: .429rem;
            line-height: 3.667
        }

            .c-create-package-number-input > div > div > button:before {
                font-size: 6px !important
            }

            .c-create-package-number-input > div > div > button:first-of-type {
                border-bottom: 1px solid #e6e9ed
            }

                .c-create-package-number-input > div > div > button:first-of-type:before {
                    content: "\F01C\00FE0E"
                }

            .c-create-package-number-input > div > div > button:last-of-type:before {
                font-size: 7px !important
            }

            .c-create-package-number-input > div > div > button:last-of-type:before {
                content: "\F018\00FE0E"
            }

.c-create-package-show-address-on-map-modal {
    background-color: rgba(0,0,0,.3) !important
}

.c-create-package-show-address-on-map-modal__container {
    height: 600px !important;
    width: 800px !important;
    padding: 0 !important;
    position: relative
}

.c-create-package-show-address-on-map-modal__header {
    padding: 30px 30px 30px 20px !important;
    height: 150px !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    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-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.c-create-package-show-address-on-map-modal__map {
    height: 450px !important;
    border-radius: 0 0 8px 8px !important;
    padding: 0 !important
}

.c-create-package-show-address-on-map-modal__warehouse-title {
    font-family: IRANYekan,sans-serif;
    font-weight: 700;
    color: #62666d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

    .c-create-package-show-address-on-map-modal__warehouse-title > div {
        width: 643px;
        margin-left: 88px
    }

.c-create-package-show-address-on-map-modal__warehouse-information {
    font-family: IRANYekan,sans-serif;
    color: #81858b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-create-package-show-address-on-map-modal__warehouse-information > div {
        width: 670px;
        margin-left: 30px
    }

.c-create-package-show-address-on-map-modal__location-pop-up {
    position: absolute;
    bottom: 25px;
    width: 236px;
    height: 62px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    border: 1px solid hsla(0,0%,59.2%,.2);
    background-color: #fff;
    right: 282px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-create-package-show-address-on-map-modal__location-pop-up:before {
        color: #a1a3a8;
        margin-left: 16px;
        font-size: 21px;
        font-size: 1.5rem;
        line-height: 1.048
    }

    .c-create-package-show-address-on-map-modal__location-pop-up > div > div:first-of-type {
        height: 21px;
        font-family: IRANYekan,sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #62666d
    }

    .c-create-package-show-address-on-map-modal__location-pop-up > div > div:last-of-type {
        height: 21px;
        font-family: IRANYekan,sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #a1a3a8
    }

    .c-create-package-show-address-on-map-modal__location-pop-up:before {
        content: "\F08F\00FE0E"
    }

.c-create-package-show-address-on-map-modal__share-info-btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b;
    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;
    cursor: pointer;
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571
}

    .c-create-package-show-address-on-map-modal__share-info-btn:before {
        content: "\F0E0\00FE0E"
    }

.c-create-package-show-address-on-map-modal__close-btn {
    width: 24px;
    height: 24px;
    background: transparent;
    color: #424750;
    margin-left: -10px;
    margin-top: -18px;
    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;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-create-package-show-address-on-map-modal__close-btn:before {
        content: "\F03E\00FE0E"
    }

.c-ui-search-filter {
    background-color: #f5f7fa;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    color: #606265;
    border-radius: 6px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-ui-search-filter:after {
        cursor: pointer;
        margin-right: 10px;
        font-size: 10px !important
    }

    .c-ui-search-filter:after {
        content: "\F03E\00FE0E"
    }

    .c-ui-search-filter:first-of-type {
        margin-right: 20px
    }

    .c-ui-search-filter:last-of-type {
        margin-right: auto;
        background-color: #f9fafc;
        border: 1px solid #e6eaef
    }

.c-ui-search-filter--invisible {
    display: none
}

.c-package-list-mobile-hub-cost-tooltip {
    position: relative
}

    .c-package-list-mobile-hub-cost-tooltip > span {
        display: none;
        border: 1px solid #e0e0e2;
        width: 113px;
        height: auto;
        padding: 10px;
        position: absolute;
        border-radius: 8px;
        top: calc(100% + 8px);
        background-color: #fff;
        z-index: 600;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: IranYekan,sans-serif;
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
    }

        .c-package-list-mobile-hub-cost-tooltip > span > span:first-of-type {
            color: #a1a3a8;
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833
        }

        .c-package-list-mobile-hub-cost-tooltip > span > span:last-of-type {
            color: #62666d;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.571
        }

        .c-package-list-mobile-hub-cost-tooltip > span:before {
            content: "";
            position: absolute;
            border-top: 1px solid #e0e0e2;
            border-left: 1px solid #e0e0e2;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 8.5px;
            height: 8.5px;
            top: -6px;
            right: calc(50% - 6px);
            background-color: #fff
        }

    .c-package-list-mobile-hub-cost-tooltip:hover > span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.c-create-package-total-items-header__title {
    color: #889098;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-create-package-total-items-header__description {
    color: #3e3f3f;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-create-package-sending-items-container {
    width: 77px;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-create-package-sending-items-container:focus-within {
        border-color: #4fcce9
    }

    .c-create-package-sending-items-container input {
        padding: 8px 15px;
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 60px;
        color: #62666d;
        background-color: transparent;
        border: none;
        font-family: IranYekan,sans-serif;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

    .c-create-package-sending-items-container > div {
        border-right: 1px solid #e6e9ed;
        height: 100%;
        width: 17px
    }

    .c-create-package-sending-items-container button {
        border: none;
        background-color: transparent;
        color: #81858b;
        width: 100%;
        height: 20px;
        display: block;
        font-size: 6px !important;
        padding: 0 !important;
        cursor: pointer;
        font-size: 6px;
        font-size: .429rem;
        line-height: 3.667
    }

        .c-create-package-sending-items-container button:first-of-type {
            border-bottom: 1px solid #e6e9ed
        }

        .c-create-package-sending-items-container button:before {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

.c-create-package-import-export-bar__btn {
    height: 40px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    cursor: pointer;
    background-color: #f9fafc;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-create-package-import-export-bar__btn:before {
        display: block;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833
    }

.c-create-package-import-export-bar__btn--revision {
    background-color: #4fcce9;
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    border: none !important
}

.c-create-package-import-export-bar__btn--close {
    height: 40px !important;
    width: 40px !important
}

    .c-create-package-import-export-bar__btn--close:before {
        font-size: 13px !important
    }

.c-create-package-import-export-bar__revision-bar {
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 720px;
    background-color: rgba(245,247,250,.5);
    color: #777;
    border-radius: 8px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-create-package-import-export-bar__message {
    color: #f9a825;
    width: 368px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

    .c-create-package-import-export-bar__message:before {
        font-size: 24px !important
    }

.c-create-package-item-inner-part {
    background-color: #f9fafc !important;
    border: 1px solid #e6e9ed;
    border-top: none;
    border-radius: 0 0 8px 8px;
    width: 1240px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-create-package-item-inner-part button:disabled {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-create-package-item-inner-part button:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833
    }

.c-create-package-item-inner-part__label {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-create-package-item-inner-part__expiry-input-container {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    width: 350px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

    .c-create-package-item-inner-part__expiry-input-container span {
        color: #a1a3a8
    }

    .c-create-package-item-inner-part__expiry-input-container input {
        border: none !important;
        width: 147px;
        color: #62666d;
        height: auto
    }

.c-create-package-item-inner-part__calendar-switch {
    background-color: transparent;
    border: none;
    color: #424750;
    cursor: pointer;
    padding: 0 !important;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

.c-create-package-item-inner-part__input {
    height: 40px;
    background-color: #fff;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #777;
    width: 120px;
    border-radius: 8px;
    font-family: IranYekan,sans-serif;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-create-package-item-inner-part__input::-webkit-input-placeholder {
        color: #a1a3a8
    }

    .c-create-package-item-inner-part__input::-ms-input-placeholder {
        color: #a1a3a8
    }

    .c-create-package-item-inner-part__input::placeholder {
        color: #a1a3a8
    }

.c-create-package-item-inner-part__input--number {
    width: 70px
}

.c-create-package-item-inner-part__input-bar {
    background-color: #fff;
    border: 1px solid #e6e9ed;
    height: 40px;
    border-radius: 8px
}

    .c-create-package-item-inner-part__input-bar > div {
        overflow-x: auto;
        overflow-y: hidden
    }

        .c-create-package-item-inner-part__input-bar > div::-webkit-scrollbar {
            height: 1px;
            background-color: transparent
        }

        .c-create-package-item-inner-part__input-bar > div::-webkit-scrollbar-thumb {
            height: .5px;
            background-color: #c4c5c5
        }

.c-create-package-item-inner-part__input-bar--has-error {
    border-color: #ef5661
}

.c-create-package-item-inner-part__input-bar input {
    min-width: 400px;
    border: none;
    background-color: transparent;
    font-family: IranYekan,sans-serif;
    color: #777
}

    .c-create-package-item-inner-part__input-bar input::-webkit-input-placeholder {
        color: #9b9b9b
    }

    .c-create-package-item-inner-part__input-bar input::-ms-input-placeholder {
        color: #9b9b9b
    }

    .c-create-package-item-inner-part__input-bar input::placeholder {
        color: #9b9b9b
    }

.c-create-package-item-inner-part__error {
    color: #ef5661;
    font-family: IranYekan,sans-serif;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}

.c-create-package-item-inner-part__item {
    background-color: #f5f7fa;
    color: #606265;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    border-radius: 6px;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-create-package-item-inner-part__item > span {
        cursor: pointer
    }

.c-package-nature-box {
    width: 45px;
    border-radius: 5px;
    height: 20px;
    font-family: IranYekan,sans-serif;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

.c-package-nature-box--nature-small {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

.c-package-nature-box--nature-medium {
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    color: #f9a825
}

.c-package-nature-box--nature-large {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    color: #ef5661
}

.c-consignment-table-container .c-ui-paginator__control-next:before, .c-consignment-table-container .c-ui-paginator__control-prev:before {
    font-size: 10px
}

.c-consignment-table-container .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__rendered, .c-consignment-table-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__rendered {
    border-color: #e6e9ed
}

.c-consignment-table-container .c-ui-btn--primary {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2)
}

    .c-consignment-table-container .c-ui-btn--primary:disabled {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-consignment-table-container .c-grid__row:nth-child(2) .c-card:first-of-type {
    padding: 0 5px
}

.c-consignment-table-container .c-card__body:first-of-type {
    padding: 20px 15px
}

.c-consignment-table-container .c-card__body:not(:first-of-type) {
    padding: 25px 10px !important
}

.c-consignment-table-container .c-card__wrapper {
    padding: 0 5px !important
}

.c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper {
    overflow-y: unset !important;
    overflow-x: unset !important
}

    .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table {
        display: inline-table
    }

        .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table .c-ui-checkbox__check {
            width: 17px !important;
            height: 17px !important;
            border-radius: 3px !important
        }

        .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: -webkit-sticky !important;
            position: sticky !important;
            top: 70px !important;
            z-index: 500
        }

            .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th {
                padding: 0 !important;
                height: auto !important;
                white-space: normal;
                -webkit-transform: none !important;
                transform: none !important
            }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(2) {
                    margin-right: 20px;
                    width: 31px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(3) {
                    width: 60px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(4) {
                    width: 276px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(5) {
                    width: 65px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(6) {
                    width: 46px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(7) {
                    width: 70px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(8) {
                    width: 67px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(9) {
                    display: none
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(10) {
                    width: 48px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(11) {
                    width: 70px;
                    margin-left: 50px
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead th:nth-child(12) {
                    width: 63px
                }

            .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table thead tr {
                background-color: #f5f7fa;
                height: 80px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 0 20px;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 100%
            }

        .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

            .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr {
                min-height: 80px;
                height: auto;
                border-radius: 8px !important;
                position: relative
            }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr:not(:last-of-type):after {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 1px;
                    bottom: -5px;
                    right: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    border-bottom: 1px solid #e6e9ed
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr td {
                    border: none !important;
                    height: auto !important
                }

                .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr.c-ui-table__row--selected, .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr.is-selected {
                    background-color: rgba(79,204,233,.07) !important
                }

                    .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr.c-ui-table__row--selected td, .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr.is-selected td {
                        background-color: unset !important
                    }

                        .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr.c-ui-table__row--selected td:before, .c-consignment-table-container > .c-grid__row > .c-grid__col > .c-card > .c-card__wrapper > .c-ui-table__wrapper table tbody tr.is-selected td:before {
                            background-color: unset !important
                        }

.c-consignment-table-container__index {
    width: 31px !important
}

.c-consignment-table-container__image {
    width: 60px !important
}

.c-consignment-table-container__title {
    width: 276px !important
}

.c-consignment-table-container__dkp {
    width: 65px !important
}

.c-consignment-table-container__variant-id {
    width: 50px !important
}

.c-consignment-table-container__shipping-nature {
    width: 70px !important
}

.c-consignment-table-container__seller-code {
    width: 67px !important
}

.c-consignment-table-container__seller-stock {
    width: 48px !important
}

.c-consignment-table-container__warehouse-stock {
    width: 70px !important
}

.c-consignment-table-container__limit {
    width: 63px !important
}

.c-package-list-table__index, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(2) {
    width: 31px
}

.c-package-list-table__package-id, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(3) {
    width: 118px
}

.c-package-list-table__package-for, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(4) {
    width: 74px
}

.c-package-list-table__shipment-by, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(5) {
    width: 45px
}

.c-package-list-table__shipping-nature, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(6) {
    width: 45px
}

.c-package-list-table__creation-date, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(7) {
    width: 72px
}

.c-package-list-table__expected-delivery-date, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(8) {
    width: 93px
}

.c-package-list-table__warehouse-delivery-date, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(9) {
    width: 93px
}

.c-package-list-table__status, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(10) {
    width: 143px
}

.c-package-list-table__warehouse, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(11) {
    width: 100px
}

.c-package-list-table__operations, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(12) {
    width: 90px
}

    .c-package-list-table__operations a, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(12) a {
        color: #81858b
    }

        .c-package-list-table__operations a:hover, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(12) a:hover {
            border-color: #e6e9ed
        }

    .c-package-list-table__operations button[aria-label=delete], .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(12) button[aria-label=delete] {
        color: #ef5661;
        font-size: 28px !important
    }

        .c-package-list-table__operations button[aria-label=delete]:hover, .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(12) button[aria-label=delete]:hover {
            border-color: #e6e9ed
        }

.c-packages-page-container .c-ui-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-packages-page-container .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__rendered, .c-packages-page-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__rendered {
    border-color: #e6e9ed
}

.c-packages-page-container .c-ui-paginator__control-next:before, .c-packages-page-container .c-ui-paginator__control-prev:before {
    font-size: 10px
}

.c-packages-page-container .c-ui-checkbox__check {
    width: 17px !important;
    height: 17px !important;
    border-radius: 3px !important
}

.c-packages-page-container .c-grid__row:nth-child(2) .c-card__header {
    padding: 20px 15px;
    margin-left: 5px;
    margin-right: 5px
}

.c-packages-page-container .c-ui-btn--primary {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2)
}

    .c-packages-page-container .c-ui-btn--primary:disabled {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-packages-page-container .c-package-list-last-tooltip {
    -webkit-transform: translateX(70%) !important;
    transform: translateX(70%) !important
}

    .c-packages-page-container .c-package-list-last-tooltip:before {
        right: 65% !important
    }

.c-packages-page-container .c-ui-table__wrapper {
    overflow-y: unset !important;
    overflow-x: unset !important
}

.c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper {
    padding: 0 5px;
    height: auto !important
}

    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body {
        padding: 20px 10px 0
    }

        .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table {
            display: inline-table !important
        }

            .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: -webkit-sticky !important;
                position: sticky !important;
                top: 70px !important;
                z-index: 500
            }

                .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead tr {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    width: 100%;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    background-color: #f5f7fa;
                    height: 80px;
                    padding: 0 10px
                }

                .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th {
                    height: auto;
                    padding: 0 !important;
                    background-color: transparent !important;
                    -webkit-transform: none !important;
                    transform: none !important
                }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(2) {
                        margin-right: 10px;
                        margin-left: 20px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(3) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(4) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(5) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(6) {
                        margin-left: 35px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(7) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(8) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(9) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(10) {
                        margin-left: 30px
                    }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table thead th:nth-child(11) {
                        margin-left: 45px
                    }

            .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table tbody {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0 10px 0 0
            }

                .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table tbody tr {
                    height: auto;
                    border-bottom: 1px solid #e6e9ed;
                    border-radius: 0
                }

                    .c-packages-page-container .c-grid__row:nth-child(3) .c-card__wrapper .c-card__body table tbody tr:last-of-type {
                        border-bottom: none
                    }

.c-packages-page-container .c-ui-table__cell {
    height: auto !important;
    border: none !important
}

.c-package-details-container .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__rendered, .c-package-details-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__rendered {
    border-color: #e6e9ed
}

.c-package-details-container .c-ui-table__expander-control:before {
    font-size: 14px
}

.c-package-details-container .c-ui-table__expander-control:hover {
    border-color: #e6e9ed !important
}

.c-package-details-container .c-ui-table__expander-control--expanded:before {
    font-size: 9px !important
}

.c-package-details-container .c-ui-table__status--simple {
    background-color: transparent !important
}

.c-package-details-container .c-card {
    padding: 0 5px
}

    .c-package-details-container .c-card .c-card__body, .c-package-details-container .c-card .c-card__header {
        padding: 20px 15px
    }

.c-package-details-container .c-ui-table__row {
    height: 80px !important
}

    .c-package-details-container .c-ui-table__row .c-ui-table__cell:not(:first-child) {
        padding: 10px !important
    }

.c-package-details-filters__text-input {
    width: 505px !important
}

.c-package-details-filters__select {
    width: 200px !important
}

.c-create-package-shelf-life-error {
    position: absolute;
    top: 100%;
    width: 300px;
    color: #ef5661;
    font-size: 10px;
    line-height: .8;
    margin-top: 5px
}

.c-package-list-delete-package-modal {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(0,0,0,.25);
    z-index: 1500
}

.c-package-list-delete-package-modal__card {
    width: 800px;
    height: 416px;
    -webkit-box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-package-list-delete-package-modal__title {
    color: #889098;
    font-weight: 700;
    border-bottom: 1px solid #e6e9ed;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-package-list-delete-package-modal__text {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-package-list-delete-package-modal__package-info {
    background-color: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2);
    height: 156px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.c-package-list-delete-package-modal__package-info-label {
    color: #a1a3a8;
    width: 154px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-package-list-delete-package-modal__package-info-field {
    color: #62666d;
    font-weight: 700;
    width: 154px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-package-list-delete-package-modal__package-info-field br {
        display: none
    }

.c-package-list-delete-package-modal__btn {
    width: 106px;
    min-width: unset !important;
    height: 40px;
    cursor: pointer
}

.c-package-list-delete-package-modal__btn--cancel {
    border: 1px solid #e6eaef;
    border-radius: 8px;
    background-color: #f9fafc;
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-package-details-container--flex-table .c-ui-table__wrapper {
    overflow-y: unset !important;
    overflow-x: unset !important
}

    .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead {
        position: -webkit-sticky;
        position: sticky;
        top: 70px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        z-index: 1000
    }

        .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            background-color: #f5f7fa;
            height: 55px !important;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 15px 20px 15px 30px;
            margin-bottom: 15px
        }

            .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th {
                padding: 0 !important;
                height: auto !important;
                -webkit-transform: none !important;
                transform: none !important;
                margin-bottom: 0 !important
            }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:first-of-type {
                    width: 110px;
                    margin-left: 30px
                }

                    .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:first-of-type > span {
                        display: none
                    }

                    .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:first-of-type:before {
                        content: "ردیف"
                    }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(2) {
                    width: 240px;
                    margin-left: 30px
                }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(3) {
                    width: 105px;
                    margin-left: 20px
                }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(4) {
                    width: 96px;
                    margin-left: 20px
                }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(5) {
                    width: 70px;
                    margin-left: 20px
                }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(6) {
                    width: 82px;
                    margin-left: 20px
                }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(7) {
                    width: 77px;
                    margin-left: 20px
                }

                .c-package-details-container--flex-table .c-ui-table__wrapper > table > thead > tr > th:nth-of-type(8) {
                    width: 98px;
                    margin-left: auto
                }

.c-package-details-table-row {
    border-radius: 8px;
    border: 1px solid #e6e9ed
}

.c-package-details-table-row__top {
    padding: 10px 20px 10px 30px
}

.c-package-details-table-row__index {
    width: 30px
}

.c-package-details-table-row__image {
    width: 60px
}

.c-package-details-table-row__title {
    width: 240px;
    text-overflow: ellipsis;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 50px
}

    .c-package-details-table-row__title::-webkit-scrollbar {
        width: 2px
    }

    .c-package-details-table-row__title:hover {
        overflow-y: scroll
    }

    .c-package-details-table-row__title::-webkit-scrollbar-track {
        width: 1px
    }

    .c-package-details-table-row__title::-webkit-scrollbar-thumb {
        background-color: #c4c5c5;
        width: 1px
    }

.c-package-details-table-row__product-id {
    width: 105px
}

.c-package-details-table-row__product-variant-id {
    width: 96px
}

.c-package-details-table-row__seller-id {
    width: 70px
}

.c-package-details-table-row__order-number {
    width: 82px
}

.c-package-details-table-row__delivery-number {
    width: 77px
}

.c-package-details-table-row__status {
    width: 98px
}

.c-package-details-inner-table {
    border-top: 1px solid #e6e9ed;
    background-color: #f5f7fa;
    padding: 15px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-package-details-inner-table__header {
    width: 100%;
    border-bottom: 1px solid #c0c2c5;
    padding: 0 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-package-details-inner-table__header th {
        padding: 0 !important
    }

.c-package-details-inner-table__index {
    width: 27px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-package-details-inner-table__serial {
    width: 84px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-package-details-inner-table__expiry-date, .c-package-details-inner-table__production-date, .c-package-details-inner-table__status {
    width: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pwt-btn-calendar--custom-btn {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    height: 36px !important;
    width: 170px;
    font-family: IranYekan,sans-serif;
    font-weight: 400 !important;
    background-color: #f5f7fa !important;
    border: 1px solid #e6eaef !important;
    border-radius: 8px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto 10px !important;
    color: #81858b !important;
    direction: rtl;
    cursor: pointer
}

    .pwt-btn-calendar--custom-btn:before {
        content: "\F021\00FE0E"
    }

    .pwt-btn-calendar--custom-btn:before {
        font-size: 24px !important;
        margin-left: 8px
    }

.c-steps {
    margin: 20px 0 75px;
    padding: 0;
    color: #a7a7a7;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none
}

    .c-steps li:nth-child(2):before {
        content: "";
        width: 50%;
        height: 40px;
        right: -9%;
        display: inline-block;
        background-color: #fff;
        position: absolute;
        z-index: -1
    }

    .c-steps li:last-child:before {
        content: "";
        width: 50%;
        height: 40px;
        left: -9px;
        display: inline-block;
        background-color: #fff;
        position: absolute;
        z-index: -1
    }

.c-steps__line {
    position: absolute;
    top: 25px;
    width: 100%;
    height: 4px;
    background-color: #ececec;
    z-index: 0
}

.c-steps__line-progress {
    position: absolute;
    height: 100%;
    -webkit-transition: width .8s ease-in-out;
    transition: width .8s ease-in-out;
    background-color: #37a00a;
    -webkit-box-shadow: inset 0 0 2px 1px rgba(66,165,36,.4);
    box-shadow: inset 0 0 2px 1px rgba(66,165,36,.4);
    border-radius: 5px;
    z-index: 0;
    width: 0
}

.c-steps__item {
    position: relative;
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    list-style: none;
    z-index: 1;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-steps__icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 43px;
    background-color: #bfbfbf;
    margin: 0 10px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1),0 0 0 15px #fff;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1),0 0 0 15px #fff
}

.c-steps__icon, .c-steps__index {
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    position: relative
}

.c-steps__index {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 40px;
    margin: auto;
    color: #fff;
    font-size: 18px
}

.c-steps__index--done {
    display: none
}

    .c-steps__index--done:before {
        content: "\F02E\00FE0E"
    }

    .c-steps__index--done:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1;
        position: absolute;
        color: #fff;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.c-steps__title {
    font-size: 13px;
    padding: 0 10px;
    margin: 10px 0 0;
    color: #a7a7a7;
    text-decoration: none;
    display: block
}

.c-steps .is-done .c-steps__icon {
    background-color: #97cd78
}

.c-steps .is-done .c-steps__title {
    color: #97cd78
}

.c-steps .is-done .c-steps__index {
    display: none
}

.c-steps .is-done .c-steps__index--done {
    display: unset
}

.c-steps .is-current .c-steps__icon {
    background-color: #58b8ff
}

.c-steps .is-current .c-steps__title {
    color: #58b8ff
}

.c-legal {
    margin-bottom: 60px !important
}

.c-legal, .c-legal__headline {
    text-align: center;
    color: #9d9e9f
}

.c-legal__headline {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    margin-bottom: 15px
}

.c-legal__list {
    list-style: none;
    text-align: right;
    margin: 16px auto 0;
    line-height: 30px;
    font-size: 14px;
    min-height: 150px
}

.c-legal__img {
    height: 120px
}

.c-legal .uk-button-submit {
    width: 100%;
    margin-top: 10px
}

@media screen and (max-width:1024px) {
    .c-commission-slider .price-calc-wrapper .calcs, .c-commission-slider .price-calc-wrapper .equal, .c-commission-slider .price-calc-wrapper .result {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

        .c-commission-slider .price-calc-wrapper .calcs .calcs-param .param-image {
            width: 50px;
            height: 50px;
            background-size: contain
        }
}

.c-commission-slider .uk-slideshow-items {
    margin: 0 auto;
    text-align: center
}

    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper {
        overflow: hidden;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 10px 70px
    }

        .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs {
            border: 1px solid #b0bec5;
            background-color: rgba(207,216,220,.2);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                height: 100%;
                margin: auto 2px
            }

                .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-image {
                    width: 90px;
                    height: 90px;
                    margin: 30px auto;
                    display: block
                }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-image.dk-price {
                        background-image: url(../files/3b1a7ce1.svg)
                    }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-image.commission {
                        background-image: url(../files/e1d9870f.svg)
                    }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-image.packing {
                        background-image: url(../files/6c2c92bf.svg)
                    }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-image.delivery {
                        background-image: url(../files/024ec2cd.svg)
                    }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-image.tax {
                        background-image: url(../files/3ade566d.svg)
                    }

                .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-text {
                    margin-top: 10px
                }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-text .param-title {
                        width: 95%;
                        height: auto;
                        margin: 5px auto;
                        display: block;
                        color: #007c08;
                        text-align: center;
                        font-weight: 700
                    }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-param .param-text .param-desc {
                        width: 90%;
                        height: auto;
                        margin: 12px auto;
                        display: block;
                        color: #7c7c7c;
                        text-align: center
                    }

            .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-minus {
                -webkit-box-flex: 0.5;
                -ms-flex: 0.5;
                flex: 0.5;
                margin: auto 0
            }

                .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .calcs .calcs-minus .image {
                    width: 30px;
                    height: 30px;
                    margin: 0 auto 60px;
                    display: block;
                    background: url(../files/99f75f87.svg) no-repeat 50%
                }

        .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .equal {
            margin: auto 10px
        }

            .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .equal .image {
                width: 40px;
                height: 40px;
                margin: 0 auto 60px;
                display: block;
                background-image: url(../files/f5975dbd.svg)
            }

        .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .result {
            border: 1px solid #b0bec5
        }

            .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .result .result-image {
                width: 110px;
                height: 110px;
                margin: 15px auto;
                display: block
            }

            .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .result .result-text {
                bottom: 0;
                left: 0;
                right: 0
            }

                .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .result .result-text .result-title {
                    width: 100%;
                    height: auto;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    display: block;
                    color: #7c7c7c;
                    text-align: center
                }

                    .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .result .result-text .result-title span {
                        font-weight: 700
                    }

                .c-commission-slider .uk-slideshow-items .slide-item .price-calc-wrapper .result .result-text .result-price {
                    width: 100%;
                    height: auto;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    display: block;
                    color: #fff;
                    text-align: center;
                    background: #fdc364;
                    line-height: 94px;
                    height: 94px
                }

.c-commission-slider__price-calc-wrapper {
    overflow: hidden;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 10px 70px
}

.c-commission-slider__result {
    width: 210px;
    border-radius: 8px;
    border: 1px solid #f5f7fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-commission-slider__result-image {
    width: 60px;
    height: 60px;
    margin: 10px auto 15px;
    display: block
}

.c-commission-slider__result-text {
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-commission-slider__result-title {
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    color: #7c7c7c;
    text-align: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 26px
}

    .c-commission-slider__result-title span {
        margin-top: 10px;
        font-weight: 700;
        color: #606265;
        font-size: 14px;
        font-size: 1rem;
        line-height: 25px
    }

.c-commission-slider__result-price {
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    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;
    background: #f5f7fa;
    line-height: 94px;
    height: 40px;
    margin-top: auto;
    color: #0e73ad;
    font-size: 14px;
    font-size: 1rem;
    line-height: 30px
}

    .c-commission-slider__result-price span {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 30px;
        font-weight: 700
    }

.c-commission-slider__equal {
    margin: 0 10px
}

.c-commission-slider__equal-image {
    width: 26px;
    height: 14px;
    margin: 60px auto 0;
    display: block;
    position: relative
}

    .c-commission-slider__equal-image:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #889098;
        border-radius: 2px
    }

    .c-commission-slider__equal-image:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #889098;
        border-radius: 2px
    }

.c-commission-slider__calcs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-commission-slider__calcs-param {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin: auto 2px
}

.c-commission-slider__param-image {
    width: 80px;
    height: 80px;
    margin: 20px auto 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

    .c-commission-slider__param-image.dk-price {
        background-image: url(../files/3b1a7ce1.svg)
    }

    .c-commission-slider__param-image.commission {
        background-image: url(../files/e1d9870f.svg)
    }

    .c-commission-slider__param-image.packing {
        background-image: url(../files/6c2c92bf.svg)
    }

    .c-commission-slider__param-image.delivery {
        background-image: url(../files/024ec2cd.svg)
    }

    .c-commission-slider__param-image.tax {
        background-image: url(../files/3ade566d.svg)
    }

.c-commission-slider__param-text {
    margin-top: 10px
}

.c-commission-slider__param-title {
    width: 95%;
    height: auto;
    margin: 5px auto;
    display: block;
    text-align: center;
    font-weight: 700;
    color: #0e73ad;
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px
}

    .c-commission-slider__param-title span {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 30px;
        font-weight: 700
    }

.c-commission-slider__param-desc {
    height: auto;
    margin: 12px auto;
    display: block;
    color: #7c7c7c;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-commission-slider__calcs-minus {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5
}

.c-commission-slider__minus-image {
    width: 30px;
    height: 30px;
    margin: 50px auto 0;
    display: block;
    position: relative;
    border: 1px solid #f5f7fa;
    border-radius: 15px
}

    .c-commission-slider__minus-image:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 4px;
        background-color: #889098;
        border-radius: 2px;
        margin-top: -2px;
        margin-left: -10px
    }

.notification-header {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% - 20px);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.unread-notification {
    background-color: #fff1e1 !important
}

.uk-modal .uk-modal-dialog {
    border-radius: 5px;
    margin-top: 40px
}

    .uk-modal .uk-modal-dialog .uk-modal-header h2 {
        font-size: 18px
    }

    .uk-modal .uk-modal-dialog .uk-modal-body {
        text-align: center
    }

        .uk-modal .uk-modal-dialog .uk-modal-body .modal-confirm .modal-confirm-icon {
            color: #46b8da
        }

    .uk-modal .uk-modal-dialog .uk-modal-body--align-normal {
        text-align: initial
    }

    .uk-modal .uk-modal-dialog .uk-modal-close-default {
        right: auto !important;
        left: 10px
    }

    .uk-modal .uk-modal-dialog .uk-modal-footer button {
        padding: 6px 12px !important;
        font-size: 13px !important;
        line-height: 23px !important
    }

.uk-modal .uk-modal-dialog--flex {
    width: auto !important
}

.uk-modal .uk-modal-dialog--form {
    width: 900px !important
}

.uk-modal .uk-modal-dialog--table {
    width: 1280px !important
}

.uk-modal .uk-modal-dialog--small {
    width: 680px !important
}

.modal-fit-content {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.modal-confirm.danger .modal-confirm-icon {
    color: #a94442 !important;
    font-size: 100px
}

    .modal-confirm.danger .modal-confirm-icon:after {
        content: "\F023\00FE0E"
    }

.uk-modal-container--message > .uk-modal-dialog {
    max-width: 900px !important
}

.uk-modal-container--message > .uk-modal-dialog--plain {
    max-width: 624px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0
}

.c-modal-map__close {
    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;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 18px;
    top: 35px;
    color: #606265;
    width: 40px;
    height: 40px;
    margin-left: 10px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background-color: hsla(0,0%,100%,.2)
}

    .c-modal-map__close:before {
        content: "\F045\00FE0E"
    }

    .c-modal-map__close:hover {
        color: #000
    }

    .c-modal-map__close svg {
        display: none
    }

@media (min-width:992px) {
    .c-modal-map__container {
        margin: -30px
    }
}

.c-modal-map__container .uk-modal-dialog {
    height: 90%;
    min-height: 400px;
    max-height: 600px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-modal-map__container .uk-modal-body {
    padding: 0
}

.c-modal-map__container .uk-modal-body, .c-modal-map__map {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-modal-map__form {
    position: absolute;
    top: 30px !important;
    right: 30px !important;
    left: 90px !important
}

    .c-modal-map__form:before {
        content: "";
        position: absolute;
        top: -30px;
        left: -90px;
        right: -30px;
        height: 160px;
        z-index: 0;
        background-image: repeating-linear-gradient(-180deg,#fff,#fff 20%,hsla(0,0%,100%,0));
        pointer-events: none
    }

.c-modal-map__body .pac-container {
    z-index: 1011
}

.c-modal-map__place-details {
    display: none;
    position: absolute;
    bottom: 20px;
    left: 50%;
    text-align: right;
    padding: 6px 46px 6px 16px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width:991px) {
    .c-modal-map__place-details {
        left: 10px;
        bottom: 30px;
        max-width: 195px;
        -webkit-transform: none;
        transform: none
    }
}

.c-modal-map__place-details:before {
    content: "\F0B3\00FE0E"
}

.c-modal-map__place-details:before {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px;
    color: #9b9b9b;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-modal-map__place-details.is-active {
    display: block
}

.c-modal-map__address-details {
    color: #646870;
    font-size: 12px;
    font-size: .857rem;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    text-align: right
}

@media screen and (max-width:991px) {
    .c-modal-map__address-details {
        white-space: normal
    }
}

.c-modal-map__original-field {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0
}

.c-modal-map__error {
    display: none;
    position: absolute;
    top: 100%;
    right: 10px;
    left: 10px;
    text-align: center;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    padding: 15px;
    border-radius: 0 0 8px 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(96,98,101,.1);
    box-shadow: 0 5px 10px 0 rgba(96,98,101,.1)
}

.has-error > .c-ui-input__field:focus + .c-modal-map__error {
    display: block
}

.c-modal--report-modal-content {
    color: #81858b;
    line-height: normal
}

.picture-box {
    background-color: #eae7e7;
    border: 1px solid #d0d0d0;
    overflow: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: inset 4px 4px 7px rgba(0,0,0,.2);
    box-shadow: inset 4px 4px 7px rgba(0,0,0,.2);
    position: relative;
    padding-top: 20px;
    height: 350px;
    border-radius: 4px
}

    .picture-box .picture-wrapper {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-shadow: 4px 4px 7px rgba(0,0,0,.2);
        box-shadow: 4px 4px 7px rgba(0,0,0,.2);
        border: 1px solid #efefef
    }

    .picture-box .UploadPrevew {
        max-width: 100%;
        max-height: 300px
    }

.uk-inline--file {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .uk-inline--file input.uk-input {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .uk-inline--file .uk-button-file-upload {
        padding: 9px 15px 3px;
        font-size: 13px;
        background-color: #5bc0de;
        color: #fff;
        line-height: 23px;
        border-radius: 0;
        position: relative;
        overflow: hidden;
        border: 1px solid #e5e5e5
    }

        .uk-inline--file .uk-button-file-upload:active, .uk-inline--file .uk-button-file-upload:focus, .uk-inline--file .uk-button-file-upload:hover {
            background-color: #aeb7d2;
            color: #000
        }

        .uk-inline--file .uk-button-file-upload > input[type=file] {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 44px;
            z-index: 1
        }

    .uk-inline--file .uk-button-file-delete {
        padding: 9px 15px 3px;
        font-size: 13px;
        background-color: #5bc0de;
        color: #fff;
        line-height: 23px;
        position: relative;
        overflow: hidden;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border: 1px solid #e5e5e5
    }

        .uk-inline--file .uk-button-file-delete:active, .uk-inline--file .uk-button-file-delete:focus, .uk-inline--file .uk-button-file-delete:hover {
            background-color: #aeb7d2;
            color: #000
        }

.document-table table tbody tr td.image_src {
    width: 110px;
    min-width: 110px;
    padding: 5px
}

    .document-table table tbody tr td.image_src img {
        width: 100px;
        margin: 0 auto
    }

.c-dashboard-stats__ads {
    margin: 20px auto;
    width: 100%;
    min-height: 100px;
    background-color: #eee
}

.c-seller-invoice .open-details-button {
    padding-left: 20px !important
}

.c-seller-invoice__table--summary {
    width: 50%;
    margin: auto
}

.c-seller-invoice__filters {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    width: 100%;
    margin-bottom: 20px
}

.c-seller-invoice__filters--date {
    width: 22%
}

    .c-seller-invoice__filters--date:first-of-type {
        margin-left: 30px
    }

    .c-seller-invoice__filters--date label {
        width: 100%
    }

    .c-seller-invoice__filters--date span {
        width: 100%;
        text-align: right
    }

    .c-seller-invoice__filters--date input {
        display: block;
        width: calc(100% - 24px);
        height: 20px;
        padding: 6px 12px;
        direction: ltr;
        text-align: right;
        font-size: 14px;
        line-height: 1.42857143;
        margin-top: 6px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        font-weight: 500
    }

        .c-seller-invoice__filters--date input[readonly] {
            background-color: #eee
        }

        .c-seller-invoice__filters--date input:focus {
            border-color: #66afe9
        }

.c-seller-invoice .invoice-table {
    border: 1px solid #ccc;
    border-radius: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show
}

    .c-seller-invoice .invoice-table thead {
        background-color: #f5f5f5;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-color: #ccc
    }

        .c-seller-invoice .invoice-table thead th {
            border: 1px solid #ccc;
            padding-top: 5px;
            padding-bottom: 5px;
            color: #000;
            font-weight: 500
        }

    .c-seller-invoice .invoice-table tbody tr:nth-of-type(2n) {
        background-color: #f5f5f5
    }

    .c-seller-invoice .invoice-table tbody tr:nth-of-type(odd) {
        background-color: #fff
    }

    .c-seller-invoice .invoice-table tbody tr:hover {
        background-color: #e4f3f7;
        cursor: default
    }

    .c-seller-invoice .invoice-table tbody tr td {
        padding-top: 5px;
        padding-bottom: 5px;
        border: 1px solid #ccc;
        color: #000;
        font-weight: 500
    }

        .c-seller-invoice .invoice-table tbody tr td .uk-button {
            color: #337ab7
        }

        .c-seller-invoice .invoice-table tbody tr td .open-details-button {
            padding-left: 25px;
            position: relative
        }

            .c-seller-invoice .invoice-table tbody tr td .open-details-button:after {
                content: "\F079\00FE0E"
            }

            .c-seller-invoice .invoice-table tbody tr td .open-details-button:after {
                position: absolute;
                top: 6px;
                left: 5px
            }

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 999
}

.c-loading--hidden {
    display: none
}

.c-loading--white-load {
    background-color: hsla(0,0%,100%,.8)
}

.c-loading__container {
    max-width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-loading .loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

    .c-loading .loading:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .c-loading .loading:not(:required) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

        .c-loading .loading:not(:required):after {
            content: "";
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -.5em;
            -webkit-animation: spinner 1.5s linear infinite;
            animation: spinner 1.5s linear infinite;
            border-radius: .5em;
            -webkit-box-shadow: rgba(0,0,0,.75) 1.5em 0 0 0,rgba(0,0,0,.75) 1.1em 1.1em 0 0,rgba(0,0,0,.75) 0 1.5em 0 0,rgba(0,0,0,.75) -1.1em 1.1em 0 0,rgba(0,0,0,.75) -1.5em 0 0 0,rgba(0,0,0,.75) -1.1em -1.1em 0 0,rgba(0,0,0,.75) 0 -1.5em 0 0,rgba(0,0,0,.75) 1.1em -1.1em 0 0;
            box-shadow: 1.5em 0 0 0 rgba(0,0,0,.75),1.1em 1.1em 0 0 rgba(0,0,0,.75),0 1.5em 0 0 rgba(0,0,0,.75),-1.1em 1.1em 0 0 rgba(0,0,0,.75),-1.5em 0 0 0 rgba(0,0,0,.75),-1.1em -1.1em 0 0 rgba(0,0,0,.75),0 -1.5em 0 0 rgba(0,0,0,.75),1.1em -1.1em 0 0 rgba(0,0,0,.75)
        }

.c-loading__loading-img {
    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;
    alig-items: center
}

    .c-loading__loading-img:before {
        content: "";
        width: 100px;
        height: 30px;
        margin-bottom: 15px;
        background: url(../files/2ed3f22f.png) no-repeat 50% transparent;
        background-size: contain
    }

    .c-loading__loading-img:after {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        content: "";
        height: 30px;
        background: url(../files/c5cd7f53.gif) no-repeat 50% transparent;
        background-size: contain
    }

.seller-commission .col-3 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 25%;
    padding-left: 25%
}

.c-commission-table table tbody tr td.row_index {
    width: 5%;
    min-width: 5%
}

.c-commission-table table tbody tr td.main_category_title {
    width: 20%;
    min-width: 20%
}

.c-commission-table table tbody tr td.category_title {
    width: 35%;
    min-width: 35%
}

.c-commission-table table tbody tr td.brand_title, .c-commission-table table tbody tr td.commissions {
    width: 20%;
    min-width: 20%
}

.c-commission-table.product-form .c-ui-table__header {
    padding: 5px 20px
}

.c-commission-table.product-form .c-ui-table__cell {
    min-height: 60px;
    height: auto;
    padding: 17px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-commission-table.product-form tbody tr:not(:last-of-type) td {
    border-bottom: 1px solid #e6e9ed
}

.c-commission-table__row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.c-commission-table__row--dashed-border:not(:first-of-type) {
    padding-top: 8px
}

.c-commission-table__row--dashed-border:not(:last-of-type) {
    border-bottom: 1px dashed #e6e9ed;
    padding-bottom: 8px
}

.c-commission-table__col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-commission-table__col--1 {
    width: 1%
}

.c-commission-table__col--2 {
    width: 2%
}

.c-commission-table__col--3 {
    width: 3%
}

.c-commission-table__col--4 {
    width: 4%
}

.c-commission-table__col--5 {
    width: 5%
}

.c-commission-table__col--6 {
    width: 6%
}

.c-commission-table__col--7 {
    width: 7%
}

.c-commission-table__col--8 {
    width: 8%
}

.c-commission-table__col--9 {
    width: 9%
}

.c-commission-table__col--10 {
    width: 10%
}

.c-commission-table__col--11 {
    width: 11%
}

.c-commission-table__col--12 {
    width: 12%
}

.c-commission-table__col--13 {
    width: 13%
}

.c-commission-table__col--14 {
    width: 14%
}

.c-commission-table__col--15 {
    width: 15%
}

.c-commission-table__col--16 {
    width: 16%
}

.c-commission-table__col--17 {
    width: 17%
}

.c-commission-table__col--18 {
    width: 18%
}

.c-commission-table__col--19 {
    width: 19%
}

.c-commission-table__col--20 {
    width: 20%
}

.c-commission-table__col--21 {
    width: 21%
}

.c-commission-table__col--22 {
    width: 22%
}

.c-commission-table__col--23 {
    width: 23%
}

.c-commission-table__col--24 {
    width: 24%
}

.c-commission-table__col--25 {
    width: 25%
}

.c-commission-table__col--26 {
    width: 26%
}

.c-commission-table__col--27 {
    width: 27%
}

.c-commission-table__col--28 {
    width: 28%
}

.c-commission-table__col--29 {
    width: 29%
}

.c-commission-table__col--30 {
    width: 30%
}

.c-commission-table__col--31 {
    width: 31%
}

.c-commission-table__col--32 {
    width: 32%
}

.c-commission-table__col--33 {
    width: 33%
}

.c-commission-table__col--34 {
    width: 34%
}

.c-commission-table__col--35 {
    width: 35%
}

.c-commission-table__col--36 {
    width: 36%
}

.c-commission-table__col--37 {
    width: 37%
}

.c-commission-table__col--38 {
    width: 38%
}

.c-commission-table__col--39 {
    width: 39%
}

.c-commission-table__col--40 {
    width: 40%
}

.c-commission-table__col--41 {
    width: 41%
}

.c-commission-table__col--42 {
    width: 42%
}

.c-commission-table__col--43 {
    width: 43%
}

.c-commission-table__col--44 {
    width: 44%
}

.c-commission-table__col--45 {
    width: 45%
}

.c-commission-table__col--46 {
    width: 46%
}

.c-commission-table__col--47 {
    width: 47%
}

.c-commission-table__col--48 {
    width: 48%
}

.c-commission-table__col--49 {
    width: 49%
}

.c-commission-table__col--50 {
    width: 50%
}

.c-commission-table__col--51 {
    width: 51%
}

.c-commission-table__col--52 {
    width: 52%
}

.c-commission-table__col--53 {
    width: 53%
}

.c-commission-table__col--54 {
    width: 54%
}

.c-commission-table__col--55 {
    width: 55%
}

.c-commission-table__col--56 {
    width: 56%
}

.c-commission-table__col--57 {
    width: 57%
}

.c-commission-table__col--58 {
    width: 58%
}

.c-commission-table__col--59 {
    width: 59%
}

.c-commission-table__col--60 {
    width: 60%
}

.c-commission-table__col--61 {
    width: 61%
}

.c-commission-table__col--62 {
    width: 62%
}

.c-commission-table__col--63 {
    width: 63%
}

.c-commission-table__col--64 {
    width: 64%
}

.c-commission-table__col--65 {
    width: 65%
}

.c-commission-table__col--66 {
    width: 66%
}

.c-commission-table__col--67 {
    width: 67%
}

.c-commission-table__col--68 {
    width: 68%
}

.c-commission-table__col--69 {
    width: 69%
}

.c-commission-table__col--70 {
    width: 70%
}

.c-commission-table__col--71 {
    width: 71%
}

.c-commission-table__col--72 {
    width: 72%
}

.c-commission-table__col--73 {
    width: 73%
}

.c-commission-table__col--74 {
    width: 74%
}

.c-commission-table__col--75 {
    width: 75%
}

.c-commission-table__col--76 {
    width: 76%
}

.c-commission-table__col--77 {
    width: 77%
}

.c-commission-table__col--78 {
    width: 78%
}

.c-commission-table__col--79 {
    width: 79%
}

.c-commission-table__col--80 {
    width: 80%
}

.c-commission-table__col--81 {
    width: 81%
}

.c-commission-table__col--82 {
    width: 82%
}

.c-commission-table__col--83 {
    width: 83%
}

.c-commission-table__col--84 {
    width: 84%
}

.c-commission-table__col--85 {
    width: 85%
}

.c-commission-table__col--86 {
    width: 86%
}

.c-commission-table__col--87 {
    width: 87%
}

.c-commission-table__col--88 {
    width: 88%
}

.c-commission-table__col--89 {
    width: 89%
}

.c-commission-table__col--90 {
    width: 90%
}

.c-commission-table__col--91 {
    width: 91%
}

.c-commission-table__col--92 {
    width: 92%
}

.c-commission-table__col--93 {
    width: 93%
}

.c-commission-table__col--94 {
    width: 94%
}

.c-commission-table__col--95 {
    width: 95%
}

.c-commission-table__col--96 {
    width: 96%
}

.c-commission-table__col--97 {
    width: 97%
}

.c-commission-table__col--98 {
    width: 98%
}

.c-commission-table__col--99 {
    width: 99%
}

.c-commission-table__col--100 {
    width: 100%
}

.c-commission-table__text--primary {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 25px
}

.c-commission-table__tag {
    padding: 3px 10px;
    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;
    height: 30px;
    border-radius: 15px;
    border: 1px solid #e6e9ed;
    background-color: #f5f7fa;
    font-size: 13px;
    font-size: .929rem;
    line-height: 24px;
    font-weight: 700;
    margin-right: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-commission-table .green {
    color: #3fc4a3
}

.c-commission-table .yellow {
    color: #f5a522
}

.c-commission-table .red {
    color: #ef5661
}

.c-commission-accordion .strong {
    font-weight: 700
}

.c-commission-accordion p {
    margin-bottom: 30px
}

    .c-commission-accordion p:last-child {
        margin-bottom: 0
    }

.c-commission-accordion__row + .c-commission-accordion__row {
    margin-top: 15px
}

.c-commission-accordion__title {
    margin: 0;
    padding: 20px 30px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.05);
    border: 1px solid #f4f5f8;
    background-color: #fff
}

    .c-commission-accordion__title:before {
        float: left;
        width: 26px;
        height: 26px;
        border-radius: 4px;
        background-color: #e9ebef;
        margin-left: 0;
        margin-right: 10px
    }

    .c-commission-accordion__title h4 {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 26px;
        color: #606265;
        margin-bottom: 0
    }

.c-commission-accordion__content {
    margin-top: 0;
    border-radius: 0 0 8px 8px;
    border: 1px solid #f4f5f8;
    background-color: #f9fafc;
    padding: 20px
}

.c-commission-accordion__list {
    margin: 0;
    padding-right: 20px
}

.c-commission-accordion__list--ol {
    list-style: arabic-indic;
    list-style: -moz-arabic-indic
}

    .c-commission-accordion__list--ol .c-commission-accordion__list-item + .c-commission-accordion__list-item {
        margin-top: 30px
    }

.c-commission-accordion .uk-open > .c-commission-accordion__title {
    border-radius: 8px 8px 0 0
}

.c-autosuggest {
    position: relative
}

.c-autosuggest__list-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 444;
    margin: 0 !important;
    padding: 13px 5px 5px;
    list-style: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border: 1px solid #ccc
}

.c-autosuggest__list-item {
    width: 100%
}

    .c-autosuggest__list-item:hover {
        background-color: #ebebeb
    }

    .c-autosuggest__list-item a {
        text-decoration: none;
        color: #000 !important;
        display: block;
        width: 100%;
        padding: 5px 10px
    }

        .c-autosuggest__list-item a span:nth-of-type(2) {
            color: #1e87f0
        }

.c-main-slider {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 5px
}

.c-main-slider-container {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-main-slider__slide {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-multiselect {
    position: relative
}

    .c-multiselect .input-box {
        display: block;
        width: auto;
        min-height: 20px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
        border-radius: 0 4px 4px 0;
        white-space: normal;
        overflow-y: auto;
        overflow-x: hidden
    }

        .c-multiselect .input-box .multiselect-input {
            min-width: 274px;
            background-color: transparent;
            height: 1.31em;
            line-height: 1.31em;
            padding: .18em 0;
            text-indent: .8em;
            border: 0;
            margin: 1px 0 0;
            float: right
        }

            .c-multiselect .input-box .multiselect-input:focus {
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                border: none
            }

        .c-multiselect .input-box .multiselect-items {
            cursor: pointer;
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            text-decoration: none;
            font-size: 100%;
            list-style: none
        }

            .c-multiselect .input-box .multiselect-items li {
                float: right;
                padding: 4px 22px 4px 33px;
                margin: 2px 2px 2px 0;
                color: #fff;
                border-color: #357ebd;
                background-color: #428bca;
                line-height: 1.79em;
                position: relative;
                -webkit-box-shadow: none;
                box-shadow: none;
                border-radius: 4px
            }

                .c-multiselect .input-box .multiselect-items li span {
                    right: auto !important;
                    left: 0 !important
                }

                    .c-multiselect .input-box .multiselect-items li span.close-btn {
                        right: auto;
                        left: 0;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        padding: 4px 11px
                    }

                        .c-multiselect .input-box .multiselect-items li span.close-btn span {
                            vertical-align: middle;
                            background-color: transparent
                        }

    .c-multiselect .options-box {
        margin-bottom: -210px;
        border: 1px solid #ccc;
        border-top: 0;
        height: auto;
        max-height: 200px;
        overflow: auto;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        display: none;
        visibility: hidden;
        position: relative;
        left: 0;
        right: 0;
        margin-top: 1px;
        background-color: #fff;
        z-index: 1
    }

        .c-multiselect .options-box table.multiselect-table {
            border: none;
            width: 100%
        }

            .c-multiselect .options-box table.multiselect-table thead > tr {
                height: 35px;
                background-color: #f5f5f5
            }

            .c-multiselect .options-box table.multiselect-table tbody > tr {
                height: 35px
            }

                .c-multiselect .options-box table.multiselect-table tbody > tr:hover {
                    background-color: #f5f5f5;
                    color: #515151
                }

.selected {
    color: #fff;
    border-color: #357ebd;
    background-color: #428bca
}

    .selected:hover {
        background-color: #f5f5f5;
        color: #515151
    }

@-webkit-keyframes blink {
    0% {
        border: 1px solid #e26a6a
    }

    50% {
        border: 1px solid hsla(0,0%,100%,.8)
    }

    to {
        border: 1px solid #e26a6a
    }
}

.uk-notification-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #62666d;
    border: 1px solid hsla(0,0%,100%,.8);
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    width: 320px;
    border-radius: 8px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #fff;
    padding: 15px
}

    .uk-notification-message:before {
        content: "";
        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;
        margin-left: 10px;
        width: 24px;
        height: 24px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        border-radius: 12px;
        background-color: #fff;
        color: #62666d;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

    .uk-notification-message + .uk-notification-message {
        margin-bottom: 8px !important
    }

    .uk-notification-message:nth-last-of-type(3) {
        opacity: .8 !important
    }

    .uk-notification-message:nth-last-of-type(4) {
        opacity: .4 !important
    }

    .uk-notification-message:nth-last-of-type(5) {
        opacity: .2 !important
    }

    .uk-notification-message:nth-last-of-type(n+6) {
        opacity: 0 !important
    }

    .uk-notification-message .uk-notification-close {
        display: none !important
    }

.uk-notification-message-primary {
    background-color: #007eff;
    background-color: rgba(0,126,255,.65) !important;
    color: #002656
}

.uk-notification-message-success:before {
    content: "\F02F\00FE0E"
}

.uk-notification-message-success:before {
    background-color: #0e73ad
}

.uk-notification-message-warning {
    background-color: #f90;
    background-color: rgba(255,153,0,.65) !important;
    color: #774005
}

.uk-notification-message-danger {
    -webkit-animation: blink 1s linear infinite
}

    .uk-notification-message-danger:before {
        content: "\F03D\00FE0E"
    }

    .uk-notification-message-danger:before {
        background-color: #ef5661 !important;
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 22px
    }

.k-notification {
    border: none;
    background-color: #fff !important;
    background-color: hsla(0,0%,100%,.65) !important;
    border-radius: 5px;
    position: fixed !important
}

.c-notification__item {
    position: relative;
    border-top: 1px solid #e6e9ed;
    color: #777;
    background-color: #f2f5f5
}

    .c-notification__item:before {
        content: "\F099\00FE0E"
    }

    .c-notification__item:before {
        position: absolute;
        right: 20px;
        top: 20px;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px;
        width: 20px;
        text-align: center;
        margin-left: 15px
    }

    .c-notification__item:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        pointer-events: none
    }

    .c-notification__item:first-of-type {
        margin-top: -20px;
        border-top: none
    }

    .c-notification__item:hover {
        border-radius: 6px;
        -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
        border-top-color: transparent
    }

        .c-notification__item:hover + .c-notification__item {
            border-color: transparent
        }

    .c-notification__item.is-unread {
        color: #3e3f3f;
        background-color: transparent
    }

        .c-notification__item.is-unread:before {
            content: "\F09A\00FE0E"
        }

        .c-notification__item.is-unread .c-notification__header-title {
            color: #3e3f3f;
            font-weight: 700
        }

    .c-notification__item.is-active {
        color: #3e3f3f;
        background-color: transparent
    }

        .c-notification__item.is-active .c-notification__header-title {
            color: #3e3f3f
        }

        .c-notification__item.is-active .c-notification__message {
            display: block
        }

    .c-notification__item.is-loading:after {
        background: -webkit-gradient(linear,left top,right top,color-stop(36%,transparent),color-stop(50%,#0e73ad),color-stop(64%,transparent));
        background: linear-gradient(90deg,transparent 36%,#0e73ad 50%,transparent 64%);
        background-size: 300% 100%;
        background-position: -200% 100%;
        -webkit-animation: LoadingGradient 3s ease infinite;
        animation: LoadingGradient 3s ease infinite
    }

@-webkit-keyframes LoadingGradient {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes LoadingGradient {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.c-notification__item.is-error:after {
    background-color: #ef5661
}

.c-notification__item .c-notification__header-title {
    color: #777
}

.c-notification__header {
    padding: 15px 68px 15px 20px;
    cursor: pointer
}

.c-notification__status {
    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;
    padding-left: 10px;
    padding-right: 10px;
    height: 24px;
    border-radius: 15px;
    margin-bottom: 15px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 14px
}

.c-notification__status--danger {
    background-color: rgba(239,86,97,.09);
    color: #ef5661
}

.c-notification__status--warning {
    background-color: rgba(253,195,100,.09);
    color: #fdc364
}

.c-notification__status--info, .c-notification__status--success {
    background-color: rgba(79,204,233,.09);
    color: #4fcce9
}

.c-notification__header-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.c-notification__header-datetime {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #889098
}

.c-notification__message {
    display: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    padding: 0 68px 20px 30px;
    margin-top: 0;
    margin-bottom: 0;
    color: #3e3f3f
}

.c-modal-notification__content {
    position: relative;
    text-align: center;
    padding: 34px 0 40px;
    margin: 0 auto
}

.c-modal-notification__content--limited {
    max-width: 600px
}

.c-modal-notification__content--form {
    text-align: unset;
    padding: 15px 0;
    max-width: 720px
}

.c-modal-notification__content--message {
    padding: 35px 0
}

.c-modal-notification__img {
    width: 100%;
    text-align: center;
    margin-bottom: 30px
}

    .c-modal-notification__img img {
        max-width: 100%;
        height: auto
    }

.c-modal-notification__bg-img {
    height: 100px;
    min-width: 200px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100px;
    margin-bottom: 50px
}

.c-modal-notification__bg-img--success {
    background-image: url(../files/e107b672.svg)
}

.c-modal-notification__bg-img--error {
    background-image: url(../files/a2fa83da.svg)
}

.c-modal-notification__header {
    color: #606265;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 28px;
    font-weight: 700;
    margin: 0 0 30px
}

.c-modal-notification__header--danger {
    color: #ed5565
}

.c-modal-notification__text {
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px
}

    .c-modal-notification__text em {
        font-weight: 700;
        color: #ef5661
    }

.c-modal-notification__text--center {
    text-align: center
}

.c-modal-notification__text--smaller, .c-modal-notification__text--smaller-bold {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-modal-notification__text--smaller-bold {
    font-weight: 700;
    color: #f04d7d
}

.c-modal-notification__text--plain {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px
}

.c-modal-notification__danger-text {
    color: #ed5565
}

.c-modal-notification__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-modal-notification__actions, .c-modal-notification__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-modal-notification__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;
    padding: 0 10px;
    margin: 25px 10px 0;
    background-color: #4fcce9;
    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-modal-notification__btn:hover {
        text-decoration: none;
        color: #fff
    }

.c-modal-notification__btn--secondary {
    color: #606265;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .c-modal-notification__btn--secondary:focus, .c-modal-notification__btn--secondary:hover {
        color: #606265;
        border-color: #bec4cb
    }

.c-modal-notification__btn--reload {
    color: #f05f6a;
    border: 1px solid #f05f6a;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .c-modal-notification__btn--reload:before {
        margin-left: 7px
    }

    .c-modal-notification__btn--reload:before {
        content: "\F0CC\00FE0E"
    }

    .c-modal-notification__btn--reload:hover {
        background-color: #f05f6a
    }

.c-modal-notification__btn:disabled {
    color: #fff;
    border-color: #e6e9ed;
    background-color: #e6e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
    cursor: default
}

.c-modal-notification__list {
    color: #3e3f3f;
    list-style: none;
    padding: 0;
    margin: 0 0 20px
}

.c-modal-notification__list-item {
    padding-right: 20px
}

    .c-modal-notification__list-item + .c-modal-notification__list-item {
        margin-top: 10px
    }

.c-modal-notification__list-item--danger {
    position: relative
}

    .c-modal-notification__list-item--danger:before {
        content: "";
        position: absolute;
        top: 8px;
        right: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #ef5661
    }

.select2-search__field {
    font-family: inherit
}

.select2-search--dropdown {
    display: block;
    padding: 2px
}

    .select2-search--dropdown:after {
        content: "\F098\00FE0E"
    }

    .select2-search--dropdown:after {
        position: absolute;
        font-size: 17px;
        right: 9px;
        top: 6px
    }

    .select2-search--dropdown .select2-search__field {
        padding: 4px 30px 4px 4px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid;
        border-color: #aeaeae !important;
        border-radius: 3px
    }

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

    .select2-results__options .select2-results__option {
        padding: 3px;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-user-select: none
    }

.select2-container--default .select2-results__option[aria-selected=true] {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #efefef;
    color: #323232
}

.select2-container--default .select2-selection__rendered .select2-selection__choice {
    color: #fff;
    border-color: #357ebd;
    background-color: #428bca
}

    .select2-container--default .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
        color: #fff;
        margin-left: auto !important;
        margin-right: 2px !important;
        float: left
    }

.c-product-variants table tbody tr td {
    padding: 16px 5px
}

    .c-product-variants table tbody tr td.product_id, .c-product-variants table tbody tr td.product_variant_id {
        min-width: 70px;
        max-width: 70px
    }

    .c-product-variants table tbody tr td.product_moderation_status {
        min-width: 60px;
        max-width: 60px
    }

        .c-product-variants table tbody tr td.product_moderation_status input {
            width: 75px
        }

    .c-product-variants table tbody tr td.product_variant_title {
        min-width: 180px;
        max-width: 200px;
        width: 200px
    }

        .c-product-variants table tbody tr td.product_variant_title input {
            width: 75px
        }

    .c-product-variants table tbody tr td.active span.is-active-icon {
        margin: 0 auto;
        font-size: 20px;
        text-align: center
    }

        .c-product-variants table tbody tr td.active span.is-active-icon.active {
            color: #3c763d
        }

            .c-product-variants table tbody tr td.active span.is-active-icon.active:after {
                content: "\F0FE\00FE0E"
            }

        .c-product-variants table tbody tr td.active span.is-active-icon.de-active {
            color: #a94442
        }

            .c-product-variants table tbody tr td.active span.is-active-icon.de-active:after {
                content: "\F023\00FE0E"
            }

        .c-product-variants table tbody tr td.active span.is-active-icon.ovl-de-active {
            color: #e99c55
        }

            .c-product-variants table tbody tr td.active span.is-active-icon.ovl-de-active:after {
                content: "\F0F9\00FE0E"
            }

    .c-product-variants table tbody tr td.lead_time {
        min-width: 60px;
        max-width: 60px;
        width: 60px
    }

        .c-product-variants table tbody tr td.lead_time input {
            width: 50px
        }

    .c-product-variants table tbody tr td.price_list {
        min-width: 85px;
        max-width: 100px;
        width: 100px
    }

        .c-product-variants table tbody tr td.price_list input {
            width: 95px
        }

    .c-product-variants table tbody tr td.price_sale {
        min-width: 85px;
        max-width: 100px;
        width: 100px
    }

        .c-product-variants table tbody tr td.price_sale input {
            width: 95px
        }

    .c-product-variants table tbody tr td.warehouse_stock {
        min-width: 50px;
        max-width: 50px
    }

        .c-product-variants table tbody tr td.warehouse_stock input {
            width: 40px
        }

    .c-product-variants table tbody tr td.marketplace_seller_stock {
        min-width: 60px;
        max-width: 60px
    }

        .c-product-variants table tbody tr td.marketplace_seller_stock input {
            width: 50px
        }

    .c-product-variants table tbody tr td.left_consumer {
        min-width: 60px;
        max-width: 60px
    }

    .c-product-variants table tbody tr td.maximum_per_order {
        min-width: 60px;
        max-width: 60px;
        width: 60px
    }

        .c-product-variants table tbody tr td.maximum_per_order input {
            width: 50px
        }

    .c-product-variants table tbody tr td.isActive {
        min-width: 150px;
        max-width: 150px;
        width: 150px;
        text-align: center
    }

        .c-product-variants table tbody tr td.isActive button {
            width: 140px;
            margin-top: 3px
        }

    .c-product-variants table tbody tr td:last-child button {
        margin: 0 auto;
        font-size: 25px;
        text-align: center;
        width: 100%;
        background-color: transparent
    }

        .c-product-variants table tbody tr td:last-child button:hover {
            background-color: #ccc
        }

        .c-product-variants table tbody tr td:last-child button:after {
            content: "\F00B\00FE0E"
        }

.c-product-variants__dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #ff009c !important
}

    .c-product-variants__dkpromotion:after {
        content: "\F058\00FE0E"
    }

.c-product-variants__join-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #ff009c !important;
    background: #fff !important;
    border: 1px solid rgba(145,153,160,.2) !important
}

    .c-product-variants__join-dkpromotion:after {
        content: "\F054\00FE0E"
    }

.c-product-variants__start-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #ff009c !important;
    background: #fff !important;
    border: 1px solid rgba(145,153,160,.2) !important
}

    .c-product-variants__start-dkpromotion:after {
        content: "\F057\00FE0E"
    }

.c-product-variants__pause-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #81858b !important;
    background: #fff !important;
    border: 1px solid rgba(145,153,160,.2) !important
}

    .c-product-variants__pause-dkpromotion:after {
        content: "\F056\00FE0E"
    }

.c-product-variants__nopermission-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #fff !important;
    background: #e6e9ed !important
}

    .c-product-variants__nopermission-dkpromotion:after {
        content: "\F055\00FE0E"
    }

.c-product-variants__tooltip {
    min-width: 170px !important
}

.c-product-variants__tooltip--light {
    color: #a1a3a8;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: right;
    line-height: 1.64
}

.c-product-variants__place {
    position: relative;
    display: block
}

.c-product-variants__place-origin {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    opacity: 0
}

    .c-product-variants__place-origin + .c-product-variants__place-check {
        width: 55px;
        background-position: right 9px center;
        cursor: pointer
    }

        .c-product-variants__place-origin + .c-product-variants__place-check:before {
            content: "\F0FD\00FE0E"
        }

    .c-product-variants__place-origin:focus + .c-product-variants__place-check {
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
    }

    .c-product-variants__place-origin:checked + .c-product-variants__place-check {
        color: #0e73ad;
        border-color: #0e73ad
    }

.c-product-variants__place-check {
    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;
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    color: #e6e9ed;
    width: 33px;
    height: 26px;
    padding: 0 8px;
    margin: 3px 0;
    border: 1px solid #e6e9ed;
    border-radius: 23px;
    background-color: rgba(145,153,160,.05);
    background-position: 50%;
    background-size: 16px 10px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15 ease-in-out,color .15 ease-in-out;
    transition: border-color .15 ease-in-out,color .15 ease-in-out
}

.c-product-variants__place-check--dk {
    background-image: url(../files/c9a15559.svg)
}

.c-product-variants__place-check--ds {
    background-image: url(../files/e12c644f.svg)
}

.c-product-variants__body .dk-price-popover-wrapper {
    z-index: 9999
}

.c-product-variants__body .dk-price-wrapper {
    font-family: inherit;
    width: 360px;
    max-width: 100%;
    padding: 0 15px;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

    .c-product-variants__body .dk-price-wrapper, .c-product-variants__body .dk-price-wrapper * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .c-product-variants__body .dk-price-wrapper .dk-price-header {
            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-family: inherit;
            color: #777;
            font-size: 13px;
            font-size: .929rem;
            line-height: 22px;
            font-weight: 700;
            padding: 10px 0;
            border-bottom: 1px solid #e6e9ed;
            overflow: initial
        }

        .c-product-variants__body .dk-price-wrapper .dk-price-header-close {
            position: relative;
            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;
            float: none;
            color: transparent;
            width: 18px;
            height: 18px;
            padding: 0;
            font-size: 12px;
            font-size: .857rem;
            line-height: 12px
        }

            .c-product-variants__body .dk-price-wrapper .dk-price-header-close:before {
                content: "\F045\00FE0E"
            }

            .c-product-variants__body .dk-price-wrapper .dk-price-header-close:before {
                position: absolute;
                top: 3px;
                left: 3px;
                color: #3e3f3f
            }

        .c-product-variants__body .dk-price-wrapper .dk-price-title {
            font-family: inherit;
            float: unset;
            -webkit-text-stroke: unset
        }

        .c-product-variants__body .dk-price-wrapper .dk-price-translate-wrapper {
            padding: 15px 0;
            margin: 0;
            border-radius: 0;
            background-color: #fff
        }

        .c-product-variants__body .dk-price-wrapper .dk-price-translate-digits {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 0;
            margin: 0 0 5px;
            border: none;
            border-radius: 0;
            background-color: #fff
        }

            .c-product-variants__body .dk-price-wrapper .dk-price-translate-digits:before {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                content: "بــه عـــدد";
                font-size: 11px;
                color: #9199a0;
                width: 40px;
                margin-left: 10px;
                white-space: nowrap
            }

            .c-product-variants__body .dk-price-wrapper .dk-price-translate-digits .digits-label {
                display: none
            }

            .c-product-variants__body .dk-price-wrapper .dk-price-translate-digits .digits-value {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                color: #3e3f3f;
                font-size: 12px;
                font-size: .857rem;
                line-height: 22px
            }

        .c-product-variants__body .dk-price-wrapper .dk-price-translate-persian {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            color: #3e3f3f;
            font-size: 12px;
            font-size: .857rem;
            line-height: 22px;
            padding: 0;
            border: 0;
            border-radius: none;
            background-color: #fff;
            text-align: right
        }

            .c-product-variants__body .dk-price-wrapper .dk-price-translate-persian:before {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                content: "به حروف";
                font-size: 11px;
                color: #9199a0;
                width: 40px;
                margin-left: 10px;
                white-space: nowrap
            }

.c-product-variants__price-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px
}

    .c-product-variants__price-actions .c-product-variants__action-btn {
        height: 24px;
        padding: 0 !important
    }

.c-product-variants__action-btn {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 15px;
    width: 24px;
    margin-left: 5px;
    border-radius: 5px
}

.c-product-variants__action-btn--challenge:before {
    content: "\F02A\00FE0E"
}

.c-product-variants__action-btn--edit:before {
    content: "\F064\00FE0E"
}

.c-product-variants__modal-buybox-text {
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 28px
}

    .c-product-variants__modal-buybox-text + .c-product-variants__modal-buybox-text {
        margin-top: 5px
    }

.c-product-variants__modal-buybox-label-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: auto;
    width: 290px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.05)
}

.c-product-variants__modal-buybox-label {
    color: #646870;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 28px;
    margin-right: 10px
}

    .c-product-variants__modal-buybox-label small {
        font-size: 14px
    }

.c-product-variants__modal-buybox-info-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 618px;
    height: 90px;
    border-radius: 8px;
    border: 1px solid rgba(245,166,35,.2);
    background-color: rgba(245,166,35,.05)
}

.c-product-variants__modal-buybox-price {
    color: #3e3f3f;
    font-size: 17px;
    font-size: 1.214rem;
    line-height: 28px;
    margin-right: 10px
}

    .c-product-variants__modal-buybox-price small {
        font-size: 14px
    }

.c-product-variants__lead-time-modal {
    width: 800px;
    padding: 23px 22px
}

.c-product-variants__lead-time-modal-container {
    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-product-variants__lead-time-modal-title {
    color: ‌ #646870;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    text-align: center;
    font-weight: 700
}

.c-product-variants__lead-time-modal-des {
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    margin-top: 5px
}

.c-product-variants__lead-time-modal-warning {
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid rgba(245,166,35,.2);
    background-color: rgba(245,166,35,.05);
    padding: 8px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #62666d
}

.c-product-variants__lead-time-modal-confirmation {
    color: #646870;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-top: 30px
}

.c-product-variants__lead-time-modal-btn {
    margin-top: 30px;
    margin-bottom: 50px
}

.c-product-variants__lead-time-modal-btn, .c-product-variants__lead-time-modal-btn--primery {
    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-product-variants__lead-time-modal-btn--primery {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff
}

.c-product-variants__lead-time-modal-btn--gray, .c-product-variants__lead-time-modal-btn--primery {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    min-width: 145px;
    text-align: center;
    min-height: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer
}

.c-product-variants__lead-time-modal-btn--gray {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #777;
    margin-right: 15px;
    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-product-variants__settings {
    display: none;
    position: absolute;
    z-index: 10;
    top: calc(100% + 2px);
    left: 5px;
    width: 260px;
    padding: 5px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-product-variants__settings-item {
    position: relative;
    display: block;
    color: #777;
    text-align: right;
    font-size: 11px;
    font-size: .786rem;
    line-height: 22px;
    width: 100%;
    padding-right: 30px;
    margin: 5px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

    .c-product-variants__settings-item:first-child {
        margin-top: 0
    }

    .c-product-variants__settings-item:last-child {
        margin-bottom: 0
    }

    .c-product-variants__settings-item:hover {
        color: #3e3f3f;
        background-color: #f0f0f0;
        cursor: pointer
    }

    .c-product-variants__settings-item:disabled {
        color: #e0e0e2;
        background-color: transparent;
        cursor: default
    }

        .c-product-variants__settings-item:disabled:before {
            color: #e0e0e2
        }

    .c-product-variants__settings-item:before {
        position: absolute;
        top: 4px;
        right: 4px;
        color: #3e3f3f;
        font-size: 15px;
        line-height: 15px
    }

    .c-product-variants__settings-item small {
        font-size: 9px
    }

.c-product-variants__settings-item--chart:before {
    content: "\F0F0\00FE0E"
}

.c-product-variants__settings-item--buybox:before {
    content: "\F02A\00FE0E"
}

.c-product-variants__settings-item--smart-price:before {
    content: "\F0E6\00FE0E"
}

.c-product-variants__settings-item--promo:before {
    content: "\F04E\00FE0E"
}

.c-product-variants__settings-item--edit-price:before {
    content: "\F067\00FE0E"
}

.c-product-variants__settings-item--edit-offer:before {
    content: "\F065\00FE0E"
}

.c-product-variants__chart .highcharts-subtitle {
    font-family: inherit !important;
    direction: rtl
}

.c-product-variants__settings-divider {
    height: 1px;
    margin: 5px;
    background-color: #e6e9ed
}

.c-order__batch-operation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px
}

.c-order table tbody tr td {
    height: 58px
}

.c-order table tbody tr.state-selected {
    background-color: #03c1dd !important
}

.c-order table tbody tr td.product_variant_title {
    width: 250px;
    min-width: 250px
}

.c-order table tbody tr td.warehouse_stock {
    width: 65px;
    min-width: 65px
}

.c-order table tbody tr td.average_daily_sales {
    width: 60px;
    min-width: 60px
}

.c-order table tbody tr td.sent_till_today {
    width: 70px;
    min-width: 70px
}

.c-order table tbody tr td.sent_optimal, .c-order table tbody tr td.sent_today {
    width: 55px;
    min-width: 55px
}

.c-order table tbody tr td.sent_tomorrow {
    width: 70px;
    min-width: 70px
}

.c-order--mw-150 {
    min-width: 150px
}

.c-order__action-box {
    padding: 10px 20px;
    margin: 10px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #777;
    white-space: nowrap
}

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

    .c-order__action-box-item > :not(:first-child) {
        margin-right: 8px
    }

    .c-order__action-box-item > input[type=text] {
        max-height: 40px
    }

.c-order__action-box-item--danger {
    border-color: #ef5661 !important
}

.c-order__action-box-item-message {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    text-align: right;
    color: #ef5661;
    margin-right: 20px !important
}

.c-order__date-picker-box {
    direction: rtl;
    background-color: #f5f7fa;
    border-radius: 5px;
    margin-top: 8px;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-order__date-picker-box--active {
    color: #fff;
    background-color: #4fcce9;
    cursor: pointer
}

    .c-order__date-picker-box--active .c-order__date-picker-box-item, .c-order__date-picker-box--active .c-order__date-picker-box-item span {
        color: #fff
    }

.c-order__date-picker-box-item {
    color: #81858b;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-order__date-picker-box-item span {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        color: #232933;
        font-weight: 700;
        margin-left: 4px
    }

.c-order-details table tbody tr td.row_index {
    width: 40px;
    min-width: 40px
}

.c-order-details table tbody tr td.category_title {
    width: 150px;
    min-width: 150px
}

.c-order-details table tbody tr td.product_variant_title {
    width: 250px;
    min-width: 250px
}

.c-order-details table tbody tr td.amazing_discount, .c-order-details table tbody tr td.sent_today, .c-order-details table tbody tr td.sent_tomorrow, .c-order-details table tbody tr td.to_send_at {
    width: 150px;
    min-width: 150px
}

.c-order-details__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-order-details__img {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    margin-left: 20px
}

.c-order-details__desc {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-order-details__title {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px;
    color: #3e3f3f;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 25px;
    font-weight: 700;
    padding: 0;
    margin-left: 20px;
    word-break: break-word
}

@media screen and (max-width:991px) {
    .c-order-details__title {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-left: 0
    }
}

.c-order-details__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-order-details__detail-label {
    margin-left: 10px
}

.c-order-details__link {
    color: #4a90e2
}

.c-order-details__order-steps {
    margin: 0 auto 30px;
    -ms-flex-pack: center
}

.c-order-details__order-step, .c-order-details__order-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
}

.c-order-details__order-step {
    position: relative;
    max-width: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-pack: center;
    color: #606265;
    padding-bottom: 40px
}

    .c-order-details__order-step:after {
        content: "\F0FD\00FE0E"
    }

    .c-order-details__order-step:after {
        position: absolute;
        left: calc(50% - 10px);
        bottom: 0;
        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: #fff;
        font-size: 8px;
        font-size: .571rem;
        line-height: 8px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #0e73ad
    }

    .c-order-details__order-step + .c-order-details__order-step:before {
        content: "";
        position: absolute;
        left: calc(50% + 12px);
        bottom: 10px;
        width: calc(100% - 24px);
        height: 1px;
        background-color: #0e73ad
    }

.c-order-details__order-step--current {
    font-weight: 700
}

    .c-order-details__order-step--current:after {
        content: "";
        background-color: #fff;
        -webkit-box-shadow: inset 0 0 0 5px #0e73ad;
        box-shadow: inset 0 0 0 5px #0e73ad
    }

    .c-order-details__order-step--current ~ .c-order-details__order-step {
        color: #dfe1e4
    }

        .c-order-details__order-step--current ~ .c-order-details__order-step:after {
            content: "";
            background-color: #dfe1e4
        }

        .c-order-details__order-step--current ~ .c-order-details__order-step:before {
            background-color: #dfe1e4
        }

.c-order-details--dk-icon {
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    width: 33px;
    height: 26px;
    margin: 3px 0;
    background-position: 50%;
    background-size: 16px 10px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../files/c9a15559.svg)
}

.c-order-details--dk-icon, .c-order-details--seller-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-order-details--seller-icon {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 27px
}

    .c-order-details--seller-icon:before {
        content: "\F0E3\00FE0E"
    }

    .c-order-details--seller-icon:before {
        font-size: 16px
    }

* + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin {
    margin-top: 0
}

.c-dashboard-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 65px;
    margin-top: 25px;
    margin-bottom: 10px
}

    .c-dashboard-status .status-icon .icon {
        width: 30px;
        height: 30px
    }

        .c-dashboard-status .status-icon .icon.red {
            color: #ef5661 !important;
            font-size: 20px
        }

            .c-dashboard-status .status-icon .icon.red:after {
                content: "\F0A0\00FE0E"
            }

            .c-dashboard-status .status-icon .icon.red:after {
                -webkit-box-shadow: 0 0 20px 2px #ef5661;
                box-shadow: 0 0 20px 2px #ef5661;
                border-radius: 50%
            }

        .c-dashboard-status .status-icon .icon.green {
            color: #3dc3a1 !important;
            font-size: 20px
        }

            .c-dashboard-status .status-icon .icon.green:after {
                content: "\F0A0\00FE0E"
            }

            .c-dashboard-status .status-icon .icon.green:after {
                -webkit-box-shadow: 0 0 20px 2px #3dc3a1;
                box-shadow: 0 0 20px 2px #3dc3a1;
                border-radius: 50%
            }

        .c-dashboard-status .status-icon .icon.yellow {
            color: #fdc364 !important;
            font-size: 20px
        }

            .c-dashboard-status .status-icon .icon.yellow:after {
                content: "\F0A0\00FE0E"
            }

            .c-dashboard-status .status-icon .icon.yellow:after {
                -webkit-box-shadow: 0 0 20px 2px #fdc364;
                box-shadow: 0 0 20px 2px #fdc364;
                border-radius: 50%
            }

    .c-dashboard-status .status-details {
        padding-right: 20px
    }

        .c-dashboard-status .status-details .title {
            font-size: 16px;
            font-weight: 700;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: right;
            position: relative
        }

            .c-dashboard-status .status-details .title:after {
                content: "\F05A\00FE0E"
            }

            .c-dashboard-status .status-details .title:after {
                margin-right: 20px;
                color: #aeaeae;
                font-size: 8px
            }

        .c-dashboard-status .status-details .status {
            font-size: 16px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.43;
            letter-spacing: normal;
            text-align: right;
            color: #aeaeae
        }

.c-dashboard-status__jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-dashboard-latest-post {
    max-height: 300px;
    padding-top: 20px
}

.c-dashboard-latest-post__post-item {
    min-height: 60px;
    position: relative;
    margin-bottom: 1px;
    padding-bottom: 5px;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-dashboard-latest-post__post-item .post-image {
        height: 60px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

        .c-dashboard-latest-post__post-item .post-image img {
            width: 55px;
            height: 55px;
            margin: 2.5px 10px
        }

    .c-dashboard-latest-post__post-item .post-title {
        white-space: normal;
        margin-top: 5px;
        margin-right: 20px;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

        .c-dashboard-latest-post__post-item .post-title a {
            font-size: 13px;
            text-decoration: none !important;
            cursor: pointer;
            color: inherit !important;
            font-weight: 700;
            text-align: justify
        }

            .c-dashboard-latest-post__post-item .post-title a:active, .c-dashboard-latest-post__post-item .post-title a:hover {
                color: #69717b
            }

    .c-dashboard-latest-post__post-item:last-child:after {
        content: "";
        width: 90%;
        border-bottom: 1px solid transparent;
        position: absolute;
        bottom: 0;
        right: 5%
    }

    .c-dashboard-latest-post__post-item:after {
        content: "";
        width: 90%;
        border-bottom: 1px solid rgba(118,120,122,.1);
        position: absolute;
        bottom: 0;
        right: 5%
    }

.c-dashboard-rating-box {
    height: 390px;
    max-height: 390px;
    padding-top: 20px;
    overflow: hidden
}

    .c-dashboard-rating-box .rating-chart {
        width: 100%;
        height: 180px;
        margin: 10px auto
    }

        .c-dashboard-rating-box .rating-chart #js-container-rating {
            width: 100%;
            height: 200px;
            margin: 0 auto
        }

    .c-dashboard-rating-box .rating-bars {
        height: 180px;
        max-height: 180px;
        padding-top: 10px
    }

        .c-dashboard-rating-box .rating-bars .rating-item {
            height: 30px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .c-dashboard-rating-box .rating-bars .rating-item .title {
                height: 20px;
                float: right;
                font-size: 14px;
                text-align: right;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

@media screen and (max-width:1440px) {
    .c-dashboard-rating-box .rating-bars .rating-item .title {
        font-size: 10px
    }
}

.c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar {
    height: 20px;
    float: right;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

    .c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar .uk-progress {
        direction: rtl;
        height: 8px;
        margin: 7px auto
    }

        .c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar .uk-progress .uk-progress-bar.dark-green {
            background-color: #3dc3a2
        }

        .c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar .uk-progress .uk-progress-bar.green {
            background-color: #a0d468
        }

        .c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar .uk-progress .uk-progress-bar.orange {
            background-color: #f6bb42
        }

        .c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar .uk-progress .uk-progress-bar.dark-orange {
            background-color: #fc6e51
        }

        .c-dashboard-rating-box .rating-bars .rating-item .rating-progress-bar .uk-progress .uk-progress-bar.red {
            background-color: #da4453
        }

.c-dashboard-rating-box .rating-bars .rating-item .percent {
    height: 20px;
    float: right;
    font-size: 12px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-dashboard-sales-status {
    height: 370px;
    max-height: 370px;
    padding-top: 10px;
    overflow: auto
}

.c-dashboard-sales-status__item {
    margin-top: 35px;
    width: 90%;
    min-height: 15px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-dashboard-sales-status__item .info-box .sale-title {
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        -webkit-text-stroke: 0 transparent
    }

    .c-dashboard-sales-status__item .info-box .sale-price {
        height: 50px;
        line-height: 50px;
        font-size: 30px;
        -webkit-text-stroke: 0 transparent;
        direction: rtl !important;
        text-align: right !important
    }

        .c-dashboard-sales-status__item .info-box .sale-price.green {
            color: #0e73ad
        }

        .c-dashboard-sales-status__item .info-box .sale-price.blue {
            color: #4f8ee0
        }

        .c-dashboard-sales-status__item .info-box .sale-price.red {
            color: #dd4756
        }

        .c-dashboard-sales-status__item .info-box .sale-price span[data-value] {
            margin-left: 10px
        }

    .c-dashboard-sales-status__item .change-box {
        width: 90px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-dashboard-sales-status__item .change-box .top {
            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-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .c-dashboard-sales-status__item .change-box .top .percentage {
                font-size: 20px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1;
                letter-spacing: normal;
                text-align: right;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

            .c-dashboard-sales-status__item .change-box .top .icon-box {
                width: 30px;
                height: 100%
            }

                .c-dashboard-sales-status__item .change-box .top .icon-box .icon {
                    width: 30px;
                    height: 30px;
                    border-radius: 8px;
                    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
                }

                    .c-dashboard-sales-status__item .change-box .top .icon-box .icon:before {
                        font-size: 18px
                    }

        .c-dashboard-sales-status__item .change-box .bottom {
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.67;
            letter-spacing: normal;
            text-align: left
        }

        .c-dashboard-sales-status__item .change-box.increase .percentage {
            color: #0e73ad
        }

        .c-dashboard-sales-status__item .change-box.increase .icon {
            -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
            box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
            border: 1px solid #0e73ad
        }

            .c-dashboard-sales-status__item .change-box.increase .icon:before {
                content: "\F08A\00FE0E"
            }

            .c-dashboard-sales-status__item .change-box.increase .icon:before {
                color: #0e73ad
            }

.c-dashboard-package-status {
    height: 370px;
    max-height: 370px;
    padding-top: 20px;
    overflow: auto
}

.c-dashboard-package-status__item {
    margin-top: 35px;
    width: 100%;
    min-height: 15px;
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-dashboard-package-status__item .package-percent {
        -webkit-box-flex: 0.5;
        -ms-flex: 0.5;
        flex: 0.5;
        margin: 2px auto;
        height: 36px;
        font-size: 30px;
        line-height: 36px;
        text-align: left;
        -webkit-text-stroke: 0 transparent
    }

        .c-dashboard-package-status__item .package-percent.green {
            color: #37bc9b
        }

        .c-dashboard-package-status__item .package-percent.blue {
            color: #4f8ee0
        }

        .c-dashboard-package-status__item .package-percent.red {
            color: #dd4756
        }

        .c-dashboard-package-status__item .package-percent.yellow {
            color: #f6bb42
        }

        .c-dashboard-package-status__item .package-percent.grey {
            color: #889098
        }

    .c-dashboard-package-status__item .title {
        -webkit-box-flex: 1.5;
        -ms-flex: 1.5;
        flex: 1.5
    }

        .c-dashboard-package-status__item .title .package-progress-bar {
            height: 15px;
            margin: 2px auto
        }

            .c-dashboard-package-status__item .title .package-progress-bar .uk-progress {
                direction: ltr;
                height: 8px
            }

                .c-dashboard-package-status__item .title .package-progress-bar .uk-progress .uk-progress-bar.green {
                    background-color: #37bc9b
                }

                .c-dashboard-package-status__item .title .package-progress-bar .uk-progress .uk-progress-bar.blue {
                    background-color: #4f8ee0
                }

                .c-dashboard-package-status__item .title .package-progress-bar .uk-progress .uk-progress-bar.red {
                    background-color: #dd4756
                }

                .c-dashboard-package-status__item .title .package-progress-bar .uk-progress .uk-progress-bar.yellow {
                    background-color: #f6bb42
                }

                .c-dashboard-package-status__item .title .package-progress-bar .uk-progress .uk-progress-bar.grey {
                    background-color: #889098
                }

        .c-dashboard-package-status__item .title .package-desc {
            height: 15px;
            margin: 2px auto;
            font-size: 14px;
            text-align: right;
            -webkit-text-stroke: 0 transparent
        }

.c-dashboard-inventory-status {
    height: 370px;
    padding-top: 20px
}

.c-dashboard-inventory-status__item {
    width: 100%;
    min-height: 15px;
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-dashboard-inventory-status__item .title {
        min-height: 50px;
        border-radius: 15px;
        -webkit-text-stroke: 0 transparent;
        margin-top: 10px;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .c-dashboard-inventory-status__item .count {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 30px;
        border-radius: 15px;
        -webkit-text-stroke: 0 transparent;
        text-align: center;
        font-size: 12px;
        padding: 20px 10px
    }

        .c-dashboard-inventory-status__item .count span {
            font-size: 30px
        }

        .c-dashboard-inventory-status__item .count.green {
            color: #37bc9b
        }

        .c-dashboard-inventory-status__item .count.blue {
            color: #4f8ee0
        }

        .c-dashboard-inventory-status__item .count.red {
            color: #dd4756
        }

.c-dashboard-main-slider {
    padding: 1px;
    margin: -5px -15px;
    border-radius: 8px
}

    .c-dashboard-main-slider .uk-slideshow-items {
        width: 100%;
        border-radius: 8px
    }

        .c-dashboard-main-slider .uk-slideshow-items .default-slideshow-image {
            background-image: url(../files/384804d3.jpg);
            background-repeat: no-repeat;
            background-size: 100%
        }

    .c-dashboard-main-slider .uk-overlay {
        background: rgba(0,0,0,.6);
        padding: 30px 50px 80px
    }

    .c-dashboard-main-slider .uk-dotnav {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 40px
    }

        .c-dashboard-main-slider .uk-dotnav li.uk-active a {
            background: #fdc364
        }

        .c-dashboard-main-slider .uk-dotnav li a {
            width: 40px;
            height: 3px;
            border-radius: 0;
            background: hsla(0,0%,100%,.6);
            border: none
        }

            .c-dashboard-main-slider .uk-dotnav li a:hover {
                background: #fdc364
            }

.c-dashboard-product-status {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-dashboard-product-status, .c-dashboard-product-status .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .c-dashboard-product-status .item {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            .c-dashboard-product-status .item .icon-box {
                width: 40px;
                height: 100%
            }

                .c-dashboard-product-status .item .icon-box .icon {
                    width: 30px;
                    height: 30px;
                    border-radius: 8px;
                    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
                }

                    .c-dashboard-product-status .item .icon-box .icon:before {
                        font-size: 18px
                    }

                .c-dashboard-product-status .item .icon-box .icon--active {
                    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
                    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
                    border: 1px solid #0e73ad
                }

                    .c-dashboard-product-status .item .icon-box .icon--active:before {
                        content: "\F02E\00FE0E"
                    }

                    .c-dashboard-product-status .item .icon-box .icon--active:before {
                        color: #0e73ad
                    }

                .c-dashboard-product-status .item .icon-box .icon--review {
                    -webkit-box-shadow: 0 6px 12px 0 rgba(255,193,79,.2);
                    box-shadow: 0 6px 12px 0 rgba(255,193,79,.2);
                    border: 1px solid #fdc364
                }

                    .c-dashboard-product-status .item .icon-box .icon--review:before {
                        content: "\F0CC\00FE0E"
                    }

                    .c-dashboard-product-status .item .icon-box .icon--review:before {
                        color: #fdc364
                    }

                .c-dashboard-product-status .item .icon-box .icon--inactive {
                    -webkit-box-shadow: 0 6px 12px 0 rgba(255,70,92,.2);
                    box-shadow: 0 6px 12px 0 rgba(255,70,92,.2);
                    border: 1px solid #ef5661
                }

                    .c-dashboard-product-status .item .icon-box .icon--inactive:before {
                        content: "\F03E\00FE0E"
                    }

                    .c-dashboard-product-status .item .icon-box .icon--inactive:before {
                        color: #ef5661
                    }

                .c-dashboard-product-status .item .icon-box .icon--waiting {
                    -webkit-box-shadow: 0 6px 12px 0 rgba(136,144,152,.2);
                    box-shadow: 0 6px 12px 0 rgba(136,144,152,.2);
                    border: 1px solid #889098
                }

                    .c-dashboard-product-status .item .icon-box .icon--waiting:before {
                        content: "\F10C\00FE0E"
                    }

                    .c-dashboard-product-status .item .icon-box .icon--waiting:before {
                        color: #889098
                    }

            .c-dashboard-product-status .item .details-box {
                width: 150px;
                margin-right: 20px
            }

                .c-dashboard-product-status .item .details-box .count {
                    font-size: 30px;
                    font-weight: 700;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1;
                    letter-spacing: normal;
                    text-align: right;
                    color: #606165
                }

                .c-dashboard-product-status .item .details-box .title {
                    font-size: 14px;
                    font-weight: 400;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1.43;
                    letter-spacing: normal;
                    text-align: right;
                    color: #939aa1
                }

.c-dashboard-best-sales {
    min-height: 15px
}

    .c-dashboard-best-sales table tbody tr {
        height: 97px
    }

    .c-dashboard-best-sales table img {
        width: 64px;
        height: 64px;
        max-height: 64px
    }

.c-dashboard-sales-history .chart {
    height: 415px;
    position: relative
}

.c-dashboard-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 5px 15px;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

    .c-dashboard-count .item .count {
        font-size: 30px;
        font-weight: 700;
        line-height: 1;
        color: #606165
    }

    .c-dashboard-count .item .count, .c-dashboard-count .item .title {
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal;
        text-align: right
    }

    .c-dashboard-count .item .title {
        font-size: 14px;
        font-weight: 400;
        line-height: 1.43;
        color: #899199
    }

        .c-dashboard-count .item .title span {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.75;
            color: #899197
        }

        .c-dashboard-count .item .sub-title, .c-dashboard-count .item .title span {
            font-style: normal;
            font-stretch: normal;
            letter-spacing: normal;
            text-align: right
        }

    .c-dashboard-count .item .sub-title {
        font-size: 12px;
        font-weight: 300;
        line-height: 1.67;
        color: #afb4ba
    }

.c-dashboard-extra__infinity-icon {
    font-weight: 700 !important;
    color: #a1a3a8 !important;
    font-size: 18px !important
}

    .c-dashboard-extra__infinity-icon:after {
        content: "\F08B\00FE0E"
    }

    .c-dashboard-extra__infinity-icon:after {
        font-size: 24px;
        position: relative;
        top: 9px
    }

.c-dashboard-extra__grey-text {
    font-weight: 700 !important;
    color: #a1a3a8;
    font-size: 18px !important
}

.c-inventory table tbody tr td.sent_today {
    width: 150px;
    min-width: 150px
}

.c-inventory table tbody tr td.title {
    width: 320px;
    min-width: 320px
}

.c-inventory table tbody tr td.warehouse {
    width: 240px;
    min-width: 240px
}

.c-return-request__warehouse-mapview {
    height: 450px
}

.c-return-request__package-box-message {
    position: absolute;
    bottom: 10px;
    right: 20px;
    left: 20px
}

.c-return-request__dkpc-box {
    -webkit-transform: scale(1);
    transform: scale(1)
}

    .c-return-request__dkpc-box > td {
        padding-bottom: 60px
    }

@font-face {
    font-family: XYekan
}

.dk-price-wrapper *, .dk-price-wrapper :after, .dk-price-wrapper :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.dk-price-wrapper a {
    background-color: transparent
}

    .dk-price-wrapper a:active, .dk-price-wrapper a:hover {
        outline: 0
    }

.dk-price-wrapper b, .dk-price-wrapper strong {
    font-weight: 700
}

.dk-price-wrapper h1 {
    margin: .67em 0;
    font-size: 2em
}

.dk-price-wrapper img {
    border: 0
}

.dk-price-wrapper hr {
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.dk-price-wrapper button, .dk-price-wrapper input, .dk-price-wrapper optgroup, .dk-price-wrapper select, .dk-price-wrapper textarea {
    margin: 0;
    font: inherit;
    color: inherit
}

.dk-price-wrapper button {
    overflow: visible
}

.dk-price-wrapper button, .dk-price-wrapper select {
    text-transform: none
}

.dk-price-wrapper button, .dk-price-wrapper input[type=button], .dk-price-wrapper input[type=reset], .dk-price-wrapper input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    .dk-price-wrapper button[disabled], .dk-price-wrapper input[disabled] {
        cursor: default
    }

    .dk-price-wrapper button::-moz-focus-inner, .dk-price-wrapper input::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.dk-price-wrapper input {
    line-height: normal
}

    .dk-price-wrapper input[type=checkbox], .dk-price-wrapper input[type=radio] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

    .dk-price-wrapper input[type=number]::-webkit-inner-spin-button, .dk-price-wrapper input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    .dk-price-wrapper input[type=search] {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield
    }

        .dk-price-wrapper input[type=search]::-webkit-search-cancel-button, .dk-price-wrapper input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

.dk-price-wrapper textarea {
    overflow: auto
}

.dk-price-wrapper table {
    border-spacing: 0;
    border-collapse: collapse
}

.dk-price-wrapper td, .dk-price-wrapper th {
    padding: 0
}

.dk-price-wrapper ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 40px
}

.dk-price-wrapper li {
    display: list-item;
    text-align: -webkit-match-parent
}

.dk-price-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,.7)
}

.dk-price-modal-wrapper {
    position: fixed;
    z-index: 1;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dk-price-popover-wrapper {
    position: absolute;
    z-index: 1
}

    .dk-price-popover-wrapper.dk-wrapper-attached {
        left: 15px;
        top: 52px;
        right: auto
    }

.dk-price-wrapper {
    direction: rtl;
    font-family: XYekan;
    width: 320px;
    min-height: 15px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 #75abd8;
    box-shadow: 0 0 5px 0 #75abd8;
    border: 1px solid #75abd8;
    -webkit-transition: all .8s;
    transition: all .8s
}

    .dk-price-wrapper .dk-price-header {
        border-bottom: 2px solid #e7e7e7;
        padding: 13px 20px;
        overflow: auto
    }

    .dk-price-wrapper .dk-price-title {
        font-size: 16px;
        text-align: right;
        color: #777;
        -webkit-text-stroke: 1px #777;
        float: right
    }

    .dk-price-wrapper .dk-price-header-close, .dk-price-wrapper .dk-price-title {
        font-family: XYekan;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: normal
    }

    .dk-price-wrapper .dk-price-header-close {
        width: 12px;
        height: 12px;
        color: #ff0002;
        background: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        border: none;
        font-size: 28px;
        float: left
    }

    .dk-price-wrapper .dk-price-footer {
        height: 0
    }

    .dk-price-wrapper .dk-price-translate-wrapper {
        margin: 22px 27px;
        border-radius: 3px;
        background-color: #f5f5f5
    }

    .dk-price-wrapper .dk-price-translate-digits {
        border-radius: 3px;
        background-color: #f5f5f5;
        border: 1px solid #d7d7d7;
        min-height: 16px;
        overflow: auto;
        color: #777;
        padding: 7px 21px 8px
    }

        .dk-price-wrapper .dk-price-translate-digits .digits-label {
            float: right;
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33;
            color: #d7d7d7
        }

        .dk-price-wrapper .dk-price-translate-digits .digits-value {
            float: left;
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: 1.33
        }

    .dk-price-wrapper .dk-price-translate-persian {
        border-radius: 3px;
        background-color: #777;
        border: 1px solid #d7d7d7;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.79;
        color: #fff;
        padding: 6px 21px 8px;
        text-align: center;
        min-height: 20px
    }

    .dk-price-wrapper .dk-price-chart-wrapper {
        margin: 22px 27px;
        border-radius: 3px;
        position: relative;
        padding-bottom: 60px
    }

    .dk-price-wrapper .dk-price-chart-line {
        height: 0;
        border: 1px solid #e7e7e7;
        width: 100%
    }

    .dk-price-wrapper .dk-price-chart-ranges {
        height: 4px;
        width: 70%;
        position: relative;
        margin: -2px auto 0
    }

    .dk-price-wrapper .dk-price-chart-min-point {
        width: 10px;
        height: 10px;
        position: absolute;
        left: -14px;
        top: -5px;
        border-radius: 50%
    }

    .dk-price-wrapper .dk-price-chart-max-point {
        width: 10px;
        height: 10px;
        position: absolute;
        right: -14px;
        top: -5px;
        border-radius: 50%
    }

    .dk-price-wrapper .dk-price-chart-dk-point {
        width: 10px;
        height: 10px;
        background-color: #558ced;
        border: 2px solid #fff;
        position: absolute;
        left: 0;
        top: -5px;
        border-radius: 2px;
        z-index: 3
    }

    .dk-price-wrapper .dk-price-chart-other-point {
        width: 10px;
        height: 10px;
        background-color: #4c525e;
        border: 2px solid #fff;
        position: absolute;
        left: 0;
        top: -5px;
        border-radius: 50%;
        z-index: 3
    }

    .dk-price-wrapper .dk-price-chart-pointer {
        width: 0;
        height: 20px;
        background-color: none;
        border-right: 1px dashed #4c525e;
        position: absolute;
        left: 0;
        top: -8px;
        -webkit-transition: all .8s;
        transition: all .8s
    }

    .dk-price-wrapper .dk-price-chart-pointer-tooltip {
        width: 70px;
        border-radius: 3px;
        background-color: #75abd8;
        border: 1px solid #75abd8;
        font-size: 10px;
        min-height: 10px;
        margin-right: -46px;
        margin-top: 30px;
        position: relative;
        font-family: XYekan;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.07;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        padding: 4px 10px;
        z-index: 2
    }

        .dk-price-wrapper .dk-price-chart-pointer-tooltip:before {
            content: "";
            height: 5px;
            margin: 0 auto;
            border-bottom: 5px solid #75abd8;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            position: absolute;
            top: -11px;
            left: 40px
        }

    .dk-price-wrapper .dk-price-chart-pointer.under-min {
        left: -16px;
        right: auto
    }

    .dk-price-wrapper .dk-price-chart-pointer.upper-max {
        right: -16px;
        left: auto
    }

    .dk-price-wrapper .dk-price-chart-points-tooltip {
        display: none;
        width: 110px;
        min-height: 40px;
        border-radius: 3px;
        background-color: #f5f5f5;
        border: 1px solid #d7d7d7;
        font-family: XYekan;
        font-size: 10px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.8;
        letter-spacing: normal;
        text-align: center;
        color: #777;
        z-index: 3;
        position: relative;
        left: 55px;
        top: 17px;
        -webkit-transition: all .8s;
        transition: all .8s
    }

        .dk-price-wrapper .dk-price-chart-points-tooltip:before {
            content: "";
            height: 5px;
            margin: 0 auto;
            border-bottom: 5px solid #d7d7d7;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            position: absolute;
            top: -11px;
            left: 45px
        }

        .dk-price-wrapper .dk-price-chart-points-tooltip .price {
            padding: 4px
        }

        .dk-price-wrapper .dk-price-chart-points-tooltip .title {
            padding: 4px;
            background-color: #fff
        }

    .dk-price-wrapper .dk-price-chart-range {
        height: 4px;
        float: left
    }

        .dk-price-wrapper .dk-price-chart-range.max-range {
            width: 0;
            background-color: #2cad4f
        }

        .dk-price-wrapper .dk-price-chart-range.medium-range {
            width: 0;
            background-color: #fcbe00
        }

        .dk-price-wrapper .dk-price-chart-range.min-range {
            width: 0;
            background-color: #ef412b
        }

        .dk-price-wrapper .dk-price-chart-range.grey-range {
            width: 100%;
            background-color: #777
        }

    .dk-price-wrapper .dk-price-notes-wrapper {
        margin: 22px 0 0;
        padding: 16px 27px;
        min-height: 10%;
        border-radius: 0
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-green .dk-price-notes-wrapper {
        background-color: rgba(44,173,79,.1)
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-yellow .dk-price-notes-wrapper {
        background-color: rgba(252,190,0,.1)
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-red .dk-price-notes-wrapper {
        background-color: rgba(239,65,43,.1)
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-grey .dk-price-notes-wrapper {
        background-color: #f9f9f9
    }

    .dk-price-wrapper .dk-price-notes-list {
        font-family: XYekan;
        font-size: 13px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: right;
        color: #777;
        list-style: none;
        -webkit-padding-start: 27px !important
    }

        .dk-price-wrapper .dk-price-notes-list li {
            position: relative
        }

            .dk-price-wrapper .dk-price-notes-list li.incorrect-price, .dk-price-wrapper .dk-price-notes-list li.you-win {
                display: none
            }

            .dk-price-wrapper .dk-price-notes-list li:before {
                content: "";
                font-size: 71px;
                position: absolute;
                right: -27px !important;
                top: 7px;
                width: 10px;
                border-radius: 50%;
                height: 10px
            }

    .dk-price-wrapper .dk-price-comparision.dk-price-green .dk-price-notes-list li:before {
        background-color: #2cad4f
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-yellow .dk-price-notes-list li:before {
        background-color: #fcbe00
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-red .dk-price-notes-list li:before {
        background-color: #ef412b
    }

    .dk-price-wrapper .dk-price-comparision.dk-price-grey .dk-price-notes-list li:before {
        background-color: #777
    }

    .dk-price-wrapper .dk-price-notes-list li span.green {
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        color: #2cad4f
    }

    .dk-price-wrapper .dk-price-notes-list li span.yellow {
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        color: #fcbe00
    }

    .dk-price-wrapper .dk-price-notes-list li span.red {
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        color: #ef412b
    }

    .dk-price-wrapper .dk-price-notes-list li span#satisfaction-word {
        font-size: 13px !important
    }

    .dk-price-wrapper .dk-price-notes-list li .proposed-price {
        width: 200px;
        height: 25px;
        border-radius: 3px;
        background-color: #fff;
        border: 1px solid #fff;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.56;
        letter-spacing: normal;
        color: #777;
        -webkit-text-stroke: 1px #777;
        margin: 11px auto
    }

.dk-input-loading {
    background: -webkit-gradient(linear,right top,left top,from(#ddd),to(#f0f0f0));
    background: linear-gradient(270deg,#ddd,#f0f0f0);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 1s ease infinite;
    animation: AnimationName 1s ease infinite
}

@-webkit-keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes AnimationName {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.dk-price-loading {
    width: 90%;
    height: 150px;
    margin: 10px auto;
    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-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.flex {
    min-height: 60pt
}

@-webkit-keyframes loading {
    0% {
        width: 50pt;
        height: 50pt;
        margin-top: 0
    }

    25% {
        height: 4pt;
        margin-top: 23pt
    }

    50% {
        width: 4pt
    }

    75% {
        width: 50pt
    }

    to {
        width: 50pt;
        height: 50pt;
        margin-top: 0
    }
}

@keyframes loading {
    0% {
        width: 50pt;
        height: 50pt;
        margin-top: 0
    }

    25% {
        height: 4pt;
        margin-top: 23pt
    }

    50% {
        width: 4pt
    }

    75% {
        width: 50pt
    }

    to {
        width: 50pt;
        height: 50pt;
        margin-top: 0
    }
}

.loader {
    width: 50pt;
    height: 50pt;
    border-radius: 100%;
    border: 4pt solid #777;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    -webkit-animation: loading 1s infinite;
    animation: loading 1s infinite
}

.load-text {
    padding-top: 15px;
    text-align: center;
    font-size: 14pt;
    color: #fff;
    font-family: XYekan
}

.c-box {
    color: #656d78;
    -webkit-text-stroke: 0 transparent;
    margin-top: 25px;
    margin-bottom: 10px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05)
}

.c-box__header {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: right;
    position: relative;
    padding: 13px;
    border-bottom: 1px solid #f5f7fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-box__header, .c-box__header .title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal
    }

        .c-box__header .title {
            min-height: 40px;
            -webkit-box-orient: vertical;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-pack: distribute;
            justify-content: space-around
        }

        .c-box__header .actions {
            margin-left: -20px;
            min-height: 40px
        }

            .c-box__header .actions.normal {
                margin-left: unset !important
            }

            .c-box__header .actions a {
                text-decoration: unset;
                color: unset
            }

                .c-box__header .actions a:hover {
                    text-decoration: unset;
                    color: unset
                }

            .c-box__header .actions .uk-icon-button {
                border-radius: 8px;
                height: 40px;
                width: 40px;
                border: none;
                outline: none;
                -webkit-box-shadow: 0 5px 10px 0 rgba(189,196,204,.5);
                box-shadow: 0 5px 10px 0 rgba(189,196,204,.5);
                color: #fff !important;
                cursor: pointer
            }

                .c-box__header .actions .uk-icon-button.large {
                    height: 60px;
                    width: 60px;
                    margin: -8px
                }

                .c-box__header .actions .uk-icon-button:disabled {
                    cursor: default
                }

            .c-box__header .actions .uk-icon-button--edit:before {
                content: "\F068\00FE0E"
            }

            .c-box__header .actions .uk-icon-button--edit:before {
                font-size: 18px
            }

            .c-box__header .actions .uk-icon-button--edit:after {
                display: none
            }

            .c-box__header .actions .uk-icon-button--accept:before {
                content: "\F02E\00FE0E"
            }

            .c-box__header .actions .uk-icon-button--accept:before {
                font-size: 18px
            }

            .c-box__header .actions .uk-icon-button--decline:before {
                content: "\F03E\00FE0E"
            }

            .c-box__header .actions .uk-icon-button--decline:before {
                font-size: 18px
            }

            .c-box__header .actions .uk-icon-button--link:before {
                content: "\F0D1\00FE0E"
            }

            .c-box__header .actions .uk-icon-button--link:before {
                font-size: 18px
            }

            .c-box__header .actions .uk-icon-button--add:before {
                content: "\F0B6\00FE0E"
            }

            .c-box__header .actions .uk-icon-button--add:before {
                font-size: 18px
            }

            .c-box__header .actions .dropdown-control {
                font-family: IRANYekan,sans-serif;
                float: left;
                width: 120px;
                height: 30px;
                border-radius: 8px;
                background-color: #fff;
                border: 1px solid #e6e9ed;
                outline: none;
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
                -webkit-padding-end: 20px;
                -webkit-padding-start: 10px;
                -webkit-user-select: none;
                padding: 5px 10px 5px 20px
            }

                .c-box__header .actions .dropdown-control:active, .c-box__header .actions .dropdown-control:focus, .c-box__header .actions .dropdown-control:hover {
                    outline: none
                }

                .c-box__header .actions .dropdown-control .option-control {
                    font-size: 14px;
                    width: 90px;
                    height: 40px;
                    padding: 10px 15px;
                    border: 1px solid #e6e9ed
                }

.c-box__content {
    font-size: 14px;
    min-height: 100px;
    padding: 5px 15px;
    overflow: auto;
    position: relative
}

    .c-box__content .uk-inline {
        width: 100%
    }

        .c-box__content .uk-inline .uk-form-icon-flip {
            width: 48px;
            margin-top: 1px;
            text-align: center
        }

            .c-box__content .uk-inline .uk-form-icon-flip + .uk-input {
                padding-right: 60px
            }

            .c-box__content .uk-inline .uk-form-icon-flip.left {
                width: 48px;
                margin-top: 1px;
                text-align: center;
                left: 0 !important;
                right: auto !important
            }

                .c-box__content .uk-inline .uk-form-icon-flip.left + .uk-input {
                    padding-left: 60px !important;
                    padding-right: 15px !important
                }

    .c-box__content .uk-input {
        border-color: #e6e9ed;
        border-radius: 8px;
        height: auto;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 16px;
        font-weight: 700;
        line-height: 2.19
    }

    .c-box__content .uk-form-label, .c-box__content .uk-input {
        font-style: normal;
        font-stretch: normal;
        letter-spacing: normal
    }

    .c-box__content .uk-form-label {
        float: right;
        color: #a3a3a3;
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 400;
        line-height: 2.5;
        text-align: right
    }

    .c-box__content .uk-button {
        margin-top: 10px;
        border-radius: 8px;
        font-size: 14px;
        font-size: 1rem;
        line-height: 38px;
        padding: 12px;
        line-height: 23px
    }

.c-box__footer {
    font-size: 20px;
    line-height: 1.75;
    text-align: center;
    position: relative;
    padding: 25px
}

    .c-box__footer.no-border:before {
        content: "";
        width: 90%;
        border-bottom: 1px solid transparent;
        position: absolute;
        top: 0;
        right: 5%
    }

    .c-box__footer:before {
        content: "";
        width: 90%;
        border-bottom: 1px solid #c1c1c1;
        position: absolute;
        top: 0;
        right: 5%
    }

    .c-box__footer .read-more {
        background-color: #4fc1e9;
        border: 1px solid #3bafda;
        display: inline-block;
        outline: 0;
        padding: 10px 28px;
        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);
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        cursor: pointer;
        -webkit-text-stroke: 0 transparent;
        text-decoration: none;
        color: #fff
    }

.c-box.fit {
    flex-direction: column
}

    .c-box.fit, .c-box.fit .c-box__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column
    }

        .c-box.fit .c-box__content {
            flex-direction: column;
            -webkit-box-flex: 1;
            -ms-flex: auto;
            flex: auto
        }

.c-upload-image {
    position: relative;
    height: 130px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%
}

    .c-upload-image + .c-upload-image {
        margin-right: 10px
    }

.c-upload-image__container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    border: 2px dashed #e6e9ed
}

.c-upload-image input {
    display: none
}

.c-upload-image__button {
    border: .5px solid #777;
    padding: 4px 15px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1
}

    .c-upload-image__button.js-adplacement-image-preview {
        position: absolute;
        left: 20px;
        bottom: 20px;
        z-index: 1;
        display: none
    }

.c-upload-image__viewer {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden
}

    .c-upload-image__viewer img {
        max-width: 100%;
        max-height: 100%;
        width: 100%;
        -webkit-transform: scale(5);
        transform: scale(5)
    }

.c-upload-image__label {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 60%;
    white-space: normal
}

.uk-container--responsive {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-container--fluid {
    padding: 20px;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.uk-navbar--responsive {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:991px) {
    .uk-navbar--responsive {
        display: none
    }
}

.uk-navbar--responsive-visible {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.uk-navbar__child-icon {
    border-radius: 4px;
    background-color: rgba(255,0,156,.1);
    padding: 2px;
    margin-right: 10px
}

.uk-navbar__control {
    padding: 5px;
    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;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 5px 0;
    overflow: visible;
    outline: 0
}

    .uk-navbar__control:hover {
        opacity: .8
    }

    .uk-navbar__control.uk-navbar__control--collapse .uk-navbar__control-inner {
        top: auto;
        bottom: 0;
        -webkit-transition-duration: .13s;
        transition-duration: .13s;
        -webkit-transition-delay: .13s;
        transition-delay: .13s;
        -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
        transition-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

        .uk-navbar__control.uk-navbar__control--collapse .uk-navbar__control-inner:after {
            top: -20px;
            -webkit-transition: top .2s cubic-bezier(.333,.667,.667,1) .2s,opacity .1s linear;
            transition: top .2s cubic-bezier(.333,.667,.667,1) .2s,opacity .1s linear
        }

        .uk-navbar__control.uk-navbar__control--collapse .uk-navbar__control-inner:before {
            -webkit-transition: top .12s cubic-bezier(.333,.667,.667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
            transition: top .12s cubic-bezier(.333,.667,.667,1) .2s,-webkit-transform .13s cubic-bezier(.55,.055,.675,.19);
            transition: top .12s cubic-bezier(.333,.667,.667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19);
            transition: top .12s cubic-bezier(.333,.667,.667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19),-webkit-transform .13s cubic-bezier(.55,.055,.675,.19)
        }

    .uk-navbar__control.uk-navbar__control--collapse.is-active .uk-navbar__control-inner {
        -webkit-transform: translate3d(0,-10px,0) rotate(45deg);
        transform: translate3d(0,-10px,0) rotate(45deg);
        -webkit-transition-delay: .22s;
        transition-delay: .22s;
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

        .uk-navbar__control.uk-navbar__control--collapse.is-active .uk-navbar__control-inner:after {
            top: 0;
            opacity: 0;
            -webkit-transition: top .2s cubic-bezier(.333,0,.667,.333),opacity .1s linear .22s;
            transition: top .2s cubic-bezier(.333,0,.667,.333),opacity .1s linear .22s
        }

        .uk-navbar__control.uk-navbar__control--collapse.is-active .uk-navbar__control-inner:before {
            top: 0;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: top .1s cubic-bezier(.333,0,.667,.333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;
            transition: top .1s cubic-bezier(.333,0,.667,.333) .16s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s;
            transition: top .1s cubic-bezier(.333,0,.667,.333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;
            transition: top .1s cubic-bezier(.333,0,.667,.333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s,-webkit-transform .13s cubic-bezier(.215,.61,.355,1) .25s
        }

@media screen and (min-width:991px) {
    .uk-navbar__control.uk-navbar__control--collapse {
        display: none
    }
}

.uk-navbar__control .uk-navbar__control-box {
    width: 36px;
    height: 24px;
    display: inline-block;
    position: relative
}

.uk-navbar__control .uk-navbar__control-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

    .uk-navbar__control .uk-navbar__control-inner, .uk-navbar__control .uk-navbar__control-inner:after, .uk-navbar__control .uk-navbar__control-inner:before {
        width: 36px;
        height: 4px;
        background-color: #606265;
        border-radius: 4px;
        position: absolute;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }

        .uk-navbar__control .uk-navbar__control-inner:after, .uk-navbar__control .uk-navbar__control-inner:before {
            content: "";
            display: block
        }

        .uk-navbar__control .uk-navbar__control-inner:before {
            top: -10px
        }

        .uk-navbar__control .uk-navbar__control-inner:after {
            bottom: -10px
        }

.uk-navbar-nav--responsive {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.uk-flex-center-force {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.c-ui__divider {
    width: 100%;
    height: 2px;
    background-color: rgba(145,153,160,.4)
}

.c-ui__divider--thin {
    height: 1px
}

.c-ui--mh-624 {
    min-height: 66vh
}

.c-ui--pointer {
    cursor: pointer
}

.c-ui--fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.c-ui--initial {
    white-space: normal !important
}

.c-ui--hidden-overflow-x {
    overflow-x: hidden !important
}

.c-ui--nowrap {
    white-space: nowrap !important
}

.c-ui--remove-max-width {
    max-width: none !important
}

.c-ui--remove-min-width {
    min-width: 0 !important
}

.c-ui--pr-20 {
    padding-right: 20px !important
}

.c-ui--my-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.c-ui--my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.c-ui--my-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.c-ui--my-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.c-ui--my-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.c-ui--mx-15 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.c-ui--mx-20 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.c-ui--mx-30 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.c-ui--mx-60 {
    margin-right: 60px !important;
    margin-left: 60px !important
}

.c-ui--mt-6 {
    margin-top: 6px !important
}

.c-ui--mt-8 {
    margin-top: 8px !important
}

.c-ui--mt-10 {
    margin-top: 10px !important
}

.c-ui--mt-15 {
    margin-top: 15px !important
}

.c-ui--mt-20, .c-ui--mt-25 {
    margin-top: 20px !important
}

.c-ui--mt-30 {
    margin-top: 30px !important
}

.c-ui--mt-60 {
    margin-top: 60px !important
}

.c-ui--mb-15 {
    margin-bottom: 15px !important
}

.c-ui--mb-20, .c-ui--mb-25 {
    margin-bottom: 20px !important
}

.c-ui--mb-30 {
    margin-bottom: 30px !important
}

.c-ui--mb-40 {
    margin-bottom: 40px !important
}

.c-ui--mr-60 {
    margin-bottom: 60px !important
}

.c-ui--ml-40 {
    margin-left: 40px !important
}

.c-ui--ml-10 {
    margin-left: 10px !important
}

.c-ui--mr-70 {
    margin-right: 70px !important
}

.c-ui--mr-15 {
    margin-right: 15px !important
}

.c-ui--mr-8 {
    margin-right: 8px !important
}

.c-ui--mr-10 {
    margin-right: 10px !important
}

.c-ui--mr-20 {
    margin-right: 20px !important
}

.c-ui--mr-30 {
    margin-right: 30px !important
}

.c-ui--mr-40 {
    margin-right: 40px !important
}

.c-ui--mr-60 {
    margin-right: 60px
}

.c-ui--m-15 {
    margin: 15px !important
}

.c-ui--m-30 {
    margin: 30px !important
}

.c-ui--m-60 {
    margin: 60px !important
}

.c-ui--mt-0 {
    margin-top: 0 !important
}

.c-ui--py-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.c-ui--py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.c-ui--py-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.c-ui--py-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.c-ui--pt-15 {
    padding-top: 15px !important
}

.c-ui--pt-20 {
    padding-top: 20px !important
}

.c-ui--pt-30 {
    padding-top: 30px !important
}

.c-ui--pt-60 {
    padding-top: 60px !important
}

.c-ui--pb-10 {
    padding-bottom: 10px !important
}

.c-ui--pb-15 {
    padding-bottom: 15px !important
}

.c-ui--pb-20 {
    padding-bottom: 20px !important
}

.c-ui--pb-25 {
    padding-bottom: 25px !important
}

.c-ui--pb-30 {
    padding-bottom: 30px !important
}

.c-ui--pb-60 {
    padding-bottom: 60px !important
}

.c-ui--p-20 {
    padding: 20px !important
}

.c-ui--p-15 {
    padding: 15px !important
}

.c-ui--p-30 {
    padding: 30px !important
}

.c-ui--p-60 {
    padding: 60px !important
}

.c-ui--px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.c-ui--px-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.c-ui--px-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.c-ui--px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.c-ui--px-60 {
    padding-left: 60px !important;
    padding-right: 60px !important
}

.c-ui--pl-10 {
    padding-left: 10px !important
}

.c-ui--pl-20 {
    padding-left: 20px !important
}

.c-ui--p-0 {
    padding: 0 !important
}

.c-ui--py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.c-ui--px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.c-ui--align-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.c-ui__code {
    padding: 16px;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    line-height: 1.45;
    background-color: #f6f8fa !important;
    border-radius: 6px !important;
    border-color: none;
    white-space: normal !important;
    text-align: left;
    direction: ltr
}

.c-add-products__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: normal;
    color: #3e3f3f;
    width: auto !important
}

.c-add-products__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

.c-add-products__form--no-spacing {
    margin-bottom: 0
}

.c-add-products__header-section {
    padding: 30px 0;
    border-bottom: 1px solid #e6e9ed
}

    .c-add-products__header-section:first-child {
        padding-top: 0
    }

.c-add-products__header-section--no-border {
    border: none
}

.c-add-products__list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-add-products__product-count-value {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    padding: 0 5px;
    font-weight: 700;
    text-align: center;
    margin-left: 2px;
    color: #4fcce9;
    border-radius: 5px;
    background-color: #f5f7fa
}

.c-add-products__info-bar {
    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;
    margin-bottom: 20px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #9199a0
}

.c-add-products__delete-products-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    color: #606265
}

    .c-add-products__delete-products-btn:before {
        content: "\F04B\00FE0E"
    }

    .c-add-products__delete-products-btn:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        color: #777;
        font-weight: 700;
        margin-left: 5px
    }

    .c-add-products__delete-products-btn:focus, .c-add-products__delete-products-btn:hover {
        color: #777;
        text-decoration: none
    }

.c-add-products-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6e9ed;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    min-width: 310px;
    min-height: 395px;
    padding: 15px 15px 44px;
    position: relative
}

@media (max-width:1375px) {
    .c-add-products-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.c-add-products-item > * {
    display: block
}

.c-add-products-item__image-link {
    text-align: center
}

.c-add-products-item__promotion {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    margin-bottom: 15px
}

.c-add-products-item__promotion--amazing {
    color: #ef5661;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-add-products-item__promotion--amazing:before {
        content: url(../files/c0301483.svg);
        margin-left: 10px;
        line-height: 10px
    }

.c-add-products-item__brand {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #4fcce9
}

.c-add-products-item__title {
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    color: #3e3f3f
}

    .c-add-products-item__title:focus, .c-add-products-item__title:hover {
        color: #3e3f3f;
        text-decoration: none
    }

.c-add-products-item__dkp {
    font-size: 11px;
    font-size: .786rem;
    line-height: normal;
    color: #9199a0;
    border-radius: 5px;
    border: 1px solid #e6e9ed;
    padding: 0 5px
}

.c-add-products-item__variants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.c-add-products-item__color {
    font-size: 12px;
    font-size: .857rem;
    line-height: normal;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-add-products-item__color-square {
    border: 1px solid #e6e9ed;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    margin: 0 10px 0 6px
}

.c-add-products-item__guarantee {
    font-size: 11px;
    font-size: .786rem;
    line-height: 20px;
    color: #777;
    padding-bottom: 10px
}

    .c-add-products-item__guarantee:before {
        content: "\F083\00FE0E"
    }

    .c-add-products-item__guarantee:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        position: relative;
        top: 2px
    }

.c-add-products-item__image {
    margin-bottom: 15px;
    width: 100%;
    max-width: 140px;
    text-align: center
}

.c-add-products-item__details {
    min-height: 100px;
    margin-bottom: 8px
}

.c-add-products-item__details, .c-add-products-item__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-add-products-item__price {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #777;
    position: absolute;
    bottom: 15px;
    right: 15px
}

.c-add-products-item__new-price {
    color: #3e3f3f
}

.c-add-products-item__new-price-value {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700
}

.c-add-products-item__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    left: 10px;
    top: 10px
}

.c-add-products-item__action--overlay {
    z-index: 3
}

.c-add-products-item__delete-btn {
    border: none;
    border-radius: 5px;
    background-color: #e6e9ed;
    width: 20px;
    height: 20px;
    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;
    cursor: pointer;
    z-index: 1
}

    .c-add-products-item__delete-btn:before {
        content: "\F04B\00FE0E"
    }

.c-add-products-item__more-info {
    margin-right: 0 !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px
}

.c-add-products-item__floating-box {
    bottom: auto !important;
    left: -10px !important;
    top: 30px;
    width: 150px
}

    .c-add-products-item__floating-box:after {
        bottom: auto !important;
        top: -5px
    }

.c-add-products-item__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .9;
    background-color: #f5f7fa;
    z-index: 2
}

.c-add-products-item__deleted {
    color: #ef5661;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

.c-add-products-item__undo-delete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-add-products-item__undo-delete:before {
        content: "\F102\00FE0E"
    }

    .c-add-products-item__undo-delete:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        margin-left: 4px
    }

    .c-add-products-item__undo-delete:focus, .c-add-products-item__undo-delete:hover {
        text-decoration: none
    }

.c-rd-product-variants table tbody tr td {
    padding: 16px 5px
}

    .c-rd-product-variants table tbody tr td.product_id, .c-rd-product-variants table tbody tr td.product_variant_id {
        min-width: 70px;
        max-width: 70px
    }

    .c-rd-product-variants table tbody tr td.product_moderation_status {
        min-width: 60px;
        max-width: 60px
    }

        .c-rd-product-variants table tbody tr td.product_moderation_status input {
            width: 75px
        }

    .c-rd-product-variants table tbody tr td.product_variant_title {
        min-width: 180px;
        max-width: 200px;
        width: 200px
    }

        .c-rd-product-variants table tbody tr td.product_variant_title input {
            width: 75px
        }

    .c-rd-product-variants table tbody tr td.active span.is-active-icon {
        margin: 0 auto;
        font-size: 20px;
        text-align: center
    }

        .c-rd-product-variants table tbody tr td.active span.is-active-icon.active {
            color: #3c763d
        }

            .c-rd-product-variants table tbody tr td.active span.is-active-icon.active:after {
                content: "\F0FE\00FE0E"
            }

        .c-rd-product-variants table tbody tr td.active span.is-active-icon.de-active {
            color: #a94442
        }

            .c-rd-product-variants table tbody tr td.active span.is-active-icon.de-active:after {
                content: "\F023\00FE0E"
            }

        .c-rd-product-variants table tbody tr td.active span.is-active-icon.ovl-de-active {
            color: #e99c55
        }

            .c-rd-product-variants table tbody tr td.active span.is-active-icon.ovl-de-active:after {
                content: "\F0F9\00FE0E"
            }

    .c-rd-product-variants table tbody tr td.lead_time {
        min-width: 60px;
        max-width: 60px;
        width: 60px
    }

        .c-rd-product-variants table tbody tr td.lead_time input {
            width: 50px
        }

    .c-rd-product-variants table tbody tr td.price_list {
        min-width: 85px;
        max-width: 100px;
        width: 100px
    }

        .c-rd-product-variants table tbody tr td.price_list input {
            width: 95px
        }

    .c-rd-product-variants table tbody tr td.price_sale {
        min-width: 85px;
        max-width: 100px;
        width: 100px
    }

        .c-rd-product-variants table tbody tr td.price_sale input {
            width: 95px
        }

    .c-rd-product-variants table tbody tr td.warehouse_stock {
        min-width: 50px;
        max-width: 50px
    }

        .c-rd-product-variants table tbody tr td.warehouse_stock input {
            width: 40px
        }

    .c-rd-product-variants table tbody tr td.marketplace_seller_stock {
        min-width: 60px;
        max-width: 60px
    }

        .c-rd-product-variants table tbody tr td.marketplace_seller_stock input {
            width: 50px
        }

    .c-rd-product-variants table tbody tr td.left_consumer {
        min-width: 60px;
        max-width: 60px
    }

    .c-rd-product-variants table tbody tr td.maximum_per_order {
        min-width: 60px;
        max-width: 60px;
        width: 60px
    }

        .c-rd-product-variants table tbody tr td.maximum_per_order input {
            width: 50px
        }

    .c-rd-product-variants table tbody tr td.isActive {
        min-width: 150px;
        max-width: 150px;
        width: 150px;
        text-align: center
    }

        .c-rd-product-variants table tbody tr td.isActive button {
            width: 140px;
            margin-top: 3px
        }

    .c-rd-product-variants table tbody tr td:last-child button {
        margin: 0 auto;
        font-size: 25px;
        text-align: center;
        width: 100%;
        background-color: transparent
    }

        .c-rd-product-variants table tbody tr td:last-child button:hover {
            background-color: #ccc
        }

        .c-rd-product-variants table tbody tr td:last-child button:after {
            content: "\F00B\00FE0E"
        }

.c-rd-product-variants--mr-10 {
    margin-right: 10px
}

.c-rd-product-variants--mr-5 {
    margin-right: 5px
}

.c-rd-product-variants--border-bottom {
    border-radius: 0 0 8px 8px !important
}

.c-rd-product-variants--border-top {
    border-radius: 8px 8px 0 0 !important
}

.c-rd-product-variants--mw-84 {
    min-width: 84px
}

.c-rd-product-variants--mw-110 {
    min-width: 110px
}

.c-rd-product-variants__dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #ff009c !important
}

    .c-rd-product-variants__dkpromotion:after {
        content: "\F058\00FE0E"
    }

@media screen and (max-width:768px) {
    .c-rd-product-variants__filter-bottom-items {
        padding: 0 10px !important
    }

        .c-rd-product-variants__filter-bottom-items > .c-ui-form__col {
            margin: 10px 0 !important;
            width: 100% !important
        }
}

.c-rd-product-variants__join-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #ff009c !important;
    background: #fff !important;
    border: 1px solid rgba(145,153,160,.2) !important
}

    .c-rd-product-variants__join-dkpromotion:after {
        content: "\F054\00FE0E"
    }

.c-rd-product-variants__start-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #ff009c !important;
    background: #fff !important;
    border: 1px solid rgba(145,153,160,.2) !important
}

    .c-rd-product-variants__start-dkpromotion:after {
        content: "\F057\00FE0E"
    }

.c-rd-product-variants__pause-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #81858b !important;
    background: #fff !important;
    border: 1px solid rgba(145,153,160,.2) !important
}

    .c-rd-product-variants__pause-dkpromotion:after {
        content: "\F056\00FE0E"
    }

.c-rd-product-variants__nopermission-dkpromotion {
    width: 35px;
    font-size: 26px !important;
    color: #fff !important;
    background: #e6e9ed !important
}

    .c-rd-product-variants__nopermission-dkpromotion:after {
        content: "\F055\00FE0E"
    }

.c-rd-product-variants__tooltip {
    min-width: 170px !important
}

.c-rd-product-variants__tooltip--light {
    color: #a1a3a8;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: right;
    line-height: 1.64
}

.c-rd-product-variants__place {
    position: relative;
    display: block
}

.c-rd-product-variants__place-origin {
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    opacity: 0
}

    .c-rd-product-variants__place-origin + .c-product-variants__place-check {
        width: 55px;
        background-position: right 9px center;
        cursor: pointer
    }

        .c-rd-product-variants__place-origin + .c-product-variants__place-check:before {
            content: "\F0FD\00FE0E"
        }

    .c-rd-product-variants__place-origin:focus + .c-product-variants__place-check {
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.2)
    }

    .c-rd-product-variants__place-origin:checked + .c-product-variants__place-check {
        color: #0e73ad;
        border-color: #0e73ad
    }

.c-rd-product-variants__place-check {
    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;
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    color: #e6e9ed;
    width: 33px;
    height: 26px;
    padding: 0 8px;
    margin: 3px 0;
    border: 1px solid #e6e9ed;
    border-radius: 23px;
    background-color: rgba(145,153,160,.05);
    background-position: 50%;
    background-size: 16px 10px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .15 ease-in-out,color .15 ease-in-out;
    transition: border-color .15 ease-in-out,color .15 ease-in-out
}

.c-rd-product-variants__place-check--dk {
    background-image: url(../files/caf67ad9.ico);
    background-size: 17px 15px
}

.c-rd-product-variants__place-check--ds {
    background-image: url(../files/e12c644f.svg)
}

.c-rd-product-variants__place-check--b2b {
    background-image: url(../files/3824be53.svg);
    background-size: 17px 15px
}

.c-rd-product-variants__place-check--seller:before {
    content: "\F0E3\00FE0E"
}

.c-rd-product-variants__place-check--seller:before {
    color: #000;
    font-size: 18px
}

.c-rd-product-variants__place-check--active {
    border: 1px solid #0e73ad
}

.c-rd-product-variants__body .dk-price-popover-wrapper {
    z-index: 9999
}

.c-rd-product-variants__body .dk-price-wrapper {
    font-family: inherit;
    width: 360px;
    max-width: 100%;
    padding: 0 15px;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

    .c-rd-product-variants__body .dk-price-wrapper, .c-rd-product-variants__body .dk-price-wrapper * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .c-rd-product-variants__body .dk-price-wrapper .dk-price-header {
            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-family: inherit;
            color: #777;
            font-size: 13px;
            font-size: .929rem;
            line-height: 22px;
            font-weight: 700;
            padding: 10px 0;
            border-bottom: 1px solid #e6e9ed;
            overflow: initial
        }

        .c-rd-product-variants__body .dk-price-wrapper .dk-price-header-close {
            position: relative;
            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;
            float: none;
            color: transparent;
            width: 18px;
            height: 18px;
            padding: 0;
            font-size: 12px;
            font-size: .857rem;
            line-height: 12px
        }

            .c-rd-product-variants__body .dk-price-wrapper .dk-price-header-close:before {
                content: "\F045\00FE0E"
            }

            .c-rd-product-variants__body .dk-price-wrapper .dk-price-header-close:before {
                position: absolute;
                top: 3px;
                left: 3px;
                color: #3e3f3f
            }

        .c-rd-product-variants__body .dk-price-wrapper .dk-price-title {
            font-family: inherit;
            float: unset;
            -webkit-text-stroke: unset
        }

        .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-wrapper {
            padding: 15px 0;
            margin: 0;
            border-radius: 0;
            background-color: #fff
        }

        .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-digits {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 0;
            margin: 0 0 5px;
            border: none;
            border-radius: 0;
            background-color: #fff
        }

            .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-digits:before {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                content: "بــه عـــدد";
                font-size: 11px;
                color: #9199a0;
                width: 40px;
                margin-left: 10px;
                white-space: nowrap
            }

            .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-digits .digits-label {
                display: none
            }

            .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-digits .digits-value {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                color: #3e3f3f;
                font-size: 12px;
                font-size: .857rem;
                line-height: 22px
            }

        .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-persian {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            color: #3e3f3f;
            font-size: 12px;
            font-size: .857rem;
            line-height: 22px;
            padding: 0;
            border: 0;
            border-radius: none;
            background-color: #fff;
            text-align: right
        }

            .c-rd-product-variants__body .dk-price-wrapper .dk-price-translate-persian:before {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                content: "به حروف";
                font-size: 11px;
                color: #9199a0;
                width: 40px;
                margin-left: 10px;
                white-space: nowrap
            }

.c-rd-product-variants__price-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2px
}

    .c-rd-product-variants__price-actions .c-product-variants__action-btn {
        height: 24px;
        padding: 0 !important
    }

.c-rd-product-variants__action-btn {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 15px;
    width: 24px;
    margin-left: 5px;
    border-radius: 5px
}

.c-rd-product-variants__action-btn--challenge:before {
    content: "\F02A\00FE0E"
}

.c-rd-product-variants__action-btn--edit:before {
    content: "\F064\00FE0E"
}

.c-rd-product-variants__modal-buybox-text {
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 28px
}

    .c-rd-product-variants__modal-buybox-text + .c-rd-product-variants__modal-buybox-text {
        margin-top: 5px
    }

.c-rd-product-variants__modal-buybox-label-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: auto;
    width: 290px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.05)
}

.c-rd-product-variants__modal-buybox-label {
    color: #646870;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 28px;
    margin-right: 10px
}

    .c-rd-product-variants__modal-buybox-label small {
        font-size: 14px
    }

.c-rd-product-variants__modal-buybox-info-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 618px;
    height: 90px;
    border-radius: 8px;
    border: 1px solid rgba(245,166,35,.2);
    background-color: rgba(245,166,35,.05)
}

.c-rd-product-variants__modal-buybox-price {
    color: #3e3f3f;
    font-size: 17px;
    font-size: 1.214rem;
    line-height: 28px;
    margin-right: 10px
}

    .c-rd-product-variants__modal-buybox-price small {
        font-size: 14px
    }

.c-rd-product-variants__lead-time-modal {
    width: 800px;
    padding: 23px 22px
}

.c-rd-product-variants__lead-time-modal-container {
    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-rd-product-variants__lead-time-modal-title {
    color: ‌ #646870;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    text-align: center;
    font-weight: 700
}

.c-rd-product-variants__lead-time-modal-des {
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    margin-top: 5px
}

.c-rd-product-variants__lead-time-modal-warning {
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid rgba(245,166,35,.2);
    background-color: rgba(245,166,35,.05);
    padding: 8px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #62666d
}

.c-rd-product-variants__lead-time-modal-confirmation {
    color: #646870;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-top: 30px
}

.c-rd-product-variants__lead-time-modal-btn {
    margin-top: 30px;
    margin-bottom: 50px
}

.c-rd-product-variants__lead-time-modal-btn, .c-rd-product-variants__lead-time-modal-btn--primery {
    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-rd-product-variants__lead-time-modal-btn--primery {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff
}

.c-rd-product-variants__lead-time-modal-btn--gray, .c-rd-product-variants__lead-time-modal-btn--primery {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    min-width: 145px;
    text-align: center;
    min-height: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer
}

.c-rd-product-variants__lead-time-modal-btn--gray {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #777;
    margin-right: 15px;
    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-rd-product-variants__settings {
    display: none;
    position: absolute;
    z-index: 10;
    top: calc(100% + 2px);
    left: 5px;
    width: 260px;
    padding: 5px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-rd-product-variants__settings-item {
    position: relative;
    display: block;
    color: #777;
    text-align: right;
    font-size: 11px;
    font-size: .786rem;
    line-height: 22px;
    width: 100%;
    padding-right: 30px;
    margin: 5px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

    .c-rd-product-variants__settings-item:first-child {
        margin-top: 0
    }

    .c-rd-product-variants__settings-item:last-child {
        margin-bottom: 0
    }

    .c-rd-product-variants__settings-item:hover {
        color: #3e3f3f;
        background-color: #f0f0f0;
        cursor: pointer
    }

    .c-rd-product-variants__settings-item:disabled {
        color: #e0e0e2;
        background-color: transparent;
        cursor: default
    }

        .c-rd-product-variants__settings-item:disabled:before {
            color: #e0e0e2
        }

    .c-rd-product-variants__settings-item:before {
        position: absolute;
        top: 4px;
        right: 4px;
        color: #3e3f3f;
        font-size: 15px;
        line-height: 15px
    }

    .c-rd-product-variants__settings-item small {
        font-size: 9px
    }

.c-rd-product-variants__settings-item--chart:before {
    content: "\F0F0\00FE0E"
}

.c-rd-product-variants__settings-item--calculator:before {
    content: "\F01F\00FE0E"
}

.c-rd-product-variants__settings-item--buybox:before {
    content: "\F02A\00FE0E"
}

.c-rd-product-variants__settings-item--smart-price:before {
    content: "\F0E6\00FE0E"
}

.c-rd-product-variants__settings-item--promo:before {
    content: "\F04E\00FE0E"
}

.c-rd-product-variants__settings-item--edit-price:before {
    content: "\F067\00FE0E"
}

.c-rd-product-variants__settings-item--edit-offer:before {
    content: "\F065\00FE0E"
}

.c-rd-product-variants__settings-item--b2b-pricing:before {
    content: "\F0B8\00FE0E"
}

.c-rd-product-variants__chart .highcharts-subtitle {
    font-family: inherit !important;
    direction: rtl
}

.c-rd-product-variants__settings-divider {
    height: 1px;
    margin: 5px;
    background-color: #e6e9ed
}

.c-rd-product-variants__btn {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    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;
    cursor: pointer
}

.c-rd-product-variants__btn--setting {
    border-radius: 8px;
    border: 1px solid rgba(145,153,160,.2);
    background-color: #fff
}

    .c-rd-product-variants__btn--setting:before {
        content: "\F0DF\00FE0E"
    }

    .c-rd-product-variants__btn--setting:before {
        color: #80848a;
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692
    }

.product-status-checking--active {
    background-color: rgba(87,207,177,.1) !important;
    border-radius: 10px
}

.product-status-checking--waiting {
    background-color: rgba(249,168,37,.1) !important;
    border-radius: 10px
}

.product-status-checking--conflict {
    background-color: rgba(239,86,97,.1) !important;
    border-radius: 10px
}

.n-product-config-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: relative;
    -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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 10000 !important;
    margin-top: 4px;
    height: 40px
}

    .n-product-config-tooltip > span {
        font-family: IRANYekan,B Yekan,Yekan,serif;
        font-weight: 700;
        top: -11px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

        .n-product-config-tooltip > span:before {
            content: "\F084\00FE0E"
        }

.n-product-config-tooltip__text {
    visibility: hidden;
    width: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 126px;
    height: auto;
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    border: 1px solid #e0e0e2;
    background-color: #fff;
    color: #62666d;
    text-align: right;
    border-radius: 6px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 100000 !important;
    position: absolute;
    bottom: 100%;
    right: -5%;
    font-family: IRANYekan,B Yekan,Yekan,serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .n-product-config-tooltip__text a {
        color: #4a90e2;
        padding: 0;
        border-bottom: 1px dashed #4a90e2;
        margin-top: 10px;
        font-weight: 700;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

    .n-product-config-tooltip__text span {
        display: block;
        overflow-wrap: break-word;
        text-justify: distribute-all-lines;
        text-align: right;
        text-overflow: clip;
        width: 100%
    }

    .n-product-config-tooltip__text:after {
        content: "";
        border-bottom: 1px solid #e0e0e2;
        border-left: 1px solid #e0e0e2;
        background-color: #fff;
        position: absolute;
        top: 97%;
        right: 10px;
        z-index: 2000 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
    }

.n-product-config-tooltip .n-product-config-tooltip__text:hover .n-product-config-tooltip__text, .n-product-config-tooltip:hover .n-product-config-tooltip__text {
    visibility: visible
}

.product-sortable-col:hover {
    cursor: pointer
}

.c-ui-product-config-search .c-ui-select--small + .select2-container .select2-selection--single {
    height: 40px !important
}

.c-ui-product-config-search__radio-input-container {
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-product-config-search__input, .c-ui-product-config-search__select-container {
    height: 40px !important
}

.c-ui-product-config-search__button {
    height: 40px !important;
    width: 40px !important
}

.c-ui-product-config-search__toggle {
    margin-bottom: 12px !important
}

.c-ui-product-config-search__upload {
    margin-bottom: 0 !important;
    border-bottom: none !important
}

    .c-ui-product-config-search__upload a:hover {
        background-color: unset;
        color: unset;
        text-decoration: unset
    }

.c-ui-product-config-table__pagination {
    height: 40px !important
}

.c-ui-product-config-table__index {
    width: 31px;
    padding: 20px 20px 20px 10px !important
}

.c-ui-product-config-table__main-row > td {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.c-ui-product-config-table__header {
    margin-top: 20px;
    margin-bottom: 15px
}

    .c-ui-product-config-table__header > th {
        height: 0 !important;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

    .c-ui-product-config-table__header > .c-ui-product-config-table__index {
        padding: 20px 20px 20px 10px !important
    }

.c-ui-product-config-table__image {
    width: 60px !important;
    height: 60px !important;
    margin-top: 12px;
    margin-left: 20px
}

.c-ui-product-config-table__tag {
    margin-top: 6px !important;
    padding: 1px 5px !important
}

.c-ui-product-config-table__product-title {
    width: 295px !important;
    line-height: 24px;
    padding-left: 25px !important;
    padding-right: 0 !important
}

.c-ui-product-config-table__product-title-box {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: start !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: start !important;
    padding: 10px 0;
    padding-right: 0 !important;
    color: #777
}

.c-ui-product-config-table__product-id {
    width: 105px !important;
    padding: 20px 0 20px 25px !important
}

.c-ui-product-config-table__seller-id {
    width: 70px !important;
    padding: 20px 0 20px 28px !important
}

.c-ui-product-config-table__category {
    width: 110px !important;
    padding: 20px 0 20px 25px !important
}

.c-ui-product-config-table__channel, .c-ui-product-config-table__salesB2B {
    width: 90px !important;
    padding: 20px 0 20px 25px !important
}

.c-ui-product-config-table__status {
    width: 181px !important;
    padding: 20px 0 20px 40px !important
}

.c-ui-product-config-table__activation {
    width: 81px !important;
    padding: 20px 0 20px 20px !important
}

    .c-ui-product-config-table__activation:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: -20px;
        border-right: 1px solid #e6e9ed
    }

.c-ui-product-config-table__status-bar {
    height: 30px !important;
    margin-top: 0 !important;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-ui-product-config-table__status-bar > div {
        margin-top: 0 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px 0 5px 12px;
        border-radius: 15px !important;
        height: 30px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692
    }

        .c-ui-product-config-table__status-bar > div:before {
            content: "\F0F1\00FE0E"
        }

        .c-ui-product-config-table__status-bar > div:before {
            margin-top: -12px;
            font-size: 30px;
            font-size: 2.143rem;
            line-height: 1.467
        }

.c-ui-product-config-table__status-bar--active > div {
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

.c-ui-product-config-table__status-bar--draft > div {
    background-color: hsla(0,0%,46.7%,.07);
    color: #777
}

.c-ui-product-config-table__status-bar--waiting > div {
    background-color: rgba(249,168,37,.1);
    color: #f9a825
}

.c-ui-product-config-table__status-bar--conflict > div {
    background-color: rgba(239,86,97,.1);
    color: #ef5661
}

.c-ui-product-config-table__channel-logo {
    width: 40px !important
}

.c-ui-product-config-inner-table .c-ui-table__expand-cell {
    padding-bottom: 10px
}

.c-ui-product-config-inner-table .c-ui-table__cell-info--br-top {
    border-top: 1px solid #e6e9ed
}

.c-ui-product-config-inner-table .c-ui-table__header {
    margin-bottom: 0 !important
}

.c-ui-product-config-inner-table .c-ui-select + .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #e0e0e2 !important
}

.c-ui-product-config-inner-table .c-ui-select--small + .select2-container .select2-selection--single {
    height: 40px !important;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px
}

    .c-ui-product-config-inner-table .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__rendered {
        width: 60px !important
    }

.c-ui-product-config-inner-table .c-ui-table__cell--text {
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px
}

.c-ui-product-config-inner-table .c-rating-chart__description-top {
    line-height: normal !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    padding: 16px 10px !important;
    font-size: 12px !important;
    width: 134px !important;
    left: 0 !important;
    top: 40px !important
}

.c-ui-product-config-inner-table input {
    height: 40px !important;
    border-color: #e6e9ed !important;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px
}

.c-ui-product-config-inner-table__header > th {
    color: #424750 !important;
    padding-top: 15px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0 !important;
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px
}

.c-ui-product-config-inner-table__body {
    height: 90px !important
}

    .c-ui-product-config-inner-table__body > td {
        padding-top: 10px !important;
        padding-bottom: 4px !important
    }

.c-ui-product-config-inner-table__item {
    height: 40px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.c-ui-product-config-inner-table__supplier {
    width: 90px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

.c-ui-product-config-inner-table__supplier-icon {
    width: 40px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-ui-product-config-inner-table__r-price {
    width: 61px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

.c-ui-product-config-inner-table__price {
    width: 165px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

.c-ui-product-config-inner-table__limit {
    width: 77px !important;
    padding-right: 0 !important;
    padding-left: 23px !important
}

.c-ui-product-config-inner-table__lead-time {
    width: 70px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

.c-ui-product-config-inner-table__stock {
    width: 75px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

.c-ui-product-config-inner-table__fbs-lead-time {
    width: 84px !important;
    padding-right: 0 !important;
    padding-left: 15px !important
}

.c-ui-product-config-inner-table__fbs-hour {
    width: 110px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

    .c-ui-product-config-inner-table__fbs-hour > div:before {
        position: absolute;
        content: "";
        width: 15px;
        height: 20px;
        right: -15px;
        border-bottom: 1px solid #e6e9ed
    }

.c-ui-product-config-inner-table__selling-stock {
    width: 51px !important;
    padding-right: 0 !important;
    padding-left: 25px !important
}

.c-ui-product-config-inner-table__consignment {
    width: 35px !important;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.c-ui-product-config-inner-table__campaign {
    padding-right: 48px !important;
    padding-left: 0 !important;
    padding-top: 0 !important
}

.c-ui-product-config-inner-table__promotion-icon {
    width: 40px !important;
    height: 40px !important;
    padding-top: 0 !important;
    font-size: 28px !important;
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571
}

.c-rd-variants-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    height: 6px;
    font-size: 7px !important;
    color: #81858b;
    width: 11px !important;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 7px;
    font-size: .5rem;
    line-height: 3.143
}

    .c-rd-variants-container .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before {
        content: "\F032\00FE0E"
    }

.c-rd-variants-container .c-ui-select--small + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: 65% !important;
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important
}

.c-rd-variants-container tr[data-is-archived=true] {
    position: relative
}

    .c-rd-variants-container tr[data-is-archived=true] .c-product-config-blur:before, .c-rd-variants-container tr[data-is-archived=true] > td:first-child:before {
        content: "";
        position: absolute;
        width: 70%;
        height: 100%;
        top: 0;
        right: 0;
        -webkit-backdrop-filter: blur(.6px);
        backdrop-filter: blur(.6px);
        z-index: 1000000;
        background-color: hsla(0,0%,100%,.2)
    }

    .c-rd-variants-container tr[data-is-archived=true] .c-product-config-blur:after, .c-rd-variants-container tr[data-is-archived=true] > td:first-child:after {
        content: "";
        position: absolute;
        width: 25.12%;
        height: 72%;
        top: 0;
        right: 70%;
        -webkit-backdrop-filter: blur(.6px);
        backdrop-filter: blur(.6px);
        z-index: 100000;
        background-color: hsla(0,0%,100%,.2)
    }

.c-product-config-archive-badge {
    background-color: #fff;
    border: 1px solid rgba(145,153,160,.2);
    border-radius: 8px;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #81858b;
    font-size: 28px !important;
    margin-top: 8px !important
}

.c-product-config-archive-badge--active {
    color: #fff;
    border: none !important;
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
}

.c-product-config-operation-btn--fix {
    width: 40px !important;
    height: 40px !important;
    max-width: unset !important;
    max-height: unset !important
}

.c-card, .c-product-config-operation-btn--fix {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-card {
    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-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    min-height: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff;
    width: 100%
}

.c-card--transparent {
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-card--has-error {
    border: 1px solid rgba(239,86,97,.3)
}

.c-card--has-success {
    border: 1px solid rgba(87,207,177,.3)
}

.c-card--has-btn {
    margin-left: 22px
}

    .c-card--has-btn .c-card__header {
        padding-left: 48px
    }

.c-card--is-link {
    -webkit-transition: -webkit-box-shadow .15s ease-in;
    transition: -webkit-box-shadow .15s ease-in;
    transition: box-shadow .15s ease-in;
    transition: box-shadow .15s ease-in,-webkit-box-shadow .15s ease-in;
    outline: none
}

    .c-card--is-link:focus, .c-card--is-link:hover {
        text-decoration: none;
        color: initial;
        -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.15);
        box-shadow: 0 0 12px 0 rgba(0,0,0,.15)
    }

.c-card--full-width {
    width: 100%
}

.c-card--banner {
    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;
    border: none;
    background-size: cover;
    background-position: 100%;
    overflow: hidden
}

    .c-card--banner a {
        max-width: 100%
    }

    .c-card--banner img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 3px
    }

.c-card--auto {
    min-height: unset
}

.c-card--flat {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-card__header {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #e6e9ed
}

.c-card__header--content {
    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
}

.c-card__header--dark-border {
    border-bottom: 2px solid #d5d9dd
}

.c-card__header--dark-border, .c-card__header--light-border {
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-card__header--light-border {
    border-bottom: 1px solid #e6e9ed
}

.c-card__header--filters {
    padding-top: 15px;
    padding-bottom: 15px
}

.c-card__header--edit {
    margin-bottom: 20px
}

.c-card__header--has-btn {
    padding-left: 40px
}

.c-card__header--no-border {
    border-bottom: none
}

.c-card__header--table, .c-card__header--with-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-card__header--table {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:991px) {
    .c-card__header--table {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-card__header-edit-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .c-card__header-edit-controls span {
        display: none
    }
}

.c-card__header-controls {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 100%
}

.c-card__header-controls--pull-left {
    margin-right: auto
}

@media screen and (max-width:991px) {
    .c-card__header-controls + .c-card__paginator {
        width: 100%;
        margin-top: 10px
    }
}

.c-card__header-btn {
    position: absolute;
    top: 5px;
    left: -23px;
    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;
    color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    border: none;
    background-color: #bec4cb;
    -webkit-box-shadow: 0 5px 10px 0 rgba(189,196,204,.5);
    box-shadow: 0 5px 10px 0 rgba(189,196,204,.5);
    cursor: pointer;
    outline: none
}

    .c-card__header-btn:hover {
        text-decoration: none;
        color: #fff
    }

.c-card__header-btn--cancel:before {
    content: "\F03E\00FE0E"
}

.c-card__header-btn--add {
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

    .c-card__header-btn--add:before {
        content: "\F008\00FE0E"
    }

.c-card__header-btn--success {
    font-size: 26px;
    background-color: #3dc3a1;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,199,159,.15);
    box-shadow: 0 5px 10px 0 rgba(0,199,159,.15)
}

    .c-card__header-btn--success:before {
        content: "\F02E\00FE0E"
    }

.c-card__header-btn--deny {
    background-color: #ef5661;
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
}

    .c-card__header-btn--deny:before {
        content: "\F03E\00FE0E"
    }

.c-card__header-btn--next {
    font-size: 12px
}

    .c-card__header-btn--next:before {
        content: "\F0D1\00FE0E"
    }

.c-card__header-btn--edit {
    font-size: 18px;
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

    .c-card__header-btn--edit:before {
        content: "\F068\00FE0E"
    }

.c-card__header-btn--small-shift {
    left: -9px
}

.c-card__title {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    width: 100%;
    margin: 0;
    font-weight: 700
}

.c-card__title--dark {
    font-weight: 700;
    color: #606265
}

.c-card__title--search {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-card__title--inline {
    width: auto
}

.c-card__title small {
    font-size: 14px;
    font-weight: 400;
    margin-left: auto
}

    .c-card__title small:before {
        content: "|";
        margin-left: 10px;
        margin-right: 10px;
        white-space: nowrap
    }

.c-card__title--desc {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

    .c-card__title--desc span {
        color: #889098;
        font-weight: 400
    }

        .c-card__title--desc span:before {
            content: "|";
            color: #889098;
            font-weight: 500;
            margin: 0 12px 0 14px
        }

.c-card__title--item {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #777
}

.c-card__title--item-number {
    font-weight: 700;
    color: #3e3f3f
}

.c-card__title--tv {
    color: #6d7177;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 25px;
    padding-left: 30px
}

    .c-card__title--tv > span {
        font-weight: 400
    }

        .c-card__title--tv > span:before {
            content: "|";
            color: #e0e0e2;
            margin: 0 20px
        }

.c-card__title-sub {
    color: #889098;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    margin-right: 30px;
    margin-left: auto
}

.c-card__title-sub--no-spacing {
    margin-right: 0
}

.c-card__title-side {
    color: #606265;
    font-weight: 400;
    margin-right: auto
}

.c-card__title-side--arrow {
    position: relative;
    font-size: 14px;
    padding-left: 10px;
    margin-right: 2px
}

    .c-card__title-side--arrow:after {
        content: "\F09F\00FE0E"
    }

    .c-card__title-side--arrow:after {
        position: absolute;
        top: 5px;
        left: 0;
        font-size: 10px;
        margin-right: 6px
    }

.c-card__body {
    position: relative;
    padding: 20px
}

@media screen and (min-width:992px) {
    .c-card__body--form {
        padding: 15px 40px 40px
    }
}

.c-card__body--grow, .c-card__body--justify {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-card__body--justify {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-card__body--content {
    padding: 20px
}

.c-card__body--qc {
    overflow-y: scroll
}

    .c-card__body--qc::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-card__body--qc::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-card__body--qc::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-card__body--no-bottom-pad {
    padding-bottom: 0
}

.c-card__body--gap-lg {
    padding: 30px
}

.c-card__body--overflow-hidden {
    overflow: hidden
}

.c-card__body + .c-card__body {
    padding-top: 0
}

.c-card__body--pd-0 {
    padding: 0
}

.c-card__stat {
    display: block
}

    .c-card__stat a {
        color: inherit
    }

        .c-card__stat a:hover {
            text-decoration: none
        }

    .c-card__stat:hover {
        text-decoration: none
    }

    .c-card__stat + .c-card__stat {
        margin-top: 20px
    }

.c-card__stat--ok {
    position: relative;
    padding-top: 5px;
    margin-right: 50px
}

    .c-card__stat--ok:before {
        content: "\F02E\00FE0E"
    }

    .c-card__stat--ok:before {
        position: absolute;
        top: 0;
        right: -50px;
        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;
        color: #0e73ad;
        width: 30px;
        height: 30px;
        border: 1px solid #0e73ad;
        border-radius: 8px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
        box-shadow: 0 6px 12px 0 rgba(0,211,176,.2)
    }

.c-card__stat--warning {
    position: relative;
    padding-top: 5px;
    margin-right: 50px
}

    .c-card__stat--warning:before {
        content: "\F0CC\00FE0E"
    }

    .c-card__stat--warning:before {
        position: absolute;
        top: 0;
        right: -50px;
        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;
        color: #fdc364;
        width: 30px;
        height: 30px;
        border: 1px solid #fdc364;
        border-radius: 8px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(255,193,79,.2);
        box-shadow: 0 6px 12px 0 rgba(255,193,79,.2)
    }

.c-card__stat--danger {
    position: relative;
    padding-top: 5px;
    margin-right: 50px
}

    .c-card__stat--danger:before {
        content: "\F03E\00FE0E"
    }

    .c-card__stat--danger:before {
        position: absolute;
        top: 0;
        right: -50px;
        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;
        color: #ef5661;
        width: 30px;
        height: 30px;
        border: 1px solid #ef5661;
        border-radius: 8px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(255,70,92,.2);
        box-shadow: 0 6px 12px 0 rgba(255,70,92,.2)
    }

.c-card__stat--notification {
    position: relative;
    padding-top: 5px;
    margin-right: 50px
}

    .c-card__stat--notification:before {
        content: "\F10C\00FE0E"
    }

    .c-card__stat--notification:before {
        position: absolute;
        top: 0;
        right: -50px;
        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;
        color: #889098;
        width: 30px;
        height: 30px;
        border: 1px solid #889098;
        border-radius: 8px;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(136,144,152,.2);
        box-shadow: 0 6px 12px 0 rgba(136,144,152,.2)
    }

.c-card__stat--section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-card__stat-item:first-child {
    margin-left: 6px
}

.c-card__stat-value {
    color: #606265;
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 30px;
    font-weight: 700
}

    .c-card__stat-value .small {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        font-weight: 400
    }

.c-card__stat-value--active {
    color: #0e73ad
}

.c-card__stat-subvalue {
    color: #0e73ad;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    text-align: left
}

.c-card__stat-subvalue--grow:after {
    content: "\F08A\00FE0E"
}

.c-card__stat-subvalue--grow:after {
    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: 12px;
    width: 30px;
    height: 30px;
    border: 1px solid #0e73ad;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2)
}

.c-card__stat-description {
    color: #889098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin-top: 3px;
    margin-bottom: 0
}

    .c-card__stat-description span {
        display: block;
        font-size: .875em
    }

.c-card__stat-description--lines-2 {
    min-height: 40px
}

@media screen and (max-width:767px) {
    .c-card__stat-description--lines-2 {
        min-height: none
    }
}

.c-card__stat-additional {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 0
}

.c-card__stat-label {
    color: #606265
}

.c-card__stat-label, .c-card__stat-sum {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    white-space: nowrap
}

.c-card__stat-sum {
    color: #889098
}

    .c-card__stat-sum b {
        font-size: 20px;
        white-space: nowrap
    }

.c-card__news {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.c-card__news, .c-card__news-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-card__news-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f7fa
}

    .c-card__news-item + .c-card__news-item {
        padding-top: 20px
    }

    .c-card__news-item:last-child {
        padding-bottom: 10px
    }

    .c-card__news-item:hover {
        text-decoration: none
    }

.c-card__news-cover {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 50px;
    height: 50px;
    margin-left: 20px;
    border-radius: 8px;
    background-color: #d8d8d8;
    overflow: hidden
}

    .c-card__news-cover img {
        width: 100%;
        height: 100%
    }

.c-card__news-description {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    margin: 0;
    text-align: right
}

.c-card__news-link {
    margin-top: 40px;
    min-height: 40px
}

.c-card__controls--dashboard-select {
    min-width: 130px;
    margin: -8px 0
}

.c-card__controls--shifted {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #889098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    height: 50px;
    margin: -15px 10px -15px -29px
}

    .c-card__controls--shifted .c-card__header-btn {
        position: relative;
        margin-right: 10px;
        top: 0;
        left: 0
    }

.c-card__wrapper {
    min-height: 200px
}

.c-card__paginator {
    margin-right: auto;
    position: relative;
    z-index: 10;
    width: 100%
}

    .c-card__loading, .c-card__paginator .active-b2b {
        position: absolute;
        right: 0
    }

.c-card__loading {
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: 170px;
    background-color: hsla(0,0%,100%,.8);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility
}

    .c-card__loading.is-active {
        visibility: visible;
        opacity: 1
    }

    .c-card__loading:before {
        content: "";
        width: 100px;
        height: 30px;
        margin-bottom: 15px;
        background: url(../files/2ed3f22f.png) no-repeat 50% transparent;
        background-size: contain
    }

    .c-card__loading:after {
        content: "";
        width: 30px;
        height: 30px;
        background: url(../files/c5cd7f53.gif) no-repeat 50% transparent;
        background-size: contain
    }

.c-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 20px;
    border-top: 2px solid #d5d9dd;
    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
}

@media screen and (max-width:991px) {
    .c-card__footer {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
}

@media screen and (max-width:991px) {
    .c-card__footer .c-card__header-controls + .c-card__paginator {
        margin-top: 0
    }

    .c-card__footer .c-card__header-controls {
        margin-top: 10px
    }
}

.c-card__footer--dark-border {
    border-color: #d5d9dd;
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 10px);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-card__footer--search-results {
    -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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-card__footer--categories {
    padding-top: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-card__footer--categories, .c-card__footer--products {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-top: none
}

.c-card__footer--products {
    padding-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-card__footer--photo-uploads {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-card__footer--content {
    border: none;
    padding: 15px
}

.c-card__footer--empty-pager {
    min-height: 22px
}

.c-card__relative {
    position: relative
}

.c-card__tabs {
    border-bottom: 1px solid #e6e9ed;
    margin-bottom: 5px
}

.c-card__tab, .c-card__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-card__tab {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #889098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    padding: 10px 15px 12px;
    margin-bottom: -2px
}

    .c-card__tab:hover {
        color: #3e3f3f;
        text-decoration: none
    }

.c-card__tab--active {
    color: #3e3f3f;
    font-weight: 700;
    pointer-events: none
}

    .c-card__tab--active:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 3px;
        border-radius: 2px;
        background-color: #4fcce9
    }

.c-card__btn-container {
    font-size: 0
}

    .c-card__btn-container button + button {
        margin-right: 15px
    }

@media (min-width:768px) and (max-width:991px) {
    .c-card__responsive-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:1120px) {
    .c-card__responsive-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-card__stat-btn {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.71;
    text-align: right;
    padding: 0 8px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 40px
}

    .c-card__stat-btn:before {
        content: "\F058\00FE0E"
    }

    .c-card__stat-btn:before {
        color: #fff;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833;
        margin-left: 8px
    }

    .c-card__stat-btn:hover, .c-card__stat-btn:visited {
        text-decoration: none;
        color: #fff
    }

.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-grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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-rating-chart {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

    .c-rating-chart + .c-rating-chart {
        margin-top: 28px
    }

a.c-rating-chart {
    text-decoration: none
}

.c-rating-chart--condensed {
    height: 75px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-rating-chart--condensed + .c-rating-chart--condensed {
        margin-top: 0
    }

@media (max-width:991px) {
    .c-rating-chart--condensed {
        height: auto
    }

        .c-rating-chart--condensed + .c-rating-chart--condensed {
            margin-top: 20px
        }
}

.c-rating-chart__plot {
    position: relative;
    width: 235px;
    margin: -30px auto -80px
}

    .c-rating-chart__plot .highcharts-data-labels span {
        font-size: 30px !important;
        font-size: 2.143rem !important;
        line-height: 30px !important;
        font-weight: 400 !important;
        color: #37bc9b !important;
        font-family: IRANYekan,sans-serif !important;
        direction: rtl;
        margin-top: 0 !important
    }

        .c-rating-chart__plot .highcharts-data-labels span span {
            display: block;
            color: #606265 !important;
            font-size: 16px !important;
            line-height: 20px !important;
            margin-top: 5px !important;
            text-align: center
        }

    .c-rating-chart__plot .c-rating-chart__empty-gauge {
        color: #c4c4c6 !important
    }

    .c-rating-chart__plot .c-rating-chart__center-gauge {
        text-align: center
    }

.c-rating-chart__total {
    position: relative;
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: center;
    z-index: 2;
    margin-top: 10px
}

.c-rating-chart__details {
    margin: 10px 0
}

a.c-rating-chart__details-bar-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: inherit;
    text-decoration: none
}

.c-rating-chart__details-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

a.c-rating-chart__details-bar {
    color: #606265;
    text-decoration: none
}

.c-rating-chart__details-bar--full {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

    .c-rating-chart__details-bar--full .c-rating-chart__details-progress {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

.c-rating-chart__details-bar--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-rating-chart__details-bar--profile + .c-rating-chart__details-bar--profile {
    padding-top: 15px
}

.c-rating-chart__details-bar--select {
    padding-top: 5px;
    padding-bottom: 5px
}

    .c-rating-chart__details-bar--select .c-rating-chart__details-progress {
        width: 100px;
        height: 6px;
        margin-right: auto
    }

        .c-rating-chart__details-bar--select .c-rating-chart__details-progress > span {
            left: 0;
            right: auto;
            border-radius: 3px
        }

    .c-rating-chart__details-bar--select .c-rating-chart__details-label {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: auto;
        margin-left: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .c-rating-chart__details-bar--select .c-rating-chart__details-label.is-disabled {
            color: #bbbaba
        }

.c-rating-chart__details-label {
    width: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-rating-chart__details-label--smile {
    width: 120px
}

.c-rating-chart__details-label-emoji {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #777;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 24px;
    text-align: center;
    width: 25px;
    margin-left: 6px
}

    .c-rating-chart__details-label-emoji:before {
        vertical-align: top
    }

.c-rating-chart__details-label-emoji--1:before {
    content: "\F0C8\00FE0E"
}

.c-rating-chart__details-label-emoji--2:before {
    content: "\F0C6\00FE0E"
}

.c-rating-chart__details-label-emoji--3:before {
    content: "\F0C5\00FE0E"
}

.c-rating-chart__details-label-emoji--4:before {
    content: "\F0C4\00FE0E"
}

.c-rating-chart__details-label-emoji--5:before {
    content: "\F0C7\00FE0E"
}

.c-rating-chart__details-progress {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    background-color: #f5f7fa;
    overflow: hidden
}

.c-rating-chart__details-progress--full {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-rating-chart__details-progress > div, .c-rating-chart__details-progress > span {
    position: absolute;
    right: 0;
    width: 0;
    height: 100%;
    border-radius: 4px;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in
}

.c-rating-chart__details-rate-5 {
    background-color: #3dc3a2
}

.c-rating-chart__details-rate-4 {
    background-color: #a0d468
}

.c-rating-chart__details-rate-3 {
    background-color: #f6bb42
}

.c-rating-chart__details-rate-2 {
    background-color: #fc6e51
}

.c-rating-chart__details-rate-1 {
    background-color: #da4453
}

.c-rating-chart__details-rate-default {
    background-color: #889098
}

.c-rating-chart__inner-capacity-label {
    margin-right: auto;
    font-size: 10px;
    color: #a1a3a8;
    margin-left: 0 !important
}

.c-rating-chart__inner-remaining-capacity {
    font-size: 12px !important;
    color: #da4453
}

.c-rating-chart__details-value {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 55px;
    text-align: left
}

a.c-rating-chart__details-value {
    color: inherit;
    text-decoration: none
}

.c-rating-chart__details-value--full {
    text-align: right;
    width: auto
}

.c-rating-chart__details-value--large {
    font-size: 27px;
    font-size: 1.929rem;
    line-height: 30px;
    font-weight: 700;
    width: 83px
}

.c-rating-chart__details-value--profile {
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 30px;
    font-weight: 700;
    width: 80px
}

.c-rating-chart__details-value--medium {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px;
    width: auto
}

    .c-rating-chart__details-value--medium span {
        font-size: inherit !important
    }

.c-rating-chart__details-value--sub {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    width: auto
}

.c-rating-chart__details-value span {
    font-size: 12px;
    line-height: 12px
}

.c-rating-chart__details-value--info {
    color: #4fcce9
}

.c-rating-chart__details-value--5 {
    color: #3dc3a2
}

.c-rating-chart__details-value--4 {
    color: #a0d468
}

.c-rating-chart__details-value--3 {
    color: #f6bb42
}

.c-rating-chart__details-value--2 {
    color: #fc6e51
}

.c-rating-chart__details-value--1 {
    color: #da4453
}

.c-rating-chart__details-value--default {
    color: #889098
}

.c-rating-chart__description {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    color: #899098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    width: 100%;
    margin-top: -5px
}

    .c-rating-chart__description.uk-inline {
        position: static
    }

.c-rating-chart__description--bar {
    line-height: 25px;
    margin-top: 0
}

.c-rating-chart__description--sub {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 11px;
    font-size: .786rem;
    line-height: 20px;
    width: auto;
    margin-left: auto
}

.c-rating-chart__description-dropdown {
    position: relative;
    display: inline-block
}

    .c-rating-chart__description-dropdown:before {
        content: "\F05A\00FE0E"
    }

    .c-rating-chart__description-dropdown:before {
        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: 6px;
        height: 20px
    }

.c-rating-chart__description-tooltip {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    min-width: 150px;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 10px;
    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-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word
}

    .c-rating-chart__description-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 10px;
        height: 10px;
        border-color: transparent;
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        border-right: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg)
    }

.c-rating-chart__description-tooltip--small {
    min-width: 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1;
    padding: 10px;
    left: 40.0125px;
    top: 68.8px
}

.c-rating-chart__description-tooltip--left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-rating-chart__description-tooltip--left:before {
        right: 15%
    }

.c-rating-chart__description-tooltip--max-left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-rating-chart__description-tooltip--max-left:before {
        right: 3px
    }

.c-rating-chart__description-tooltip--max-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .c-rating-chart__description-tooltip--max-right:before {
        left: 13px
    }

.c-rating-chart__description-tooltip--right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .c-rating-chart__description-tooltip--right:before {
        left: 15%
    }

.c-rating-chart__description-tooltip--top {
    margin-top: -10px
}

    .c-rating-chart__description-tooltip--top:before {
        top: unset;
        bottom: -6px;
        -webkit-transform: translateX(-50%) rotate(135deg);
        transform: translateX(-50%) rotate(135deg)
    }

.c-rating-chart__stars-container {
    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;
    margin: 15px 0
}

.c-rating-chart__stars-container--rating-stars {
    margin: 30px 0 20px
}

.c-rating-chart__stars-container--nav {
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 5px 5px;
    margin-top: 0;
    margin-bottom: 15px;
    border-radius: 6px
}

    .c-rating-chart__stars-container--nav:hover {
        text-decoration: none;
        background-color: #f5f5f5
    }

    .c-rating-chart__stars-container--nav:after {
        content: "";
        position: absolute;
        bottom: -6px;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: #f5f7fa
    }

.c-rating-chart__stars-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-rating-chart__star {
    position: relative;
    color: #aeaeae;
    margin-right: 5px;
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    height: 19px;
    direction: ltr;
    text-align: left;
    overflow: hidden
}

    .c-rating-chart__star:before {
        content: "\F0EB\00FE0E"
    }

.c-rating-chart__star-fill {
    position: absolute;
    top: 0;
    left: 0;
    color: #fdc364 !important;
    font-size: 18px;
    line-height: 18px;
    width: 18px;
    height: 19px;
    direction: ltr;
    text-align: left;
    overflow: hidden
}

    .c-rating-chart__star-fill:before {
        content: "\F0ED\00FE0E"
    }

.c-rating-chart__stars-summary {
    color: #777;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 18px;
    margin: 0 10px 0 0
}

.c-rating-chart__stars-summary--nav {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-rating-chart__stars-summary span {
    margin-left: 8px
}

.c-rating-chart__reg-from {
    color: #899098;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    margin-top: 15px;
    margin-bottom: 30px
}

.c-rating-chart__stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto -9px 0
}

.c-rating-chart__stat {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 4px
}

    .c-rating-chart__stat + .c-rating-chart__stat {
        border-right: 1px solid #f5f7fa
    }

.c-rating-chart__stat-value {
    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: #889098;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1;
    font-weight: 700;
    height: 45px;
    padding: 0 4px;
    margin: 0 5px;
    border-radius: 8px;
    background-color: #f5f7fa
}

.c-rating-chart__stat-value--success {
    color: #0e73ad
}

.c-rating-chart__stat-value--warning {
    color: #fdc364
}

.c-rating-chart__stat-value--danger {
    color: #ef5661
}

.c-rating-chart__stat-desc {
    color: #889098;
    text-align: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    margin-bottom: 10px
}

.c-rating-chart__rate-change {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 30px 0 0;
    background: #f5f7fa;
    padding: 8px 15px;
    border-radius: 10px
}

.c-rating-chart__rate-change, .c-rating-chart__rate-change-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center
}

.c-rating-chart__rate-change-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #889098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    border-radius: 8px;
    border: 1px solid #889098;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(136,144,152,.2);
    box-shadow: 0 6px 12px 0 rgba(136,144,152,.2)
}

    .c-rating-chart__rate-change-icon:before {
        content: "";
        width: 14px;
        height: 1px;
        background-color: #889098;
        position: relative
    }

.c-rating-chart__rate-change-icon--increase {
    color: #0e73ad;
    border: 1px solid #0e73ad;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2)
}

    .c-rating-chart__rate-change-icon--increase:before {
        content: "\F08A\00FE0E"
    }

    .c-rating-chart__rate-change-icon--increase:before {
        width: auto;
        height: auto;
        background-color: transparent
    }

.c-rating-chart__rate-change-icon--decrease {
    color: #ef5661;
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    border: 1px solid #ef5661
}

    .c-rating-chart__rate-change-icon--decrease:before {
        content: "\F049\00FE0E"
    }

    .c-rating-chart__rate-change-icon--decrease:before {
        width: auto;
        height: auto;
        background-color: transparent
    }

.c-rating-chart__rate-change-desc {
    color: #899098;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    text-align: left
}

    .c-rating-chart__rate-change-desc span {
        font-size: 18px;
        font-weight: 700;
        margin-left: 8px
    }

.c-rating-chart__rate-change-desc--increase span {
    color: #0e73ad
}

.c-rating-chart__rate-change-desc--decrease span {
    color: #ef5661
}

.c-rating-chart__rate-change-info {
    color: #899098;
    font-size: 10px;
    font-size: .714rem;
    line-height: 20px;
    font-weight: 300;
    text-align: left
}

.c-interactive-status {
    position: relative;
    padding-top: 4px;
    padding-right: 38px;
    margin-top: 20px
}

    .c-interactive-status:hover {
        text-decoration: none;
        color: initial
    }

.c-interactive-status--ok:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border: 6px solid #e2efef;
    border-radius: 50%;
    background-color: #0e73ad;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-interactive-status--warning:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border: 6px solid #f2eee6;
    border-radius: 50%;
    background-color: #fdc364;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-interactive-status--danger:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 28px;
    border: 6px solid #efe1e5;
    border-radius: 50%;
    background-color: #ef5661;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-interactive-status--has-message {
    cursor: pointer
}

    .c-interactive-status--has-message .c-interactive-status__title:after {
        content: "\F05A\00FE0E"
    }

    .c-interactive-status--has-message .c-interactive-status__title:after {
        position: relative;
        font-size: 6px;
        margin-right: 15px
    }

.c-interactive-status--mt-48 {
    margin-top: 48px !important
}

.c-interactive-status--mt-40 {
    margin-top: 40px !important
}

.c-interactive-status--mt-24 {
    margin-top: 24px !important
}

.c-interactive-status--mt-32 {
    margin-top: 32px !important
}

.c-interactive-status--mr-85 {
    margin-right: 85px !important
}

.c-interactive-status--mr-16 {
    margin-right: 16px !important
}

.c-interactive-status--mw-624 {
    max-width: 624px !important
}

.c-interactive-status--mw-850 {
    max-width: 850px !important
}

.c-interactive-status__modal-warning {
    padding: 8px 16px;
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    font-size: 14px;
    text-align: center;
    color: #62666d
}

.c-interactive-status__modal-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: center;
    color: #62666d
}

.c-interactive-status__modal-des {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #62666d;
    max-width: 464px
}

.c-interactive-status__modal-btn {
    padding: 0 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    min-height: 40px;
    border-radius: 8px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.c-interactive-status__modal-btn--primery {
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff !important;
    text-decoration: none !important
}

    .c-interactive-status__modal-btn--primery:hover {
        text-decoration: none !important;
        color: #fff !important
    }

.c-interactive-status__modal-btn--gray {
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b
}

.c-interactive-status__modal-details {
    border-radius: 4px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    padding: 16px;
    max-height: 144px;
    min-height: 110px;
    min-width: 424px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-interactive-status__modal-details-title {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    color: #a1a3a8
}

.c-interactive-status__modal-details-des {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    color: #62666d
}

.c-interactive-status__modal-confiramtion {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #62666d
}

.c-interactive-status__title {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-interactive-status__description {
    color: #889098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin-top: 10px
}

.c-interactive-status__message {
    position: absolute;
    z-index: 1001;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    cursor: default
}

.c-interactive-status__message-fade {
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .1;
    cursor: default
}

.c-interactive-status__message-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #606265;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.15)
}

    .c-interactive-status__message-box:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 100%;
        width: 0;
        height: 0;
        pointer-events: none;
        border: 10px solid transparent;
        border-bottom-color: #fff;
        margin-left: -10px
    }

.c-interactive-status__message-description {
    width: 100%;
    text-align: justify
}

.c-interactive-status__message-action {
    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: #fff;
    min-width: 180px;
    max-width: 100%;
    height: 40px;
    margin: 25px auto 0;
    background-color: #4fcce9;
    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-interactive-status__message-action:hover {
        text-decoration: none;
        color: #fff
    }

.c-verification-error {
    padding: 113px 0 81px
}

.c-verification-error__content {
    width: 424px;
    margin: auto
}

.c-verification-error__description {
    color: #81858b;
    line-height: 1.8
}

.c-verification-error__info-box {
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    border-radius: 4px;
    padding: 16px
}

.c-verification-error__information {
    min-width: 120px;
    display: inline-block
}

.c-verification-error__information-title {
    color: #a1a3a8;
    padding-bottom: 2px
}

.c-verification-error__information-value {
    font-weight: 700
}

.c-verification-error__error-message {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    padding: 12px;
    color: #62666d
}

.c-verification-error__action-button {
    min-width: 0;
    width: 140px
}

.c-new-login {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    background: #fff;
    max-height: 100vh
}

@media screen and (max-width:767px) {
    .c-new-login {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-height: none
    }
}

.c-new-login--vertical {
    background-color: #fff;
    min-width: 0;
    height: auto;
    min-height: 100vh
}

    .c-new-login--vertical, .c-new-login--vertical .c-new-login__main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-new-login--vertical .c-new-login__main {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            height: 100%;
            padding-top: 60px;
            margin: 0 auto;
            max-width: 425px
        }

.c-new-login__sidebar {
    background-color: #f5f7fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 480px;
    border-bottom-left-radius: 120px
}

@media screen and (max-width:767px) {
    .c-new-login__sidebar {
        width: 100%;
        max-width: none;
        border-bottom-left-radius: 0
    }
}

@media screen and (max-width:767px) {
    .c-new-login__sidebar--xs {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

        .c-new-login__sidebar--xs .c-new-login__sidebar-header {
            display: none
        }
}

.c-new-login__sidebar--xs-visible {
    display: none
}

@media screen and (max-width:767px) {
    .c-new-login__sidebar--xs-visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-new-login__sidebar-content {
    margin: 0 auto;
    width: 100%;
    padding-top: 55px
}

@media screen and (max-width:767px) {
    .c-new-login__sidebar-content {
        padding: 20px 15px
    }
}

.c-new-login__sidebar-header {
    margin-bottom: 50px;
    text-align: center
}

@media screen and (max-width:767px) {
    .c-new-login__sidebar-header {
        margin-bottom: 0
    }
}

.c-new-login__sidebar-center {
    margin-right: -20px
}

.c-new-login__main-header {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: -.5px;
    text-align: center;
    margin: 0
}

.c-new-login__sidebar-img {
    display: block;
    width: 460px;
    margin-right: -60px
}

@media screen and (max-width:767px) {
    .c-new-login__sidebar-img {
        width: 80%;
        margin: 0 auto
    }
}

.c-new-login__logo {
    display: inline-block;
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    .c-new-login__logo {
        margin-bottom: 20px
    }
}

.c-new-login__header {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 35px;
    font-weight: 700;
    margin: 0 auto;
    padding: 0
}

.c-new-login__main {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    overflow: auto
}

@media screen and (max-width:767px) {
    .c-new-login__main {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

.c-new-login__main--forgotten-pass {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 60px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-new-login__footer {
    font-size: 10px;
    font-size: .714rem;
    line-height: 35px;
    font-weight: 500;
    direction: ltr;
    text-align: center;
    width: 480px;
    position: absolute;
    bottom: 20px;
    right: 0
}

    .c-new-login__footer p {
        margin: 0
    }

@media screen and (max-width:767px) {
    .c-new-login__footer {
        position: static;
        width: 100%
    }
}

.c-new-login__main-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 10px;
    margin-top: auto;
    background-color: #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-new-login__main-footer, .c-new-login__main-footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.c-new-login__main-footer-row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 650px;
    padding: 10px 30px
}

    .c-new-login__main-footer-row + .c-new-login__main-footer-row {
        border-top: 1px solid #e6e9ed
    }

@media screen and (max-width:767px) {
    .c-new-login__main-footer-row {
        -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-new-login__main-footer-contact {
    position: relative;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: inherit;
    text-decoration: none
}

    .c-new-login__main-footer-contact:hover {
        color: inherit;
        text-decoration: none
    }

    .c-new-login__main-footer-contact:first-child:after {
        content: "|";
        margin-right: 10px
    }

    .c-new-login__main-footer-contact + .c-new-login__main-footer-contact {
        margin-right: 5px
    }

.c-new-login__main-footer-contact--phone {
    padding-left: 30px
}

    .c-new-login__main-footer-contact--phone:before {
        content: "\F0AB\00FE0E"
    }

    .c-new-login__main-footer-contact--phone:before {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 20px;
        color: #e5b668;
        margin-right: 10px
    }

.c-new-login__main-footer-contact--email {
    padding-left: 30px
}

    .c-new-login__main-footer-contact--email:before {
        content: "\F06B\00FE0E"
    }

    .c-new-login__main-footer-contact--email:before {
        position: absolute;
        top: 2px;
        left: 0;
        font-size: 15px;
        color: #e5b668;
        margin-right: 10px
    }

.c-new-login__main-footer-copyright {
    font-size: 10px;
    font-size: .714rem;
    line-height: 21px
}

.c-new-login__main-footer-copyright--bold {
    font-weight: 700
}

.c-new-login__main-footer-copyright em {
    color: #e5b668
}

.c-new-login__content-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    font-size: 10px;
    font-size: .714rem;
    line-height: 25px;
    width: 100%;
    padding: 10px 0 20px;
    margin: 10px 0 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-new-login__content-footer-item {
    position: relative;
    padding: 0 15px
}

    .c-new-login__content-footer-item:not(:first-child):before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 1px;
        height: 10px;
        background-color: #e3e9f1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-new-login__content-footer-item a {
        color: #606265
    }

.c-new-login__container--center {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-new-login__container--center .c-header__logo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

.c-new-login__icon {
    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: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid transparent
}

.c-new-login__icon--danger {
    margin-top: 95px;
    border: 1px solid rgba(239,86,97,.1);
    background-color: rgba(239,86,97,.1);
    color: #ef5661
}

    .c-new-login__icon--danger:before {
        content: "\F10E\00FE0E"
    }

    .c-new-login__icon--danger:before {
        font-size: 42px;
        font-size: 3rem;
        line-height: 42px
    }

.c-new-login__message {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    color: #606265
}

    .c-new-login__message.mt-40 {
        margin-top: 40px
    }

    .c-new-login__message.mt-60 {
        margin-top: 60px
    }

.c-new-login__message--center {
    text-align: center
}

.c-reg-steps {
    margin: 0 auto;
    padding: 0;
    width: 300px;
    list-style: none
}

.c-reg-steps__header {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    font-weight: 700;
    margin: 0 0 5px
}

.c-reg-steps__description {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin: 0 0 10px
}

.c-reg-steps__item {
    position: relative;
    height: 140px;
    padding-right: 55px
}

    .c-reg-steps__item:last-child {
        height: auto
    }

        .c-reg-steps__item:last-child .c-reg-steps__icon:after {
            display: none
        }

.c-reg-steps__item--next h2, .c-reg-steps__item--next p {
    color: #9b9d9f
}

@media screen and (max-width:767px) {
    .c-reg-steps__item {
        height: 100px
    }
}

.c-reg-steps__icon {
    position: absolute;
    top: 0;
    right: 0;
    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: #a0a7b2;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-reg-steps__icon:after {
        position: absolute;
        top: calc(100% + 10px);
        left: calc(50% - 1px);
        content: "";
        width: 2px;
        height: 80px;
        background: #e6e9ed
    }

@media screen and (max-width:767px) {
    .c-reg-steps__icon:after {
        height: 40px
    }
}

.c-reg-steps__icon:before {
    line-height: inherit
}

.c-reg-steps__icon--info {
    padding-left: 4px
}

    .c-reg-steps__icon--info:before {
        content: "\F0DD\00FE0E"
    }

.c-reg-steps__icon--documents:before {
    content: "\F0DC\00FE0E"
}

.c-reg-steps__icon--checkout:before {
    content: "\F0DB\00FE0E"
}

.c-reg-steps__icon--current {
    color: #fff;
    background-color: #0e73ad
}

    .c-reg-steps__icon--current:after {
        background: -webkit-gradient(linear,left bottom,left top,from(#e6e9ed),color-stop(50%,#e6e9ed),color-stop(51%,#0e73ad),to(#0e73ad));
        background: linear-gradient(0deg,#e6e9ed,#e6e9ed 50%,#0e73ad 51%,#0e73ad)
    }

.c-reg-steps__icon--done {
    color: #fff;
    background-color: #0e73ad
}

    .c-reg-steps__icon--done:after {
        background: #0e73ad
    }

.c-reg-form {
    width: 100%;
    padding: 20px;
    -ms-flex-item-align: center;
    align-self: center;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (min-width:992px) {
    .c-reg-form {
        width: 465px
    }
}

@media screen and (max-width:767px) {
    .c-reg-form {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.c-reg-form--login {
    padding-top: 200px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

@media screen and (max-width:767px) {
    .c-reg-form--login {
        padding-top: 60px
    }
}

.c-reg-form--forgot {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 0;
    padding-top: 0;
    width: 100%;
    max-width: 465px
}

.c-reg-form--full {
    width: 100%;
    padding: 60px 40px
}

@media screen and (max-width:767px) {
    .c-reg-form--full {
        padding: 40px 20px
    }
}

.c-reg-form--modal {
    width: 100%;
    max-width: 540px
}
.c-uinew-input {
    position: relative;
    color: #4f5154;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.c-reg-form__error {
    display: block;
    color: #d24855;
    font-size: 12px;
    font-size: .857rem;
    line-height: 16px;
    min-height: 18px;
    padding: 1px 1px 1px 0;
    margin-bottom: -18px;
/*    background: url(../files/762be82c.svg) 100% 0 no-repeat transparent;
*/    background-size: 18px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-reg-form__error + .c-reg-form__error {
        margin-top: 22px
    }

.c-reg-form__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px
}

@media screen and (min-width:992px) {
    .c-reg-form__row {
        max-width: 550px
    }
}

.c-reg-form__row > .c-reg-form__error {
    width: 100%;
    padding-left: 7.5px;
    padding-right: 40.5px;
    margin-top: 10px;
    background-position: calc(100% - 7.5px) top
}

.c-reg-form__row:not(:first-child) {
    margin-top: 30px
}

.c-reg-form__row--align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

    .c-reg-form__row--align-center .c-reg-form__error {
        display: inline-block;
        margin: 0 auto
    }

.c-reg-form__row--no-gap {
    margin-top: 0 !important
}

.c-reg-form__row--gap-10 {
    margin-top: 10px !important
}

.c-reg-form__row--gap-20 {
    margin-top: 20px !important
}

.c-reg-form__row--gap-40 {
    margin-top: 40px !important
}

.c-reg-form__row--gap-50 {
    margin-top: 50px !important
}

.c-reg-form__row--gap-60 {
    margin-top: 60px !important
}

.c-reg-form__row--limited {
    max-width: 425px
}

.c-reg-form__row--blur {
    opacity: .2;
    pointer-events: none
}

.c-reg-form__col {
    padding-right: 7.5px;
    padding-left: 7.5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-reg-form__col--2 {
    width: 16.667%
}

.c-reg-form__col--3 {
    width: 25%
}

.c-reg-form__col--4 {
    width: 33.333%
}

.c-reg-form__col--6 {
    width: 50%
}

.c-reg-form__col--7 {
    width: 58.333%
}

.c-reg-form__col--8 {
    width: 66.667%
}

.c-reg-form__col--9 {
    width: 75%
}

.c-reg-form__col--12 {
    width: 100%
}

@media screen and (max-width:767px) {
    .c-reg-form__col {
        width: 100%
    }

        .c-reg-form__col + .c-reg-form__col {
            margin-top: 30px
        }
}

.c-reg-form__col--xs-4 {
    width: 33.333%
}

.c-reg-form__col--xs-8 {
    width: 66.667%
}

.c-reg-form__col--no-gap {
    margin-top: 0 !important
}

.c-reg-form__col--pull-left {
    margin-right: auto
}

.c-reg-form__submit-btn {
    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;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    width: 205px;
    height: 50px;
    border-radius: 8px;
    border: 1px solid rgba(118,120,122,.2);
    background-color: #0e73ad;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    white-space: nowrap
}

    .c-reg-form__submit-btn:disabled {
        cursor: default
    }

    .c-reg-form__submit-btn:hover {
        color: #fff;
        text-decoration: none
    }

.c-reg-form__submit-btn--block {
    width: 100%;
    max-width: 100%
}

.c-reg-form__submit-btn--secondary {
    color: #0e73ad;
    background-color: #fff;
    border-color: #00d3b0
}

    .c-reg-form__submit-btn--secondary:hover {
        color: #0e73ad
    }

@media screen and (max-width:767px) {
    .c-reg-form__submit-btn--xs-block {
        width: 100%
    }
}

.c-reg-form__submit-btn--inline {
    width: 160px;
    padding: 0 5px
}

.c-reg-form__submit-btn--google {
    color: #606265;
    font-weight: 400;
    border-color: #e3e9f1;
    background-color: #f5f7fa;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out
}

    .c-reg-form__submit-btn--google:after {
        content: "";
        display: inline-block;
        vertical-align: top;
        width: 30px;
        height: 30px;
        margin-right: 20px;
        background: url(../files/dbf73590.svg) no-repeat 50% transparent;
        background-size: contain
    }

    .c-reg-form__submit-btn--google:focus, .c-reg-form__submit-btn--google:hover {
        color: #606265;
        border-color: #bec4cb
    }

.c-reg-form__header {
    color: #2b2c31;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 35px;
    margin: 0
}

.c-reg-form__header--bold {
    font-weight: 700
}

.c-reg-form__text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    color: #4f5154;
    margin-bottom: 0;
    display: block
}

.c-reg-form__text--gap {
    margin-bottom: 10px
}

.c-reg-form__text--condensed {
    line-height: 25px
}

.c-reg-form__text--justify {
    text-align: justify
}

.c-reg-form__text--highlight {
    font-weight: 700
}

    .c-reg-form__text--highlight small {
        font-size: 12px;
        font-size: .857rem;
        line-height: 25px;
        font-weight: 400
    }

.c-reg-form__text--green {
    color: #0e73ad
}

.c-reg-form__text--center {
    width: 100%;
    text-align: center
}

.c-reg-form__text--bigger {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 45px
}

.c-reg-form__text--smaller {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px
}

.c-reg-form__text--pane {
    padding: 15px 20px;
    border-radius: 8px;
    background-color: #f5f7fa
}

.c-reg-form__text--pane-light {
    color: #606265;
    padding-right: 22px;
    padding-left: 22px;
    background-color: rgba(245,247,250,.5)
}

.c-reg-form__list {
    color: #52555c;
    font-size: 12px;
    font-size: .857rem;
    line-height: 25px;
    font-weight: 300;
    margin: 10px 0;
    padding: 0;
    list-style: none
}

.c-reg-form__text-label {
    color: #d44952
}

.c-reg-form__text-label--light {
    color: #ed5565;
    font-weight: 700
}

.c-reg-form__link {
    display: inline-block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 27px;
    font-weight: 700;
    text-decoration: none;
    color: #4fcce9;
    border-bottom: 1px dashed #4fcce9;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-reg-form__link:hover {
        text-decoration: none;
        color: #4fcce9
    }

.c-reg-form__link--btn-like {
    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: #fff;
    min-width: 155px;
    height: 50px;
    border: 1px solid rgba(118,120,122,.2);
    border-radius: 8px;
    background-color: #fdc364
}

    .c-reg-form__link--btn-like:hover {
        color: #fff
    }

.c-reg-form__tab {
    margin-top: 50px;
    display: none
}

.c-reg-form__tab--active {
    display: block
}

.c-reg-form__tab--no-gap {
    margin-top: 0
}

.c-reg-form__success-img {
    height: 172px;
    background: url(../files/0861b24e.svg) no-repeat 50% transparent
}

.c-reg-form__success-status {
    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;
    font-size: 40px;
    color: #0e73ad;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 1px solid rgba(93,189,165,.1);
    border-radius: 50%;
    background-color: rgba(87,207,177,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-reg-form__success-status:before {
        content: "\F0FD\00FE0E"
    }

.c-reg-form__error-status {
    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;
    font-size: 40px;
    color: #ed5565;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border: 1px solid rgba(237,85,101,.1);
    border-radius: 50%;
    background-color: rgba(237,85,101,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-reg-form__error-status:before {
        content: "\F045\00FE0E"
    }

.c-reg-form__timer {
    position: absolute;
    top: 7px;
    left: 50%;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    color: #606265;
    padding-right: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-reg-form__timer:before {
        content: "\F100\00FE0E"
    }

    .c-reg-form__timer:before {
        position: absolute;
        top: -2px;
        right: 0;
        font-size: 22px
    }

    .c-reg-form__timer span {
        font-family: IRANYekanNumbersOnly;
        color: #0e73ad
    }

.c-reg-form__modal-example {
    display: block;
    width: 350px;
    max-width: 100%;
    height: auto;
    margin: 30px auto
}

.c-reg-form__notification {
    position: relative;
    padding: 50px 80px 30px
}

.c-reg-form__fieldset {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #606265;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #e6eaef;
    border-radius: 4px
}

.c-reg-form__fieldset, .c-reg-form__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .c-reg-form__info-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-reg-form__info-label {
    text-align: right;
    width: 160px
}

.c-reg-form__info-desc, .c-reg-form__info-label {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 30px
}

.c-reg-form__info-desc {
    font-weight: 700
}

.c-reg-form__footer {
    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
}

.c-reg-form__footer-info {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 30px
}

.c-reg-form__title {
    color: #646870;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 35px;
    font-weight: 700;
    margin: 20px 0 30px
}

.c-reg-form__options-divider {
    position: relative;
    color: #aab2bd;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    text-align: center;
    margin: 30px 0
}

    .c-reg-form__options-divider:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #e3e9f1
    }

    .c-reg-form__options-divider:after {
        position: relative;
        content: "یا";
        display: inline-block;
        padding: 0 8px;
        background-color: #fff
    }

.c-reg-form__pointer {
    cursor: pointer
}

.c-reg-form__msg-box {
    text-align: center;
    border-radius: 8px;
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    padding: 15px;
    margin-bottom: 20px
}

    .c-reg-form__msg-box p {
        margin: 0;
        color: #030a16;
        font-size: 12px;
        font-size: .857rem;
        line-height: 21px;
        opacity: .6
    }

        .c-reg-form__msg-box p + .c-reg-form__msg-box p {
            margin-top: 15px
        }

.c-ui-input {
    position: relative;
    color: #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-input--RD-bg-status-color {
    background-color: rgba(87,207,177,.2)
}

.c-ui-input__icon {
    position: absolute;
    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;
    top: 0;
    left: 0;
    font-size: 15px;
    height: 50px;
    width: 50px;
    pointer-events: none;
    border-right: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-input__icon--email:before {
    content: "\F06B\00FE0E"
}

.c-ui-input__icon--password {
    font-size: 23px
}

    .c-ui-input__icon--password:before {
        content: "\F0A3\00FE0E"
    }

.c-ui-input__icon--phone {
    font-size: 25px
}

    .c-ui-input__icon--phone:before {
        content: "\F0E7\00FE0E"
    }

.c-ui-input__icon--calendar {
    font-size: 18px
}

    .c-ui-input__icon--calendar:before {
        content: "\F021\00FE0E"
    }

.c-ui-input__icon--time {
    font-size: 18px
}

    .c-ui-input__icon--time:before {
        content: "\F0A1\00FE0E"
    }

.c-ui-input__icon--map-placeholder {
    font-size: 20px
}

    .c-ui-input__icon--map-placeholder:before {
        content: "\F0B3\00FE0E"
    }

    .c-ui-input__icon--map-placeholder.is-filled {
        color: #4fcce9
    }

.c-ui-input__icon--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606265;
    border-right: none;
    bottom: 0;
    height: auto;
    width: auto
}

    .c-ui-input__icon--search:before {
        content: "\F0DA\00FE0E"
    }

    .c-ui-input__icon--search:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px
    }

.c-ui-input__RD-icon {
    position: absolute;
    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;
    top: 0;
    left: 0;
    font-size: 15px;
    height: 40px;
    width: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-input__RD-icon--email:before {
    content: "\F06B\00FE0E"
}

.c-ui-input__RD-icon--password {
    font-size: 23px
}

    .c-ui-input__RD-icon--password:before {
        content: "\F0A3\00FE0E"
    }

.c-ui-input__RD-icon--phone {
    font-size: 25px
}

    .c-ui-input__RD-icon--phone:before {
        content: "\F0E7\00FE0E"
    }

.c-ui-input__RD-icon--calendar {
    font-size: 18px
}

    .c-ui-input__RD-icon--calendar:before {
        content: "\F021\00FE0E"
    }

.c-ui-input__RD-icon--time {
    font-size: 18px
}

    .c-ui-input__RD-icon--time:before {
        content: "\F0A1\00FE0E"
    }

.c-ui-input__RD-icon--map-placeholder {
    font-size: 20px
}

    .c-ui-input__RD-icon--map-placeholder:before {
        content: "\F0B3\00FE0E"
    }

    .c-ui-input__RD-icon--map-placeholder.is-filled {
        color: #4fcce9
    }

.c-ui-input__RD-icon--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606265;
    border-right: none;
    bottom: 0;
    height: auto;
    width: auto
}

    .c-ui-input__RD-icon--search:before {
        content: "\F0DA\00FE0E"
    }

    .c-ui-input__RD-icon--search:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px
    }

.c-ui-input__btn {
    position: absolute;
    top: 0;
    right: 0;
    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;
    color: #aab2bd;
    font-size: 14px;
    width: 50px;
    height: 50px;
    padding: 0 5px;
    border: none;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none
}

    .c-ui-input__btn:hover {
        color: #aab2bd;
        text-decoration: none
    }

    .c-ui-input__btn:before {
        line-height: inherit
    }

.c-ui-input__btn--password:before {
    content: "\F07A\00FE0E"
}

.c-ui-input__btn--edit {
    font-size: 22px
}

    .c-ui-input__btn--edit:before {
        content: "\F068\00FE0E"
    }

.c-ui-input__btn--clear {
    font-size: 12px
}

    .c-ui-input__btn--clear:before {
        content: "\F03E\00FE0E"
    }

.c-ui-input__field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: IRANYekan,sans-serif;
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    width: 100%;
    max-width: 100%;
    height: 50px;
    padding-right: 15px;
    padding-left: 15px;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

    .c-ui-input__field::-webkit-input-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__field::-moz-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__field:-ms-input-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__field:-moz-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__field.js-sheba-field::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-input__field.js-sheba-field::-moz-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-input__field.js-sheba-field:-ms-input-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-input__field.js-sheba-field:-moz-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-ui-input__field--ltr {
    direction: ltr
}

.c-ui-input__field--ltrr {
    direction: ltr;
    text-align: right
}

.c-ui-input__field--has-icon {
    padding-left: 65px
}

.c-ui-input__field--has-btn {
    padding-right: 50px
}

.c-ui-input__field--has-status {
    padding-left: 43px
}

.c-ui-input__field--read-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: #e6e9ed;
    padding: 10px 12px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 700
}

.c-ui-input__field--order {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    height: 40px
}

    .c-ui-input__field--order.c-ui-input__field--has-btn {
        padding-left: 40px;
        padding-right: 15px
    }

    .c-ui-input__field--order::-webkit-input-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__field--order::-moz-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__field--order:-ms-input-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__field--order:-moz-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__field--order + .c-ui-input__icon {
        right: 0;
        left: auto;
        width: 40px;
        height: 40px;
        border-right: 0
    }

    .c-ui-input__field--order + .c-ui-input__btn {
        left: 0;
        right: unset;
        width: 40px;
        height: 40px
    }

.c-ui-input__field--small {
    font-size: 12px
}

    .c-ui-input__field--small::-webkit-input-placeholder {
        font-size: 12px
    }

    .c-ui-input__field--small::-moz-placeholder {
        font-size: 12px
    }

    .c-ui-input__field--small:-ms-input-placeholder {
        font-size: 12px
    }

    .c-ui-input__field--small:-moz-placeholder {
        font-size: 12px
    }

.c-ui-input__field--table {
    padding-right: 10px;
    padding-left: 10px
}

.c-ui-input__field--textarea {
    height: auto;
    padding: 10px;
    resize: vertical;
    vertical-align: top
}

@media screen and (max-width:991px) {
    .c-ui-input__field {
        width: 100% !important
    }
}

.c-ui-input__field:focus, .c-ui-input__field:focus + .c-ui-input__icon, .c-ui-input__field:focus ~ .c-ui-input__btn {
    border-color: #7fe7f6
}

.c-ui-input__field:-moz-read-only, .c-ui-input__field[readonly] {
    border-color: #ddd;
    background-color: transparent;
    pointer-events: none
}

.c-ui-input__field:read-only, .c-ui-input__field[readonly] {
    border-color: #ddd;
    background-color: transparent;
    pointer-events: none
}

    .c-ui-input__field:-moz-read-only + .c-ui-input__icon, .c-ui-input__field[readonly] + .c-ui-input__icon {
        border-color: #ddd
    }

    .c-ui-input__field:read-only + .c-ui-input__icon, .c-ui-input__field[readonly] + .c-ui-input__icon {
        border-color: #ddd
    }

.c-ui-input__field:disabled {
    color: #777;
    -webkit-text-fill-color: #777;
    -webkit-opacity: 1;
    opacity: 1;
    background-color: #f0f0f1
}

.c-ui-input__field::-ms-clear {
    display: none
}

.c-ui-input__field[type=password]::-ms-reveal {
    display: none
}

.c-ui-input__field--validation-code {
    display: block;
    direction: ltr;
    width: 260px;
    margin: 0 auto;
    opacity: 0;
    color: #fff;
    background-color: #fff;
    text-shadow: 0 0 0 grey
}

.c-ui-input__field--date {
    width: 120px;
    padding-right: 30px
}

.c-ui-input__field--search {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    color: #606265;
    padding: 0 0 0 25px;
    border: none;
    height: 20px;
    font-weight: 700
}

    .c-ui-input__field--search::-webkit-input-placeholder {
        color: #606265
    }

    .c-ui-input__field--search::-moz-placeholder {
        color: #606265
    }

    .c-ui-input__field--search:-ms-input-placeholder {
        color: #606265
    }

    .c-ui-input__field--search:-moz-placeholder {
        color: #606265
    }

.c-ui-input__RD-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: IRANYekan,sans-serif;
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    width: 100%;
    max-width: 100%;
    height: 40px;
    padding-right: 15px;
    padding-left: 15px;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

    .c-ui-input__RD-field::-webkit-input-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__RD-field::-moz-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__RD-field:-ms-input-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__RD-field:-moz-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-ui-input__RD-field.js-sheba-field::-webkit-input-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-input__RD-field.js-sheba-field::-moz-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-input__RD-field.js-sheba-field:-ms-input-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-input__RD-field.js-sheba-field:-moz-placeholder {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-ui-input__RD-field--ltr {
    direction: ltr
}

.c-ui-input__RD-field--ltrr {
    direction: ltr;
    text-align: right
}

.c-ui-input__RD-field--has-icon {
    padding-left: 65px
}

.c-ui-input__RD-field--has-btn {
    padding-right: 50px
}

.c-ui-input__RD-field--has-status {
    padding-right: 43px
}

.c-ui-input__RD-field--order {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    height: 40px
}

    .c-ui-input__RD-field--order.c-ui-input__field--has-btn {
        padding-left: 40px;
        padding-right: 15px
    }

    .c-ui-input__RD-field--order::-webkit-input-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__RD-field--order::-moz-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__RD-field--order:-ms-input-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__RD-field--order:-moz-placeholder {
        color: #9b9b9b
    }

    .c-ui-input__RD-field--order + .c-ui-input__icon {
        right: 0;
        left: auto;
        width: 40px;
        height: 40px;
        border-right: 0
    }

    .c-ui-input__RD-field--order + .c-ui-input__btn {
        left: 0;
        right: unset;
        width: 40px;
        height: 40px
    }

.c-ui-input__RD-field--small {
    font-size: 12px
}

    .c-ui-input__RD-field--small::-webkit-input-placeholder {
        font-size: 12px
    }

    .c-ui-input__RD-field--small::-moz-placeholder {
        font-size: 12px
    }

    .c-ui-input__RD-field--small:-ms-input-placeholder {
        font-size: 12px
    }

    .c-ui-input__RD-field--small:-moz-placeholder {
        font-size: 12px
    }

.c-ui-input__RD-field--table {
    padding-right: 10px;
    padding-left: 10px
}

.c-ui-input__RD-field--textarea {
    height: auto;
    padding: 10px;
    resize: vertical;
    vertical-align: top
}

@media screen and (max-width:991px) {
    .c-ui-input__RD-field {
        width: 100% !important
    }
}

.c-ui-input__RD-field:focus, .c-ui-input__RD-field:focus + .c-ui-input__icon, .c-ui-input__RD-field:focus ~ .c-ui-input__btn {
    border-color: #7fe7f6
}

.c-ui-input__RD-field:-moz-read-only, .c-ui-input__RD-field:-moz-read-only:disabled, .c-ui-input__RD-field[readonly] {
    border-color: #ddd;
    background-color: transparent;
    pointer-events: none
}

.c-ui-input__RD-field:read-only, .c-ui-input__RD-field:read-only:disabled, .c-ui-input__RD-field[readonly] {
    border-color: #ddd;
    background-color: transparent;
    pointer-events: none
}

    .c-ui-input__RD-field:-moz-read-only + .c-ui-input__icon, .c-ui-input__RD-field:-moz-read-only:disabled + .c-ui-input__icon, .c-ui-input__RD-field[readonly] + .c-ui-input__icon {
        border-color: #ddd
    }

    .c-ui-input__RD-field:read-only + .c-ui-input__icon, .c-ui-input__RD-field:read-only:disabled + .c-ui-input__icon, .c-ui-input__RD-field[readonly] + .c-ui-input__icon {
        border-color: #ddd
    }

.c-ui-input__RD-field:disabled {
    color: #777;
    -webkit-text-fill-color: #777;
    -webkit-opacity: 1;
    opacity: 1;
    background-color: #f5f7fa
}

.c-ui-input__RD-field::-ms-clear {
    display: none
}

.c-ui-input__RD-field[type=password]::-ms-reveal {
    display: none
}

.c-ui-input__RD-field--validation-code {
    display: block;
    direction: ltr;
    width: 260px;
    margin: 0 auto;
    opacity: 0;
    color: #fff;
    background-color: #fff;
    text-shadow: 0 0 0 grey
}

.c-ui-input__RD-field--date {
    width: 120px;
    padding-right: 30px
}

.c-ui-input__RD-field--search {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    color: #606265;
    padding: 0 0 0 25px;
    border: none;
    height: 20px;
    font-weight: 700
}

    .c-ui-input__RD-field--search::-webkit-input-placeholder {
        color: #606265
    }

    .c-ui-input__RD-field--search::-moz-placeholder {
        color: #606265
    }

    .c-ui-input__RD-field--search:-ms-input-placeholder {
        color: #606265
    }

    .c-ui-input__RD-field--search:-moz-placeholder {
        color: #606265
    }

.c-ui-input__code {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 260px;
    margin: 0 auto;
    direction: ltr
}

.c-ui-input__code, .c-ui-input__code-digit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-ui-input__code-digit {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4f5154;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    width: 50px;
    height: 50px;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-input__code-digit:not(:first-child) {
        margin-left: 20px
    }

.c-ui-input__code-digit--active {
    border-color: #00cfed !important
}

    .c-ui-input__code-digit--active:after {
        content: "";
        position: relative;
        top: -2px;
        width: 1px;
        margin-right: -1px;
        height: 24px;
        background-color: #000;
        -webkit-transition: opacity .1s ease-in;
        transition: opacity .1s ease-in;
        -webkit-animation: caret .8s infinite;
        animation: caret .8s infinite
    }

@-webkit-keyframes caret {
    0% {
        opacity: 0
    }

    25%,75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes caret {
    0% {
        opacity: 0
    }

    25%,75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-ui-input__status {
    position: absolute;
    top: 17px;
    left: 15px
}

    .c-ui-input__status:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%
    }

.c-ui-input__status--danger:before {
    background-color: #ef5661;
    -webkit-box-shadow: 0 0 0 6px rgba(239,86,97,.1);
    box-shadow: 0 0 0 6px rgba(239,86,97,.1)
}

.c-ui-input__status--warning:before {
    background-color: #fdc364;
    -webkit-box-shadow: 0 0 0 6px rgba(253,195,100,.1);
    box-shadow: 0 0 0 6px rgba(253,195,100,.1)
}

.c-ui-input__status--success:before {
    background-color: #0e73ad;
    -webkit-box-shadow: 0 0 0 6px rgba(87,207,177,.1);
    box-shadow: 0 0 0 6px rgba(87,207,177,.1)
}

.c-ui-input__RD-status {
    position: absolute;
    top: 13px;
    right: 15px
}

    .c-ui-input__RD-status:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 50%
    }

.c-ui-input__RD-status--danger:before {
    background-color: #ef5661;
    -webkit-box-shadow: 0 0 0 6px rgba(239,86,97,.1);
    box-shadow: 0 0 0 6px rgba(239,86,97,.1)
}

.c-ui-input__RD-status--warning:before {
    background-color: #fdc364;
    -webkit-box-shadow: 0 0 0 6px rgba(253,195,100,.1);
    box-shadow: 0 0 0 6px rgba(253,195,100,.1)
}

.c-ui-input__RD-status--success:before {
    background-color: #0e73ad;
    -webkit-box-shadow: 0 0 0 6px rgba(87,207,177,.1);
    box-shadow: 0 0 0 6px rgba(87,207,177,.1)
}

.c-ui-input__RD-status--bg-success {
    background-color: rgba(87,207,177,.2);
    border-radius: 8px
}

.c-ui-input.has-error .c-ui-input__btn, .c-ui-input.has-error .c-ui-input__icon {
    color: #f4919b;
    border-color: #f4919b
}

.c-ui-input.has-error .c-ui-input__code-digit, .c-ui-input.has-error .c-ui-input__field {
    color: #d24855;
    border-color: #f4919b
}

    .c-ui-input.has-error .c-ui-input__field + .c-reg-form__error {
        margin-top: 4px
    }

.c-ui-input__danger {
    border: 1px solid rgba(211,47,47,.1) !important;
    background-color: rgba(211,47,47,.05) !important;
    border-radius: 8px
}

.c-ui-input--deactive:disabled {
    background: rgba(240,240,241,.7);
    cursor: none
}

.c-ui-input--disabled {
    background: rgba(240,240,241,.7) !important;
    cursor: none
}

.c-daterange-input {
    position: relative
}

.c-daterange-input__origin {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    font-size: 16px
}

.c-daterange-input__label {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    cursor: pointer
}

.c-content-input {
    position: relative;
    display: block
}

.c-content-input__text--overlay {
    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;
    position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    color: #9b9b9b;
    font-size: 13px;
    font-size: .929rem;
    padding: 0 15px;
    border: 1px solid transparent
}

.c-content-input__origin, .c-content-input__text--overlay {
    height: 40px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-input__origin {
    width: 100%;
    color: #606265;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    border: 1px solid #bbbaba;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transition-property: color,background-color,border;
    transition-property: color,background-color,border;
    font-size: 14px;
    font-size: 1rem;
    outline: 0;
    font-family: IRANYekan,sans-serif
}

    .c-content-input__origin::-webkit-input-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-content-input__origin::-moz-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-content-input__origin:-ms-input-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-content-input__origin:-moz-placeholder {
        font-family: IRANYekan,sans-serif;
        font-size: 14px;
        color: #aab2bd
    }

    .c-content-input__origin:focus {
        border-color: #7fe7f6
    }

@media screen and (min-width:768px) {
    .c-content-input__origin--110 {
        width: 110px
    }
}

.c-content-input__origin--overlay {
    text-align: left;
    padding-right: 45px
}

.c-content-input__origin--textarea {
    height: 100px
}

.c-content-input__old {
    margin-top: 10px;
    width: 100%;
    white-space: unset;
    color: #909295;
    font-weight: 400;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    padding: 9px 15px;
    border: 1px solid #bbbaba;
    background-color: #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    vertical-align: middle;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 40px
}

.c-content-input__old--tags {
    padding-top: 5px;
    padding-bottom: 5px
}

    .c-content-input__old--tags .c-content-input__old-title {
        padding-top: 5px
    }

.c-content-input__old-title {
    color: #606265;
    margin-left: 5px;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap
}

.c-content-input__old-value {
    display: inline-block
}

.c-content-input__old-value--tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-content-input__old-tag {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 3px 5px;
    margin: 2px 0 2px 6px;
    background-color: #fff;
    border: 1px solid #bbbaba;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 16px
}

.c-content-input__aife {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-content-input__asfe {
    -ms-flex-item-align: end;
    align-self: flex-end
}

input[type=file]:disabled {
    cursor: default !important
}

.c-ui-radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 100%;
    cursor: pointer
}

    .c-ui-radio + .c-ui-radio {
        margin-right: 40px
    }

.c-ui-radio--content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-ui-radio--content + .c-ui-radio--content {
        margin-right: 30px
    }

.c-ui-radio--gap-sm + .c-ui-radio--gap-sm {
    margin-right: 20px
}

.c-ui-radio--gap-sm .c-ui-radio__label {
    margin-right: 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 36px
}

.c-ui-radio__container .c-ui-radio {
    margin-left: 70px;
    margin-right: 0
}

.c-ui-radio__container {
    padding: 0 15px 0 0;
    border-radius: 8px;
    background-color: #f5f7fa
}

.c-ui-radio__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ui-radio__container .c-ui-radio__group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-ui-radio__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 14px;
    height: 14px;
    margin-top: 11px;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
    background-color: #fff;
    -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-radio__check:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 50%
    }

.c-ui-radio__check--filters {
    margin-top: 2px
}

.c-ui-radio__check--content {
    margin: 0;
    position: relative;
    width: 16px;
    height: 16px;
    background-color: #fff
}

    .c-ui-radio__check--content:before {
        content: "";
        background-color: #4fcce9;
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

.c-ui-radio__label {
    color: #535964;
    font-size: 14px;
    font-size: 1rem;
    line-height: 36px;
    margin-right: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .c-ui-radio__label p {
        font-weight: 300;
        color: #666;
        font-size: 12px;
        line-height: 25px;
        margin-bottom: 0
    }

.c-ui-radio__label--filters {
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-ui-radio__label--secondary {
    display: inline-block;
    margin-right: 5px;
    color: #9199a0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-ui-radio__label--content {
    margin-right: 14px;
    color: inherit;
    font-weight: 700;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px
}

.c-ui-radio__origin {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .c-ui-radio__origin:checked ~ .c-ui-radio__label {
        color: #2b2c31;
        font-weight: 700
    }

    .c-ui-radio__origin:checked ~ .c-ui-radio__label--filters {
        color: inherit;
        font-weight: inherit
    }

    .c-ui-radio__origin:checked ~ .c-ui-radio__label--content {
        color: #606265
    }

    .c-ui-radio__origin:checked + .c-ui-radio__check:before {
        background-color: #4fcce9
    }

    .c-ui-radio__origin:checked + .c-ui-radio__check--filters:before {
        background-color: #4fcce9
    }

    .c-ui-radio__origin:checked + .c-ui-radio__check--content:before {
        display: block
    }

    .c-ui-radio__origin:disabled ~ .c-ui-radio__label {
        opacity: .6;
        pointer-events: none
    }

    .c-ui-radio__origin:disabled + .c-ui-radio__check {
        opacity: .6
    }

.c-ui-radio.disabled {
    opacity: .4;
    pointer-events: none
}

.c-ui-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    vertical-align: middle
}

    .c-ui-checkbox + .c-ui-checkbox {
        margin-right: 40px
    }

.c-ui-checkbox__group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-ui-checkbox__check, .c-ui-checkbox__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ui-checkbox__check {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    background-color: #fff;
    -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-checkbox__check:before {
        content: "\F02E\00FE0E"
    }

    .c-ui-checkbox__check:before {
        color: transparent
    }

.c-ui-checkbox__check--small {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border-color: #d8d8d8
}

    .c-ui-checkbox__check--small:before {
        content: "\F0FB\00FE0E"
    }

    .c-ui-checkbox__check--small:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        font-weight: 700
    }

.c-ui-checkbox__check--minimize:before {
    content: "\F0D5\00FE0E"
}

.c-ui-checkbox__check--error {
    border-color: #f1636e
}

.c-ui-checkbox__label {
    color: #535964;
    font-size: 14px;
    font-size: 1rem;
    line-height: 36px;
    margin-right: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-ui-checkbox__label--small {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    margin-right: 10px;
    color: #606265
}

.c-ui-checkbox__origin {
    position: absolute;
    z-index: -1;
    opacity: 0
}

    .c-ui-checkbox__origin:focus ~ .c-ui-checkbox__check--error {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    .c-ui-checkbox__origin:checked ~ .c-ui-checkbox__label {
        color: #2b2c31
    }

    .c-ui-checkbox__origin:checked + .c-ui-checkbox__check {
        border-color: #0e73ad;
        background-color: #0e73ad
    }

        .c-ui-checkbox__origin:checked + .c-ui-checkbox__check:before {
            color: #fff
        }

    .c-ui-checkbox__origin:checked ~ .c-ui-checkbox__check--error {
        border-color: #f1636e;
        background-color: #f1636e
    }

    .c-ui-checkbox__origin:checked:focus ~ .c-ui-checkbox__check--error {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }

    .c-ui-checkbox__origin:disabled ~ .c-ui-checkbox__label {
        pointer-events: none;
        opacity: .4
    }

    .c-ui-checkbox__origin:disabled + .c-ui-checkbox__check {
        pointer-events: none;
        opacity: .4
    }

.c-ui-checkbox--small {
    width: 100%;
    padding-left: 15px;
    margin: 7px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:768px) {
    .c-ui-checkbox--small {
        width: 49.5%
    }
}

@media (min-width:992px) {
    .c-ui-checkbox--small {
        width: 24.5%
    }
}

.c-ui-checkbox--small + .c-ui-checkbox--small {
    margin-right: 0
}

.c-ui-checkbox--small .c-ui-checkbox__origin:checked ~ .c-ui-checkbox__label {
    color: #606265
}

.c-ui-checkbox--small .c-ui-checkbox__origin:checked ~ .c-ui-checkbox__check {
    border-color: #0e73ad
}

.c-ui-checkbox--small .c-ui-checkbox__check {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border-color: #d8d8d8
}

    .c-ui-checkbox--small .c-ui-checkbox__check:before {
        content: "\F0FB\00FE0E"
    }

    .c-ui-checkbox--small .c-ui-checkbox__check:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        font-weight: 700
    }

.c-ui-checkbox--small .c-ui-checkbox__label {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    margin-right: 10px;
    color: #606265
}

.c-ui-checkbox--auto {
    width: auto;
    height: 40px;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-ui-checkbox--gap-lg {
    width: auto;
    padding-left: 50px;
    margin: 0
}

.c-ui-checkbox--gap-md {
    width: auto;
    padding-left: 30px;
    margin: 0
}

.c-ui-checkbox--dkpc c-ui-checkbox__origin {
    margin: 0
}

.c-ui-checkbox--dkpc .c-ui-checkbox__origin:checked ~ .c-ui-checkbox__label {
    color: #606265
}

.c-ui-checkbox--dkpc .c-ui-checkbox__origin:checked ~ .c-ui-checkbox__check {
    border-color: #0e73ad
}

.c-ui-checkbox--dkpc .c-ui-checkbox__check {
    height: 16px;
    width: 16px;
    border-radius: 3px;
    border-color: #d8d8d8
}

    .c-ui-checkbox--dkpc .c-ui-checkbox__check:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px
    }

.c-ui-checkbox__strong {
    border-radius: 4.3px;
    border: .9px solid #e4e4e4;
    background-color: #f5f5f5;
    padding: 3px 4px;
    margin: 0 5px;
    color: #000;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

.c-ui-checkbox--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-ui-checkbox.disabled {
    opacity: .4;
    pointer-events: none
}

.c-ui-toggle {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 6px 0;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-toggle__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-ui-toggle__group > .c-ui-toggle + .c-ui-toggle {
        margin-left: 15px
    }

.c-ui-toggle__group--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-ui-toggle__group--column > .c-ui-toggle {
        margin-left: 0
    }

.c-ui-toggle__label {
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px;
    padding-right: 8px;
    margin-top: 1px;
    -webkit-transition: color .15s ease-in;
    transition: color .15s ease-in;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-ui-toggle__check {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 24px;
    border: 1px solid #9199a0;
    border-radius: 12px;
    background-color: #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

    .c-ui-toggle__check:before {
        content: "\F045\00FE0E"
    }

    .c-ui-toggle__check:before {
        position: absolute;
        top: -1px;
        left: -1px;
        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;
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px;
        color: #9199a0;
        width: 24px;
        height: 24px;
        border: 1px solid #9199a0;
        border-radius: 12px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
        box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
        -webkit-transform: translate3d(16px,0,0);
        transform: translate3d(16px,0,0);
        -webkit-transition: color .15s ease-in-out,-webkit-transform .15s ease-in-out;
        transition: color .15s ease-in-out,-webkit-transform .15s ease-in-out;
        transition: transform .15s ease-in-out,color .15s ease-in-out;
        transition: transform .15s ease-in-out,color .15s ease-in-out,-webkit-transform .15s ease-in-out;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.c-ui-toggle__origin {
    position: absolute;
    z-index: -1;
    top: 6px;
    right: 50%;
    opacity: 0
}

@media screen and (min-width:992px) {
    .c-ui-toggle__origin.xs-label ~ .c-ui-toggle__label {
        display: none
    }
}

.c-ui-toggle__origin:checked ~ .c-ui-toggle__label {
    color: #2b2c31
}

.c-ui-toggle__origin:checked + .c-ui-toggle__check {
    border-color: #0e73ad;
    background-color: rgba(87,207,177,.3)
}

    .c-ui-toggle__origin:checked + .c-ui-toggle__check:before {
        content: "\F0FD\00FE0E"
    }

    .c-ui-toggle__origin:checked + .c-ui-toggle__check:before {
        color: #0e73ad;
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        border-color: #0e73ad;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

.c-ui-toggle__origin:checked.c-ui-toggle__origin--warning + .c-ui-toggle__check {
    border-color: #f5a623;
    background-color: rgba(245,166,35,.3)
}

    .c-ui-toggle__origin:checked.c-ui-toggle__origin--warning + .c-ui-toggle__check:before {
        content: "\F08D\00FE0E"
    }

    .c-ui-toggle__origin:checked.c-ui-toggle__origin--warning + .c-ui-toggle__check:before {
        color: #f5a623;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px;
        border-color: #f5a623;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

.c-ui-toggle__origin:disabled + .c-ui-toggle__check {
    cursor: default
}

.c-ui-toggle__origin:disabled ~ .c-ui-toggle__label {
    cursor: default
}

.c-content-page .c-ui-toggle__origin:focus + .c-ui-toggle__check:before {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.c-ui-select {
    width: 100%;
    min-height: 50px
}

    .c-ui-select + .select2 {
        min-height: 50px;
        height: 36px;
        width: 100% !important
    }

.c-ui-select--with-svg-icon + .select2-container .select2-selection--multiple .select2-selection__arrow b, .c-ui-select--with-svg-icon + .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    top: 18px !important;
    width: inherit;
    height: inherit;
    margin-left: 0;
    -webkit-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important
}

    .c-ui-select--with-svg-icon + .select2-container .select2-selection--multiple .select2-selection__arrow b:before, .c-ui-select--with-svg-icon + .select2-container .select2-selection--single .select2-selection__arrow b:before {
        content: "\F010\00FE0E"
    }

    .c-ui-select--with-svg-icon + .select2-container .select2-selection--multiple .select2-selection__arrow b:before, .c-ui-select--with-svg-icon + .select2-container .select2-selection--single .select2-selection__arrow b:before {
        font-size: 6px;
        position: relative;
        top: -8px;
        left: 6px
    }

.c-ui-select--with-svg-icon + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important
}

    .c-ui-select--with-svg-icon + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before {
        left: -2px !important;
        top: -7px !important
    }

.c-ui-select + .select2-container .select2-selection--multiple, .c-ui-select + .select2-container .select2-selection--single {
    min-height: 50px;
    border-color: #bbbaba;
    border-radius: 8px
}

    .c-ui-select + .select2-container .select2-selection--multiple .select2-selection__rendered, .c-ui-select + .select2-container .select2-selection--single .select2-selection__rendered {
        color: #606265;
        line-height: 50px;
        padding-right: 15px;
        padding-left: 55px
    }

    .c-ui-select + .select2-container .select2-selection--multiple .select2-selection__arrow, .c-ui-select + .select2-container .select2-selection--single .select2-selection__arrow {
        height: 48px;
        width: 50px;
        border-right: 1px solid #bbbaba
    }

.has-error > .c-ui-select + .select2-container .select2-selection--multiple .select2-selection__arrow, .has-error > .c-ui-select + .select2-container .select2-selection--single .select2-selection__arrow {
    border-color: #f4919b
}

.c-ui-select + .select2-container .select2-selection--multiple .select2-selection__arrow b, .c-ui-select + .select2-container .select2-selection--single .select2-selection__arrow b {
    top: 35%;
    width: 10px;
    height: 10px;
    margin-left: -6px;
    border-color: transparent #606265 #606265 transparent;
    border-width: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.has-error > .c-ui-select + .select2-container:not(.select2-container--focus) .select2-selection--multiple, .has-error > .c-ui-select + .select2-container:not(.select2-container--focus) .select2-selection--single {
    border-color: #f4919b
}

.c-ui-select + .select2-container .select2-selection--multiple .select2-selection__rendered {
    line-height: 33px;
    padding-left: 15px
}

.c-ui-select + .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 14px
}

.c-ui-select + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: 45%;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.c-ui-select + .select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #bbbaba;
    background-color: #f5f7fa
}

    .c-ui-select + .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: #777
    }

.c-ui-select.readonly + .select2-container--default.select2-container--disabled .select2-selection--multiple, .c-ui-select.readonly + .select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #ddd;
    background-color: transparent
}

    .c-ui-select.readonly + .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow, .c-ui-select.readonly + .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
        border-color: #ddd
    }

        .c-ui-select.readonly + .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow b, .c-ui-select.readonly + .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
            opacity: .5
        }

.c-ui-select + .select2-container--focus .select2-selection--multiple, .c-ui-select + .select2-container--focus .select2-selection--single {
    border-color: #7fe7f6
}

    .c-ui-select + .select2-container--focus .select2-selection--single .select2-selection__arrow {
        border-color: #bbbaba
    }

.c-ui-select.error + .select2 {
    margin-bottom: 10px
}

.c-ui-select.error + .select2-container .select2-selection--multiple, .c-ui-select.error + .select2-container .select2-selection--single {
    border-color: #f4919b
}

    .c-ui-select.error + .select2-container .select2-selection--multiple .select2-selection__arrow, .c-ui-select.error + .select2-container .select2-selection--single .select2-selection__arrow {
        border-color: #f4919b
    }

.c-ui-select__dropdown .select2-dropdown {
    border: none;
    padding: 0;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    overflow: hidden
}

    .c-ui-select__dropdown .select2-dropdown .select2-search__field {
        -webkit-appearance: textfield;
        height: 30px;
        padding-left: 30px;
        padding-right: 4px
    }

    .c-ui-select__dropdown .select2-dropdown .select2-search--dropdown:after {
        top: 9px;
        left: 9px;
        right: unset
    }

    .c-ui-select__dropdown .select2-dropdown .select2-results__option {
        font-size: 14px;
        font-size: 1rem;
        line-height: 35px;
        color: #606265;
        padding: 0 15px
    }

        .c-ui-select__dropdown .select2-dropdown .select2-results__option[aria-selected=true] {
            font-weight: 700;
            border-color: #ccd1d9;
            background-color: #ccd1d9
        }

        .c-ui-select__dropdown .select2-dropdown .select2-results__option[aria-disabled=true] {
            font-weight: 700;
            color: #e0e0e2
        }

    .c-ui-select__dropdown .select2-dropdown .select2-results__options::-webkit-scrollbar {
        width: 9px;
        height: 12px;
        background-color: #f5f7fa;
        border-radius: 8px
    }

    .c-ui-select__dropdown .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
        background-clip: padding-box;
        background-color: #f5f7fa;
        border-radius: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px
    }

    .c-ui-select__dropdown .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
        height: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px;
        background-clip: padding-box;
        border-radius: 8px;
        background-color: #c4c5c5
    }

    .c-ui-select__dropdown .select2-dropdown .select2-results__options::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

    .c-ui-select__dropdown .select2-dropdown .select2-results__options::-webkit-scrollbar-corner {
        background-color: transparent
    }

.c-ui-select__dropdown--gap {
    margin: 2px 0
}

    .c-ui-select__dropdown--gap .select2-dropdown .select2-results__option {
        border-radius: 6px
    }

        .c-ui-select__dropdown--gap .select2-dropdown .select2-results__option[aria-selected=true] {
            border-color: #f5f7fa;
            background-color: #f5f7fa
        }

    .c-ui-select__dropdown--gap .select2-dropdown .select2-results__options {
        padding: 10px
    }

    .c-ui-select__dropdown--gap .select2-dropdown .select2-results__option {
        padding-right: 10px
    }

.c-ui-select ~ .c-reg-form__error {
    margin-top: 10px
}

.c-ui-select--small {
    min-height: 40px
}

    .c-ui-select--small + .select2 {
        height: 40px;
        min-height: 40px
    }

    .c-ui-select--small + .select2-container .select2-selection--multiple, .c-ui-select--small + .select2-container .select2-selection--single {
        height: 40px;
        min-height: 40px;
        border-color: #bbbaba;
        border-radius: 8px !important
    }

        .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__rendered, .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
            padding-right: 15px;
            padding-left: 40px
        }

        .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__arrow, .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow {
            height: 38px;
            width: 40px;
            border-right: none
        }

            .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__arrow b, .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b {
                top: 35%;
                width: 6px;
                height: 6px;
                margin-left: -6px;
                border-color: transparent #606265 #606265 transparent;
                border-width: 1px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

        .c-ui-select--small + .select2-container .select2-selection--multiple .select2-selection__rendered {
            line-height: 33px;
            padding-left: 15px
        }

        .c-ui-select--small + .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
            margin-top: 14px
        }

    .c-ui-select--small + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        top: 45%;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .c-ui-select--small + .select2-container--focus .select2-selection--multiple, .c-ui-select--small + .select2-container--focus .select2-selection--single {
        border-color: #7fe7f6
    }

        .c-ui-select--small + .select2-container--focus .select2-selection--single .select2-selection__arrow {
            border-color: #bbbaba
        }

.c-ui-select--medium {
    min-height: 40px
}

    .c-ui-select--medium + .select2 {
        height: 40px;
        min-height: 40px
    }

    .c-ui-select--medium + .select2-container .select2-selection--multiple, .c-ui-select--medium + .select2-container .select2-selection--single {
        height: 40px;
        min-height: 40px;
        border-color: #e6eaef;
        border-radius: 8px !important
    }

        .c-ui-select--medium + .select2-container .select2-selection--multiple .select2-selection__rendered, .c-ui-select--medium + .select2-container .select2-selection--single .select2-selection__rendered {
            line-height: 40px;
            padding-right: 15px;
            padding-left: 40px
        }

        .c-ui-select--medium + .select2-container .select2-selection--multiple .select2-selection__arrow, .c-ui-select--medium + .select2-container .select2-selection--single .select2-selection__arrow {
            height: 38px;
            width: 40px;
            border-right: none
        }

            .c-ui-select--medium + .select2-container .select2-selection--multiple .select2-selection__arrow b, .c-ui-select--medium + .select2-container .select2-selection--single .select2-selection__arrow b {
                top: 35%;
                width: 6px;
                height: 6px;
                margin-left: -6px;
                border-color: transparent #606265 #606265 transparent;
                border-width: 1px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
            }

        .c-ui-select--medium + .select2-container .select2-selection--multiple .select2-selection__rendered {
            line-height: 33px;
            padding-left: 15px
        }

        .c-ui-select--medium + .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
            margin-top: 14px
        }

    .c-ui-select--medium + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        top: 45%;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .c-ui-select--medium + .select2-container--focus .select2-selection--multiple, .c-ui-select--medium + .select2-container--focus .select2-selection--single {
        border-color: #7fe7f6
    }

        .c-ui-select--medium + .select2-container--focus .select2-selection--single .select2-selection__arrow {
            border-color: #e6eaef
        }

.c-ui-upload {
    position: relative
}

    .c-ui-upload .c-loading {
        border-radius: 8px
    }

.c-ui-upload--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-ui-upload--simple {
    margin-bottom: 5px;
    margin-left: 5px
}

.c-ui-upload__load {
    position: relative;
    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;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    height: 50px;
    min-width: 155px;
    padding: 0 5px;
    border-radius: 8px;
    border: 1px solid rgba(118,120,122,.2);
    background-color: #00cfed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer
}

.c-ui-upload__load--200 {
    min-width: 200px
}

.c-ui-upload__origin {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    opacity: 0;
    cursor: pointer
}

.c-ui-upload__subaction {
    font-size: 14px;
    font-size: 1rem;
    line-height: 27px;
    font-weight: 700;
    text-decoration: none;
    color: #4fcce9;
    border: none;
    border-bottom: 1px dashed #4fcce9;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 25px;
    background-color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .c-ui-upload__subaction.no-gap {
        margin-right: 0
    }

.c-ui-upload__img {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: 130px;
    padding: 15px;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    background-color: #eee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden
}

.c-ui-upload__img--placeholder {
    border: 1px dashed #e6e9ed;
    background-color: #fff
}

.c-ui-upload__img-control {
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 15px;
    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;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    height: 40px;
    min-width: 155px;
    border-radius: 8px;
    border: 1px solid rgba(118,120,122,.2);
    background-color: #00cfed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-ui-upload__img-control--static {
    position: static;
    min-width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.c-ui-upload__img-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%
}

.c-ui-upload__img-hint {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    text-align: left;
    width: 100%;
    padding-right: 15px
}

.c-ui-upload__validation {
    display: none
}

.c-ui-upload__bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 50px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-upload__bar-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-left: 28px
}

.c-ui-upload__bar-progress {
    position: relative;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%;
    height: 8px;
    background-color: #f5f7fa;
    border-radius: 4px
}

.c-ui-upload__bar-progress-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4px;
    background-color: #00cfed;
    -webkit-transition: width .2s ease-in;
    transition: width .2s ease-in
}

.c-ui-upload__bar-cancel {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    color: #393b40;
    font-size: 15px;
    margin-right: 24px;
    margin-left: 4px;
    cursor: pointer
}

    .c-ui-upload__bar-cancel:before {
        content: "\F03E\00FE0E"
    }

    .c-ui-upload__bar-cancel:before {
        display: block
    }

.c-ui-upload + .c-reg-form__error {
    margin-top: 10px
}

.c-ui-upload__simple {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    color: #e6e9ed;
    width: 80px;
    height: 80px;
    border: 1px dashed #e6e9ed;
    border-radius: 8px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-upload__simple .c-ui-upload__load-control {
        width: 100%;
        height: 100%;
        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
    }

        .c-ui-upload__simple .c-ui-upload__load-control:before {
            content: "\F005\00FE0E"
        }

        .c-ui-upload__simple .c-ui-upload__load-control:before {
            font-size: 30px
        }

    .c-ui-upload__simple.is-video {
        width: 110px
    }

        .c-ui-upload__simple.is-video .c-ui-upload__load-control {
            font-size: 30px
        }

            .c-ui-upload__simple.is-video .c-ui-upload__load-control:before {
                content: "\F007\00FE0E"
            }

    .c-ui-upload__simple.is-loaded {
        border: 1px solid #bbbaba !important
    }

        .c-ui-upload__simple.is-loaded .c-ui-upload__load-control:before {
            display: none
        }

    .c-ui-upload__simple.is-loading {
        border: 1px solid #bbbaba !important
    }

        .c-ui-upload__simple.is-loading:before {
            content: ""
        }

        .c-ui-upload__simple.is-loading .c-ui-upload__load-control:before {
            display: none
        }

.c-ui-upload.is-active .c-ui-upload__simple {
    color: #4fcce9;
    border-color: #4fcce9
}

.c-ui-upload.is-active .c-ui-upload__load-control {
    cursor: pointer
}

.c-ui-upload:not(.is-active) .c-ui-upload__simple {
    pointer-events: none
}

.c-ui-upload__cancel-load {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: #889098;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-upload__cancel-load:hover {
        border: 1px solid #777
    }

    .c-ui-upload__cancel-load:before {
        content: "\F045\00FE0E"
    }

    .c-ui-upload__cancel-load.is-loaded, .c-ui-upload__cancel-load.is-loading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-ui-upload__cancel-load.is-loaded {
        top: 4px;
        left: 4px;
        color: #777;
        font-size: 10px;
        width: 16px;
        height: 16px;
        border-radius: 5px;
        background-color: #e6e9ed;
        -webkit-transform: none;
        transform: none
    }

.c-ui-upload__loading {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    display: none;
    background-color: hsla(0,0%,100%,.2);
    pointer-events: none
}

    .c-ui-upload__loading.is-loading {
        display: block
    }

.c-ui-upload__loading-spinbar {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

    .c-ui-upload__loading-spinbar circle {
        -webkit-transition: stroke-dashoffset .35s;
        transition: stroke-dashoffset .35s;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }

.c-reg-table {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-reg-table__wrapper {
    position: relative;
    min-height: 200px;
    max-height: 330px;
    overflow: auto
}

    .c-reg-table__wrapper.is-loading {
        background: url(../files/c5cd7f53.gif) no-repeat 50% transparent
    }

.c-reg-table__header {
    font-weight: 400;
    padding: 10px 20px;
    background-color: #f5f7fa;
    white-space: nowrap
}

.c-reg-table__cell {
    text-align: right;
    padding: 10px 20px;
    border-bottom: 1px solid #f5f7fa
}

.c-reg-calc {
    margin-bottom: 20px
}

.c-reg-calc__header {
    color: #767d85;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 20px
}

.c-reg-calc__example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-reg-calc__result {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    width: 200px;
    padding-top: 10px;
    border: 1px solid #f5f7fa;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-reg-calc__result-img {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 4px
}

.c-reg-calc__exclamation {
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px
}

.c-reg-calc__spec {
    font-size: 12px;
    font-size: .857rem;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 5px
}

.c-reg-calc__result-reward {
    color: #68c3a3;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 30px;
    font-weight: 700;
    background-color: #f5f7fa;
    border-radius: 0 0 8px 8px;
    padding: 5px
}

    .c-reg-calc__result-reward span {
        font-size: 14px;
        font-weight: 400
    }

.c-reg-calc__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.c-reg-calc__step {
    position: relative;
    text-align: center
}

.c-reg-calc__step--minus {
    margin-top: 12px;
    width: 30px;
    height: 30px;
    border: 1px solid #f5f7fa;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .c-reg-calc__step--minus:before {
        position: absolute;
        top: 14px;
        left: 5px;
        content: "";
        width: 20px;
        height: 3px;
        border-radius: 1.5px;
        background-color: #000
    }

.c-reg-calc__step--equal {
    margin-top: 10px;
    width: 40px;
    height: 40px;
    border: 1px solid #f5f7fa;
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .c-reg-calc__step--equal:before {
        position: absolute;
        top: 13px;
        left: 7px;
        content: "";
        width: 26px;
        height: 4px;
        border-radius: 2px;
        background-color: #000
    }

    .c-reg-calc__step--equal:after {
        position: absolute;
        top: 22px;
        left: 7px;
        content: "";
        width: 26px;
        height: 4px;
        border-radius: 2px;
        background-color: #000
    }

.c-reg-calc__step-img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background-size: 60px auto
}

.c-reg-calc__step-img--tax {
    background: url(../files/3ade566d.svg) no-repeat 50% transparent;
    background-size: 60px auto
}

.c-reg-calc__step-img--delivery {
    background: url(../files/024ec2cd.svg) no-repeat 50% transparent;
    background-size: 60px auto
}

.c-reg-calc__step-img--packing {
    background: url(../files/6c2c92bf.svg) no-repeat 50% transparent;
    background-size: 60px auto
}

.c-reg-calc__step-img--commission {
    background: url(../files/e1d9870f.svg) no-repeat 50% transparent;
    background-size: 60px auto
}

.c-reg-calc__step-img--dk-price {
    background: url(../files/3b1a7ce1.svg) no-repeat 50% transparent;
    background-size: 60px auto
}

.c-reg-calc__step-cost {
    color: #68c3a3;
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px;
    font-weight: 700;
    margin-top: 10px
}

    .c-reg-calc__step-cost span {
        font-weight: 400;
        font-size: 14px
    }

.c-reg-calc__step-desc {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-walkthrough {
    position: fixed;
    z-index: 10;
    right: 10px;
    bottom: 10px;
    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;
    color: #fff;
    font-size: 30px;
    width: 50px;
    height: 50px;
    background-color: #0e73ad;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(87,207,177,.1);
    box-shadow: 0 0 0 10px rgba(87,207,177,.1);
    cursor: pointer
}

    .c-walkthrough:before {
        content: "\F0C3\00FE0E"
    }

@media screen and (min-width:992px) {
    .c-walkthrough {
        right: 50px;
        bottom: 50px
    }
}

.c-ui-info {
    position: relative;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid rgba(79,204,233,.2);
    border-radius: 8px;
    background-color: rgba(79,204,233,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-info:before {
        position: absolute;
        text-align: right;
        width: 20px
    }

.c-ui-info--warning {
    font-size: 12px;
    padding-right: 35px;
    border-color: rgba(245,127,23,.2);
    background-color: rgba(245,127,23,.05)
}

    .c-ui-info--warning:before {
        content: "\F08D\00FE0E"
    }

    .c-ui-info--warning:before {
        top: 12px;
        right: 12px;
        color: #f5a623;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 18px
    }

.c-ui-info--gap {
    margin-top: 15px
}

.c-ui-info h5 {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 0
}

.c-ui-info b {
    color: #3e3f3f;
    font-weight: 700
}

.c-ui-info p:last-child {
    margin-top: 0;
    margin-bottom: 0
}

.c-ui-tooltip {
    position: fixed;
    opacity: 0;
    z-index: 9999;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content;
    min-width: 40px;
    max-width: 270px;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 10px;
    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-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word
}

    .c-ui-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 10px;
        height: 10px;
        border-color: transparent;
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        border-right: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg)
    }

.c-ui-tooltip--left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-ui-tooltip--left:before {
        right: 15%
    }

.c-ui-tooltip--right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .c-ui-tooltip--right:before {
        left: 15%
    }

.c-ui-tooltip--top {
    margin-top: -10px
}

    .c-ui-tooltip--top:before {
        top: unset;
        bottom: -6px;
        -webkit-transform: translateX(-50%) rotate(135deg);
        transform: translateX(-50%) rotate(135deg)
    }

.c-ui-tooltip__anchor {
    display: inline-block
}

.c-ui-tooltip__info-icon {
    cursor: pointer;
    color: #686a6c
}

    .c-ui-tooltip__info-icon:before {
        content: "\F08D\00FE0E"
    }

    .c-ui-tooltip__info-icon:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px;
        height: 18px
    }

.c-ui-filters__filter-container {
    min-height: 35px;
    padding: 10px 0;
    margin-bottom: -20px;
    border-bottom: 1px solid #e6e9ed
}

.c-ui-filters__filter-container, .c-ui-filters__filter-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #606265;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-filters__filter-form {
    min-height: 36px;
    padding: 1px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc
}

.c-ui-filters__radio-label {
    position: relative;
    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
}

.c-ui-filters__radio-label--form + .c-ui-filters__radio-label--form:before {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
    width: 1px;
    background-color: #e6e9ed
}

.c-ui-filters__radio-label--info {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #606265;
    margin-left: 10px
}

    .c-ui-filters__radio-label--info:before {
        content: "\F0E8\00FE0E"
    }

    .c-ui-filters__radio-label--info:before {
        font-size: 15px;
        margin-left: 5px
    }

.c-ui-filters__radio-option {
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    height: 25px;
    padding: 2px 10px 0;
    margin-left: 5px;
    border-radius: 5px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s ease,color .3s ease;
    transition: background .3s ease,color .3s ease;
    cursor: pointer
}

.c-ui-filters__radio-option--form {
    z-index: 0;
    font-size: 13px;
    font-size: .929rem;
    line-height: 28px;
    height: 32px;
    border-radius: 6px;
    margin-left: 0;
    width: 100%
}

.c-ui-filters__radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .c-ui-filters__radio:checked ~ .c-ui-filters__radio-option {
        color: #fff;
        font-weight: 700;
        background-color: #4fcce9
    }

.c-ui-counter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 185px;
    height: 40px
}

.c-ui-counter--full {
    width: 100%;
    min-width: 100px;
    height: 36px
}

    .c-ui-counter--full:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 16px;
        width: 1px;
        height: 100%;
        background-color: #bbbaba;
        pointer-events: none
    }

    .c-ui-counter--full:after {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 16px;
        border-bottom: 1px solid #bbbaba;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        pointer-events: none
    }

    .c-ui-counter--full .c-ui-counter__control, .c-ui-counter--full .c-ui-counter__input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-ui-counter--full .c-ui-counter__control {
        position: absolute;
        left: 1px;
        height: 50%;
        width: 16px;
        border-radius: 0;
        background-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .c-ui-counter--full .c-ui-counter__control--add {
        top: 0
    }

        .c-ui-counter--full .c-ui-counter__control--add:before {
            content: unset
        }

        .c-ui-counter--full .c-ui-counter__control--add:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-bottom: 4px solid #a1a3a8
        }

    .c-ui-counter--full .c-ui-counter__control--reduce {
        bottom: 0
    }

        .c-ui-counter--full .c-ui-counter__control--reduce:before {
            content: unset
        }

        .c-ui-counter--full .c-ui-counter__control--reduce:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            border-top: 4px solid #a1a3a8
        }

@media screen and (max-width:991px) {
    .c-ui-counter__value {
        display: none
    }
}

.c-ui-table__row:hover .c-ui-counter__value {
    display: none
}

.c-ui-counter__control {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    border: none;
    background-color: #4fcce9;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

.c-ui-table__row:hover .c-ui-counter__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:991px) {
    .c-ui-counter__control {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-ui-counter__control:before {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

.c-ui-counter__control--add:before {
    content: "\F008\00FE0E"
}

.c-ui-counter__control--reduce:before {
    content: "\F0CA\00FE0E"
}

.c-ui-counter__control--reduce:before {
    font-size: 10px
}

.c-ui-counter__control--delete {
    color: #ef5661;
    margin-right: 20px;
    background-color: transparent
}

    .c-ui-counter__control--delete:before {
        content: "\F04B\00FE0E"
    }

    .c-ui-counter__control--delete:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 22px
    }

    .c-ui-counter__control--delete:hover {
        border: 1px solid #eee
    }

.c-ui-counter__control:disabled {
    background-color: #e6eaef;
    cursor: default;
    pointer-events: none
}

.c-ui-counter__control.is-disabled {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.c-ui-counter__input {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: IRANYekan,sans-serif;
    text-align: center;
    color: #777;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0 10px;
    border: 1px solid #f5f7fa;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    direction: ltr;
    outline: none
}

.c-ui-counter__input--form {
    height: 36px;
    width: 100%;
    padding: 0 15px 0 18px;
    margin: 0;
    border-color: #bbbaba;
    text-align: unset;
    direction: unset
}

.c-ui-table__row:hover .c-ui-counter__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:991px) {
    .c-ui-counter__input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-ui-counter__input:focus {
    border-color: #7fe7f6
}

.c-ui-modal {
    z-index: 1011;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(35,41,51,.8)
}

    .c-ui-modal.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.c-ui-modal__text-content {
    color: #62666d;
    line-height: 1.8
}

.c-ui-modal__container {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.23);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.23);
    max-width: calc(100% - 40px);
    width: 100%;
    margin: 0 20px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-modal__container--create-package {
    width: 800px;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-height: calc(100vh - 260px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-ui-modal__header {
    padding: 20px 15px;
    border-bottom: 1px solid #e6e9ed;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-ui-modal__body {
    padding: 15px 5px
}

.c-ui-modal__body--create-package {
    padding: 40px 5px 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-ui-modal__footer {
    padding: 20px 15px;
    border-top: 1px solid #d5d9dd;
    direction: rtl
}

.c-ui-modal__footer--create-package {
    padding: 30px 20px 40px
}

.c-ui-modal__title {
    color: #889098;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative
}

    .c-ui-modal__title + .c-ui-modal__title {
        margin-right: 50px
    }

    .c-ui-modal__title.active {
        color: #606265
    }

        .c-ui-modal__title.active:after {
            content: "";
            display: block;
            width: 100px;
            height: 3px;
            border-radius: 2px;
            background-color: #4fcce9;
            position: absolute;
            top: 100%;
            left: 50%;
            margin-top: 19px;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

.c-ui-modal__title--tab {
    cursor: pointer
}

.c-ui-modal__close {
    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: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    color: #878c93
}

    .c-ui-modal__close:before {
        content: "\F039\00FE0E"
    }

    .c-ui-modal__close:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px
    }

    .c-ui-modal__close:hover {
        color: #6d727a
    }

.c-ui-modal__close--products {
    margin-left: -24px
}

    .c-ui-modal__close--products:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

.c-ui-modal__btn-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-ui-modal__btn, .c-ui-modal__btn-controls--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-ui-modal__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95px;
    height: 40px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    border-radius: 8px;
    color: #606265;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px;
    font-weight: 700;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    padding: 0 15px
}

    .c-ui-modal__btn:not(:first-of-type) {
        margin-right: 15px
    }

.c-ui-modal__btn--confirm {
    background-color: #4fcce9;
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

.c-ui-modal__btn--decline {
    color: #ef5661
}

.c-ui-modal__btn--info {
    color: #6ec281;
    width: 160px
}

    .c-ui-modal__btn--info:hover {
        background-color: #6ec281;
        color: #fff
    }

.c-ui-modal__btn--remove {
    position: absolute;
    left: 0;
    margin-right: 0
}

.c-ui-modal__btn.disabled {
    color: #606265;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    opacity: .6;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-ui-modal__btn:disabled {
    color: #606265;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    opacity: .6;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-ui-modal__msg {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    color: #606265
}

.c-ui-modal__msg--center {
    text-align: center
}

.c-ui-modal__table-wrapper {
    overflow-y: auto;
    min-height: 60px
}

.c-ui-modal__table {
    width: 100%
}

.c-ui-modal__table--scroll {
    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-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow: hidden
}

.c-ui-modal__tbody--scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    direction: ltr
}

    .c-ui-modal__tbody--scroll::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-ui-modal__tbody--scroll::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-ui-modal__tbody--scroll::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-ui-modal__row {
    border-radius: 8px
}

    .c-ui-modal__row:nth-of-type(n+2) {
        border-top: 1px solid rgba(0,0,0,.05)
    }

.c-ui-modal__row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    direction: rtl;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-ui-modal__row--border-box {
    border: 1px solid rgba(0,0,0,.05)
}

    .c-ui-modal__row--border-box + .c-ui-modal__row--border-box {
        margin-top: 10px
    }

.c-ui-modal__th {
    position: relative;
    z-index: 3;
    vertical-align: middle;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 700;
    text-align: right;
    height: 60px;
    padding: 5px 10px;
    margin-bottom: 5px;
    background-color: #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-ui-modal__th:first-child {
        padding-right: 15px;
        border-radius: 0 8px 8px 0
    }

    .c-ui-modal__th:last-child {
        padding-left: 15px;
        border-radius: 8px 0 0 8px
    }

.c-ui-modal__th--nowrap {
    white-space: nowrap
}

.c-ui-modal__th--row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px
}

.c-ui-modal__th--img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px
}

.c-ui-modal__th--title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 285px;
    flex: 1 1 285px
}

.c-ui-modal__th--barcode {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px
}

.c-ui-modal__th--diversity {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px
}

.c-ui-modal__th--qty {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px
}

.c-ui-modal__th--controls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px
}

.c-ui-modal__td {
    position: relative;
    z-index: 0;
    color: #777;
    height: 60px;
    padding: 5px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-ui-modal__td:first-child {
        padding-right: 15px;
        border-right: 1px solid transparent
    }

    .c-ui-modal__td:last-child {
        padding-left: 15px;
        border-left: 1px solid transparent
    }

.c-ui-modal__td--row {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px
}

.c-ui-modal__td--img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    height: 72px;
    padding: 5px 0
}

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

.c-ui-modal__td--title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 285px;
    flex: 1 1 285px
}

.c-ui-modal__td--barcode {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 85px;
    flex: 0 0 85px
}

.c-ui-modal__td--diversity {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px
}

.c-ui-modal__td--qty {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px
}

.c-ui-modal__td--controls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px
}

.c-ui-modal__td--left {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-ui-modal__td--full {
    width: 100%
}

.c-ui-modal__td--bg-row {
    width: 100%;
    border-radius: 0 0 8px 8px;
    border: 1px solid #f4f5f8;
    background-color: #f9fafc;
    padding: 10px;
    height: auto
}

.c-ui-modal__td a {
    color: #4a90e2;
    text-decoration: underline;
    padding: 0 !important
}

.c-ui-modal .modal-body {
    min-height: 210px
}

.c-ui-modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-ui-modal .uk-modal-title--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 35px;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 35px;
    font-weight: 700;
    color: #646870
}

.c-ui-modal .uk-modal-title--reject {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 35px;
    color: #646870;
    margin-top: 40px;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 700
}

.c-ui-modal .modal-message--reject {
    margin: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    text-align: center;
    color: #646870
}

.c-ui-modal .modal-message__em {
    display: block
}

.c-ui-modal .modal-message--title {
    font-weight: 700
}

.c-ui-modal .modal-message--center, .c-ui-modal .modal-message--title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    color: #646870
}

.c-ui-modal .modal-product {
    margin-top: 30px;
    margin-bottom: 20px;
    border: 1px solid #e6eaef;
    border-radius: 4px;
    width: 100%
}

.c-ui-modal .modal-product--reject {
    border: none
}

.c-ui-modal .modal-product__icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 106px;
    height: 101px;
    background-image: url(../files/a2fa83da.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.c-ui-modal .modal-product__icon--success {
    background-image: url(../files/e107b672.svg)
}

.c-ui-modal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-ui-modal .modal-footer--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-ui-modal .modal-footer--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-ui-modal .modal-footer__message {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    background-color: #f5f7fa;
    border-radius: 4px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-modal .modal-footer__message .em {
        font-weight: 700;
        color: #606265
    }

.c-ui-modal .modal-footer__btn-controls {
    margin-right: 20px
}

.c-ui-modal .modal-footer__btn, .c-ui-modal .modal-footer__btn-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-ui-modal .modal-footer__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 40px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    background-color: #f9fafc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #606265;
    text-decoration: none
}

    .c-ui-modal .modal-footer__btn:not(:first-of-type) {
        margin-right: 20px
    }

.c-ui-modal .modal-footer__btn--confirm {
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    background-color: #4fcce9;
    border-color: #4fcce9
}

.c-ui-modal .modal-footer__btn--wide {
    width: 130px
}

.c-ui-modal .modal-footer__btn--auto {
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.c-ui-modal .modal-footer__btn.disabled {
    opacity: .6;
    pointer-events: none
}

.c-ui-modal .modal-footer__btn:disabled {
    opacity: .6;
    pointer-events: none
}

.c-ui-modal-new .uk-modal-dialog {
    width: 48%;
    padding: 0 36px
}

.c-ui-search-radio-group-container {
    width: auto;
    margin-left: auto;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(245,247,250,.82)
}

    .c-ui-search-radio-group-container > label {
        font-family: IRANYekan,sans-serif;
        color: #62666d;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 7px 10px;
        border-radius: 8px;
        width: auto;
        height: 34px;
        text-align: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

        .c-ui-search-radio-group-container > label .overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-family: IRANYekan,sans-serif;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #4fcce9;
            color: #fff;
            -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
            box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
            overflow: hidden;
            width: 100%;
            opacity: 0;
            height: 100%;
            border-radius: 5px;
            -webkit-transition: .1s ease;
            transition: .1s ease;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833
        }

        .c-ui-search-radio-group-container > label > input {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none
        }

    .c-ui-search-radio-group-container .c-ui-search-radio-group-container__label--checked .overlay {
        opacity: 1;
        padding: 3px
    }

.c-sellerinsight-chart--filterborder {
    border-bottom-width: 0 !important;
    border-color: #f0f0f1 !important
}

.c-sellerinsight-chart__circle--successful {
    stroke: #16b7db
}

.c-sellerinsight-chart__circle--cancelled {
    stroke: #d0f1f8
}

.c-sellerinsight-chart__circle--returned {
    stroke: #8adbed
}

.c-sellerinsight-chart__selected--title {
    border-width: 0 0 2px !important
}

.c-sellerinsight-chart__selected--dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-left: 8px
}

.c-sellerinsight-chart__selected--rise {
    background-color: #b8ebde
}

.c-sellerinsight-chart__selected--fall {
    background-color: #ffadb3
}

.c-order-history__body {
    width: 1290px
}

    .c-order-history__body .c-ui-paginator__control-next, .c-order-history__body .c-ui-paginator__control-prev {
        font-size: 10px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-order-history__body .c-ui-paginator__control-dots {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-order-history__body .ui-select .select2-selection__rendered {
        border: 1px solid #e6e9ed !important
    }

    .c-order-history__body .c-card__body {
        padding: 20px 20px 0 !important
    }

        .c-order-history__body .c-card__body.c-ui-table__wrapper {
            padding: 20px 15px 0 !important
        }

    .c-order-history__body .c-card__header {
        border-color: #e6e9ed !important
    }

    .c-order-history__body .c-card__footer, .c-order-history__body .c-card__header {
        margin: 0 5px !important;
        padding: 20px 15px !important
    }

    .c-order-history__body .c-ui-table__wrapper > table .c-ui-table__header--nowrap {
        white-space: unset !important
    }

    .c-order-history__body .c-ui-table__wrapper > table > thead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 1260px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 80px !important;
        margin-bottom: 15px !important;
        background-color: #f5f7fa;
        border-radius: 8px !important;
        position: -webkit-sticky;
        position: sticky;
        -webkit-transform: none !important;
        transform: none !important;
        z-index: 500
    }

        .c-order-history__body .c-ui-table__wrapper > table > thead tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 100%;
            width: 100%
        }

        .c-order-history__body .c-ui-table__wrapper > table > thead th {
            padding: 0 !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            margin: 0 !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .c-order-history__body .c-ui-table__wrapper > table > thead th > .table-header-searchable {
                cursor: pointer !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:first-of-type {
                width: 31px !important;
                padding-left: 20px !important;
                padding-right: 20px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(2) {
                width: 70px !important;
                padding-left: 30px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(3) {
                width: 60px !important;
                padding-left: 38px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(4) {
                width: 177px !important;
                padding-left: 20px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(5) {
                width: 60px !important;
                padding-left: 30px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(6) {
                width: 300px !important;
                padding-left: 30px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(7) {
                width: 64px !important;
                padding-left: 30px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(8) {
                width: 68px !important;
                padding-left: 30px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:nth-child(9) {
                width: 67px !important;
                padding-left: 94px !important
            }

            .c-order-history__body .c-ui-table__wrapper > table > thead th:last-of-type {
                padding-left: 20px !important
            }

    .c-order-history__body .c-ui-table__wrapper > table > tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

.c-order-history__page-container {
    margin-top: 27px;
    width: 1293px;
    margin-left: auto;
    margin-right: auto
}

.c-order-history__label {
    font-family: IRANYekan,sans-serif;
    color: #62666d;
    margin-bottom: 4px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-order-history__large-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 292px;
    margin-left: 40px;
    margin-bottom: 20px
}

.c-order-history__select-container {
    height: 40px !important
}

.c-order-history__search-section {
    height: 248px;
    padding: 0 5px;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: IRANYekan,sans-serif
}

.c-order-history__search-section, .c-order-history__search-title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.c-order-history__search-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #889098;
    border-bottom: 1px solid #e6e9ed;
    height: 59px
}

    .c-order-history__search-title span {
        margin-right: 15px
    }

.c-order-history__search-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 19px 15px 0
}

.c-order-history__search-filters-bar {
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e6e9ed;
    font-family: IranYekan,sans-serif;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-order-history__search-filters-bar--invisible {
    display: none
}

.c-order-history__search-filter {
    background-color: #f5f7fa;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    color: #606265;
    border-radius: 6px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-order-history__search-filter:after {
        cursor: pointer;
        margin-right: 10px
    }

    .c-order-history__search-filter:after {
        content: "\F03E\00FE0E"
    }

    .c-order-history__search-filter:first-of-type {
        margin-right: 20px
    }

    .c-order-history__search-filter:last-of-type {
        margin-right: auto;
        background-color: #f9fafc;
        border: 1px solid #e6eaef
    }

.c-order-history__search-filter--invisible {
    display: none
}

.c-order-history__search-by-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 40px;
    margin-bottom: 20px
}

    .c-order-history__search-by-date > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .c-order-history__search-by-date > div > div:first-of-type {
            width: 250px;
            margin-left: 10px
        }

        .c-order-history__search-by-date > div > div:last-of-type {
            width: 420px;
            height: 40px
        }

.c-order-history__search-by-send {
    width: 197px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

    .c-order-history__search-by-send > div {
        height: 40px
    }

.c-order-history__search-by-text {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-order-history__search-by-text > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .c-order-history__search-by-text > div > div:first-of-type {
            width: 250px;
            margin-left: 10px
        }

        .c-order-history__search-by-text > div > div:last-of-type {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 40px
        }

            .c-order-history__search-by-text > div > div:last-of-type > label > input {
                width: 608px;
                height: 40px;
                border: 1px solid #e6e9ed;
                font-family: IRANYekan,sans-serif;
                color: #606265;
                outline: none;
                padding: 10px 12px 10px 40px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin-left: 10px;
                border-radius: 8px;
                font-size: 12px;
                font-size: .857rem;
                line-height: 1.833
            }

                .c-order-history__search-by-text > div > div:last-of-type > label > input::-webkit-input-placeholder {
                    color: #a1a3a8
                }

                .c-order-history__search-by-text > div > div:last-of-type > label > input::-ms-input-placeholder {
                    color: #a1a3a8
                }

                .c-order-history__search-by-text > div > div:last-of-type > label > input::placeholder {
                    color: #a1a3a8
                }

                .c-order-history__search-by-text > div > div:last-of-type > label > input:focus {
                    border-color: #4fcce9
                }

            .c-order-history__search-by-text > div > div:last-of-type .search-input {
                width: 352px;
                height: 40px;
                border: 1px solid #e6e9ed;
                font-family: IRANYekan,sans-serif;
                color: #606265;
                outline: none;
                padding: 10px 12px 10px 40px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                margin-left: 10px;
                border-radius: 8px;
                font-size: 12px;
                font-size: .857rem;
                line-height: 1.833
            }

                .c-order-history__search-by-text > div > div:last-of-type .search-input::-webkit-input-placeholder {
                    color: #a1a3a8
                }

                .c-order-history__search-by-text > div > div:last-of-type .search-input::-ms-input-placeholder {
                    color: #a1a3a8
                }

                .c-order-history__search-by-text > div > div:last-of-type .search-input::placeholder {
                    color: #a1a3a8
                }

                .c-order-history__search-by-text > div > div:last-of-type .search-input:focus {
                    border-color: #4fcce9
                }

            .c-order-history__search-by-text > div > div:last-of-type > button {
                background-color: #e6e9ed;
                width: 40px;
                height: 40px;
                color: #fff;
                border: none;
                border-radius: 8px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                padding: 4px 6px;
                font-size: 24px;
                font-size: 1.714rem;
                line-height: 1.833
            }

                .c-order-history__search-by-text > div > div:last-of-type > button:before {
                    content: "\F1AE\00FE0E"
                }

            .c-order-history__search-by-text > div > div:last-of-type:focus-within button {
                background-color: #4fcce9;
                -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
                box-shadow: 0 6px 12px 0 rgba(79,204,233,.2)
            }

                .c-order-history__search-by-text > div > div:last-of-type:focus-within button:disabled {
                    background-color: #e6e9ed;
                    -webkit-box-shadow: none;
                    box-shadow: none
                }

.c-order-history__search-by-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-order-history__search-by-ad > label {
        width: 99px !important;
        margin-right: 21px
    }

.c-order-history__table {
    margin-top: 25px;
    padding: 0 5px;
    min-height: 50vh
}

.c-order-history__paginator, .c-order-history__table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.c-order-history__paginator {
    height: 79px;
    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;
    padding: 0 15px
}

    .c-order-history__paginator > div {
        margin-right: auto
    }

.c-order-history__paginator--top {
    border-bottom: 1px solid #e6e9ed
}

.c-order-history__paginator--bottom {
    border-top: 2px solid #e6e9ed
}

.c-order-history__paginator .excel-output-button {
    height: 40px !important
}

.c-order-history__rows {
    min-height: 50vh;
    padding: 24px 10px 10px
}

.c-order-history__rows, .c-order-history__table-header {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-order-history__table-header {
    height: auto;
    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;
    padding: 20px;
    background-color: #f5f7fa;
    color: #606265;
    font-family: IRANYekan,sans-serif;
    font-weight: 700;
    font-size-adjust: .2;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-order-history__table-header--english-font {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.c-order-history__table-header tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-order-history__table-header tr th {
        text-align: start
    }

.c-order-history__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-order-history__item, .c-order-history__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-order-history__item-header {
    height: auto;
    width: 1260px !important;
    position: relative;
    font-family: IRANYekan,sans-serif;
    background-color: #fff;
    border: 1px solid #e6e9ed;
    color: #777;
    border-radius: 8px 8px 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-order-history__item-header:hover {
        -webkit-box-shadow: 0 0 12px rgba(0,0,0,.1);
        box-shadow: 0 0 12px rgba(0,0,0,.1)
    }

.c-order-history__item-header--minimized {
    margin-bottom: 15px;
    border-radius: 8px !important
}

.c-order-history__maximize-button {
    width: 26px;
    height: 26px;
    background-color: #e9ebef;
    color: #606265;
    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;
    outline: none;
    border-radius: 4px;
    border: none !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px !important;
    margin-right: auto;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-order-history__maximize-button:hover {
        -webkit-box-shadow: 0 0 12px rgba(3,10,22,.05);
        box-shadow: 0 0 12px rgba(3,10,22,.05)
    }

    .c-order-history__maximize-button:before {
        content: "\F008\00FE0E"
    }

.c-order-history__minimize-button {
    width: 26px;
    height: 26px;
    background-color: #e9ebef;
    color: #606265;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: none;
    border-radius: 4px;
    border: none !important;
    cursor: pointer;
    font-size: 18px !important;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222
}

    .c-order-history__minimize-button:hover {
        -webkit-box-shadow: 0 0 12px rgba(3,10,22,.05);
        box-shadow: 0 0 12px rgba(3,10,22,.05)
    }

    .c-order-history__minimize-button:before {
        content: "\F0D5\00FE0E"
    }

.c-order-history__space-fill {
    width: 99.82%;
    height: 2px;
    border: 1px solid #e6e9ed;
    border-top: none;
    border-bottom: none;
    margin-top: -3px;
    background-color: #f9fafc
}

    .c-order-history__space-fill:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-order-history__space-fill--minimized {
    visibility: hidden;
    opacity: 0
}

.c-order-history__item-body {
    font-family: IRANYekan,sans-serif;
    border: 1px solid #e6e9ed;
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin-bottom: 15px;
    width: 1260px;
    background-color: #f9fafc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-order-history__item-body > td {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important
    }

.c-order-history__item-body--minimized {
    display: none;
    opacity: 0;
    height: 0
}

.c-order-history__item-index {
    width: 31px;
    margin-left: 20px !important;
    padding: 0 !important
}

.c-order-history__package-codes {
    width: 70px;
    margin-left: 30px;
    padding: 0 !important
}

.c-order-history__create-date {
    width: 68px;
    margin-left: 30px;
    padding: 0 !important
}

.c-order-history__status {
    width: 192px;
    margin-left: 15px;
    padding: 0 !important;
    position: relative
}

.c-order-history__splitter {
    right: -15px;
    padding: 0 !important;
    height: 55px;
    width: 1px;
    margin-right: 0;
    margin-left: 20px;
    background-color: #e6e9ed
}

.c-order-history__variant-tag {
    width: auto;
    padding: 1px 5px !important;
    height: 21px !important;
    line-height: 19px !important;
    color: #9199a0;
    font-family: IRANYekan,sans-serif;
    border-radius: 5px;
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: center;
    border: 1px solid #e6e9ed;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

.c-order-history__item-image {
    width: 60px;
    margin-left: 30px;
    padding: 0 !important
}

.c-order-history__item-title {
    width: 300px;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: 30px;
    padding: 0 !important
}

.c-order-history__product-id {
    width: 64px;
    margin-left: 30px;
    padding: 0 !important
}

    .c-order-history__product-id > a {
        text-decoration: underline;
        padding: 0 !important;
        font-size: 14px !important;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-order-history__seller-id {
    width: 68px;
    margin-left: 30px;
    padding: 0 !important
}

.c-order-history__category {
    width: 115px;
    padding: 0 !important
}

.c-order-history__last-col, .c-order-history__last-column {
    width: 46px;
    margin-right: auto !important
}

.c-order-history__item-inner-table {
    background-color: #f9fafc;
    width: 1258px;
    border-radius: 0 0 8px 8px;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 15px 20px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: IRANYekan,sans-serif;
    margin-right: -1px
}

.c-order-history__inner-table-header {
    width: 1160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-weight: 700;
    padding-bottom: 10px;
    color: #424750;
    border-bottom: 1px solid #e6e9ed;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-order-history__inner-table-header, .c-order-history__inner-table-header tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-order-history__inner-table-header tr th {
            text-align: start
        }

.c-order-history__serial-number {
    width: 66px;
    margin-left: 30px
}

.c-order-history__delivery-from {
    width: 64px;
    margin-left: 25px
}

    .c-order-history__delivery-from button {
        color: #777;
        width: 40px !important
    }

.c-order-history__sales-method {
    width: 60px;
    margin-left: 16px
}

    .c-order-history__sales-method button {
        color: #777;
        width: 40px !important
    }

.c-order-history__from-warehouse {
    width: 64px;
    margin-left: 25px
}

    .c-order-history__from-warehouse button {
        color: #777;
        width: 40px !important
    }

.c-order-history__interval {
    width: 49px;
    margin-left: 25px
}

.c-order-history__to-customer {
    width: 82px;
    margin-left: 25px
}

.c-order-history__return-date {
    width: 94px !important;
    margin-left: 25px
}

.c-order-history__unit-price {
    width: 89px;
    margin-left: 25px
}

.c-order-history__discount {
    width: 95px;
    margin-left: 25px
}

.c-order-history__discount-type {
    width: 58px !important;
    margin-left: 25px
}

.c-order-history__commission {
    width: 105px;
    margin-left: 25px;
    white-space: nowrap
}

.c-order-history__last-col {
    width: 40px;
    height: 40px;
    margin-right: auto;
    margin-top: -60px
}

.c-order-history__inner-row {
    height: 63px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 0;
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-order-history__inner-row:last-of-type {
        border-bottom: none
    }

.c-order-history__inner-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-order-history__success-modal {
    font-family: IRANYekan,sans-serif;
    width: 528px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 2.14
}

.c-order-history__success-modal-btn {
    width: 136px;
    height: 40px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    color: #fff;
    margin-top: 30px;
    border: none;
    outline: none;
    background-color: #4fcce9
}

.c-order-history__tooltip {
    visibility: hidden;
    border-radius: 6px;
    z-index: 1000 !important;
    position: fixed;
    border: 1px solid #e6e9ed;
    font-family: IRANYekan,sans-serif
}

.c-order-history__tooltip--normal {
    text-align: right;
    width: 170px !important;
    line-height: 1.833
}

.c-order-history__tooltip--normal, .c-order-history__tooltip--small {
    background-color: #fff !important;
    color: #62666d !important;
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    padding: 10px;
    font-size: 12px;
    font-size: .857rem
}

.c-order-history__tooltip--small {
    text-align: center;
    width: 140px !important;
    border-radius: 14px;
    line-height: 1
}

.c-order-history__tooltip--bottom-middle {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-order-history__tooltip--bottom-middle:after {
        content: "";
        border-top: 1px solid #e0e0e2;
        border-right: 1px solid #e0e0e2;
        background-color: #fff;
        position: absolute;
        bottom: 86%;
        right: 50%;
        z-index: 2000 !important;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
    }

.c-order-history__tooltip--top-left {
    bottom: 100%;
    right: 10%
}

    .c-order-history__tooltip--top-left:after {
        content: "";
        border-bottom: 1px solid #e0e0e2;
        border-left: 1px solid #e0e0e2;
        background-color: #fff;
        position: absolute;
        bottom: -7px;
        right: 10px;
        z-index: 2000 !important;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
    }

.c-order-history__tooltip--top-right {
    bottom: 100%;
    left: 10%
}

    .c-order-history__tooltip--top-right:after {
        content: "";
        border-bottom: 1px solid #e0e0e2;
        border-left: 1px solid #e0e0e2;
        background-color: #fff;
        position: absolute;
        bottom: -7px;
        left: 10px;
        z-index: 2000 !important;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
    }

.c-order-history__tooltip--bottom-left:after {
    content: "";
    border-top: 1px solid #e0e0e2;
    border-right: 1px solid #e0e0e2;
    background-color: #fff;
    position: absolute;
    top: -7px;
    right: 10px;
    z-index: 2000 !important;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
}

.c-order-history__tooltip--bottom-right:after {
    content: "";
    border-top: 1px solid #e0e0e2;
    border-right: 1px solid #e0e0e2;
    background-color: #fff;
    position: absolute;
    top: -7px;
    left: 10px;
    z-index: 2000 !important;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
}

.c-ui-order-status {
    font-family: IRANYekan,sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 76px;
    padding: 5px 0 5px 12px;
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-ui-order-status:before {
        font-size: 30px !important
    }

    .c-ui-order-status:before {
        content: "\F0F1\00FE0E"
    }

.c-ui-order-status--has-tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ef5661;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1
}

    .c-ui-order-status--has-tooltip:before {
        content: "\F08C\00FE0E"
    }

.c-ui-order-status--purchased {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

.c-ui-order-status--returned {
    color: #ef5661;
    position: relative;
    background-color: rgba(211,47,47,.1)
}

.c-ui-order-status--canceled {
    color: #fdc364;
    background-color: rgba(249,168,37,.1)
}

.c-ui-order-status--processed {
    color: #a0d468;
    background-color: rgba(160,212,104,.1)
}

.c-ui-order-status--processing {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

.c-ui-order-status--noval {
    color: #777;
    background-color: hsla(0,0%,46.7%,.07)
}

    .c-ui-order-status--noval:before {
        color: #ef5661
    }

.c-order-history__body--select-arrow-fixed .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    height: 6px;
    font-size: 7px !important;
    color: #81858b;
    width: 11px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 7px;
    font-size: .5rem;
    line-height: 3.143
}

    .c-order-history__body--select-arrow-fixed .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before {
        content: "\F05A\00FE0E"
    }

.c-order-history__body--select-arrow-fixed .c-ui-select--small + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    top: 65% !important;
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important
}

.c-order-history-cashback-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: IRANYekan,sans-serif
}

    .c-order-history-cashback-modal .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b {
        border: none;
        height: 6px;
        font-size: 7px !important;
        color: #81858b;
        width: 11px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 7px;
        font-size: .5rem;
        line-height: 3.143
    }

        .c-order-history-cashback-modal .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before {
            content: "\F032\00FE0E"
        }

    .c-order-history-cashback-modal .c-ui-select--small + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        top: 65% !important;
        -webkit-transform: rotate(-180deg) !important;
        transform: rotate(-180deg) !important
    }

.c-order-history-cashback-modal__header {
    color: #889098;
    height: 60px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 15px;
    border-bottom: 1px solid #e6e9ed;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-order-history-cashback-modal__body {
    padding: 39px 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 358px;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 2.14
}

.c-order-history-cashback-modal__body, .c-order-history-cashback-modal__select-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-order-history-cashback-modal__select-container {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px
}

    .c-order-history-cashback-modal__select-container > label {
        margin-bottom: 8px
    }

.c-order-history-cashback-modal__btn {
    font-family: IRANYekan,sans-serif;
    font-weight: 400;
    padding: 9px 15px;
    width: 106px !important;
    height: 40px;
    cursor: pointer;
    border-radius: 8px !important;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.c-order-history-cashback-modal__btn--confirm {
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2) !important;
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2) !important
}

    .c-order-history-cashback-modal__btn--confirm:disabled {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.c-ui-main-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: none;
    font-family: IRANYekan,serif;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px;
    margin-top: 28px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-ui-main-header__title {
    color: #62666d;
    font-weight: 700
}

.c-ui-main-header__splitter {
    width: 24px;
    height: 24px;
    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-ui-main-header__splitter div {
        background-color: #81858b;
        height: 18px;
        width: 2px
    }

.c-ui-main-header__description {
    color: #81858b
}

p {
    margin: 0;
    padding: 0
}

.c-RD-profile__menu-text {
    font-family: IRANSans,sans-serif !important;
    font-size: 14px !important;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    padding: 0 !important;
    color: #a1a3a8 !important
}

.c-RD-profile__holiday-list-wrapper {
    max-height: 680px;
    overflow-y: auto
}

    .c-RD-profile__holiday-list-wrapper::-webkit-scrollbar {
        width: 9px;
        height: 12px;
        background-color: #f5f7fa;
        border-radius: 8px
    }

    .c-RD-profile__holiday-list-wrapper::-webkit-scrollbar-track {
        background-clip: padding-box;
        background-color: #f5f7fa;
        border-radius: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px
    }

    .c-RD-profile__holiday-list-wrapper::-webkit-scrollbar-thumb {
        height: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px;
        background-clip: padding-box;
        border-radius: 8px;
        background-color: #c4c5c5
    }

    .c-RD-profile__holiday-list-wrapper::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

.c-RD-profile--h-70 {
    height: 70px
}

.c-RD-profile--w-100p {
    width: 100%
}

.c-RD-profile__dis-none {
    display: none
}

.c-RD-profile__selected-nav {
    display: none;
    width: 90%;
    height: 3px;
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: 1px;
    background-color: #4fcce9
}

.c-RD-profile__mt-0 {
    margin-top: 0 !important
}

.c-RD-profile__bdrs-top-0 {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.c-RD-profile__bdrs-bottom-0 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.c-RD-profile__action-btn {
    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;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    height: 40px;
    border-radius: 8px;
    border: none;
    background-color: #bec4cb;
    -webkit-box-shadow: 0 5px 10px 0 rgba(189,196,204,.5);
    box-shadow: 0 5px 10px 0 rgba(189,196,204,.5);
    cursor: pointer;
    outline: none
}

    .c-RD-profile__action-btn:hover {
        text-decoration: none;
        color: #fff
    }

.c-RD-profile__action-btn--edit {
    width: 100%;
    font-size: 14px;
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

    .c-RD-profile__action-btn--edit:before {
        content: "\F068\00FE0E"
    }

    .c-RD-profile__action-btn--edit:before {
        margin-left: 6px;
        font-size: 14px
    }

.c-RD-profile__action-btn--upload {
    width: 100%;
    font-size: 14px;
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

    .c-RD-profile__action-btn--upload:before {
        content: "\F106\00FE0E"
    }

    .c-RD-profile__action-btn--upload:before {
        margin-left: 8px;
        font-size: 24px
    }

.c-RD-profile__action-btn--cancel {
    min-width: 40px;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
    box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
    background-color: #c0c2c5;
    margin: 0 16px
}

    .c-RD-profile__action-btn--cancel:before {
        content: "\F03E\00FE0E"
    }

.c-RD-profile__action-btn--s-edit {
    min-width: 72px;
    height: 40px;
    font-size: 12px;
    color: #62666d;
    background-color: #f5f7fa;
    border: 1px solid rgba(129,133,139,.2);
    -webkit-box-shadow: unset;
    box-shadow: unset
}

    .c-RD-profile__action-btn--s-edit:hover {
        text-decoration: none;
        color: #62666d
    }

.c-RD-profile__action-btn--add {
    width: 101px;
    font-size: 14px;
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

    .c-RD-profile__action-btn--add:before {
        content: "\F008\00FE0E"
    }

    .c-RD-profile__action-btn--add:before {
        margin-left: 6px;
        font-size: 14px
    }

.c-RD-profile__action-btn--outline {
    width: 150px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    background-color: transparent;
    color: #4fcce9;
    border: 1px solid #4fcce9
}

    .c-RD-profile__action-btn--outline:hover {
        color: #4fcce9
    }

.c-RD-profile__upload-icon:before {
    content: "\F106\00FE0E"
}

.c-RD-profile__upload-icon:before {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    color: #4fcce9;
    cursor: pointer;
    margin-left: 8px
}

.c-RD-profile__alert-icon {
    height: 20px
}

    .c-RD-profile__alert-icon:before {
        content: "\F00A\00FE0E"
    }

    .c-RD-profile__alert-icon:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1;
        color: #f9a825;
        margin-left: 10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-height: 20px
    }

.c-RD-profile__section-title {
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa;
    padding-right: 16px;
    border-radius: 8px
}

.c-RD-profile__title {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #62666d !important;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    width: 100%;
    margin: 0;
    font-weight: 700
}

.c-RD-profile__input-name {
    font-size: 12px;
    font-size: .857rem;
    line-height: 35px;
    color: #62666d
}

.c-RD-profile__asfe {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.c-RD-profile__h-80 {
    height: 80px
}

.c-RD-profile__logo {
    width: 48px;
    height: 48px
}

.c-RD-profile__logo--placeholder {
    width: 80px;
    height: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    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-RD-profile__logo--placeholder-danger {
    border: 1px solid #ef5661
}

.c-RD-profile--document-border {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #fff
}

.c-RD-profile--document-label {
    width: 108px;
    margin-top: -19px;
    margin-left: 5px;
    background: #fff;
    text-align: center;
    height: 26px
}

.c-RD-profile__obf-c {
    -o-object-fit: contain;
    object-fit: contain
}

.c-RD-profile--ai-i {
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit
}

.c-RD-profile--ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-RD-profile--flb-40p {
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.c-RD-profile--mb-34 {
    margin-bottom: 34px
}

.c-RD-profile--mt-34 {
    margin-top: 34px
}

.c-RD-profile--mt-40 {
    margin-top: 40px
}

.c-RD-profile--mb-40 {
    margin-bottom: 40px
}

.c-RD-profile--ml-20 {
    margin-left: 20px
}

.c-RD-profile--mw-100 {
    min-width: 100px
}

.c-RD-profile--latandlong {
    color: #4fc1e9;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px;
    width: 50px;
    height: 40px;
    border-color: #4fc1e9;
    cursor: pointer
}

    .c-RD-profile--latandlong:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(79,193,233,.5);
        box-shadow: 0 0 0 4px rgba(79,193,233,.5)
    }

    .c-RD-profile--latandlong:disabled {
        color: #4fc1e9;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none
    }

.has-error > .c-RD-profile--latandlong:not(.is-filled) {
    color: #d24855
}

    .has-error > .c-RD-profile--latandlong:not(.is-filled):active {
        color: #fff
    }

.c-RD-profile--latandlong:after {
    content: "\F08F\00FE0E"
}

.c-RD-profile--latandlong.is-filled:disabled {
    opacity: .8
}

.c-RD-profile__gray-title {
    width: 101px;
    height: 40px;
    border-radius: 8px;
    background-color: #fafafa;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    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
}

.c-RD-profile--w-fc {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-RD-profile--mt-20 {
    margin-top: 20px
}

.c-RD-profile__center-end {
    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
}

.c-RD-profile--ml-12 {
    margin-left: 12px
}

.c-RD-profile--mb-0 {
    margin-bottom: 0 !important
}

.c-RD-profile--jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-RD-profile__separator {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #c0c2c5;
    right: 0;
    left: 0
}

.c-RD-profile__ai-fe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-RD-profile__action-button-size {
    width: 120px;
    height: 40px
}

.c-RD-profile__upload-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    border: 1px solid #4fcce9;
    background-color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    color: #4fcce9;
    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
}

    .c-RD-profile__upload-btn:before {
        content: "\F106\00FE0E"
    }

    .c-RD-profile__upload-btn > input {
        display: none
    }

.c-RD-profile__loading {
    width: 45px;
    height: 45px;
    color: #0e73ad;
    background-color: hsla(0,0%,100%,.8)
}

.c-RD-profile__loading, .c-RD-profile__upload-danger {
    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
}

.c-RD-profile__upload-danger {
    width: 38px;
    height: 38px;
    background-color: rgba(239,86,97,.8);
    border-radius: 50%;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    cursor: pointer;
    color: #fff
}

    .c-RD-profile__upload-danger:before {
        content: "\F00A\00FE0E"
    }

    .c-RD-profile__upload-danger > input {
        display: none
    }

.c-RD-profile__form-action {
    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;
    margin-top: 40px !important;
    padding: 0 20px
}

.c-RD-profile__approve-btn {
    padding: 9px 16px;
    color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    cursor: pointer
}

.c-RD-profile__approve-btn--disable {
    cursor: default;
    pointer-events: none;
    opacity: .6
}

.c-RD-profile__approve-btn--modal {
    width: 140px;
    height: 40px;
    padding: 0
}

.c-RD-profile__cancel-btn {
    padding: 9px 30px;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    color: #c0c2c5;
    cursor: pointer
}

.c-RD-profile__cancel-btn--modal {
    width: 140px;
    height: 40px;
    padding: 0
}

.c-RD-profile__checking {
    margin-top: 9px;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    line-height: 1.6
}

.c-RD-profile__checking--verified {
    color: #0e73ad;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-RD-profile__checking--verified:before {
        content: "\F02B\00FE0E"
    }

    .c-RD-profile__checking--verified:before {
        margin-left: 4px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-RD-profile__checking--conflict {
    color: #ef5661;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-RD-profile__checking--conflict:before {
        content: "\F037\00FE0E"
    }

    .c-RD-profile__checking--conflict:before {
        margin-left: 4px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-RD-profile__checking--alert {
    color: #ef5661;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-RD-profile__checking--alert:before {
        content: "\F00A\00FE0E"
    }

    .c-RD-profile__checking--alert:before {
        margin-left: 4px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-RD-profile__checking--waiting {
    color: #f9a825;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-RD-profile__checking--waiting:before {
        content: "\F10F\00FE0E"
    }

    .c-RD-profile__checking--waiting:before {
        background-color: #f9a825;
        margin-left: 4px;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        color: #fff;
        border-radius: 15px;
        height: 14px;
        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: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.c-RD-profile__profile-modal--bank {
    width: 704px !important
}

.c-RD-profile__profile-modal .uk-modal-dialog {
    max-width: 624px !important;
    padding: 20px;
    border-radius: 8px
}

.c-RD-profile__profile-modal-close {
    color: #424750
}

.c-RD-profile__profile-modal-alignment {
    padding: 28px
}

.c-RD-profile__profile-modal-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #62666d
}

.c-RD-profile__profile-modal-detail {
    padding: 24px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-RD-profile__profile-modal-detail-items {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    max-width: 194px !important
}

.c-RD-profile__profile-modal-detail--title-light {
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-RD-profile__profile-modal-detail--title-dark {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 500
}

.c-RD-profile__profile-modal-detail-description {
    margin-top: 32px;
    color: #a1a3a8;
    font-size: 12px;
    text-align: center
}

.c-RD-profile__profile-modal-confirmation {
    margin-top: 26px
}

    .c-RD-profile__profile-modal-confirmation span {
        margin-right: 8px
    }

.c-RD-profile__profile-modal-condition-message {
    color: #62666d;
    font-size: 12px
}

.c-RD-profile__profile-modal-action {
    margin-top: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-RD-profile__profile-modal-action--bank {
    padding: 0 28px
}

.c-RD-profile__profile-modal-warninig {
    margin-top: 32px;
    padding: 13px 16px;
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-RD-profile__profile-modal-warninig--icon-color {
    color: #f9a825;
    margin-left: 10px
}

.c-RD-profile__profile-modal--m-space {
    margin-top: 24px
}

.c-RD-profile__profile-modal-sheba-title {
    margin: 40px 0 24px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #62666d;
    text-align: center
}

.c-RD-profile__profile-modal-sheba-info {
    border-radius: 4px;
    border: 1px solid #e0e0e2;
    padding: 24px 48px
}

.c-RD-profile__profile-modal-sheba-item {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #62666d;
    font-weight: 500;
    margin-top: 24px
}

.c-RD-profile__work-calendar-status {
    border-radius: 15px;
    padding: 5px 12px;
    max-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .c-RD-profile__work-calendar-status:before {
        content: "\F0A0\00FE0E"
    }

    .c-RD-profile__work-calendar-status:before {
        margin-left: 5px;
        font-size: 9px;
        font-size: .643rem;
        line-height: 2.444
    }

.c-RD-profile__work-calendar-status--active {
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

    .c-RD-profile__work-calendar-status--active:before {
        color: #0e73ad
    }

.c-RD-profile__work-calendar-status--applied {
    background-color: hsla(0,0%,46.7%,.07);
    color: #777
}

    .c-RD-profile__work-calendar-status--applied:before {
        color: #a1a3a8
    }

.c-RD-profile__work-calendar-status--deleted {
    background-color: rgba(211,47,47,.1);
    color: #ef5661
}

    .c-RD-profile__work-calendar-status--deleted:before {
        color: #ef5661
    }

.c-RD-profile__work-calendar-status--gray {
    background-color: rgba(35,41,51,.05);
    color: #c0c2c5
}

    .c-RD-profile__work-calendar-status--gray:before {
        color: #e0e0e2
    }

.c-RD-profile__doc-upload-status {
    border-radius: 15px;
    padding: 5px 12px;
    max-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .c-RD-profile__doc-upload-status:before {
        content: "\F0A0\00FE0E"
    }

    .c-RD-profile__doc-upload-status:before {
        margin-left: 5px;
        font-size: 9px;
        font-size: .643rem;
        line-height: 2.444
    }

.c-RD-profile__doc-upload-status--approved {
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

    .c-RD-profile__doc-upload-status--approved:before {
        color: #0e73ad
    }

.c-RD-profile__doc-upload-status--waiting {
    background-color: rgba(249,168,37,.1);
    color: #f9a825
}

    .c-RD-profile__doc-upload-status--waiting:before {
        color: #f9a825
    }

.c-RD-profile__doc-upload-status--rejected {
    background-color: rgba(211,47,47,.1);
    color: #ef5661
}

    .c-RD-profile__doc-upload-status--rejected:before {
        color: #ef5661
    }

.c-RD-profile__doc-upload-status--gray {
    background-color: rgba(35,41,51,.05);
    color: #c0c2c5
}

    .c-RD-profile__doc-upload-status--gray:before {
        color: #e0e0e2
    }

.c-RD-profile__add-doc {
    border: 1px solid #e6e9ed;
    padding: 25px;
    margin-top: 17px;
    border-radius: 8px;
    margin-bottom: 7px
}

.c-RD-profile__add-doc-img {
    border-radius: 8px
}

.c-RD-profile__add-doc-title {
    color: #62666d;
    padding: 0 5px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    background: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 86px
}

.c-RD-profile__add-doc-upload {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    color: #fff;
    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;
    cursor: pointer
}

    .c-RD-profile__add-doc-upload:before {
        content: "\F106\00FE0E"
    }

    .c-RD-profile__add-doc-upload > input {
        display: none
    }

.c-RD-profile__add-doc-circumstances {
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    padding: 16px;
    color: #62666d;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    line-height: normal;
    margin-right: 32px;
    max-height: 90px
}

    .c-RD-profile__add-doc-circumstances li {
        list-style: none
    }

.c-RD-profile__add-doc-error {
    height: 88px;
    margin-right: 16px
}

    .c-RD-profile__add-doc-error p {
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2;
        color: #62666d;
        margin-top: 9px
    }

.c-RD-profile__add-doc-error-Commitment {
    border-radius: 8px;
    border: 1px solid #4fcce9;
    color: #4fcce9;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 8px 16px;
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-RD-profile__add-doc-error-Commitment:before {
        content: "\F05C\00FE0E"
    }

    .c-RD-profile__add-doc-error-Commitment:before {
        color: #4fcce9;
        margin-left: 8px;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-RD-profile__add-doc--m-space {
    margin-top: 24px
}

.c-RD-profile__delete-warehouse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 9px;
    max-height: 20px;
    border-radius: 8px;
    cursor: pointer
}

    .c-RD-profile__delete-warehouse:before {
        content: "\F04B\00FE0E"
    }

    .c-RD-profile__delete-warehouse:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833
    }

.c-RD-profile__delete-warehouse--danger {
    border: 1px solid #ef5661;
    color: #ef5661
}

.c-RD-profile__delete-warehouse--gray {
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    color: #a1a3a8
}

.c-RD-profile__holiday-responsibility {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #81858b
}

    .c-RD-profile__holiday-responsibility:before {
        content: "\F0E3\00FE0E"
    }

    .c-RD-profile__holiday-responsibility:before {
        padding: 5px;
        color: #fff;
        border-radius: 4px;
        background-color: #0e73ad;
        margin-left: 12px
    }

.c-RD-profile__holiday-empty {
    padding: 72px 0 120px
}

    .c-RD-profile__holiday-empty div {
        width: 100%;
        text-align: center;
        position: absolute
    }

.c-RD-profile__holiday-text--gray {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #a1a3a8;
    opacity: 1
}

.c-RD-profile__holiday-text--gray-light {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: rgba(161,163,168,.6)
}

.c-RD-profile__holiday-text--dark {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #62666d;
    font-weight: 500;
    opacity: 1
}

.c-RD-profile__contract-status {
    border-radius: 8px;
    padding: 10px 13px;
    color: #62666d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-RD-profile__contract-status:before {
        content: "\F0A0\00FE0E"
    }

.c-RD-profile__contract-status--confirmed {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1)
}

    .c-RD-profile__contract-status--confirmed:before {
        color: #0e73ad;
        padding-left: 13px
    }

.c-RD-profile__contract-status--pending {
    background-color: rgba(255,153,0,.1);
    box-border: solid 1px rgba(255,153,0,.6)
}

    .c-RD-profile__contract-status--pending:before {
        color: #fdc364;
        padding-left: 13px
    }

.c-RD-profile__contract-status--rejected {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05)
}

    .c-RD-profile__contract-status--rejected:before {
        color: #ef5661;
        padding-left: 13px
    }

.c-RD-profile__contract-tool-tip {
    color: #424750
}

    .c-RD-profile__contract-tool-tip:after {
        content: "\F0C2\00FE0E"
    }

    .c-RD-profile__contract-tool-tip:before {
        content: ""
    }

    .c-RD-profile__contract-tool-tip:after {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-RD-profile__tool-tip-container {
    position: absolute;
    left: 2%;
    bottom: 8%;
    text-align: center
}

.c-RD-profile + .select2 {
    height: 40px !important
}

.c-RD-profile + .select2-container .select2-selection--multiple, .c-RD-profile + .select2-container .select2-selection--single {
    height: 40px !important
}

.c-RD-profile + .select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #ddd;
    background-color: #fff;
    height: 40px
}

    .c-RD-profile + .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: #777
    }

textarea[disabled], textarea[readonly] {
    background-color: #fff !important
}

.c-profile-calendar-current-day {
    opacity: 1 !important
}

    .c-profile-calendar-current-day .c-profile-date {
        font-size: 14px;
        font-weight: 500;
        color: #62666d
    }

.c-profile-calendar-past-date {
    opacity: .6
}

.c-profile-calendar-future-date .c-calendar__date {
    color: #a1a3a8
}

.c-profile-business-info-logo-hint {
    font-family: IRANYekan,sans-serif;
    background-color: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2);
    padding: 8px 15px !important;
    height: auto;
    border-radius: 8px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-profile-business-info-logo-error, .c-profile-business-info-logo-hint {
    color: #62666d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 8px;
    width: 100%;
    margin-right: 12.5px;
    margin-left: 12.5px
}

.c-profile-business-info-logo-error {
    border: 1px solid rgba(211,47,47,.1);
    border-radius: 8px;
    height: 40px;
    background-color: rgba(211,47,47,.05);
    padding: 8px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-profile-info-seller-description {
    border: none;
    outline: none;
    background-color: transparent;
    color: #4fcce9;
    text-decoration: underline;
    margin-right: auto;
    cursor: pointer;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-profile-business-info-about-seller-sample-modal {
    z-index: 1000
}

    .c-profile-business-info-about-seller-sample-modal > div {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        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-profile-business-info-about-seller-sample-modal__main-container {
    background-color: #fff;
    width: 624px;
    height: 329px;
    top: auto;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-profile-business-info-about-seller-sample-modal__title {
    color: #62666d;
    font-family: IRANYekan,sans-serif;
    margin: 0 48px 32px;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-profile-business-info-about-seller-sample-modal__description {
    font-family: IRANYekan,sans-serif;
    margin: 0 48px 32px;
    color: #62666d;
    line-height: 1.7 !important;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-profile-business-info-about-seller-sample-modal__close {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 32px;
    height: 32px;
    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: 16px auto 0 16px;
    cursor: pointer;
    color: #424750;
    font-size: 19px;
    font-size: 1.357rem;
    line-height: 1.158
}

    .c-profile-business-info-about-seller-sample-modal__close:before {
        content: "\F03E\00FE0E"
    }

.c-profile-business-info-about-seller-sample-modal__return-button {
    width: 120px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    cursor: pointer;
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-profile-doc-upload-container .c-ui-table__header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f7f7f8
}

.c-profile-doc-upload-logo-has-error {
    position: absolute;
    width: 80px;
    height: 80px;
    top: -1px;
    left: -1px;
    border-radius: 8px;
    border: 1px solid #ef5661;
    background-color: hsla(0,0%,100%,.8);
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-profile-doc-upload-logo-has-error > div {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        color: #fff;
        background-color: #ef5661;
        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;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .c-profile-doc-upload-logo-has-error > div:before {
            font-size: 20px !important
        }

        .c-profile-doc-upload-logo-has-error > div:before {
            content: "\F00A\00FE0E"
        }

.c-profile-docs-upload-expire-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 262px;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 8px
}

    .c-profile-docs-upload-expire-date > input {
        border: none;
        outline: none;
        font-family: IranYekan,sans-serif;
        width: 210px;
        color: #62666d
    }

    .c-profile-docs-upload-expire-date > div {
        height: 24px;
        width: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .c-profile-docs-upload-expire-date > div:before {
            color: #a1a3a8;
            font-size: 20px;
            font-size: 1.429rem;
            line-height: 1.1
        }

        .c-profile-docs-upload-expire-date > div:before {
            content: "\F021\00FE0E"
        }

.c-profile-docs-upload-expire-date--has-error {
    border-color: #ef5661
}

.c-profile-docs-upload-cancel-button {
    margin-left: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    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;
    height: 40px;
    width: 40px;
    background-color: transparent;
    color: #c0c2c5;
    border: 1px solid #c0c2c5;
    outline: none;
    margin-right: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

    .c-profile-docs-upload-cancel-button:before {
        content: "\F03E\00FE0E"
    }

.c-profile-docs-upload-reject-tooltip {
    -webkit-transition: visibility .5s,opacity .5s ease-in-out;
    transition: visibility .5s,opacity .5s ease-in-out;
    visibility: hidden;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -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;
    position: absolute;
    background: #fff;
    width: 250px;
    height: auto;
    min-height: 80px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    border: 1px solid #e0e0e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px 20px;
    border-radius: 8px;
    top: calc(100% + 10px);
    left: 0;
    font-family: IranYekan,sans-serif;
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-profile-docs-upload-reject-tooltip > div {
        text-align: start
    }

    .c-profile-docs-upload-reject-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 6px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        height: 10px;
        width: 8px;
        border: 1px solid #e0e0e2;
        border-right: none;
        border-bottom: none
    }

.c-profile-docs-upload-reject-info-icon {
    width: 22px;
    height: 22px;
    margin-right: 6px;
    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;
    position: relative;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1
}

    .c-profile-docs-upload-reject-info-icon:hover .c-profile-docs-upload-reject-tooltip {
        visibility: visible;
        opacity: 1
    }

    .c-profile-docs-upload-reject-info-icon:before {
        content: "\F09D\00FE0E"
    }

.c-profile-form-container .c-card {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-profile-select2-existed-option {
    margin-right: auto;
    color: #0e73ad;
    font-family: IRANYekan,sans-serif;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-profile-select2-existed-option:before {
        background-color: #0e73ad;
        color: #fff;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 5px;
        font-size: 7px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-profile-select2-existed-option:before {
        content: "\F0FD\00FE0E"
    }

.c-profile-seller-description-container {
    width: 745px;
    margin-right: 75px
}

    .c-profile-seller-description-container textarea {
        resize: none
    }

        .c-profile-seller-description-container textarea::-webkit-scrollbar {
            width: 9px;
            height: 12px;
            background-color: #f5f7fa;
            border-radius: 8px
        }

        .c-profile-seller-description-container textarea::-webkit-scrollbar-track {
            background-clip: padding-box;
            background-color: #f5f7fa;
            border-radius: 8px;
            border-color: #f5f7fa #fff;
            border-style: solid;
            border-width: 2px
        }

        .c-profile-seller-description-container textarea::-webkit-scrollbar-thumb {
            height: 8px;
            border-color: #f5f7fa #fff;
            border-style: solid;
            border-width: 2px;
            background-clip: padding-box;
            border-radius: 8px;
            background-color: #c4c5c5
        }

        .c-profile-seller-description-container textarea::-webkit-scrollbar-button {
            width: 0;
            height: 0;
            display: none
        }

@media screen and (max-width:991px) {
    .c-profile-seller-description-container {
        margin-right: 15px;
        margin-left: 13px
    }
}

.c-profile-docs-download-link {
    color: #4fcce9 !important
}

    .c-profile-docs-download-link:before {
        font-size: 24px
    }

@media screen and (max-width:991px) {
    .c-profile-responsive-navbar {
        overflow-x: auto;
        overflow-y: hidden
    }
}

.c-calendar__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0 20px
}

.c-calendar__controls {
    margin-bottom: -10px
}

.c-calendar__month {
    margin: 0 20px
}

.c-calendar__month--next, .c-calendar__month--previous {
    width: 48px;
    height: 48px;
    color: #888
}

    .c-calendar__month--next:before, .c-calendar__month--previous:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px
    }

    .c-calendar__month--next:before {
        content: ""
    }

    .c-calendar__month--previous:before {
        content: ""
    }

.c-calendar__month-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: fixed;
    margin: 10px;
    opacity: 0;
    z-index: 1011;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    width: 235px;
    padding: 15px 20px;
    border-radius: 10px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    background-color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
    pointer-events: all
}

    .c-calendar__month-box:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-left: -6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-left: 1px solid hsla(0,0%,59.2%,.2);
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff
    }

.c-calendar__month-box--item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 33%;
    height: 40px;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-calendar__month-box--item:nth-last-child(-n+5) {
        height: unset
    }

.c-calendar__year {
    font-size: 18px;
    font-size: 1.286rem;
    color: red;
    margin-bottom: 10px
}

@media (min-width:576px) {
    .c-calendar__year {
        position: absolute;
        right: 0;
        top: 0
    }
}

.c-calendar__week {
    border-bottom: 1px solid #dfe3e7
}

.c-calendar__week--header {
    border-bottom-width: 2px
}

.c-calendar__day--header {
    font-weight: 700
}

.c-calendar__day.today {
    color: #62666d;
    font-weight: 500
}

.c-calendar__day.holiday .c-calendar__day-wrapper {
    border: 1px solid rgba(87,207,177,.1);
    background-color: rgba(87,207,177,.05)
}

.c-calendar__day.past .c-calendar__day-wrapper {
    opacity: .6
}

.c-calendar__date {
    max-height: 18px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 500;
    color: #62666d;
    text-align: center
}

.c-calendar__promo-cluster {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 55%;
    width: 100%
}

.c-calendar__promo-line {
    bottom: 6px
}

.c-calendar__counter {
    width: 24px;
    height: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 14px;
    font-size: 8px;
    font-size: .571rem;
    line-height: 2.75;
    margin: 0 1px;
    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;
    border: .5px solid #19bfd3;
    border-radius: 2px;
    color: #19bfd3;
    text-align: center;
    font-weight: 500
}

.c-calendar__badge:before {
    content: "\F0E3\00FE0E"
}

.c-calendar__badge:before {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    background-color: #0e73ad;
    color: #fff;
    font-size: 12px;
    font-size: .857rem;
    line-height: 10px;
    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-calendar__badge--big:before {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px
}

.c-calendar__highlight-box {
    background-color: rgba(87,207,177,.2);
    border: 1px solid rgba(87,207,177,.2);
    border-radius: 8px
}

.c-calendar__remaining-holiday-title {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #62666d
}

.c-calendar__remaining-holiday-remaining {
    font-size: 14px;
    color: #62666d
}

.c-calendar__remaining-holiday-count {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-calendar__remaining-holiday-total {
    color: #a1a3a8;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-calendar__month-remaining-holiday {
    position: absolute;
    left: 0;
    top: 8px;
    padding: 3px 8px
}

.c-calendar__day-label {
    font-size: 7px;
    font-size: .5rem;
    line-height: 14px;
    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;
    height: 14px;
    margin: 3px 6px;
    color: #a4a4a4
}

.c-ui-form__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-left: -20px
}

    .c-ui-form__row + .c-ui-form__row {
        margin-top: 10px
    }

    .c-ui-form__row + .c-ui-form__row--extra-gap {
        margin-top: 20px
    }

.c-ui-form__row--gap-30 + .c-ui-form__row--gap-30 {
    margin-top: 30px
}

.c-ui-form__row--wrap-row {
    margin-top: -5px;
    margin-bottom: -5px
}

    .c-ui-form__row--wrap-row > .c-ui-form__col {
        padding-top: 5px;
        padding-bottom: 5px
    }

.c-ui-form__row--no-gap {
    margin-right: 0;
    margin-left: 0
}

.c-ui-form__row--no-top-gap {
    margin-top: 0 !important
}

.c-ui-form__row--align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.c-ui-form__row--nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-ui-form__row--v-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-ui-form__row--group {
    margin-right: -5px;
    margin-left: -5px
}

.c-ui-form__row--gap-sm {
    margin-right: -10px;
    margin-left: -10px
}

@media screen and (max-width:991px) {
    .c-ui-form__row--wrap-xs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width:1450px) {
    .c-ui-form__row--wrap-l {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }
}

.c-ui-form__row + .error {
    margin-top: 4px
}

.c-ui-form__row--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-ui-form__row-child-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

    .c-ui-form__row-child-between > :not(:first-child) {
        margin-right: 8px
    }

.c-ui-form__col {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-form__col--pull-left {
    margin-right: auto
}

.c-ui-form__col--nowrap {
    white-space: nowrap
}

.c-ui-form__col--top-gap {
    margin-top: 10px
}

.c-ui-form__col--1 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 8.333%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-1 {
        width: 8.333%
    }

        .c-ui-form__col--xs-1 + .c-ui-form__col--xs-1 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--2 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16.667%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-2 {
        width: 16.667%
    }

        .c-ui-form__col--xs-2 + .c-ui-form__col--xs-2 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--3 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 25%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-3 {
        width: 25%
    }

        .c-ui-form__col--xs-3 + .c-ui-form__col--xs-3 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--4 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 33.333%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-4 {
        width: 33.333%
    }

        .c-ui-form__col--xs-4 + .c-ui-form__col--xs-4 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--5 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 41.667%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-5 {
        width: 41.667%
    }

        .c-ui-form__col--xs-5 + .c-ui-form__col--xs-5 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--6 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-6 {
        width: 50%
    }

        .c-ui-form__col--xs-6 + .c-ui-form__col--xs-6 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--7 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 58.333%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-7 {
        width: 58.333%
    }

        .c-ui-form__col--xs-7 + .c-ui-form__col--xs-7 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--8 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 66.667%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-8 {
        width: 66.667%
    }

        .c-ui-form__col--xs-8 + .c-ui-form__col--xs-8 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--9 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 75%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-9 {
        width: 75%
    }

        .c-ui-form__col--xs-9 + .c-ui-form__col--xs-9 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--10 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 83.333%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-10 {
        width: 83.333%
    }

        .c-ui-form__col--xs-10 + .c-ui-form__col--xs-10 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--11 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 91.667%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-11 {
        width: 91.667%
    }

        .c-ui-form__col--xs-11 + .c-ui-form__col--xs-11 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--12 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

@media screen and (max-width:991px) {
    .c-ui-form__col--xs-12 {
        width: 100%;
        padding-right: 20px !important;
        padding-left: 20px !important
    }

        .c-ui-form__col--xs-12 + .c-ui-form__col--xs-12 {
            padding-left: 20px !important
        }
}

.c-ui-form__col--no-gap:not(:first-child) {
    padding-right: 0 !important
}

.c-ui-form__col--no-gap:not(:last-child) {
    padding-left: 0 !important
}

.c-ui-form__col--small-gap:not(:first-child) {
    padding-right: 5px
}

.c-ui-form__col--small-gap:not(:last-child) {
    padding-left: 5px
}

.c-ui-form__col--medium-gap:not(:first-child) {
    padding-right: 15px
}

.c-ui-form__col--medium-gap:not(:last-child) {
    padding-left: 15px
}

.c-ui-form__col--shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.c-ui-form__col--group-item {
    padding-right: 5px;
    padding-left: 5px
}

.c-ui-form__col--gap-sm {
    padding-right: 10px;
    padding-left: 10px
}

.c-ui-form__col > .error {
    display: block;
    color: #d24855;
    font-size: 12px;
    font-size: .857rem;
    line-height: 16px;
    min-height: 18px;
    padding: 1px 33px 1px 0;
    margin-top: 4px;
    margin-bottom: -18px;
    background: url(../files/762be82c.svg) 100% 0 no-repeat transparent;
    background-size: 18px 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-form__col > .error + .error {
        margin-top: 22px
    }

@media screen and (max-width:991px) {
    .c-ui-form__col--xs {
        padding-left: 20px !important;
        padding-right: 20px !important
    }

    .c-ui-form__col--xs-full {
        width: 100% !important;
        max-width: 100% !important
    }

    .c-ui-form__col--xs-new-line {
        padding-right: 20px !important
    }

    .c-ui-form__col--wrap-xs {
        margin-top: 10px
    }

    .c-ui-form__col--wrap-xs-30 {
        margin-top: 30px
    }

    .c-ui-form__col--wrap-xs:first-child {
        padding-right: 20px
    }

    .c-ui-form__col--wrap-xs:last-child {
        padding-left: 20px
    }

    .c-ui-form__col--group-item {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

        .c-ui-form__col--group-item + .c-ui-form__col--group-item {
            padding-left: 5px !important
        }
}

.c-ui-form__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ui-form__controls--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:991px) {
    .c-ui-form__controls--column-xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-ui-form__controls--column-xs .c-ui-switch + .c-ui-switch {
            margin-right: 0;
            margin-top: 10px
        }
}

.c-ui-form__label {
    display: block;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    margin-bottom: 8px
}

.c-ui-form__label--upper {
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    margin-bottom: 0
}

.c-ui-form__label--sub {
    color: #9199a0;
    font-size: 10px;
    font-size: .714rem;
    line-height: 20px
}

.c-ui-form__label--condensed {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    margin-bottom: 0
}

.c-ui-form__label--inline {
    display: inline-block
}

.c-ui-form__label--required:after {
    content: "";
    position: relative;
    top: -5px;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    border-radius: 3px;
    background-color: #ef5661
}

@media screen and (max-width:991px) {
    .c-ui-form__label--xs-hidden {
        display: none
    }
}

.c-ui-form__status {
    position: relative;
    display: inline-block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    padding: 8px 30px 8px 10px;
    background-color: #f5f5f5;
    border-radius: 8px;
    white-space: nowrap
}

@media screen and (max-width:991px) {
    .c-ui-form__status {
        white-space: normal
    }
}

.c-ui-form__status:before {
    content: "";
    position: absolute;
    top: 13px;
    right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc
}

.c-ui-form__status--pending:before {
    background-color: #ef5661
}

.c-ui-form__status--success {
    color: #0e73ad;
    background-color: rgba(87,207,177,.07)
}

    .c-ui-form__status--success:before {
        background-color: #0e73ad
    }

.c-ui-form__status--warning {
    color: #f5a623;
    background-color: rgba(245,166,35,.07)
}

    .c-ui-form__status--warning:before {
        background-color: #f5a623
    }

.c-ui-form__status--danger {
    color: #ef5661;
    background-color: rgba(239,86,97,.07)
}

    .c-ui-form__status--danger:before {
        background-color: #ef5661
    }

.c-ui-form__status--simple {
    background-color: transparent;
    padding: 0
}

    .c-ui-form__status--simple:before {
        display: none
    }

.c-ui-form__status--default {
    color: #777;
    background-color: hsla(0,0%,46.7%,.07)
}

    .c-ui-form__status--default:before {
        background-color: #777
    }

.c-ui-form__status--info {
    color: #4fcce9;
    background-color: rgba(79,204,233,.07)
}

    .c-ui-form__status--info:before {
        background-color: #4fcce9
    }

.c-ui-form__status--approved {
    color: #a0d468;
    background-color: rgba(160,212,104,.07)
}

    .c-ui-form__status--approved:before {
        background-color: #a0d468
    }

.c-ui-form__container {
    margin-top: 15px;
    border-top: 1px solid #f5f7fa
}

.c-ui-form__container--double-gap {
    margin-top: 30px
}

.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:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 25px;
        background-color: #eaedf0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.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
}

    .c-ui-paginator__control-item + .c-ui-paginator__control-item {
        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
}

    .c-ui-paginator__control-prev:before {
        content: "\F0B7\00FE0E"
    }

.c-ui-paginator__control-prev--disabled {
    color: #e6e9ed;
    pointer-events: none
}

.c-ui-paginator__control-prev:focus, .c-ui-paginator__control-prev:hover {
    border-color: #4fcce9;
    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-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
}

    .c-ui-paginator__control-next:before {
        content: "\F09F\00FE0E"
    }

.c-ui-paginator__control-next--disabled {
    color: #e6e9ed;
    pointer-events: none
}

.c-ui-paginator__control-next:focus, .c-ui-paginator__control-next:hover {
    border-color: #4fcce9;
    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-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: #4fcce9;
        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;
    width: 30px;
    height: 30px;
    color: #9199a0;
    padding-top: 2px;
    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: #4fcce9;
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.3);
    pointer-events: none
}

.c-ui-paginator__control-digit:focus, .c-ui-paginator__control-digit:hover {
    color: #3e3f3f;
    border-color: #4fcce9;
    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: #4fcce9;
    -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: "\F0B7\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: "\F09F\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: "\F05A\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-ui-btn {
    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: 13px;
    font-size: .929rem;
    line-height: 1.692;
    color: #606265;
    height: 40px;
    padding: 0 16px !important;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    background-color: #f9fafc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-btn:focus {
        border-color: #bec4cb
    }

    .c-ui-btn:hover {
        color: #606265;
        border-color: #4fcce9
    }

    .c-ui-btn.is-disabled, .c-ui-btn:disabled {
        color: #fff;
        border-color: #e6e9ed;
        background-color: #e6e9ed;
        pointer-events: none;
        cursor: default
    }

    .c-ui-btn:active {
        color: #fff;
        border-color: #4fcce9;
        background-color: #4fcce9;
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.3);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.3)
    }

.c-ui-btn--warning {
    background-color: #f9a825;
    color: #fff
}

.c-ui-btn--warning-disabled {
    opacity: .9;
    color: #f9a825;
    cursor: default
}

    .c-ui-btn--warning-disabled:hover {
        border-color: #e6eaef;
        color: #f9a825
    }

.c-ui-btn--active {
    color: #fff;
    border-color: #4fcce9;
    background-color: #4fcce9
}

    .c-ui-btn--active:focus {
        border-color: #4fcce9
    }

    .c-ui-btn--active:hover {
        color: #fff
    }

.c-ui-btn--primary {
    color: #fff;
    border-color: #0e73ad;
    background-color: #0e73ad
}

    .c-ui-btn--primary:focus {
        border-color: #0e73ad
    }

    .c-ui-btn--primary:hover {
        color: #fff
    }

    .c-ui-btn--primary:active {
        border-color: #0e73ad;
        background-color: #0e73ad;
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
    }

.c-ui-btn--o-primary {
    color: #42c9a7;
    border-color: #42c9a7;
    background-color: transparent
}

.c-ui-btn--danger {
    color: #fff;
    border-color: #ef5661;
    background-color: #ef5661
}

    .c-ui-btn--danger:focus {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .c-ui-btn--danger:hover {
        color: #fff
    }

    .c-ui-btn--danger:active {
        color: #fff;
        border-color: 0 6px 12px 0;
        background-color: #ef5661
    }

.c-ui-btn--o-danger {
    color: #ef5661;
    border-color: #ef5661;
    background-color: #fff
}

    .c-ui-btn--o-danger:focus {
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
    }

    .c-ui-btn--o-danger:hover {
        color: #ef5661
    }

    .c-ui-btn--o-danger:active {
        color: #fff;
        border-color: 0 6px 12px 0;
        background-color: #ef5661
    }

.c-ui-btn--w-85 {
    width: 85px
}

.c-ui-btn--w-90 {
    width: 90px
}

.c-ui-btn--w-150 {
    width: 150px
}

.c-ui-btn--h-40 {
    height: 40px
}

.c-ui-btn--h-50 {
    height: 50px
}

.c-ui-btn--jammed {
    padding-right: 13px !important;
    padding-left: 13px !important
}

.c-ui-btn--link {
    color: #4fcce9;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: none;
    background-color: transparent
}

    .c-ui-btn--link:focus {
        color: #606265
    }

    .c-ui-btn--link:active {
        color: #000;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-ui-btn--upload:before {
    content: "\F089\00FE0E"
}

.c-ui-btn--upload:before {
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px;
    margin-left: 10px
}

.c-ui-btn--check {
    padding: 9px !important;
    height: unset
}

    .c-ui-btn--check:after {
        content: "\F02D\00FE0E"
    }

    .c-ui-btn--check:after {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

.c-ui-btn--cross {
    padding: 7px !important;
    height: unset
}

    .c-ui-btn--cross:after {
        content: "\F046\00FE0E"
    }

    .c-ui-btn--cross:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-ui-btn--cross-sm {
    padding: 6px !important;
    height: unset;
    background-color: transparent;
    border-color: #e6eaef
}

    .c-ui-btn--cross-sm:after {
        content: "\F046\00FE0E"
    }

    .c-ui-btn--cross-sm:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-ui-btn--payback {
    padding: 7px !important;
    height: unset
}

    .c-ui-btn--payback:after {
        content: "\F0A9\00FE0E"
    }

    .c-ui-btn--payback:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-ui-btn--packaging {
    padding: 7px 8px !important;
    height: unset;
    white-space: nowrap
}

    .c-ui-btn--packaging:after {
        content: "\F0A2\00FE0E"
    }

    .c-ui-btn--packaging:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        margin-right: 8px
    }

    .c-ui-btn--packaging:hover {
        color: #0e73ad;
        background-color: rgba(87,207,177,.05);
        border-color: #0e73ad
    }

    .c-ui-btn--packaging:active {
        background: rgba(87,207,177,.3);
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: #0e73ad
    }

.c-ui-btn--person {
    padding: 7px !important;
    height: unset
}

    .c-ui-btn--person:after {
        content: "\F0AA\00FE0E"
    }

    .c-ui-btn--person:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-ui-btn--time {
    padding: 7px !important;
    height: unset
}

    .c-ui-btn--time:after {
        content: "\F0FF\00FE0E"
    }

    .c-ui-btn--time:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-ui-btn--label {
    padding: 8px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-btn--label:after {
        content: "\F0A2\00FE0E"
    }

    .c-ui-btn--label:after {
        margin-right: 8px !important;
        font-size: 24px !important;
        line-height: 24px !important
    }

.c-ui-btn--excel-up:before {
    content: "\F073\00FE0E"
}

.c-ui-btn--excel-up:before {
    position: relative;
    top: -1px;
    font-size: 15px;
    margin-left: 5px
}

.c-ui-btn--excel-up:hover {
    text-decoration: none
}

.c-ui-btn--b2b:before {
    content: "\F013\00FE0E"
}

.c-ui-btn--b2b:before {
    position: relative;
    top: -1px;
    font-size: 15px;
    margin-left: 5px
}

.c-ui-btn--b2b--disabled-b2b {
    opacity: .5;
    pointer-events: none
}

.c-ui-btn--excel-down:before {
    content: "\F071\00FE0E"
}

.c-ui-btn--excel-down:before {
    position: relative;
    top: -1px;
    font-size: 15px;
    margin-left: 5px
}

.c-ui-btn--excel-down:hover {
    text-decoration: none
}

.c-ui-btn--history:before {
    content: "\F03B\00FE0E"
}

.c-ui-btn--history:before {
    position: relative;
    top: -1px;
    font-size: 15px;
    margin-left: 5px
}

.c-ui-btn--history:hover {
    text-decoration: none
}

.c-ui-btn--add:after {
    content: "\F008\00FE0E"
}

.c-ui-btn--add:after {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    margin-right: 15px
}

.c-ui-btn--add-green {
    color: #0e73ad;
    border-color: #0e73ad;
    background-color: transparent
}

    .c-ui-btn--add-green:hover {
        background-color: transparent;
        color: #0e73ad
    }

.c-ui-btn--add.ml-5 {
    margin-left: 5px
}

.c-ui-btn--search-form {
    padding-right: 8px !important;
    padding-left: 8px !important
}

    .c-ui-btn--search-form:after {
        content: "\F0D9\00FE0E"
    }

    .c-ui-btn--search-form:after {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1
    }

    .c-ui-btn--search-form:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(79,204,233,.5);
        box-shadow: 0 0 0 4px rgba(79,204,233,.5)
    }

    .c-ui-btn--search-form span {
        margin-left: 24px
    }

@media screen and (min-width:992px) {
    .c-ui-btn--search-form span {
        display: none
    }
}

.c-ui-btn--clear-form {
    padding-right: 9px !important;
    padding-left: 9px !important;
    min-width: 40px
}

    .c-ui-btn--clear-form:after {
        content: "\F039\00FE0E"
    }

    .c-ui-btn--clear-form:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-ui-btn--clear-form:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(79,204,233,.5);
        box-shadow: 0 0 0 4px rgba(79,204,233,.5)
    }

    .c-ui-btn--clear-form span {
        margin-left: 24px
    }

@media screen and (min-width:992px) {
    .c-ui-btn--clear-form span {
        display: none
    }
}

.c-ui-btn--input-clear {
    display: none;
    position: absolute;
    left: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    padding: 2px !important;
    border-radius: 2px
}

    .c-ui-btn--input-clear:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(79,204,233,.5);
        box-shadow: 0 0 0 4px rgba(79,204,233,.5)
    }

    .c-ui-btn--input-clear:after {
        content: "\F039\00FE0E"
    }

    .c-ui-btn--input-clear:after {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px
    }

    .c-ui-btn--input-clear.is-active {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

.c-ui-btn--confirm {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    width: 106px;
    height: 40px
}

.c-ui-btn--latandlong {
    color: #4fc1e9;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px;
    width: 50px;
    height: 50px;
    border-color: #4fc1e9;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(79,193,233,.2);
    box-shadow: 0 0 0 0 rgba(79,193,233,.2)
}

    .c-ui-btn--latandlong:focus {
        -webkit-box-shadow: 0 0 0 4px rgba(79,193,233,.5);
        box-shadow: 0 0 0 4px rgba(79,193,233,.5)
    }

    .c-ui-btn--latandlong:disabled {
        color: #4fc1e9;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none
    }

.has-error > .c-ui-btn--latandlong:not(.is-filled) {
    color: #d24855
}

    .has-error > .c-ui-btn--latandlong:not(.is-filled):active {
        color: #fff
    }

.c-ui-btn--latandlong:after {
    content: "\F08F\00FE0E"
}

.c-ui-btn--latandlong.is-filled {
    color: #fff;
    border-color: #4fc1e9;
    background-color: #4fc1e9
}

    .c-ui-btn--latandlong.is-filled:disabled {
        opacity: .8
    }

.c-ui-btn--icon-only {
    padding: 0 8px !important
}

    .c-ui-btn--icon-only:after {
        margin-right: 0
    }

    .c-ui-btn--icon-only span {
        margin-left: 24px
    }

@media screen and (min-width:992px) {
    .c-ui-btn--icon-only span {
        display: none
    }
}

.c-ui-btn--product-settings {
    position: relative;
    margin-right: -8px;
    padding: 0 14px 0 9px !important;
    border: 1px solid #e6eaef;
    border-radius: 8px 0 0 8px;
    background-color: #f9fafc
}

    .c-ui-btn--product-settings:before {
        content: "\F0DF\00FE0E"
    }

    .c-ui-btn--product-settings:before {
        font-size: 12px !important;
        line-height: 12px
    }

.c-ui-btn--details {
    color: #4fcce9;
    height: 20px;
    padding: 0 3px !important;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: transparent
}

    .c-ui-btn--details:before {
        content: "\F04C\00FE0E"
    }

    .c-ui-btn--details:before {
        font-size: 12px !important;
        line-height: 12px
    }

.c-ui-btn--product-chart {
    position: relative;
    padding: 0 8px !important;
    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .c-ui-btn--product-chart:hover {
        color: #000
    }

    .c-ui-btn--product-chart:focus {
        color: #000
    }

        .c-ui-btn--product-chart:focus:after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: "";
            width: 24px;
            height: 24px;
            border: 1px solid #bbbaba;
            border-radius: 4px;
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0)
        }

    .c-ui-btn--product-chart:active {
        border-color: transparent;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-ui-btn--product-chart:before {
        content: "\F0F0\00FE0E"
    }

    .c-ui-btn--product-chart:before {
        font-size: 15px !important;
        line-height: 15px
    }

.c-ui-btn--delete {
    color: #ef5661;
    border: 1px solid transparent;
    background-color: transparent
}

    .c-ui-btn--delete:before {
        content: "\F04B\00FE0E"
    }

    .c-ui-btn--delete:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 22px
    }

    .c-ui-btn--delete:hover {
        color: #ef5661;
        border-color: #eee
    }

.c-ui-btn--delete-bin {
    color: #777;
    border: 1px solid transparent;
    background-color: transparent
}

    .c-ui-btn--delete-bin:before {
        content: "\F016\00FE0E"
    }

    .c-ui-btn--delete-bin:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 18px
    }

    .c-ui-btn--delete-bin:hover {
        color: #ef5661;
        border-color: #eee
    }

    .c-ui-btn--delete-bin:active {
        color: #fff
    }

    .c-ui-btn--delete-bin span {
        font-size: 12px;
        margin-right: 5px
    }

.c-ui-btn--transparent {
    border-color: transparent;
    background-color: transparent
}

.c-ui-btn--next-step {
    vertical-align: top
}

    .c-ui-btn--next-step:after {
        content: "\F09F\00FE0E"
    }

    .c-ui-btn--next-step:after {
        font-size: 11px;
        margin-right: 10px
    }

.c-ui-btn--prev-step {
    vertical-align: top;
    margin-left: 15px
}

    .c-ui-btn--prev-step:before {
        content: "\F0B7\00FE0E"
    }

    .c-ui-btn--prev-step:before {
        font-size: 11px;
        margin-left: 10px
    }

    .c-ui-btn--prev-step:hover {
        text-decoration: none
    }

.c-ui-btn--spaceless + .c-ui-btn--spaceless {
    margin-right: 10px
}

.c-ui-btn--small-space {
    margin-right: 4px
}

.c-ui-btn--medium-space {
    margin-right: 8px
}

@media screen and (max-width:1450px) {
    .c-ui-btn--small-top-space {
        margin-top: 5px
    }
}

.c-ui-btn--create {
    width: 170px;
    height: 35px;
    color: #4fcce9;
    border-color: #4fcce9;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-btn--create:focus, .c-ui-btn--create:hover {
        text-decoration: none;
        color: #fff;
        background-color: #4fcce9;
        border-color: #4fcce9
    }

.c-ui-btn--create-short {
    width: 125px
}

.c-ui-btn--add-similar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #606265
}

    .c-ui-btn--add-similar:hover {
        color: #fff;
        background-color: #4fcce9;
        border-color: #4fcce9;
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
        box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
    }

.c-ui-btn--next {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    color: #fff;
    min-width: 120px;
    height: 40px;
    padding: 0 15px;
    background-color: #4fcce9;
    border-color: #4fcce9;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    -webkit-box-shadow: 0 0 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 0 12px 0 rgba(79,193,233,.3);
    white-space: nowrap
}

    .c-ui-btn--next:hover {
        color: #fff;
        text-decoration: none
    }

    .c-ui-btn--next:after {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        margin-right: 25px
    }

    .c-ui-btn--next.disabled {
        color: #777;
        background-color: #f5f7fa;
        border-color: #bbbaba;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-ui-btn--next.mr-0 {
        margin-right: 0
    }

.c-ui-btn--outline-blue {
    min-height: 40px;
    min-width: 145px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #4fcce9;
    border-radius: 8px;
    color: #4fcce9;
    background: #fff;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-ui-btn--outline-blue:hover {
        color: #4fcce9
    }

.c-ui-btn--gray {
    min-height: 40px;
    min-width: 145px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    color: #81858b;
    background: #f7f7f8;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-ui-btn--gray:hover {
        color: #81858b;
        border-color: #e0e0e2
    }

.c-ui-btn--action {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 15px;
    color: #fff;
    width: auto;
    height: 40px;
    background-color: #4fcce9;
    border-color: #4fcce9;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    -webkit-box-shadow: 0 0 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 0 12px 0 rgba(79,193,233,.3)
}

    .c-ui-btn--action:hover {
        color: #fff;
        text-decoration: none
    }

    .c-ui-btn--action:after {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        margin-right: 25px
    }

    .c-ui-btn--action.disabled {
        color: #606265;
        background-color: #f0f3f6;
        border-color: #dadee4;
        pointer-events: none;
        opacity: .6
    }

    .c-ui-btn--action:disabled {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-ui-btn--prev {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4fcce9;
    width: 120px;
    height: 40px;
    border-color: #4fcce9;
    background-color: #fff;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-ui-btn--prev:hover {
        text-decoration: none
    }

    .c-ui-btn--prev:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        margin-left: 25px
    }

    .c-ui-btn--prev.disabled {
        color: #606265;
        background-color: #f0f3f6;
        border-color: #dadee4;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-ui-btn--plain {
    margin-right: 15px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #606265;
    height: 40px;
    border-color: #dadee4;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-ui-btn--plain:hover {
        border-color: #dadee4;
        text-decoration: none
    }

    .c-ui-btn--plain.disabled {
        color: #606265;
        background-color: #f0f3f6;
        border-color: #dadee4;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-ui-btn--dkpc {
    width: 190px;
    height: 40px;
    color: #0e73ad;
    border-color: #0e73ad;
    font-size: 14px;
    font-size: 1rem;
    line-height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.05)
}

    .c-ui-btn--dkpc:active, .c-ui-btn--dkpc:focus, .c-ui-btn--dkpc:hover {
        color: #0e73ad;
        border-color: #0e73ad;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
        box-shadow: 0 6px 12px 0 rgba(0,211,176,.05)
    }

    .c-ui-btn--dkpc:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

    .c-ui-btn--dkpc.disabled {
        pointer-events: none;
        border-color: #bbbaba;
        color: #777;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-ui-btn--dkpc + .c-ui-btn--dkpc {
        margin-right: 15px
    }

.c-ui-btn--commission {
    height: 40px;
    color: #fff;
    border-color: #0e73ad;
    font-size: 14px;
    font-size: 1rem;
    line-height: 40px;
    background-color: #0e73ad;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
    width: 100%
}

    .c-ui-btn--commission:hover {
        color: #0e73ad;
        border-color: #0e73ad;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
        box-shadow: 0 6px 12px 0 rgba(0,211,176,.05)
    }

    .c-ui-btn--commission:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

    .c-ui-btn--commission.disabled {
        pointer-events: none;
        border-color: #bbbaba;
        color: #777;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-ui-btn--commission + .c-ui-btn--commission {
        margin-right: 15px
    }

.c-ui-btn--success {
    height: 40px;
    color: #0e73ad;
    border-color: #0e73ad;
    font-size: 14px;
    font-size: 1rem;
    line-height: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.05)
}

    .c-ui-btn--success:active, .c-ui-btn--success:focus, .c-ui-btn--success:hover {
        color: #0e73ad;
        border-color: #0e73ad;
        background-color: #fff;
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
        box-shadow: 0 6px 12px 0 rgba(0,211,176,.05);
        text-decoration: none
    }

    .c-ui-btn--success:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

.c-ui-btn--import {
    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;
    height: 35px;
    width: 35px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    color: #777;
    background-color: #f9fafc
}

    .c-ui-btn--import:before {
        content: "\F089\00FE0E"
    }

    .c-ui-btn--import:before {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 15px
    }

    .c-ui-btn--import:active, .c-ui-btn--import:focus, .c-ui-btn--import:hover {
        border-color: #e6eaef;
        background-color: #f9fafc;
        color: #777;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-ui-btn--edit {
    position: relative;
    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;
    height: 35px;
    width: 35px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    color: inherit;
    background-color: #f9fafc
}

    .c-ui-btn--edit:before {
        content: "\F068\00FE0E"
    }

    .c-ui-btn--edit:before {
        font-size: 19px;
        font-size: 1.357rem;
        line-height: 19px
    }

    .c-ui-btn--edit:active, .c-ui-btn--edit:focus, .c-ui-btn--edit:hover {
        border-color: #e6eaef;
        background-color: #f9fafc;
        color: #777;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .c-ui-btn--edit:hover .c-variant__tooltip {
            visibility: visible;
            opacity: 1
        }

.c-ui-btn--bad-at {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    color: #fff;
    min-width: 120px;
    height: 40px;
    padding: 0 15px;
    background-color: #ef5661;
    border-color: #ef5661;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    -webkit-box-shadow: 0 0 12px 0 rgba(239,86,97,.3);
    box-shadow: 0 0 12px 0 rgba(239,86,97,.3);
    white-space: nowrap
}

    .c-ui-btn--bad-at:hover {
        color: #fff;
        text-decoration: none;
        border-color: #ef5661
    }

    .c-ui-btn--bad-at:active {
        color: #fff;
        text-decoration: none;
        border-color: #ef5661;
        background-color: #ef5661;
        -webkit-box-shadow: 0 0 12px 0 rgba(239,86,97,.6);
        box-shadow: 0 0 12px 0 rgba(239,86,97,.6)
    }

    .c-ui-btn--bad-at:after {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        margin-right: 25px
    }

    .c-ui-btn--bad-at.disabled {
        color: #777;
        background-color: #f5f7fa;
        border-color: #bbbaba;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none
    }

.c-ui-btn--good-at {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 15px;
    color: #fff;
    min-width: 120px;
    height: 40px;
    padding: 0 15px;
    background-color: #6ec281;
    border-color: #6ec281;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    -webkit-box-shadow: 0 0 12px 0 rgba(110,194,129,.3);
    box-shadow: 0 0 12px 0 rgba(110,194,129,.3);
    white-space: nowrap
}

    .c-ui-btn--good-at:hover {
        color: #fff;
        text-decoration: none;
        border-color: #6ec281
    }

    .c-ui-btn--good-at:active {
        color: #fff;
        text-decoration: none;
        border-color: #6ec281;
        background-color: #6ec281;
        -webkit-box-shadow: 0 0 12px 0 rgba(110,194,129,.6);
        box-shadow: 0 0 12px 0 rgba(110,194,129,.6)
    }

    .c-ui-btn--good-at:after {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        margin-right: 25px
    }

    .c-ui-btn--good-at.disabled {
        color: #777;
        background-color: #f5f7fa;
        border-color: #bbbaba;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none
    }

.c-ui-btn__inline-wrapper {
    display: inline-block
}

.c-ui-btn--rect {
    height: 40px;
    width: 40px
}

.c-ui-btn--tab {
    white-space: nowrap
}

    .c-ui-btn--tab.active, .c-ui-btn--tab:hover {
        color: #fff;
        border-color: #4fcce9;
        background-color: #4fcce9
    }

        .c-ui-btn--tab.active:focus, .c-ui-btn--tab:hover:focus {
            border-color: #4fcce9
        }

        .c-ui-btn--tab.active:hover, .c-ui-btn--tab:hover:hover {
            color: #fff
        }

.c-ui-btn--square {
    position: relative;
    width: 40px;
    height: 40px
}

    .c-ui-btn--square + .c-ui-btn--square {
        margin-right: 10px
    }

.c-ui-btn--square-sm {
    width: 30px;
    height: 30px;
    margin: 2.5px 0 2.5px 5px
}

    .c-ui-btn--square-sm + .c-ui-btn--square-sm {
        margin-right: 0
    }

.c-ui-btn--square .uk-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    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-ui-btn--square .dk-preview {
    font-size: 11px;
    font-size: .786rem;
    line-height: 11px
}

    .c-ui-btn--square .dk-preview:before {
        content: "\F051\00FE0E"
    }

.c-ui-btn--square .ds-preview {
    font-size: 11px;
    font-size: .786rem;
    line-height: 11px
}

    .c-ui-btn--square .ds-preview:before {
        content: "\F05F\00FE0E"
    }

.c-ui-btn--square .dk-edit {
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px
}

    .c-ui-btn--square .dk-edit:before {
        content: "\F068\00FE0E"
    }

.c-ui-btn--square .dk-variants {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 15px
}

    .c-ui-btn--square .dk-variants:before {
        content: "\F1B7\00FE0E"
    }

.c-ui-btn--square .dk-publish {
    font-size: 12px;
    font-size: .857rem;
    line-height: 12px
}

    .c-ui-btn--square .dk-publish:before {
        content: "\F0FD\00FE0E"
    }

.c-ui-btn--square .dk-remove {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 16px
}

    .c-ui-btn--square .dk-remove:before {
        content: "\F191\00FE0E"
    }

.c-ui-btn--uk-btn {
    color: #fff;
    background-color: #37c7e7;
    border: 1px solid #45a1b6;
    position: relative;
    border-radius: 8px;
    width: 100%;
    height: 35px;
    cursor: pointer;
    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-ui-btn--uk-btn:hover {
        text-decoration: none;
        color: #fff
    }

.c-ui-btn--serial-icon {
    width: 40px;
    height: 40px;
    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;
    outline: 0;
    color: #889098;
    border-radius: 8px;
    border: 1px solid rgba(145,153,160,.2);
    background-color: rgba(145,153,160,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-btn--serial-icon:before {
        content: "\F0DE\00FE0E"
    }

    .c-ui-btn--serial-icon:before {
        font-size: 28px;
        font-size: 2rem;
        line-height: 28px
    }

    .c-ui-btn--serial-icon:hover {
        text-decoration: none;
        color: #606265;
        border: 1px solid rgba(145,153,160,.2);
        background-color: rgba(145,153,160,.05)
    }

    .c-ui-btn--serial-icon:active {
        text-decoration: none;
        color: #606265;
        border: 1px solid rgba(145,153,160,.2);
        background-color: rgba(145,153,160,.05);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-ui-btn--expiration-date {
    width: 40px;
    height: 40px;
    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;
    outline: 0;
    color: #889098;
    border-radius: 8px;
    border: 1px solid rgba(145,153,160,.2);
    background-color: rgba(145,153,160,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-btn--expiration-date:before {
        content: "\F021\00FE0E"
    }

    .c-ui-btn--expiration-date:before {
        font-size: 28px;
        font-size: 2rem;
        line-height: 28px
    }

    .c-ui-btn--expiration-date:hover {
        text-decoration: none;
        color: #606265;
        border: 1px solid rgba(145,153,160,.2);
        background-color: rgba(145,153,160,.05)
    }

    .c-ui-btn--expiration-date:active {
        text-decoration: none;
        color: #606265;
        border: 1px solid rgba(145,153,160,.2);
        background-color: rgba(145,153,160,.05);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-ui-btn__status {
    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;
    height: 30px;
    border-radius: 15px;
    padding: 0 12px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

    .c-ui-btn__status:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        margin-left: 10px
    }

.c-ui-btn__status--success {
    color: #0e73ad;
    background-color: rgba(87,207,177,.05)
}

    .c-ui-btn__status--success:before {
        background-color: #0e73ad
    }

.c-ui-btn__status--warning {
    color: #f9a825;
    background-color: rgba(249,168,37,.05)
}

    .c-ui-btn__status--warning:before {
        background-color: #f9a825
    }

.c-ui-btn__status--danger {
    color: #ef5661;
    background-color: rgba(249,86,97,.05)
}

    .c-ui-btn__status--danger:before {
        background-color: #ef5661
    }

@media screen and (max-width:991px) {
    .c-ui-btn--xs-block {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-ui-switch {
    display: block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

    .c-ui-switch ~ .c-ui-switch {
        margin-right: 10px
    }

.c-ui-switch__label {
    position: relative;
    z-index: 1;
    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;
    min-height: 40px;
    padding: 3px 10px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    background-color: #f9fafc;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-ui-switch__label:hover {
        border-color: #4fcce9
    }

.c-ui-switch__desc {
    color: #606265;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-ui-switch__desc, .c-ui-switch__value {
    padding-right: 5px;
    padding-left: 5px;
    white-space: nowrap
}

.c-ui-switch__value {
    color: #3e3f3f;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    font-weight: 700;
    margin-right: auto
}

.c-ui-switch__origin {
    position: absolute;
    z-index: -1;
    opacity: 0;
    right: 0;
    top: 50%
}

    .c-ui-switch__origin:checked + .c-ui-switch__label {
        border-color: #4fcce9;
        background-color: #4fcce9;
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.3);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.3)
    }

        .c-ui-switch__origin:checked + .c-ui-switch__label .c-ui-switch__desc, .c-ui-switch__origin:checked + .c-ui-switch__label .c-ui-switch__value {
            color: #fff;
            font-weight: 700
        }

    .c-ui-switch__origin:focus + .c-ui-switch__label {
        border-color: #4fcce9
    }

    .c-ui-switch__origin:disabled + .c-ui-switch__label {
        font-weight: 400;
        border-color: #f5f7fa;
        background-color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: auto;
        cursor: auto;
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }

        .c-ui-switch__origin:disabled + .c-ui-switch__label .c-ui-switch__desc, .c-ui-switch__origin:disabled + .c-ui-switch__label .c-ui-switch__value {
            color: #3e3f3f;
            font-weight: 700
        }

.c-ui-switch__tooltip {
    display: none;
    position: absolute;
    z-index: 10;
    top: calc(100% + 6px);
    left: 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    min-width: 115px;
    width: 200px;
    padding: 10px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:991px) {
    .c-ui-switch__tooltip {
        position: relative;
        z-index: 0;
        display: block;
        width: 100%;
        margin-top: -8px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.c-ui-switch__tooltip:before {
    content: "";
    bottom: 100%;
    position: absolute;
    left: 16px;
    width: 0;
    height: 0;
    margin-left: -6px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    pointer-events: none
}

.c-ui-switch__tooltip-title {
    display: block;
    font-weight: 700
}

.c-ui-switch:hover .c-ui-switch__tooltip {
    display: block
}

.c-ui-table {
    display: inline-table;
    vertical-align: top;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate !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;
    border: 1px solid #e6e9ed
}

.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: "\F07A\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
}

    .c-ui-table__row + .c-ui-table__row .c-ui-table__cell {
        border-top: 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 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    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 {
        border-left: 1px solid #eee
    }

    .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(87,207,177,.2)
}

    .c-ui-table__row.is-selected .c-ui-table__cell--bordered:before {
        top: 0;
        bottom: 0;
        background-color: rgba(87,207,177,.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: 1rem;
    line-height: 25px;
    font-weight: 700;
    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: "\F05A\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: "\F104\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: #777;
    height: 50px;
    padding: 5px 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

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

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

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

    .c-ui-table__cell:last-child {
        border-left: 1px solid transparent
    }

.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: 440px;
    padding-left: 0
}

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

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

.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: #0e73ad;
    background-color: rgba(87,207,177,.07)
}

    .c-ui-table__status--success:before {
        background-color: #0e73ad
    }

.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: #4fcce9;
    background-color: rgba(79,204,233,.07)
}

    .c-ui-table__status--info:before {
        background-color: #4fcce9
    }

.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: "\F0CA\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: #4fcce9;
    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: "\F033\00FE0E"
}

.c-ui-table__subtext--success-icon:before {
    position: relative;
    top: 2px;
    font-size: 12px;
    margin-left: 4px
}

.c-ui-table__subtext--success {
    color: #0e73ad
}

.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: #4fcce9
}

.c-ui-table__sort-select--default {
    background-color: #4fcce9
}

.c-ui-table__sort-select--success {
    background-color: #0e73ad
}

.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: #0e73ad
    }

.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(87,207,177,.1);
    color: #0e73ad
}

    .c-ui-table__badge--small.c-ui-table__badge--bordered {
        border: 1px solid rgba(87,207,177,.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-rd-btn__checkbox {
    display: none
}

    .c-ui-rd-btn__checkbox + label {
        display: inline-block;
        position: relative;
        width: 26px;
        height: 2px;
        background: -webkit-gradient(linear,left top,right top,color-stop(0,#a1a3a8),color-stop(29%,#a1a3a8),color-stop(49%,#0e73ad),color-stop(90%,#0e73ad)) 0 0;
        background: linear-gradient(90deg,#a1a3a8,#a1a3a8 29%,#0e73ad 49%,#0e73ad 90%) 0 0;
        background-size: 205px 100%;
        border-radius: 70px;
        padding: 7px;
        cursor: pointer;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2) inset;
        box-shadow: inset 0 0 10px rgba(0,0,0,.2)
    }

        .c-ui-rd-btn__checkbox + label:before {
            font-family: digikala;
            content: "\F023\00FE0E";
            width: 18px;
            height: 20px;
            position: absolute;
            left: -4px;
            top: -2px;
            border-radius: 100%;
            background: #fff;
            text-align: center;
            line-height: 21px;
            font-size: 20px;
            color: #a1a3a8;
            letter-spacing: -3px;
            text-transform: uppercase;
            transition: left .5s ease,color .5s ease,-webkit-transform .15s ease;
            -webkit-transition: left .5s ease,color .5s ease,-webkit-transform .15s ease;
            transition: left .5s ease,color .5s ease,transform .15s ease;
            transition: left .5s ease,color .5s ease,transform .15s ease,-webkit-transform .15s ease
        }

        .c-ui-rd-btn__checkbox + label:active:before {
            -webkit-transform: scale(.95);
            transform: scale(.95)
        }

    .c-ui-rd-btn__checkbox:checked + label {
        background-position-x: -350px
    }

        .c-ui-rd-btn__checkbox:checked + label:before {
            font-family: digikala;
            content: "\F02C\00FE0E";
            color: #0e73ad;
            left: 24px;
            font-weight: 700;
            letter-spacing: 1px
        }

.c-content-page {
    margin-top: 20px
}

.c-content-page__header-container {
    padding-top: 20px;
    padding-bottom: 30px
}

.c-content-page__header {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    min-height: 29px
}

.c-content-page__header, .c-content-page__header-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-content-page__header-action {
    color: #606265
}

    .c-content-page__header-action:after {
        content: "";
        display: inline-block;
        height: 12px;
        width: 1px;
        background-color: #606265;
        margin-right: 15px
    }

.c-content-page--plain .c-content-page__header .c-content-page__header-action {
    color: #606265;
    font-weight: 700;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-content-page--plain .c-content-page__header .c-content-page__header-desc {
    margin-right: 10px;
    color: #889098;
    font-weight: 400;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-content-page__block {
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff
}

.c-content-layout {
    padding: 0 0 75px;
    min-width: 320px;
    min-height: calc(100vh - 282px);
    background-color: #f5f7fa
}

.c-content-layout--qc {
    padding: 0;
    min-width: 100%;
    min-height: 100%;
    background-color: transparent;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 100%
}

.c-content-layout--qc, .c-content-layout .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-content-layout .search-form {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-layout .search-form__header {
    padding: 20px 15px;
    border-bottom: 1px solid #f5f7fa;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    color: #889098;
    width: calc(100% - 10px);
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-layout .search-form__body {
    padding: 20px
}

.c-content-layout .search-form__search-heading {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #606265
}

.c-content-layout .search-form__action-label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #606265
}

.c-content-layout .search-form__autocomplete {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

    .c-content-layout .search-form__autocomplete .uk-input {
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692
    }

.c-content-layout .search-form__autocomplete-container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.c-content-layout .search-form__autocomplete-container, .c-content-layout .search-form__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-content-layout .search-form__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 9px 15px;
    height: 40px;
    border: 1px solid transparent;
    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);
    background-color: #4fcce9;
    cursor: pointer;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-content-layout .search-form__btn.disabled {
        color: #777;
        background-color: #f5f7fa;
        border-color: #bbbaba;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-content-layout .search-form__btn:disabled {
        color: #606265;
        background-color: #f9fafc;
        border-color: #e6eaef;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-content-layout .search-form__btn--search {
    position: relative;
    padding: 9px 15px 9px 55px;
    color: #fff
}

    .c-content-layout .search-form__btn--search:after {
        content: "\F0DA\00FE0E"
    }

    .c-content-layout .search-form__btn--search:after {
        position: absolute;
        top: 9px;
        left: 15px;
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 22px
    }

.c-content-layout .search-form__btn--tick {
    position: relative;
    margin-right: 10px;
    padding: 9px 15px 9px 50px;
    color: #fff
}

    .c-content-layout .search-form__btn--tick:after {
        content: "\F0FD\00FE0E"
    }

    .c-content-layout .search-form__btn--tick:after {
        position: absolute;
        top: 13px;
        left: 15px;
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px
    }

.c-content-layout .search-form__alternative-method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

    .c-content-layout .search-form__alternative-method .search-link {
        margin-right: 15px
    }

.c-content-layout .search-form__ui-link {
    color: #4a90e2;
    text-decoration: none;
    border-bottom: 1px dashed #4a90e2;
    font-weight: 700;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

    .c-content-layout .search-form__ui-link:hover {
        text-decoration: none
    }

.c-content-layout .search-form .footer-message__label {
    margin-left: 15px
}

.c-content-layout .search-link {
    color: #4a90e2;
    border-bottom: 1px dashed #4a90e2;
    text-decoration: none
}

.c-content-layout .search-link--bold {
    font-weight: 700
}

.c-content-layout .c-autosuggest__list-container {
    z-index: 1001;
    border-radius: 6px;
    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);
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-right: 10px
}

    .c-content-layout .c-autosuggest__list-container hr {
        margin-top: 3px;
        margin-bottom: 3px
    }

.c-content-layout .c-autosuggest__list-item {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    border-radius: 6px
}

    .c-content-layout .c-autosuggest__list-item:hover {
        background-color: #f5f7fa
    }

    .c-content-layout .c-autosuggest__list-item a {
        color: #606265 !important
    }

        .c-content-layout .c-autosuggest__list-item a span:nth-of-type(2) {
            color: #4fcce9
        }

.c-content-layout .uk-input:focus, .c-content-layout .uk-select:focus, .c-content-layout .uk-textarea:focus {
    border-color: #7fe7f6
}

.c-content-layout .product-form {
    width: 100%
}

.c-content-layout .product-form--height-auto {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: hidden
}

.c-content-layout .product-form__section-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    padding-bottom: 10px;
    margin: 0;
    color: #606265;
    font-weight: 700;
    border-bottom: 2px solid #d5d9dd;
    width: 100%
}

.c-content-layout .product-form__section-title--dkpc {
    border-bottom: none;
    padding-bottom: 0;
    font-weight: 400
}

    .c-content-layout .product-form__section-title--dkpc strong {
        color: #3e3f3f
    }

.c-content-layout .product-form__section-title--dot {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
    padding-top: 10px
}

    .c-content-layout .product-form__section-title--dot:before {
        content: "";
        width: 10px;
        height: 10px;
        background-color: #889098;
        border-radius: 5px;
        margin-left: 10px;
        display: block
    }

.c-content-layout .product-form__section-title--gap {
    margin-top: 40px
}

.c-content-layout .product-form .field-wrapper {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-layout .product-form .field-wrapper--textarea {
    position: relative
}

.c-content-layout .product-form .field-wrapper--jusify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-content-layout .product-form .field-wrapper--background {
    border-radius: 8px;
    background-color: #f5f7fa;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 40px
}

.c-content-layout .product-form .field-wrapper--bug-report {
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    padding-left: 15px;
    padding-right: 15px;
    min-height: 40px;
    max-width: 470px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-content-layout .product-form .field-wrapper .select2-container {
    min-width: 100%;
    max-width: 100%;
    z-index: 999
}

.c-content-layout .product-form .c-wiki__holder {
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin-right: 5px
}

.c-content-layout .product-form .c-wiki__holder--auto {
    left: auto
}

.c-content-layout .product-form .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-content-layout .product-form .uk-form-label.disabled {
        opacity: .4;
        pointer-events: none
    }

.c-content-layout .product-form .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-content-layout .product-form .uk-input, .c-content-layout .product-form .uk-textarea {
    position: relative;
    color: #606265;
    border-color: #bbbaba;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent
}

    .c-content-layout .product-form .uk-input::-webkit-input-placeholder, .c-content-layout .product-form .uk-textarea::-webkit-input-placeholder {
        color: #9b9b9b
    }

    .c-content-layout .product-form .uk-input::-moz-placeholder, .c-content-layout .product-form .uk-textarea::-moz-placeholder {
        color: #9b9b9b
    }

    .c-content-layout .product-form .uk-input:-ms-input-placeholder, .c-content-layout .product-form .uk-textarea:-ms-input-placeholder {
        color: #9b9b9b
    }

    .c-content-layout .product-form .uk-input:-moz-placeholder, .c-content-layout .product-form .uk-textarea:-moz-placeholder {
        color: #9b9b9b
    }

    .c-content-layout .product-form .uk-input.uk-disabled, .c-content-layout .product-form .uk-textarea.uk-disabled {
        font-weight: 700;
        color: #606265;
        background-color: transparent;
        border-color: #ddd
    }

    .c-content-layout .product-form .uk-input.disabled, .c-content-layout .product-form .uk-textarea.disabled {
        opacity: .6;
        pointer-events: none
    }

.c-content-layout .product-form .uk-input--dkpc-tags {
    display: block;
    width: 190px;
    margin-bottom: 30px
}

.c-content-layout .product-form .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-content-layout .product-form .uk-textarea {
    height: 100px
}

    .c-content-layout .product-form .uk-textarea::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-layout .product-form .uk-textarea::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-content-layout .product-form .uk-textarea::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-content-layout .product-form .uk-textarea--attr {
    height: 80px
}

    .c-content-layout .product-form .uk-textarea--attr:focus {
        border-color: #7fe7f6
    }

.c-content-layout .product-form .search-link {
    line-height: inherit
}

.c-content-layout .product-form .search-link--small {
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-content-layout .product-form .textarea__wordcount {
    position: absolute;
    bottom: 5px;
    left: 10px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #606265
}

.c-content-layout .has-error--select .select2-selection__rendered, .c-content-layout .has-error .c-content-input__origin, .c-content-layout .has-error .c-ui-tag__textarea, .c-content-layout .has-error .select2-selection__rendered, .c-content-layout .has-error .uk-input, .c-content-layout .has-error .uk-textarea {
    border-color: #f4919b
}

.c-content-layout .has-error--select .error-msg, .c-content-layout .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-content-layout .has-error .error-msg + .search-link {
        margin-right: 20px
    }

.c-content-layout .has-error > .c-content-upload__focus-image {
    border-color: #ed5565
}

.c-content-layout .disabled .c-content-categories__search-reset:not(.enabled) {
    color: #777;
    background-color: #f5f7fa;
    border-color: #bbbaba;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-content-layout .disabled .search-form__btn:not(.enabled) {
    color: #777;
    background-color: #f5f7fa;
    border-color: #bbbaba;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-content-layout .disabled .c-ui-btn:not(.enabled) {
    color: #777;
    background-color: #f5f7fa;
    border-color: #bbbaba;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-content-layout .disabled .c-content-categories__container {
    pointer-events: none;
    opacity: .6
}

.c-content-layout .disabled .field-wrapper {
    pointer-events: unset
}

    .c-content-layout .disabled .field-wrapper:not(.enabled) {
        pointer-events: none
    }

        .c-content-layout .disabled .field-wrapper:not(.enabled) .c-content-input__origin, .c-content-layout .disabled .field-wrapper:not(.enabled) .c-ui-tag__textarea, .c-content-layout .disabled .field-wrapper:not(.enabled) .select2-selection__rendered, .c-content-layout .disabled .field-wrapper:not(.enabled) .uk-input, .c-content-layout .disabled .field-wrapper:not(.enabled) .uk-textarea {
            color: #777;
            background-color: #f5f7fa;
            border-color: #bbbaba
        }

.c-content-layout .disabled .c-ui-checkbox {
    pointer-events: none;
    color: #777
}

.c-content-layout .disabled .c-content-upload__gallery-list, .c-content-layout .disabled .c-content-upload__trigger {
    pointer-events: none;
    opacity: .6
}

.ui-select__container {
    width: 100%;
    position: relative
}

    .ui-select__container:before {
        content: "\F05B\00FE0E"
    }

    .ui-select__container.open:before {
        content: "\F105\00FE0E"
    }

    .ui-select__container.open:before {
        position: absolute;
        font-size: 6px;
        font-size: .429rem;
        line-height: 6px
    }

    .ui-select__container:before {
        z-index: 1;
        position: absolute;
        top: 17px;
        left: 15px;
        font-size: 6px;
        font-size: .429rem;
        line-height: 6px;
        color: #606265
    }

.ui-select__container--tags:before {
    display: none
}

.ui-select__dropdown-container {
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 15px;
    padding: 10px 5px;
    max-height: 220px;
    background-color: #fff;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 8px;
    -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
}

    .ui-select__dropdown-container:before {
        content: "";
        position: absolute;
        top: -6.5px;
        left: 10px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        border-left: 1px solid hsla(0,0%,59.2%,.2)
    }

.ui-select__dropdown {
    margin: 0;
    padding: 0 0 0 5px;
    list-style-type: none;
    overflow-y: scroll;
    width: 100%
}

    .ui-select__dropdown::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .ui-select__dropdown::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .ui-select__dropdown::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.ui-select__option {
    cursor: pointer;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px
}

    .ui-select__option:hover {
        background-color: #f5f7fa;
        font-weight: 700
    }

.ui-select .select2-container {
    z-index: 1010
}

    .ui-select .select2-container .select2-selection__rendered {
        color: #606265;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 15px !important
    }

    .ui-select .select2-container.select2-container--focus .select2-selection--multiple {
        border: none;
        border-radius: 6px
    }

.ui-select .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    opacity: .6;
    pointer-events: none
}

.ui-select .select2-dropdown {
    z-index: 2;
    position: absolute;
    top: 100%;
    left: 0;
    right: unset;
    margin-top: 15px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 8px;
    -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
}

    .ui-select .select2-dropdown:before {
        content: "";
        position: absolute;
        top: 0;
        margin-top: -6.5px;
        left: 10px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        border-left: 1px solid hsla(0,0%,59.2%,.2)
    }

    .ui-select .select2-dropdown.select2-dropdown--above {
        margin-top: -15px
    }

        .ui-select .select2-dropdown.select2-dropdown--above:before {
            top: 100%;
            margin-top: -4.5px;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

.ui-select .select2-selection[aria-expanded=true] .select2-selection__rendered {
    border-color: #7fe7f6
}

.ui-select .select2-selection__arrow {
    display: none
}

.ui-select .select2-selection--single {
    border: none;
    border-radius: 8px;
    height: auto;
    background-color: transparent
}

.ui-select .select2-selection--multiple {
    border: none;
    border-radius: 0;
    height: auto;
    background-color: transparent
}

    .ui-select .select2-selection--multiple .select2-selection__rendered {
        height: 40px;
        padding: 0 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

        .ui-select .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
            height: 4px;
            background-color: #f5f7fa
        }

        .ui-select .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
            border-radius: 2px;
            -webkit-box-shadow: inset 0 0 0 1px #fff
        }

        .ui-select .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
            border-radius: 2px;
            background-color: #bec4cb
        }

.ui-select .select2-selection__rendered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #606265;
    border: 1px solid #bbbaba;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent;
    height: 40px;
    -webkit-transition: border .25s ease;
    transition: border .25s ease;
    overflow: hidden !important
}

    .ui-select .select2-selection__rendered, .ui-select .select2-selection__rendered .select2-selection__choice {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .ui-select .select2-selection__rendered .select2-selection__choice {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
            margin: 0 0 0 5px !important;
            background-color: #f5f7fa;
            font-size: 13px;
            font-size: .929rem;
            line-height: 20px;
            color: #889098;
            border-radius: 6px;
            height: 30px;
            padding: 5px 10px;
            border: none
        }

            .ui-select .select2-selection__rendered .select2-selection__choice > .select2-selection__choice__remove {
                margin-right: 10px !important
            }

        .ui-select .select2-selection__rendered .select2-selection__choice__remove {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-right: 10px;
            cursor: pointer;
            height: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 0;
            color: transparent
        }

            .ui-select .select2-selection__rendered .select2-selection__choice__remove:before {
                content: "\F039\00FE0E"
            }

            .ui-select .select2-selection__rendered .select2-selection__choice__remove:before {
                font-size: 10px;
                font-size: .714rem;
                line-height: 10px;
                color: #889098
            }

.ui-select .select2-selection__clear {
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    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: 20px;
    color: transparent;
    font-size: 0
}

    .ui-select .select2-selection__clear:before {
        content: "\F039\00FE0E"
    }

    .ui-select .select2-selection__clear:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        color: #777
    }

.ui-select .select2-search:after {
    display: none
}

.ui-select .select2-search__field {
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 8px;
    -webkit-transition: border .25s ease;
    transition: border .25s ease;
    border: 1px solid #e6e9ed !important
}

    .ui-select .select2-search__field:focus {
        border-color: #7fe7f6 !important
    }

.ui-select .select2-search--inline {
    max-width: 100%
}

    .ui-select .select2-search--inline .select2-search__field {
        border: none !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 100%
    }

.ui-select .select2-results__options {
    margin: 0;
    padding: 0 0 0 5px;
    list-style-type: none;
    overflow-y: scroll;
    width: 100%
}

    .ui-select .select2-results__options::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .ui-select .select2-results__options::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .ui-select .select2-results__options::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option--highlighted[aria-selected=true], .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin: 0 0 10px 10px;
        background-color: #f5f7fa;
        font-weight: 400;
        font-size: 13px;
        font-size: .929rem;
        line-height: 13px;
        line-height: 20px;
        color: #889098;
        border-radius: 6px;
        height: 30px;
        padding: 5px 10px;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option--highlighted[aria-selected=true]:before, .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:before {
            content: "\F039\00FE0E"
        }

        .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option--highlighted[aria-selected=true]:before, .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true]:before {
            margin-right: 10px;
            font-size: 10px;
            font-size: .714rem;
            line-height: 10px
        }

        .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] + .select2-results__option[aria-disabled=true] {
            margin-top: 20px
        }

            .ui-select .select2-results__options[aria-multiselectable=true] .select2-results__option[aria-selected=true] + .select2-results__option[aria-disabled=true]:before {
                content: "";
                left: 10px;
                right: 10px;
                height: 1px;
                background-color: #e6e9ed;
                position: absolute;
                margin-top: -20px
            }

.ui-select .select2-results__option {
    cursor: pointer;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px
}

    .ui-select .select2-results__option:hover, .ui-select .select2-results__option[aria-selected=true] {
        background-color: #f5f7fa;
        font-weight: 700;
        color: #606265
    }

.ui-select .select2-results__option--highlighted[aria-selected] {
    background-color: #f5f7fa;
    font-weight: 700;
    color: #606265
}

.ui-select.ui-select__container--product .select2-selection__rendered {
    overflow-x: unset;
    overflow-y: unset
}

.ui-select.ui-select__container--product .select2-selection__choice {
    position: relative
}

    .ui-select.ui-select__container--product .select2-selection__choice.hidden {
        display: none
    }

.ui-select.ui-select__container--product .select-counter {
    display: none;
    position: absolute;
    left: 55px;
    top: 9px;
    width: 22px;
    height: 22px;
    background: #606265;
    color: #fff;
    border-radius: 4px;
    margin-top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress__bar--circle {
    position: absolute;
    top: 0;
    left: 0;
    max-width: unset;
    -webkit-transform: translate(-6px,-6px);
    transform: translate(-6px,-6px);
    z-index: 9
}

.photo-info-panel, .progress__bar--circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.photo-info-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.photo-info-panel__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    color: #606265;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 700
}

.photo-info-panel__list {
    margin: 0;
    padding: 0 10px 0 0;
    list-style-type: none
}

.photo-info-panel__list--edit {
    margin-bottom: 50px
}

.photo-info-panel__item {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #606265
}

    .photo-info-panel__item + .photo-info-panel__item {
        margin-top: 5px
    }

.photo-info-panel .search-link {
    margin-top: 20px;
    margin-right: 10px;
    font-weight: 700
}

    .photo-info-panel .search-link:first-of-type {
        margin-top: 40px
    }

.uk-modal-dialog--search {
    width: 900px
}

.uk-modal-dialog--confirm, .uk-modal-dialog--search {
    padding: 30px 50px 35px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    border-radius: 8px
}

.uk-modal-dialog--confirm {
    margin: 0 auto !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 800px
}

.uk-modal-dialog .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uk-modal-dialog .uk-modal-title--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 35px;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 35px;
    font-weight: 700;
    color: #646870
}

.uk-modal-dialog .uk-modal-title--reject {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 35px;
    color: #646870;
    margin-top: 40px;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 700
}

.uk-modal-dialog .modal-message--reject {
    margin: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    text-align: center;
    color: #646870
}

.uk-modal-dialog .modal-message__em {
    display: block
}

.uk-modal-dialog .modal-message--title {
    font-weight: 700
}

.uk-modal-dialog .modal-message--center, .uk-modal-dialog .modal-message--title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    color: #646870
}

.uk-modal-dialog .uk-modal-close--search {
    top: 35px;
    left: 30px;
    right: auto;
    width: 20px;
    height: 20px;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px;
    padding: 0
}

    .uk-modal-dialog .uk-modal-close--search svg {
        width: 20px;
        height: 20px
    }

.uk-modal-dialog .modal-product {
    margin-top: 30px;
    margin-bottom: 20px;
    border: 1px solid #e6eaef;
    border-radius: 4px;
    width: 100%
}

.uk-modal-dialog .modal-product--confirm {
    margin-top: 50px;
    margin-bottom: 40px;
    border: none;
    text-align: center
}

.uk-modal-dialog .modal-product--uploads-edit {
    border: 1px solid #e8e8e8;
    border-right: none;
    border-left: none;
    border-radius: 0;
    margin: 30px -20px 40px;
    padding: 21px 0 20px;
    height: 275px;
    direction: ltr;
    overflow: hidden
}

    .uk-modal-dialog .modal-product--uploads-edit .c-content-upload {
        margin: -7.5px 10px;
        padding-right: 5px;
        height: 100%;
        overflow-y: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .uk-modal-dialog .modal-product--uploads-edit .c-content-upload::-webkit-scrollbar {
            width: 4px;
            background-color: #f5f7fa
        }

        .uk-modal-dialog .modal-product--uploads-edit .c-content-upload::-webkit-scrollbar-track {
            border-radius: 2px;
            -webkit-box-shadow: inset 0 0 0 1px #fff
        }

        .uk-modal-dialog .modal-product--uploads-edit .c-content-upload::-webkit-scrollbar-thumb {
            border-radius: 2px;
            background-color: #bec4cb
        }

    .uk-modal-dialog .modal-product--uploads-edit .c-content-upload__label {
        width: 100px;
        height: 100px;
        margin: 7.5px
    }

    .uk-modal-dialog .modal-product--uploads-edit .progress__bar--circle {
        -webkit-transform: translateX(-7px) translateY(-7px);
        transform: translateX(-7px) translateY(-7px)
    }

.uk-modal-dialog .modal-product--small {
    margin-left: auto;
    margin-right: auto;
    max-width: 385px
}

.uk-modal-dialog .modal-product__icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 106px;
    height: 101px;
    background-image: url(../files/a2fa83da.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.uk-modal-dialog .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.uk-modal-dialog .modal-footer--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.uk-modal-dialog .modal-footer__message {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    background-color: #f5f7fa;
    border-radius: 4px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .uk-modal-dialog .modal-footer__message .em {
        font-weight: 700;
        color: #606265
    }

.uk-modal-dialog .modal-footer__btn-controls {
    margin-right: 20px
}

.uk-modal-dialog .modal-footer__btn, .uk-modal-dialog .modal-footer__btn-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.uk-modal-dialog .modal-footer__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 40px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    background-color: #f9fafc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #606265;
    text-decoration: none
}

    .uk-modal-dialog .modal-footer__btn:not(:first-of-type) {
        margin-right: 20px
    }

.uk-modal-dialog .modal-footer__btn--confirm {
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    background-color: #4fcce9;
    border-color: #4fcce9
}

.uk-modal-dialog .modal-footer__btn--info {
    color: #0e73ad;
    background-color: #fff;
    border-color: #0e73ad
}

.uk-modal-dialog .modal-footer__btn--wide {
    min-width: 150px;
    width: auto;
    padding-left: 6px;
    padding-right: 6px
}

.c-content-error {
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: inset 0 0 0 1px #ed5565;
    box-shadow: inset 0 0 0 1px #ed5565;
    border-radius: 8px;
    background-color: rgba(237,85,101,.1);
    padding: 0 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-error--modal-footer {
    width: 100%;
    margin: 0
}

.c-content-error--list {
    list-style-type: none
}

.c-content-error__item {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    padding-right: 18px;
    color: #ed5565;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

    .c-content-error__item:last-of-type {
        margin-bottom: 10px
    }

    .c-content-error__item:before {
        content: "";
        position: absolute;
        right: 0;
        top: 4px;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background-color: #ed5565
    }

.c-content-error__title {
    font-weight: 700
}

.c-content-error p {
    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;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
    color: #ed5565;
    text-align: center;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

    .c-content-error p:last-of-type {
        margin-bottom: 10px
    }

.c-content-error--mod-settings {
    margin-bottom: 0;
    margin-top: 10px
}

    .c-content-error--mod-settings p {
        font-size: 12px;
        font-size: .857rem;
        line-height: 20px;
        text-align: right
    }

.c-content-error--mod-categories {
    margin-bottom: 0;
    margin-top: 0
}

.c-content-error--moderation {
    border: 1px solid #ed5565;
    border-radius: 8px;
    margin-top: 10px;
    color: #ed5565;
    padding: 5px 25px 5px 10px;
    background-color: #fef6f7
}

    .c-content-error--moderation p {
        margin-bottom: 0;
        position: relative;
        font-size: 12px;
        font-size: .857rem;
        line-height: 20px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        word-break: break-word;
        text-align: right
    }

        .c-content-error--moderation p:before {
            content: "";
            -webkit-box-flex: 0;
            -ms-flex: 0 0 6px;
            flex: 0 0 6px;
            position: absolute;
            top: 6px;
            left: 100%;
            width: 6px;
            height: 6px;
            background-color: #ed5565;
            border-radius: 4px;
            margin-left: 5px;
            display: block
        }

        .c-content-error--moderation p + p {
            margin-top: 7px
        }

.c-content-error--warning {
    -webkit-box-shadow: inset 0 0 0 1px #f9a825;
    box-shadow: inset 0 0 0 1px #f9a825;
    background-color: rgba(249,168,36,.1)
}

    .c-content-error--warning > p {
        color: #f9a825
    }

.c-content-moderation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 11px;
    font-size: .786rem;
    line-height: 16px;
    color: #9b9b9b
}

.c-content-moderation__title {
    font-weight: 700;
    margin-left: 3px
}

.c-content-moderation__messages {
    font-family: LucidaGrande
}

.c-content-product__selected-category {
    background-color: #f3fbfd;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-product__msg {
    font-size: 13px;
    font-size: .929rem;
    line-height: 24px
}

.c-content-product__msg--focus {
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    margin-bottom: 20px
}

    .c-content-product__msg--focus:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        background-color: #3e3f3f;
        border-radius: 50%;
        vertical-align: middle
    }

.c-content-product__auto-title-msg {
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    padding: 20px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    text-align: right;
    color: #606265
}

.c-content__filters-container {
    display: grid;
    grid-template-columns: 190px 190px 190px 190px 190px 190px;
    grid-column-gap: 22px;
    grid-row-gap: 20px;
    border-top: 1px solid #e6e9ed;
    padding-top: 30px
}

.c-content__cancel-btn {
    border-radius: 8px;
    padding: 6px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b;
    font-size: 35px;
    font-size: 2.5rem;
    line-height: 1.257;
    max-width: 26px;
    max-height: 26px;
    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-content__cancel-btn:before {
        content: "\F046\00FE0E"
    }

.c-content__advance-search-btn {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    padding: 8px 16px 8px 8px;
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 134px;
    max-height: 22px
}

    .c-content__advance-search-btn:after {
        content: "\F1B7\00FE0E"
    }

    .c-content__advance-search-btn:after {
        margin-right: 8px;
        color: #81858b
    }

.c-content__advance-search-btn--active {
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff
}

    .c-content__advance-search-btn--active:before {
        content: "\F1B7\00FE0E"
    }

    .c-content__advance-search-btn--active:after {
        content: none
    }

    .c-content__advance-search-btn--active:before {
        color: #fff;
        margin-left: 8px
    }

.c-content__img {
    min-height: 60px;
    min-width: 60px
}

.c-content__row-badge {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    background-color: #ef5661;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    text-align: center;
    color: #fff;
    position: relative;
    bottom: 20%;
    right: -15%;
    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-content__link {
    color: #4a90e2;
    text-decoration: underline;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    text-align: right;
    white-space: normal !important
}

.c-content--pointer {
    cursor: pointer
}

.c-content__desc {
    max-width: 255px;
    min-width: 235px
}

.c-content__group {
    max-width: 76px;
    min-width: 76px
}

.c-content__type {
    max-width: 100px;
    min-width: 100px
}

.em {
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px
}

.black {
    color: #333
}

.readonly {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.uk-modal-page > body {
    overflow: hidden !important
}

.hidden {
    display: none !important
}

.hidden-visibility {
    visibility: hidden !important;
    opacity: 0
}

.mt-a {
    margin-top: auto
}

.ml-a {
    margin-left: auto
}

.mr-a {
    margin-right: auto
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.ml-10 {
    margin-left: 10px
}

.ml-20 {
    margin-left: 20px
}

.ml-30 {
    margin-left: 30px
}

.mt-20 {
    margin-top: 20px
}

.mt-50 {
    margin-top: 50px
}

.mb-0 {
    margin-bottom: 0
}

.mb-30 {
    margin-bottom: 30px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mr-5 {
    margin-right: 5px
}

.pb-0 {
    padding-bottom: 0
}

.pt-10 {
    padding-top: 10px
}

.w-100 {
    width: 100%
}

.pl-20 {
    padding-left: 20px
}

.pr-20 {
    padding-right: 20px
}

.maxw-75 {
    max-width: 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.relative {
    position: relative
}

.uk-button-group--115 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 115px
}

.product-live-badge {
    min-width: 20px;
    height: 20px;
    border-radius: 4px;
    text-align: center;
    padding: 3px;
    width: 100%;
    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;
    font-size: 11px;
    font-size: .786rem;
    line-height: 11px;
    text-transform: lowercase;
    white-space: nowrap
}

    .product-live-badge + .product-live-badge {
        margin-top: 5px
    }

    .product-live-badge.background-color-red {
        background-color: #f4516c
    }

    .product-live-badge.background-color-blue {
        background-color: #1e87f0
    }

    .product-live-badge.background-color-green {
        background-color: #34bfa3
    }

.product-table-hr {
    border-top: 1px solid #e5e5e5;
    margin-top: 5px;
    padding-bottom: 5px
}

.search-results--empty {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:992px) {
    .search-results--empty {
        padding: 15px 0
    }
}

.search-results__empty-message {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    margin-bottom: 30px;
    color: #777
}

.search-results__list {
    margin: -20px -5px;
    padding: 0;
    list-style-type: none
}

.search-results__item {
    padding: 12px 0 10px
}

    .search-results__item:not(:last-of-type) {
        border-bottom: 1px solid #e8e8e8
    }

    .search-results__item:hover .search-results__title {
        color: #4a90e2;
        text-decoration: none;
        border-bottom-color: #4a90e2;
        font-weight: 700
    }

    .search-results__item:hover .c-ui-btn--add-similar {
        color: #fff;
        background-color: #4fcce9;
        border-color: #4fcce9;
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
        box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
    }

.search-results__item--modal {
    padding: 0
}

.search-results__item-container {
    padding: 0 10px
}

    .search-results__item-container.has-error {
        padding-top: 10px;
        padding-bottom: 5px;
        border-radius: 4px;
        border: 1px solid #ef5661
    }

.search-results__primary-details {
    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
}

.search-results__primary-details--modal {
    padding: 20px 20px 0
}

.search-results__product-summary {
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.search-results__action-btn, .search-results__product-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.search-results__action-btn {
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 135px;
    flex: 0 0 135px;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .search-results__action-btn .c-ui-btn {
        width: 100%
    }

.search-results__danger-label {
    border: 1px solid rgba(239,86,97,.3);
    background-color: rgba(239,86,97,.1);
    color: #ef5661;
    border-radius: 8px
}

.search-results__danger-label, .search-results__success-label {
    width: 100%;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px;
    text-align: center;
    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
}

.search-results__success-label {
    border: 1px solid #d3f1ea;
    background-color: #f3fbf9;
    color: #0e73ad;
    border-radius: 8px
}

.search-results__image-container {
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    height: 80px
}

.search-results__image {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.search-results__info-container {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px
}

.search-results__title {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    color: #777;
    border-bottom: 1px dashed transparent
}

    .search-results__title:hover {
        color: #4a90e2;
        text-decoration: none;
        border-bottom-color: #4a90e2;
        font-weight: 700
    }

.search-results__title--modal {
    color: #4a90e2;
    text-decoration: none;
    border-bottom-color: #4a90e2;
    font-weight: 700
}

.search-results__secondary-title {
    margin-top: 5px;
    color: #9b9b9b;
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px
}

.search-results__secondary-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px;
    padding: 9px 20px;
    border-radius: 4px;
    background-color: #f9fafc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .search-results__secondary-details + .has-error {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.search-results__secondary-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0
}

.search-results__secondary-list--modal {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-results__secondary-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .search-results__secondary-item:not(:last-of-type) {
        margin-left: 60px
    }

.search-results__secondary-item--modal:not(:last-of-type) {
    margin-left: 10px
}

.search-results__secondary-property {
    color: #9b9b9b;
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px
}

.search-results__secondary-value {
    margin-right: 3px;
    color: #606265;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px;
    font-weight: 700
}

.search-results__fake-badge {
    color: #000;
    font-size: 11px;
    font-size: .786rem;
    line-height: 11px;
    padding: 2px 4px;
    height: 20px;
    border-radius: 4.3px;
    border: .9px solid #e4e4e4;
    background-color: #f5f5f5;
    margin-right: 30px
}

.c-card__search-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.filter-manufacturer__list {
    margin: 0 0 0 -7px;
    padding: 0 0 0 15px;
    list-style-type: none;
    overflow-y: auto;
    max-height: 390px
}

    .filter-manufacturer__list::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .filter-manufacturer__list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .filter-manufacturer__list::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

.filter-manufacturer__item {
    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
}

    .filter-manufacturer__item:not(:first-of-type) {
        margin-top: 5px
    }

.filter-manufacturer__count {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #9199a0
}

.filter-category__list {
    margin: 0 0 0 -7px;
    padding: 0 0 0 15px;
    list-style-type: none;
    overflow-y: auto;
    max-height: 390px
}

    .filter-category__list::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .filter-category__list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .filter-category__list::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

.results-filter {
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 25px;
    height: 55px;
    width: 100%;
    border-radius: 4px;
    background-color: rgba(79,204,233,.07);
    border: 1px solid #d5f2f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.results-filter, .results-filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.results-filter__container {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 20px
}

.results-filter__label {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    color: #777
}

.results-filter__filter-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #9b9b9b
}

.results-filter__value {
    color: #606265;
    margin-right: 3px
}

.uk-open > .uk-modal-dialog--confirm, .uk-open > .uk-modal-dialog--search {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0
}

.c-catalog__list {
    margin: 0 0 0 -7px;
    padding: 0 0 0 15px;
    list-style-type: none;
    overflow-y: auto;
    max-height: 390px
}

    .c-catalog__list::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-catalog__list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .c-catalog__list::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

.c-catalog__list--depth .c-catalog__list--depth {
    margin: 3px 0;
    padding-left: 0;
    list-style: none;
    padding-right: 15px
}

.c-catalog__list--depth .c-catalog__link {
    color: #3e3f3f;
    font-weight: 700
}

    .c-catalog__list--depth .c-catalog__link:hover {
        color: #00bfd6;
        text-decoration: none
    }

.c-catalog__list--depth .c-catalog__list--depth .c-catalog__link {
    color: #606265
}

    .c-catalog__list--depth .c-catalog__list--depth .c-catalog__link:hover {
        color: #00bfd6;
        text-decoration: none
    }

.c-catalog__list--depth .c-catalog__list--depth .c-catalog__list--depth .c-catalog__link {
    font-weight: 400
}

    .c-catalog__list--depth .c-catalog__list--depth .c-catalog__list--depth .c-catalog__link:hover {
        color: #00bfd6;
        text-decoration: none
    }

.c-catalog__list--depth .c-catalog__list--depth .c-catalog__list--depth .c-catalog__list--depth .c-catalog__link {
    color: #9b9b9b
}

    .c-catalog__list--depth .c-catalog__list--depth .c-catalog__list--depth .c-catalog__list--depth .c-catalog__link:hover {
        color: #00bfd6;
        text-decoration: none
    }

.c-catalog__list li:first-of-type a:first-child {
    margin-top: 4px
}

.c-catalog__divider {
    padding: 0 6px
}

    .c-catalog__divider div {
        height: 1px;
        width: 100%;
        background: #f2f2f2
    }

.c-catalog__show-all {
    line-height: 1.833;
    text-align: center;
    padding-bottom: 8px;
    background: #fff;
    right: 0;
    left: 0;
    margin: 0 6px;
    border-top: 1px solid #f2f2f2;
    padding-top: 8px
}

.c-catalog__link, .c-catalog__show-all {
    font-size: 12px;
    font-size: .857rem;
    cursor: pointer
}

.c-catalog__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 20px
}

    .c-catalog__link:active, .c-catalog__link:visited {
        padding: 0;
        text-decoration: none;
        cursor: pointer;
        color: #545454
    }

    .c-catalog__link:hover {
        color: #00bfd6;
        text-decoration: none
    }

    .c-catalog__link.is-active {
        color: #2e2e2e;
        cursor: pointer;
        font-weight: 700;
        pointer-events: none
    }

.c-catalog__count {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #9199a0;
    font-weight: 400;
    margin-right: 10px
}

.c-catalog ul {
    list-style: none
}

.c-catalog__cat-item {
    display: list-item;
    margin-bottom: 10px;
    line-height: 20px
}

    .c-catalog__cat-item a {
        color: #545454;
        font-weight: 400
    }

.c-catalog__cat-item--super-parent a {
    font-weight: 700;
    color: #949494
}

.c-catalog__cat-item--current a {
    color: #2e2e2e
}

.c-catalog__cat-item--sub-cat {
    margin-right: 13px
}

.c-catalog__cat-item--arrow-left {
    position: relative;
    padding-right: 17px
}

    .c-catalog__cat-item--arrow-left:before {
        content: "\F09F\00FE0E"
    }

    .c-catalog__cat-item--arrow-left:before {
        position: absolute;
        top: 0;
        right: 0;
        color: #6b6b6b;
        font-size: 9px;
        font-size: .643rem;
        line-height: 20px
    }

.c-catalog__cat-item--arrow-down {
    position: relative;
    padding-right: 17px
}

    .c-catalog__cat-item--arrow-down:before {
        content: "\F05A\00FE0E"
    }

    .c-catalog__cat-item--arrow-down:before {
        position: absolute;
        top: 0;
        right: 0;
        color: #6b6b6b;
        font-size: 6px;
        font-size: .429rem;
        line-height: 3.667
    }

.c-content-progress {
    position: absolute;
    right: 0;
    top: 30px;
    bottom: 4px;
    width: 2px;
    margin: 0 29px;
    background-image: url(../files/ff1fe421.svg);
    background-repeat: repeat-y;
    background-position: 50%;
    background-size: 2px auto
}

    .c-content-progress.passed {
        background: #0e73ad
    }

        .c-content-progress.passed .c-content-progress__step {
            position: relative;
            background-color: #0e73ad;
            -webkit-box-shadow: 0 4px 12px 0 rgba(87,207,177,.5);
            box-shadow: 0 4px 12px 0 rgba(87,207,177,.5)
        }

            .c-content-progress.passed .c-content-progress__step:before {
                content: "\F0FC\00FE0E"
            }

            .c-content-progress.passed .c-content-progress__step:before {
                display: block;
                font-size: 10px;
                font-size: .714rem;
                line-height: 10px
            }

    .c-content-progress.active .c-content-progress__step {
        position: relative;
        background-color: #0e73ad;
        -webkit-box-shadow: 0 4px 12px 0 rgba(87,207,177,.5);
        box-shadow: 0 4px 12px 0 rgba(87,207,177,.5)
    }

        .c-content-progress.active .c-content-progress__step:before {
            display: block;
            background-color: #fff;
            width: 10px;
            height: 10px
        }

    .c-content-progress.failed .c-content-progress__step {
        position: relative;
        background-color: #ed5565;
        -webkit-box-shadow: 0 4px 12px 0 rgba(237,85,101,.5);
        box-shadow: 0 4px 12px 0 rgba(237,85,101,.5)
    }

        .c-content-progress.failed .c-content-progress__step:before {
            content: "\F039\00FE0E"
        }

        .c-content-progress.failed .c-content-progress__step:before {
            display: block;
            font-size: 10px;
            font-size: .714rem;
            line-height: 10px
        }

.c-content-progress--last {
    background: none
}

.c-content-progress__step {
    margin-right: -11px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background-color: #e6e9ed;
    margin-top: -30px
}

    .c-content-progress__step:before {
        content: "";
        display: none;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        border-radius: 5px;
        color: #fff
    }

.c-content-accordion__row.uk-open .c-content-progress--last {
    background-image: url(../files/ff1fe421.svg)
}

.c-content-accordion__row.uk-open .passed {
    background: #0e73ad
}

.c-content-accordion__row.uk-open .failed {
    background: #ed5565
}

.c-content-categories {
    position: relative
}

.c-content-categories__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -20px;
    padding: 10px 0;
    border-top: 2px solid #d5d9dd;
    border-bottom: 2px solid #d5d9dd
}

    .c-content-categories__container.disabled {
        opacity: .5;
        pointer-events: none
    }

.c-content-categories__wrapper {
    padding: 0 15px;
    height: 220px;
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #f2f4f6
}

    .c-content-categories__wrapper:first-of-type {
        padding-right: 10px
    }

    .c-content-categories__wrapper:last-of-type {
        border-left-color: transparent
    }

.c-content-categories__wrapper--results {
    width: 100%;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 260px
}

.c-content-categories__wrapper--empty {
    width: 100%;
    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-content-categories__list {
    position: relative;
    margin: 0 0 0 -7px;
    padding: 0 0 0 7px;
    list-style-type: none;
    height: 100%;
    overflow-y: auto
}

    .c-content-categories__list::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-categories__list::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-content-categories__list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-content-categories__item {
    position: relative;
    margin-top: 6px;
    border-radius: 6px;
    -webkit-transition: all .15s linear;
    transition: all .15s linear
}

    .c-content-categories__item:before {
        content: "\F09F\00FE0E"
    }

    .c-content-categories__item:before {
        display: none;
        z-index: 0;
        position: absolute;
        top: 50%;
        left: 19px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        color: #777;
        -webkit-transition: all .15s linear;
        transition: all .15s linear
    }

    .c-content-categories__item.has-children:before {
        display: block
    }

    .c-content-categories__item.is-active, .c-content-categories__item:hover {
        background-color: #f5f7fa
    }

        .c-content-categories__item.is-active:before, .c-content-categories__item:hover:before {
            left: 10px
        }

        .c-content-categories__item.is-active .c-content-categories__link, .c-content-categories__item:hover .c-content-categories__link {
            color: #606265;
            font-weight: 700
        }

.c-content-categories__link {
    z-index: 1;
    position: relative;
    display: block;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    padding: 5px 10px 5px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #889098
}

    .c-content-categories__link:hover {
        text-decoration: none
    }

.c-content-categories__summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px
}

.c-content-categories__summary--bottom {
    margin-top: 30px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #606265
}

    .c-content-categories__summary--bottom .c-ui-link {
        margin-right: 10px
    }

.c-content-categories__summary-breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px 0 15px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    color: #606265;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    background-color: #f5f7fa;
    border-radius: 4px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-categories__summary-breadcrumbs--edit {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    margin-top: 8px
}

.c-content-categories__summary-breadcrumbs.has-error {
    border: 1px solid #ed5565;
    background-color: #fef6f7
}

.c-content-categories__summary-title {
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-content-categories__selected-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0 30px 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow: hidden
}

.c-content-categories__selected-list--search {
    margin-right: 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.c-content-categories__selected-list--breadcrumbz {
    margin-right: 0;
    background-color: #f5f7fa;
    padding: 10px 20px;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px
}

.c-content-categories__selected-list--edit {
    margin-top: 20px
}

.c-content-categories__selected-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #889098;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    white-space: nowrap
}

    .c-content-categories__selected-category:not(:last-of-type) {
        margin-left: 15px
    }

        .c-content-categories__selected-category:not(:last-of-type):after {
            content: "\F09F\00FE0E"
        }

        .c-content-categories__selected-category:not(:last-of-type):after {
            margin-right: 15px;
            font-size: 10px;
            font-size: .714rem;
            line-height: 10px
        }

    .c-content-categories__selected-category:last-of-type {
        color: #606265;
        font-weight: 700
    }

.c-content-categories__selected-category--search {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

    .c-content-categories__selected-category--search:last-of-type {
        color: #889098;
        font-weight: 700
    }

.c-content-categories__selected-category--breadcrumbz {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

    .c-content-categories__selected-category--breadcrumbz:last-of-type {
        color: #606265;
        font-weight: 700
    }

.c-content-categories__search-summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 20px;
    border-bottom: 1px solid #d5d9dd;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-content-categories__search-label {
    color: #606265;
    font-weight: 700
}

.c-content-categories__search-result {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #777
}

    .c-content-categories__search-result .em {
        color: #3e3f3f;
        font-weight: 700;
        margin-right: 3px
    }

.c-content-categories__search-results {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    position: relative;
    margin: 10px 0 0 -7px;
    padding: 0 0 0 7px;
    list-style-type: none;
    overflow-y: auto;
    overflow-x: hidden;
    direction: ltr;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-content-categories__search-results::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-categories__search-results::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-content-categories__search-results::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-content-categories__results-item {
    direction: rtl;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 13px
}

    .c-content-categories__results-item:not(:first-of-type) {
        margin-top: 20px
    }

.c-content-categories__results-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

    .c-content-categories__results-label .c-ui-radio__check {
        margin: 0;
        position: absolute;
        top: 3px
    }

    .c-content-categories__results-label .c-ui-radio__label {
        margin-right: 25px;
        margin-bottom: 10px;
        font-size: 13px;
        font-size: .929rem;
        line-height: 20px;
        color: #606265;
        font-weight: 700
    }

    .c-content-categories__results-label .c-ui-radio__origin:checked ~ .c-ui-radio__label {
        color: #606265
    }

.c-content-categories__search-reset {
    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;
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid #ef5661;
    border-radius: 8px;
    background-color: transparent;
    outline: 0;
    color: #ef5661;
    cursor: pointer;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    -webkit-transition-property: background-color,color;
    transition-property: background-color,color
}

    .c-content-categories__search-reset:before {
        content: "\F039\00FE0E"
    }

    .c-content-categories__search-reset:hover {
        color: #fff;
        background-color: #ef5661
    }

    .c-content-categories__search-reset:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

    .c-content-categories__search-reset:disabled {
        color: #606265;
        background-color: #f9fafc;
        border-color: #e6eaef;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-wiki-sign {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    width: 18px;
    height: 100%;
    display: block
}

    .c-wiki-sign:after {
        content: "؟";
        width: 18px;
        height: 18px;
        color: #fff;
        background-color: #606265;
        font-size: 11px;
        font-size: .786rem;
        line-height: 18px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border-radius: 50%;
        text-align: center;
        font-weight: 700;
        background-repeat: no-repeat
    }

.c-wiki-sign--error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ed5565;
    cursor: pointer
}

    .c-wiki-sign--error:before {
        content: "";
        font-size: 12px;
        font-size: .857rem;
        line-height: 20px;
        width: 18px;
        height: 18px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 18px;
        flex: 0 0 18px;
        -ms-flex-item-align: start;
        align-self: flex-start;
        background-image: url(../files/9c893998.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

.c-wiki__holder {
    position: relative;
    cursor: pointer;
    display: inline-block
}

    .c-wiki__holder:hover .c-wiki__container {
        display: block
    }

.c-wiki__holder--img-error {
    position: absolute;
    right: 5px;
    bottom: 5px
}

    .c-wiki__holder--img-error:hover .c-wiki__container {
        display: block
    }

.c-wiki__container {
    display: none;
    z-index: 2;
    position: absolute;
    top: 100%;
    right: -10px;
    margin-top: 15px;
    padding: 10px 15px;
    max-height: 220px;
    background-color: #fff;
    border: 1px solid hsla(0,0%,58.8%,.2);
    border-radius: 8px;
    -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;
    min-width: 273px;
    max-width: 394px
}

    .c-wiki__container.is-right {
        left: -8px;
        right: unset
    }

        .c-wiki__container.is-right .c-wiki__arrow {
            left: 10px;
            right: unset
        }

.c-wiki__trigger:hover + .c-wiki__container, .c-wiki__trigger:hover > .c-wiki__container {
    display: block
}

.c-wiki__text {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 400;
    letter-spacing: -.3px;
    text-align: right;
    direction: rtl;
    color: #777
}

.c-wiki__arrow {
    position: absolute;
    right: 16px;
    top: -6.5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid hsla(0,0%,58.8%,.2);
    border-left: 1px solid hsla(0,0%,58.8%,.2)
}

.variation-list {
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

    .variation-list .uk-input {
        height: 35px
    }

    .variation-list .ui-select__container {
        z-index: auto
    }

        .variation-list .ui-select__container:before {
            top: 15px;
            left: 15px;
            font-size: 5px;
            font-size: .357rem;
            line-height: 5px
        }

    .variation-list .ui-select__option {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

.variation-list__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;
    padding: 15px 0
}

    .variation-list__row:not(:first-of-type) {
        border-bottom: 1px solid #e8e8e8
    }

    .variation-list__row:last-of-type {
        border-bottom: 2px solid #d5d9dd
    }

.variation-list__row--header {
    background-color: #f5f7fa;
    padding: 10px 0;
    border-radius: 4px
}

.variation-list__cell {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 105px;
    flex: 1 1 105px;
    padding: 0 12.5px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 19px;
    color: #777
}

    .variation-list__cell:first-of-type {
        padding-right: 20px
    }

    .variation-list__cell:last-of-type {
        padding-left: 20px
    }

.variation-list__cell--heading {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    color: #606265;
    font-weight: 700
}

    .variation-list__cell--heading span {
        display: block
    }

.variation-list__cell--checkbox {
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.variation-list__cell--select {
    -ms-flex-preferred-size: 310px;
    flex-basis: 310px
}

.variation-list__cell--large {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px
}

.variation-list__cell--small {
    -ms-flex-preferred-size: 75px;
    flex-basis: 75px
}

.swiper-button-disabled, .swiper-button-next, .swiper-button-prev, .swiper-pagination {
    position: static;
    margin: 0;
    max-height: 36px
}

.swiper-button-next, .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none !important
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        background-color: #e6e9ed;
        color: #fff !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        opacity: 1;
        border: none
    }

        .swiper-button-next.swiper-button-disabled:after, .swiper-button-next.swiper-button-disabled:before, .swiper-button-prev.swiper-button-disabled:after, .swiper-button-prev.swiper-button-disabled:before {
            color: #fff
        }

.swiper-button-next, .swiper-button-prev {
    min-width: 92px;
    max-width: 70px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .swiper-button-next:after {
        content: "\F030\00FE0E"
    }

    .swiper-button-next:after {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        color: #62666d;
        margin-right: 15px
    }

    .swiper-button-prev:before {
        content: "\F031\00FE0E"
    }

    .swiper-button-prev:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        color: #62666d;
        margin-left: 15px
    }

.swiper-container {
    width: 100%;
    height: 100%
}

.c-content-accordion {
    padding-top: 32px
}

    .c-content-accordion.uk-accordion > :nth-child(n+2) {
        margin-top: 0
    }

    .c-content-accordion .uk-open .c-content-accordion__title {
        color: #3e3f3f
    }

        .c-content-accordion .uk-open .c-content-accordion__title:after {
            content: "\F0D5\00FE0E"
        }

    .c-content-accordion .uk-open .c-content-accordion__content--small {
        min-height: 200px !important
    }

    .c-content-accordion .uk-open .c-content-accordion__content {
        min-height: 350px
    }

    .c-content-accordion .is-empty {
        pointer-events: none
    }

        .c-content-accordion .is-empty .c-content-accordion__title:after {
            display: none
        }

        .c-content-accordion .is-empty .c-content-accordion__title-text:after {
            display: none
        }

.c-content-accordion__row {
    position: relative;
    min-height: 95px
}

    .c-content-accordion__row.disabled .c-content-accordion__title {
        pointer-events: none
    }

.c-content-accordion__title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 60px 20px 20px;
    cursor: pointer;
    font-weight: 700
}

    .c-content-accordion__title:after {
        content: "\F0D4\00FE0E"
    }

    .c-content-accordion__title:after {
        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;
        color: #4fcce9;
        font-size: 22px !important;
        line-height: 22px
    }

    .c-content-accordion__title.disabled {
        pointer-events: none
    }

.c-content-accordion__guid-line {
    margin-right: 10px;
    pointer: cursor
}

    .c-content-accordion__guid-line:before {
        content: "\F042\00FE0E"
    }

    .c-content-accordion__guid-line:before {
        font-size: 21px;
        font-size: 1.5rem;
        line-height: 1.048
    }

.c-content-accordion__title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

    .c-content-accordion__title-text:after {
        display: block;
        content: "";
        height: 1px;
        background-color: #d5d9dd;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        margin: 0 20px 0 40px
    }

.c-content-accordion__content {
    position: relative;
    margin-top: 0;
    padding: 0 40px 52px 0
}

    .c-content-accordion__content.c-content-loading > .c-content-loader {
        right: 40px
    }

.c-content-accordion__content--last {
    padding-bottom: 10px
}

.c-content-accordion__step-controls {
    padding: 0 20px;
    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
}

.c-content-accordion__step-controls--category {
    padding-left: 0;
    padding-right: 15px
}

.c-content-accordion__step-controls--dkpc {
    padding-left: 0;
    padding-right: 10px
}

.c-content-accordion__step-controls--spacer {
    padding: 20px 0 0
}

.c-content-accordion__modal {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff;
    max-height: 698px;
    padding: 15px;
    min-width: 800px;
    max-width: 56% !important
}

.c-content-accordion__modal-header {
    padding: 5px 15px 20px 5px;
    border-bottom: 1px solid #e6e9ed
}

.c-content-accordion__modal-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0
}

.c-content-accordion__modal-title--light {
    color: #889098
}

.c-content-accordion__modal-title--dark {
    color: #62666d
}

.c-content-accordion__modal-body {
    padding: 29px 25px 25px;
    overflow-y: auto
}

.c-content-accordion__modal-content-container {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
    direction: ltr
}

    .c-content-accordion__modal-content-container > * {
        direction: rtl;
        margin-right: 17px
    }

    .c-content-accordion__modal-content-container::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-accordion__modal-content-container::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-content-accordion__modal-content-container::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-content-accordion__modal-text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    color: #62666d
}

    .c-content-accordion__modal-text p {
        margin-top: 15px;
        overflow-x: hidden;
        white-space: normal;
        max-width: 720px
    }

    .c-content-accordion__modal-text img {
        border-radius: 8px;
        border: 1px solid #e6e9ed;
        margin-top: 30px
    }

.c-content-accordion__modal-video > figure {
    margin: 0
}

    .c-content-accordion__modal-video > figure > video {
        border-radius: 10px;
        max-height: 395px;
        background: #424750
    }

.c-content-accordion__modal-gellery-title {
    color: #3e3f3f;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-content-accordion__modal-gellery-des {
    color: ‌ #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-content-accordion__modal-gellery-img {
    max-height: 270px;
    border-radius: 8px;
    max-width: 720px;
    border: 1px solid #e6e9ed;
    width: 100%
}

.c-content-accordion__modal-guidelines-separator {
    border-top: 1px solid #e6e9ed
}

.c-content-accordion__modal-guidelines-separator-bottom {
    border-bottom: 1px solid #e6e9ed
}

.c-content-accordion__modal-guidelines-item {
    cursor: pointer
}

    .c-content-accordion__modal-guidelines-item:before {
        content: "\F0A0\00FE0E"
    }

    .c-content-accordion__modal-guidelines-item:before {
        color: #ef5661;
        margin-left: 10px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-content-accordion__modal-guidelines-expand-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    cursor: pointer
}

    .c-content-accordion__modal-guidelines-expand-icon:before {
        content: "\F031\00FE0E"
    }

    .c-content-accordion__modal-guidelines-expand-icon:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        color: #62666d
    }

.c-content-accordion__modal-guidelines-expand-icon--expanded {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 7px
}

.c-content-accordion__modal-guidelines-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-content-accordion__modal-guidelines-back:after {
        content: "\F090\00FE0E"
    }

    .c-content-accordion__modal-guidelines-back:after {
        color: #4fcce9;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1;
        margin-right: 8px;
        font-weight: 700
    }

.c-content-loader {
    z-index: 1010;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 0;
    width: 0;
    background-color: hsla(0,0%,100%,.8);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .25s ease;
    transition: .25s ease;
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility
}

.c-content-loader--fixed {
    z-index: 99999999;
    position: fixed;
    width: 100vw;
    height: 100vh
}

    .c-content-loader--fixed.c-content-loading {
        opacity: 1;
        visibility: visible;
        position: fixed
    }

.c-content-loader--moderate {
    z-index: 101;
    position: absolute;
    top: 30px;
    left: 20px;
    right: 10px;
    border-radius: 8px
}

    .c-content-loader--moderate .c-content-loader__logo {
        position: fixed;
        top: 50%
    }

    .c-content-loader--moderate .c-content-loader__spinner {
        position: fixed;
        top: 50%;
        margin-top: 45px
    }

.c-content-loader--row {
    z-index: 1
}

.c-content-loader--col {
    left: 12.5px;
    right: 12.5px;
    border-radius: 8px;
    z-index: 1
}

.c-content-loader__logo {
    width: 100px;
    margin-bottom: 15px;
    background-image: url(../files/2ed3f22f.png)
}

.c-content-loader__logo, .c-content-loader__spinner {
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%
}

.c-content-loader__spinner {
    width: 30px;
    background-image: url(../files/c5cd7f53.gif)
}

.c-content-loading {
    position: relative;
    overflow: hidden
}

    .c-content-loading > .c-content-loader {
        height: auto;
        width: auto;
        opacity: 1;
        visibility: visible
    }

.c-loader-overflow, .c-loader-overflow body {
    overflow: hidden
}

.c-content-tooltip {
    position: fixed;
    opacity: 0;
    z-index: 1000;
    color: #606265;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    letter-spacing: -.3px;
    width: 235px;
    padding: 16px 20px;
    margin-top: 7px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid hsla(0,0%,59.2%,.2);
    pointer-events: none;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

    .c-content-tooltip:before {
        left: 10%
    }

    .c-content-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 7%;
        display: block;
        width: 10px;
        height: 10px;
        border-left: 1px solid hsla(0,0%,59.2%,.2);
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #fff
    }

.c-content-tooltip--left {
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%)
}

    .c-content-tooltip--left:before {
        left: 90%
    }

.c-content-tooltip--right {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%)
}

    .c-content-tooltip--right:before {
        left: 10%
    }

.c-content-tooltip--top {
    margin-top: -3px
}

    .c-content-tooltip--top:before {
        top: unset;
        bottom: -14px;
        border-bottom-color: transparent;
        border-top: 7px solid #fff
    }

.c-content-tooltip div {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    margin-bottom: 8px
}

.c-content-tooltip p {
    margin: 0 10px 0 0
}

.c-content-upload {
    width: 100%;
    padding: 20px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    color: #606265
}

.c-content-upload--reset {
    padding: 0;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-content-upload .product-form__section-title {
    margin-left: -10px;
    margin-right: -10px;
    width: unset;
    padding-left: 10px;
    padding-right: 10px
}

.c-content-upload__title {
    padding-left: 10px;
    padding-right: 10px;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    background-color: #fff;
    font-weight: 700
}

.c-content-upload__checkbox-container {
    margin-bottom: 20px
}

.c-content-upload__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 215px;
    border-radius: 8px;
    border: 2px dashed #bbbaba;
    background-color: #f8f9fb;
    cursor: -webkit-grab;
    cursor: grab
}

    .c-content-upload__trigger + .c-content-upload__uploads {
        margin-top: 20px
    }

.c-content-upload__ui-btn {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    text-align: center
}

    .c-content-upload__ui-btn:before {
        content: "\F008\00FE0E"
    }

    .c-content-upload__ui-btn:before {
        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: 0 auto 10px;
        width: 50px;
        height: 50px;
        border-radius: 25px;
        background-color: rgba(79,204,233,.2);
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 26px;
        color: #4fcce9
    }

.c-content-upload__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-content-upload__list--tooltips {
    margin-right: 45px
}

.c-content-upload__list--errors {
    display: none;
    color: #ed5565;
    margin-right: 60px;
    margin-left: 60px
}

    .c-content-upload__list--errors.show {
        display: block
    }

    .c-content-upload__list--errors li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 13px;
        font-size: .929rem;
        line-height: 22px;
        word-break: break-word;
        text-align: right
    }

        .c-content-upload__list--errors li + .c-content-upload__list--errors li {
            margin-top: 7px
        }

        .c-content-upload__list--errors li:before {
            content: "";
            -webkit-box-flex: 0;
            -ms-flex: 0 0 8px;
            flex: 0 0 8px;
            width: 8px;
            height: 8px;
            background-color: #ed5565;
            border-radius: 4px;
            margin-left: 10px;
            display: block
        }

.c-content-upload__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px
}

    .c-content-upload__list-item + .c-content-upload__list-item {
        margin-top: 7px
    }

    .c-content-upload__list-item:before {
        content: "";
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
        flex: 0 0 8px;
        width: 8px;
        height: 8px;
        background-color: #606265;
        border-radius: 4px;
        margin-left: 10px;
        display: block
    }

.c-content-upload__list-item--error:before {
    background-color: #ed5565
}

.c-content-upload__gallery-list {
    margin: 0 -10px;
    padding: 0 10px;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 786px;
    direction: ltr
}

    .c-content-upload__gallery-list::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-upload__gallery-list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .c-content-upload__gallery-list::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

.c-content-upload__gallery-list--suggestions {
    max-height: 470px;
    width: 100%;
    direction: rtl
}

.c-content-upload__gallery-row {
    border-bottom: 1px solid #e2e2e2;
    padding: 20px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    direction: rtl;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.c-content-upload__gallery-row--secondary:first-of-type {
    border: 1px solid #e2e2e2;
    border-radius: 6px
}

.c-content-upload__gallery-row--edit {
    border-color: rgba(239,86,97,.2)
}

.c-content-upload__gallery-row--suggestions {
    padding: 10px;
    border: none;
    border-radius: 6px
}

    .c-content-upload__gallery-row--suggestions:hover {
        background-color: #f5f7fa
    }

    .c-content-upload__gallery-row--suggestions.added {
        background-color: #f5f7fa
    }

.c-content-upload__gallery-row.first .c-content-upload__drag-handler--up, .c-content-upload__gallery-row.last .c-content-upload__drag-handler--down {
    opacity: .3
}

.c-content-upload__img-container {
    position: relative;
    display: flow;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    width: 90px;
    border: 1px solid #bbbaba;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.c-content-upload__img-container--file {
    width: 80px;
    height: 80px;
    border: none
}

.c-content-upload__img-container--video {
    width: 80px;
    height: 80px
}

.c-content-upload__img-container--suggestions {
    width: 70px;
    height: 70px
}

.c-content-upload__img--file {
    width: 100%;
    height: 100%;
    background-image: url(../files/26a66c3a.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.c-content-upload__img-loader {
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 36px;
    width: 36px
}

    .c-content-upload__img-loader .progress__wrapper {
        height: 36px;
        width: 36px;
        -webkit-animation: loader-1-1 4.8s linear infinite;
        animation: loader-1-1 4.8s linear infinite
    }

    .c-content-upload__img-loader .progress {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 36px;
        width: 36px;
        clip: rect(0,36px,36px,18px);
        -webkit-animation: loader-1-2 1.3s linear infinite;
        animation: loader-1-2 1.3s linear infinite;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0
    }

        .c-content-upload__img-loader .progress:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            margin: auto;
            height: 36px;
            width: 36px;
            clip: rect(0,36px,36px,18px);
            border: 3px solid #0e73ad;
            border-radius: 50%;
            -webkit-animation: loader-1-3 1.3s cubic-bezier(.77,0,.175,1) infinite;
            animation: loader-1-3 1.3s cubic-bezier(.77,0,.175,1) infinite;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    .c-content-upload__img-loader .progress__meter, .c-content-upload__img-loader .progress__value {
        fill: none;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

    .c-content-upload__img-loader .progress__meter {
        stroke: transparent
    }

    .c-content-upload__img-loader .progress__value {
        stroke: #0e73ad;
        stroke-linecap: round;
        stroke-dasharray: 100;
        stroke-dashoffset: 70;
        -webkit-animation: progress2 1s infinite alternate;
        animation: progress2 1s infinite alternate
    }

.c-content-upload__img-error {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 36px;
    width: 36px;
    background-image: url(../files/634f0347.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    opacity: .9
}

.c-content-upload__desc {
    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;
    margin-right: 30px;
    width: 380px;
    text-align: right
}

.c-content-upload__desc--top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-content-upload__desc--bottom, .c-content-upload__desc--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-content-upload__desc--bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.c-content-upload__desc--secondary {
    width: 380px;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-content-upload__desc--secondary .c-content-upload__size {
        margin-top: 0;
        width: 160px;
        text-align: right
    }

.c-content-upload__desc .c-ui-checkbox {
    padding: 0
}

    .c-content-upload__desc .c-ui-checkbox + .c-ui-checkbox {
        margin-right: 30px
    }

.c-content-upload__name {
    width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.c-content-upload__size {
    margin-top: 10px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #9b9b9b;
    direction: ltr
}

.c-content-upload__controls, .c-content-upload__select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-content-upload__controls {
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-content-upload__controls--secondary {
    padding-left: 45px
}

.c-content-upload__btn {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    outline: 0
}

    .c-content-upload__btn + .c-content-upload__btn {
        margin-right: 20px
    }

    .c-content-upload__btn:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

.c-content-upload__btn--refresh {
    color: #0e73ad
}

    .c-content-upload__btn--refresh:before {
        content: "\F0CE\00FE0E"
    }

.c-content-upload__btn--flag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #bbbaba
}

    .c-content-upload__btn--flag:before {
        content: "\F081\00FE0E"
    }

    .c-content-upload__btn--flag.checked {
        color: #4fcce9
    }

        .c-content-upload__btn--flag.checked:before {
            content: "\F080\00FE0E"
        }

        .c-content-upload__btn--flag.checked:before {
            font-size: 20px;
            font-size: 1.429rem;
            line-height: 20px
        }

.c-content-upload__btn--cancel {
    color: #ed5565
}

    .c-content-upload__btn--cancel:before {
        content: "\F039\00FE0E"
    }

.c-content-upload__btn--remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ed5565
}

    .c-content-upload__btn--remove:before {
        content: "\F04B\00FE0E"
    }

.c-content-upload__btn--undo {
    color: #0e73ad
}

    .c-content-upload__btn--undo:before {
        content: "\F103\00FE0E"
    }

.c-content-upload__btn--danger {
    color: #fff;
    background-color: #ed5565;
    border-color: #ed5565
}

.c-content-upload__drag-handler--outer {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 30px
}

    .c-content-upload__drag-handler--outer.first .c-content-upload__drag-handler--up, .c-content-upload__drag-handler--outer.last .c-content-upload__drag-handler--down {
        opacity: .3
    }

.c-content-upload__drag-handler--bg {
    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;
    padding: 10px 0;
    cursor: -webkit-grab;
    cursor: grab
}

    .c-content-upload__drag-handler--bg:before {
        content: "\F05D\00FE0E"
    }

    .c-content-upload__drag-handler--bg:active {
        cursor: -webkit-grabbing;
        cursor: grabbing
    }

    .c-content-upload__drag-handler--bg:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px
    }

.c-content-upload__drag-handler--up {
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    cursor: pointer
}

    .c-content-upload__drag-handler--up:before {
        content: "\F032\00FE0E"
    }

.c-content-upload__drag-handler--down {
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    cursor: pointer
}

    .c-content-upload__drag-handler--down:before {
        content: "\F032\00FE0E"
    }

.c-content-upload__show-more {
    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;
    height: 40px;
    width: 100%;
    background-color: #f5f7fa;
    border: 1px solid #e2e2e2;
    border-top: none;
    border-radius: 0 0 8px 8px;
    outline: 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

    .c-content-upload__show-more:after {
        content: "\F032\00FE0E"
    }

    .c-content-upload__show-more:after {
        margin-right: 12px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px
    }

.c-content-upload__progress-bar {
    display: none;
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    background-color: #f5f7fa
}

    .c-content-upload__progress-bar::-webkit-progress-bar {
        background-color: #f5f7fa;
        border-radius: 3px
    }

    .c-content-upload__progress-bar[value]::-moz-progress-bar {
        background-color: #0e73ad;
        border-radius: 3px
    }

    .c-content-upload__progress-bar[value]::-webkit-progress-value {
        background-color: #0e73ad;
        border-radius: 3px
    }

.c-content-upload__progress-bar--fill {
    width: 0;
    background-color: #0e73ad;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

.c-content-upload__uploads--edit {
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid rgba(239,86,97,.2);
    background-color: rgba(239,86,97,.05)
}

    .c-content-upload__uploads--edit .product-form__section-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        padding: 10px 20px;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ed5565;
        font-size: 14px;
        font-size: 1rem;
        line-height: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(239,86,97,.2)
    }

        .c-content-upload__uploads--edit .product-form__section-title span {
            font-weight: 400;
            padding-right: 10px;
            margin-right: 10px;
            border-right: 1px solid #ed5565;
            font-size: 14px;
            font-size: 1rem;
            line-height: 16px
        }

    .c-content-upload__uploads--edit .c-content-upload__controls {
        padding: 0 10px
    }

.c-content-upload__progress--circle {
    position: absolute;
    top: 50%;
    left: 50%;
    background: red;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.c-content-upload__error-container {
    margin-top: 15px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px
}

.c-content-upload__error {
    color: #ed5565;
    padding: 30px 38px;
    background-color: #fef6f7;
    border-radius: 8px
}

.c-content-upload__error-msg {
    position: relative;
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    word-break: break-word;
    text-align: right
}

    .c-content-upload__error-msg + .c-content-upload__error-msg {
        margin-top: 7px
    }

    .c-content-upload__error-msg:before {
        content: "";
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8px;
        flex: 0 0 8px;
        position: absolute;
        top: 10px;
        left: 100%;
        width: 8px;
        height: 8px;
        background-color: #ed5565;
        border-radius: 4px;
        margin-left: 10px;
        display: block
    }

    .c-content-upload__error-msg i {
        margin: 0 6px;
        vertical-align: text-top
    }

        .c-content-upload__error-msg i:before {
            content: "\F081\00FE0E"
        }

        .c-content-upload__error-msg i:before {
            font-size: 20px;
            font-size: 1.429rem;
            line-height: 30px
        }

.c-content-upload__name-container {
    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;
    margin-right: 30px;
    width: 400px;
    text-align: right
}

.c-content-upload__duration-container, .c-content-upload__id-container {
    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;
    margin-right: 60px;
    width: 100px;
    text-align: right
}

.c-content-upload__label {
    color: #9b9b9b;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-content-upload__info {
    margin-top: 10px;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-content-upload__suggestion-container {
    z-index: 10;
    position: absolute;
    top: 100%;
    padding: 10px 10px 10px 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.c-content-upload__mid-container {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.c-content-upload__mid-container--top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

.c-content-upload__mid-container--bottom {
    margin-top: 20px;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    text-align: right;
    padding-right: 30px
}

.c-content-upload__digikala {
    margin-bottom: 30px
}

.c-content-upload .hidden {
    display: none
}

.c-content-upload .disabled {
    pointer-events: none
}

.c-content-upload .loading .c-content-upload__gallery-row > div:not(.c-content-upload__controls) {
    pointer-events: none
}

.c-content-upload .loading .c-content-upload__img {
    opacity: .8;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.c-content-upload .loading .c-content-upload__img-loader {
    display: block
}

.c-content-upload .loading .c-content-upload__drag-handler {
    visibility: hidden
}

.c-content-upload .loading .c-content-upload__drag-handler--secondary {
    visibility: visible;
    opacity: .3
}

.c-content-upload .loading .c-content-upload__img--file {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.c-content-upload .loading .c-content-upload__progress-bar {
    display: block
}

.c-content-upload .loading .c-content-upload__btn--cancel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-content-upload .loading .c-content-upload__btn--flag, .c-content-upload .loading .c-content-upload__btn--remove {
    display: none
}

.c-content-upload .has-error > div:not(.c-content-upload__controls) {
    pointer-events: none
}

.c-content-upload .has-error .c-content-upload__img-loader {
    display: none
}

.c-content-upload .has-error .c-content-upload__img-container {
    border-color: #ed5565
}

.c-content-upload .has-error .c-content-upload__drag-handler {
    visibility: hidden
}

.c-content-upload .has-error .c-content-upload__drag-handler--secondary {
    visibility: visible;
    opacity: .3
}

.c-content-upload .has-error .c-content-upload__img-error, .c-content-upload .has-error .c-content-upload__list--errors {
    display: block
}

.c-content-upload .has-error .c-content-upload__progress-bar {
    display: none
}

.c-content-upload .has-error .c-content-upload__btn--remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-content-upload .has-error .c-content-upload__btn--cancel {
    display: none
}

.c-content-upload .has-error .c-content-upload__btn--refresh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-content-upload .primary {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid rgba(79,204,233,.4);
    border-right: 6px solid #4fcce9;
    background-color: rgba(79,204,233,.03);
    border-radius: 6px
}

    .c-content-upload .primary + .c-content-upload__gallery-row {
        border-top: 1px solid #e2e2e2
    }

    .c-content-upload .primary .c-content-upload__drag-handler, .c-content-upload .primary .c-content-upload__select {
        visibility: hidden
    }

    .c-content-upload .primary .c-content-upload__btn--flag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #4fcce9
    }

        .c-content-upload .primary .c-content-upload__btn--flag:before {
            content: "\F080\00FE0E"
        }

        .c-content-upload .primary .c-content-upload__btn--flag:before {
            font-size: 20px;
            font-size: 1.429rem;
            line-height: 20px
        }

    .c-content-upload .primary .c-content-upload__mid-container--bottom {
        opacity: .5;
        pointer-events: none
    }

.c-content-upload .afterimage {
    margin-top: 4px;
    margin-bottom: 4px;
    border: none;
    background-color: #f5f7fa
}

    .c-content-upload .afterimage + .c-content-upload__gallery-row {
        border-top: 1px solid #e2e2e2
    }

    .c-content-upload .afterimage .c-content-upload__drag-handler {
        visibility: hidden
    }

    .c-content-upload .afterimage > div:not(.c-content-upload__controls) {
        opacity: .5;
        pointer-events: none
    }

    .c-content-upload .afterimage .c-content-upload__btn--flag, .c-content-upload .afterimage .c-content-upload__btn--remove {
        display: none
    }

    .c-content-upload .afterimage .c-content-upload__btn--undo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

@-webkit-keyframes loader-1-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loader-1-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loader-1-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
    }
}

@keyframes loader-1-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(220deg);
        transform: rotate(220deg)
    }
}

@-webkit-keyframes loader-1-3 {
    0% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    50% {
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg)
    }

    to {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg)
    }
}

@keyframes loader-1-3 {
    0% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }

    50% {
        -webkit-transform: rotate(-160deg);
        transform: rotate(-160deg)
    }

    to {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg)
    }
}

.c-content-error__container {
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(239,86,97,.2);
    background-color: rgba(239,86,97,.05)
}

.c-content-error__header {
    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;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #e2e2e2;
    color: #ed5565
}

.c-content-error__body, .c-content-error__header {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-content-error__title--primary {
    padding-left: 15px;
    border-left: 1px solid #ed5565
}

.c-content-error__title--secondary {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    font-weight: 400;
    margin-right: 10px
}

.c-content-error__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-content-error__list--errors {
    color: #ed5565
}

    .c-content-error__list--errors li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 11px;
        font-size: .786rem;
        line-height: 20px;
        word-break: break-word;
        text-align: right
    }

        .c-content-error__list--errors li:before {
            content: "";
            -webkit-box-flex: 0;
            -ms-flex: 0 0 6px;
            flex: 0 0 6px;
            width: 6px;
            height: 6px;
            background-color: #ed5565;
            border-radius: 4px;
            margin-left: 10px;
            display: block
        }

.c-content-error__row {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-content-error__row:not(:last-of-type) {
        border-bottom: 1px solid #e2e2e2
    }

.c-content-error__img-col {
    width: 90px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    margin-left: 30px
}

.c-content-error__info-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 230px;
    flex: 0 1 230px;
    margin-left: 30px
}

.c-content-error__descr-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 150px;
    flex: 0 1 150px;
    margin-left: 30px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    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
}

    .c-content-error__descr-col i {
        margin-left: 15px;
        vertical-align: text-top
    }

        .c-content-error__descr-col i:before {
            content: "\F080\00FE0E"
        }

        .c-content-error__descr-col i:before {
            font-size: 20px;
            font-size: 1.429rem;
            line-height: 20px;
            color: #4fcce9
        }

.c-content-error__error-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 30px
}

.c-content-error__controls-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    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-right: auto
}

.c-content-error__img-container {
    position: relative;
    border: 1px solid #ed5565;
    width: 90px;
    height: 90px;
    border-radius: 6px;
    overflow: hidden
}

.c-content-error__img-error {
    background-image: url(../files/634f0347.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.c-content-error__img-error, .c-content-error__img-removed {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 36px;
    width: 36px;
    opacity: .9
}

.c-content-error__img-removed {
    color: #ed5565;
    text-align: center
}

    .c-content-error__img-removed:before {
        content: "\F0CF\00FE0E"
    }

    .c-content-error__img-removed:before {
        font-size: 36px;
        font-size: 2.571rem;
        line-height: 36px
    }

.c-content-error__img-size {
    margin-top: 10px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #9b9b9b
}

.c-content-error__btn {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: 0
}

.c-content-error__btn--remove {
    background-color: #ed5565;
    color: #fff;
    width: 40px;
    height: 40px;
    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;
    border-radius: 8px;
    border: 1px solid #ed5565
}

    .c-content-error__btn--remove:before {
        content: "\F04B\00FE0E"
    }

    .c-content-error__btn--remove:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 22px
    }

    .c-content-error__btn--remove:disabled {
        background-color: #fff;
        color: #ed5565;
        cursor: default
    }

.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: 40px;
    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: 1px solid #bbbaba;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent;
    min-height: 195px;
    font-size: 0
}

.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-variation-diversity {
    position: relative;
    width: 100%
}

    .c-variation-diversity table {
        border-spacing: 0
    }

    .c-variation-diversity tbody:before {
        content: "";
        height: 15px;
        display: block
    }

.c-variation-diversity__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 2px solid #e6e9ed
}

.c-variation-diversity__body {
    position: relative
}

.c-variation-diversity__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 12px
}

.c-variation-diversity__list {
    margin: 0;
    padding-bottom: 20px;
    list-style-type: none;
    border-bottom: 2px solid #e6e9ed
}

.c-variation-diversity__item--top > td {
    padding: 0 10px 15px
}

    .c-variation-diversity__item--top > td:first-of-type {
        padding-right: 15px
    }

    .c-variation-diversity__item--top > td:last-of-type {
        padding-left: 15px
    }

.c-variation-diversity__item--top.edit > td {
    padding: 15px 10px;
    border-top: 1px solid #e6e9ed;
    border-bottom: 1px solid #e6e9ed;
    background-color: #f5f7fa
}

    .c-variation-diversity__item--top.edit > td:first-of-type {
        padding-right: 15px;
        border-radius: 0 8px 0 0;
        border-right: 1px solid #e6e9ed
    }

    .c-variation-diversity__item--top.edit > td:last-of-type {
        padding-left: 15px;
        border-radius: 8px 0 0 0;
        border-left: 1px solid #e6e9ed
    }

.c-variation-diversity__item--top .c-ui-btn {
    margin-right: auto
}

.c-variation-diversity__item--bottom > td {
    padding: 0 15px 15px;
    position: relative
}

.c-variation-diversity__item--bottom.edit > td {
    padding-left: 0;
    padding-right: 0
}

.c-variation-diversity__item.edit .c-variation-diversity__primary-info {
    padding: 7px 20px;
    border: 1px solid #e6e9ed;
    border-radius: 8px 8px 0 0;
    background-color: #f5f7fa
}

.c-variation-diversity__item.edit .c-variation-diversity__action > *, .c-variation-diversity__item.edit .c-variation-diversity__status > * {
    display: none
}

.c-variation-diversity__item.edit .c-variant__secondary-info {
    display: none
}

.c-variation-diversity__item.edit .c-variant__secondary-info--edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 0;
    padding: 30px 20px 15px;
    border: 1px solid #e6e9ed;
    border-top: none;
    border-radius: 0 0 8px 8px
}

.c-variation-diversity__item--header {
    background-color: #f5f7fa;
    border-radius: 8px;
    margin-bottom: 15px;
    padding-bottom: 0
}

.c-variation-diversity__primary-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0
}

.c-variation-diversity__separator {
    border-bottom: 1px solid #e6e9ed;
    padding-bottom: 15px
}

.c-variation-diversity__count {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35px;
    flex: 1 1 35px;
    margin-left: 50px
}

.c-variation-diversity__title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 380px;
    flex: 1 1 380px;
    margin-left: 50px
}

.c-variation-diversity__code {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 95px;
    flex: 1 1 95px;
    margin-left: 50px
}

.c-variation-diversity__status {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 90px;
    flex: 1 1 90px;
    margin-left: 50px
}

.c-variation-diversity__condition {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 65px;
    flex: 1 1 65px;
    margin-left: 50px
}

.c-variation-diversity__action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px
}

.c-variation-diversity__status-ui {
    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: 30px;
    height: 30px;
    border-radius: 8px
}

    .c-variation-diversity__status-ui:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px
    }

    .c-variation-diversity__status-ui.active {
        background-color: #eefaf7;
        color: #0e73ad
    }

        .c-variation-diversity__status-ui.active:before {
            content: "\F0FD\00FE0E"
        }

    .c-variation-diversity__status-ui.inactive {
        background-color: #fef6f7;
        color: #ef5661
    }

        .c-variation-diversity__status-ui.inactive:before {
            content: "\F039\00FE0E"
        }

.c-variation-diversity__warning {
    display: none
}

    .c-variation-diversity__warning > * {
        margin-top: 15px;
        background-color: #fff9ef;
        color: #fdc364;
        border-radius: 4px;
        border: 1px solid #fdc364;
        padding: 10px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-variation-diversity .c-ui-paginator .c-ui-paginator__select-pages {
    position: relative;
    margin-right: 12px;
    cursor: pointer;
    z-index: 1
}

    .c-variation-diversity .c-ui-paginator .c-ui-paginator__select-pages: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-variation-diversity .c-ui-paginator .c-ui-select {
    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;
    outline: 0
}

.c-variation-diversity__channel {
    width: 40px;
    height: 25px;
    border-radius: 12.5px;
    color: #0e73ad;
    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;
    background: #f5f7fa;
    border-color: #bbbaba
}

.c-variation-diversity__channel--margin-top {
    margin-top: 6px
}

.c-variation-diversity__channel:before {
    opacity: .5
}

.c-variation-diversity__channel:before {
    content: "";
    font-size: 12px;
    font-size: .857rem;
    line-height: 12px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    color: #000
}

.c-variation-diversity__channel + .c-variation-diversity__channel {
    margin-right: 5px
}

.c-variation-diversity__channel.dk:before {
    background-image: url(../files/c9a15559.svg);
    width: 17px;
    height: 10px
}

.c-variation-diversity__channel.seller:before {
    content: "\F0E3\00FE0E"
}

.c-variation-diversity__channel.seller:before {
    font-size: 13px;
    font-size: .929rem;
    line-height: 13px
}

.c-variation-diversity__channel.ds:before {
    content: "\F05F\00FE0E"
}

.c-variation-diversity__channel.ds:before {
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px
}

.c-variation-diversity__channel.active {
    border: 1px solid #0e73ad;
    background-color: #f7fdfc
}

    .c-variation-diversity__channel.active:before {
        opacity: 1
    }

.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: 12%;
    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: 30px;
    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__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
}

.c-variant-error {
    margin-top: 20px;
    margin-bottom: 20px
}

.c-variant-error__box {
    color: #ed5565;
    padding: 30px 38px;
    background-color: #fef6f7;
    border-radius: 8px
}

.c-variant-error__box--modal {
    padding-top: 10px;
    padding-bottom: 10px
}

.c-variant-error__box > * {
    position: relative;
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    word-break: break-word;
    text-align: right
}

    .c-variant-error__box > * + .c-variant-error__box > * {
        margin-top: 7px
    }

.c-variant-error__box > :before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8px;
    flex: 0 0 8px;
    position: absolute;
    top: 10px;
    left: 100%;
    width: 8px;
    height: 8px;
    background-color: #ef5661;
    border-radius: 4px;
    margin-left: 10px;
    display: block
}

.c-variant-success {
    margin-top: 20px;
    margin-bottom: 20px
}

.c-variant-success__box {
    color: #0e73ad;
    padding: 30px 38px;
    background-color: rgba(87,207,177,.05);
    border-radius: 8px;
    border: 1px solid #0e73ad
}

    .c-variant-success__box > * {
        position: relative;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 30px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        word-break: break-word;
        text-align: right;
        font-weight: 700
    }

        .c-variant-success__box > * + .c-variant-success__box > * {
            margin-top: 7px
        }

.new-sbs-lead-time-field-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.new-sbs-lead-time-field-wrapper__first-select {
    width: 115px
}

.new-sbs-lead-time-field-wrapper__first-select--disabled {
    width: 115px;
    border-radius: 8px;
    background-color: rgba(240,240,241,.7);
    border-color: #e0e0e2
}

.new-sbs-lead-time-field-wrapper__connection-line {
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #bbbaba
}

.new-sbs-lead-time-field-wrapper__second-select {
    width: 180px
}

.new-sbs-lead-time-field-wrapper__second-select--disabled {
    width: 180px;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(240,240,241,.7);
    border-color: #e0e0e2
}

.c-nccp-tooltip {
    display: none;
    cursor: pointer;
    position: relative;
    -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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-nccp-tooltip div:first-of-type {
        font-family: IRANYekan,B Yekan,Yekan,serif;
        font-weight: 700;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

        .c-nccp-tooltip div:first-of-type:before {
            content: "\F084\00FE0E"
        }

.c-nccp-tooltip--visible, .c-nccp-tooltip__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-nccp-tooltip__text {
    visibility: hidden;
    -webkit-transition: visibility 1s ease-out;
    transition: visibility 1s ease-out;
    width: 250px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 126px;
    height: auto;
    border: 1px solid #e0e0e2;
    background-color: #fff;
    color: #62666d;
    text-align: right;
    border-radius: 6px;
    padding: 15px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000 !important;
    position: absolute;
    top: 35px;
    left: 0;
    font-family: IRANYekan,B Yekan,Yekan,serif;
    font-weight: 400
}

    .c-nccp-tooltip__text, .c-nccp-tooltip__text a {
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

        .c-nccp-tooltip__text a {
            color: #4a90e2;
            border-bottom: 1px dashed #4a90e2;
            margin-top: 10px;
            font-weight: 700;
            width: 111px
        }

        .c-nccp-tooltip__text span {
            display: block;
            overflow-wrap: break-word;
            text-justify: distribute-all-lines;
            text-align: right;
            text-overflow: clip;
            width: 100%
        }

        .c-nccp-tooltip__text:after {
            content: "";
            border-top: 1px solid #e0e0e2;
            border-right: 1px solid #e0e0e2;
            background-color: #fff;
            position: absolute;
            top: -7px;
            left: 10px;
            z-index: 2000 !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 10px;
            height: 10px;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.c-nccp-tooltip .c-nccp-tooltip__text:hover .c-nccp-tooltip__text, .c-nccp-tooltip:hover .c-nccp-tooltip__text {
    -webkit-transition: visibility .5s ease-in;
    transition: visibility .5s ease-in;
    visibility: visible
}

.c-content-modal {
    width: 900px;
    padding-left: 30px;
    padding-right: 30px;
    color: #606265
}

.c-content-modal__header {
    position: relative;
    padding-top: 40px;
    padding-bottom: 20px
}

.c-content-modal__header--overflow:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 35px;
    right: 35px;
    margin-top: 1px;
    top: 100%;
    height: 50px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: linear-gradient(0deg,hsla(0,0%,100%,0),#fff)
}

.c-content-modal__title {
    margin: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 700;
    color: #393b40;
    text-align: center
}

.c-content-modal__body {
    position: relative;
    max-height: 580px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 35px 40px;
    direction: ltr
}

    .c-content-modal__body::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-modal__body::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-content-modal__body::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-content-modal__body--overflow {
    padding-top: 40px;
    border-top: 1px solid #e6e9ed;
    border-bottom: 1px solid #e6e9ed
}

.c-content-modal__body-container {
    direction: rtl
}

.c-content-modal__intro {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px
}

.c-content-modal__notes {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 15px 25px;
    border-radius: 8px;
    border: 1px solid rgba(239,86,97,.2);
    background-color: rgba(239,86,97,.05);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-content-modal__notes-title {
    font-weight: 700
}

.c-content-modal__notes-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-content-modal__notes-item {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-content-modal__uploads-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-content-modal__uploads-label.empty .c-content-modal__uploads-preview {
        border: 2px dashed #bbbaba
    }

        .c-content-modal__uploads-label.empty .c-content-modal__uploads-preview:before {
            content: "\F006\00FE0E"
        }

    .c-content-modal__uploads-label.empty .c-content-modal__uploads-img {
        display: none
    }

.c-content-modal__uploads-label--multiple {
    margin-top: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 2px solid #bbbaba;
    height: 172px;
    border-radius: 8px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto
}

    .c-content-modal__uploads-label--multiple::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-content-modal__uploads-label--multiple::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-content-modal__uploads-label--multiple::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .c-content-modal__uploads-label--multiple.empty {
        border: 2px dashed #bbbaba
    }

        .c-content-modal__uploads-label--multiple.empty .c-content-modal__uploads-placeholder {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

.c-content-modal__uploads-label--guaranty {
    height: 130px
}

.c-content-modal__uploads-label--color {
    margin-top: 1px;
    height: 140px
}

    .c-content-modal__uploads-label--color .c-content-modal__uploads-preview {
        border: none;
        margin-left: 8px
    }

    .c-content-modal__uploads-label--color.empty {
        border: 2px dashed #bbbaba
    }

        .c-content-modal__uploads-label--color.empty .c-content-modal__uploads-placeholder {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .c-content-modal__uploads-label--color.empty .c-content-modal__uploads-img, .c-content-modal__uploads-label--color.empty .c-content-modal__uploads-preview {
            display: none
        }

.c-content-modal__uploads-label--warranty {
    margin-top: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-content-modal__uploads-label .c-content-upload__img-loader {
    visibility: hidden
}

.c-content-modal__uploads-label.loading .c-content-upload__img-loader {
    visibility: visible
}

.c-content-modal__uploads-preview {
    position: relative;
    margin-top: 1px;
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    border: 2px solid #bbbaba;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer
}

    .c-content-modal__uploads-preview:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px;
        width: 26px;
        height: 26px;
        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;
        border-radius: 50%;
        background-color: rgba(79,204,233,.2);
        color: #4fcce9
    }

.c-content-modal__uploads-placeholder {
    display: none;
    -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;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: auto;
    margin-right: auto
}

    .c-content-modal__uploads-placeholder:before {
        content: "\F0AD\00FE0E"
    }

    .c-content-modal__uploads-placeholder:before {
        font-size: 60px;
        font-size: 4.286rem;
        line-height: 60px;
        color: #dadee4;
        margin-bottom: 10px;
        text-align: center
    }

.c-content-modal__multi-img {
    width: 70px;
    height: 70px;
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    border: 1px solid #bbbaba;
    border-radius: 6px;
    overflow: hidden;
    margin-left: 8px;
    margin-bottom: 8px
}

.c-content-modal__uploads-img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.c-content-modal__uploads-tooltips {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.c-content-modal__uploads-text {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    color: #9b9b9b
}

.c-content-modal__footer {
    position: relative;
    padding-top: 20px;
    padding-left: 35px;
    padding-right: 35px;
    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
}

.c-content-modal__footer--overflow:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 35px;
    right: 35px;
    margin-bottom: 1px;
    bottom: 100%;
    height: 50px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
    background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff)
}

.c-content-modal__errors-full {
    width: 100%
}

    .c-content-modal__errors-full > * {
        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-content-modal__uploads-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-content-modal .disabled {
    opacity: .6;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-content-modal .c-autosuggest__list-container {
    z-index: 1011;
    border-radius: 6px;
    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);
    border: 1px solid #e5e5e5;
    padding-left: 10px;
    padding-right: 10px
}

    .c-content-modal .c-autosuggest__list-container hr {
        margin-top: 3px;
        margin-bottom: 3px
    }

.c-content-modal .c-autosuggest__list-item {
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    border-radius: 6px
}

    .c-content-modal .c-autosuggest__list-item:hover {
        background-color: #f5f7fa
    }

    .c-content-modal .c-autosuggest__list-item a {
        color: #606265 !important
    }

        .c-content-modal .c-autosuggest__list-item a span:nth-of-type(2) {
            color: #4fcce9
        }

.c-ui-tag--dkpc {
    width: 100%
}

    .c-ui-tag--dkpc .c-ui-tag__label {
        margin-bottom: 20px
    }

.c-ui-tag__textarea {
    position: relative;
    color: #606265;
    border: 1px solid #bbbaba;
    border-radius: 8px;
    padding: 10px 15px;
    background-color: transparent;
    height: 100px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow-y: auto
}

    .c-ui-tag__textarea + .c-ui-tag__textarea {
        margin-top: 20px
    }

    .c-ui-tag__textarea::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-ui-tag__textarea::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-ui-tag__textarea::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .c-ui-tag__textarea.focus {
        border-color: #7fe7f6
    }

.c-ui-tag__textarea--inline {
    height: 40px;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-ui-tag__textarea--inline::-webkit-scrollbar {
        height: 4px;
        background-color: #f5f7fa
    }

    .c-ui-tag__textarea--inline .c-ui-tag__label {
        margin-bottom: 0;
        margin-left: 5px;
        height: 30px;
        padding: 5px 10px
    }

    .c-ui-tag__textarea--inline .c-ui-tag__remove {
        margin-right: 10px
    }

.c-ui-tag__textarea--full {
    width: 100%
}

.c-ui-tag__textarea--new-tag {
    background-color: #fff
}

    .c-ui-tag__textarea--new-tag .c-ui-tag__label {
        margin: 0 0 0 8px;
        background-color: #f5f7fa;
        font-weight: 400;
        color: #606265;
        border-radius: 6px;
        height: 30px;
        padding: 5px 10px;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.c-ui-tag__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px;
    margin-bottom: 10px;
    padding: 5px 15px;
    background-color: #889098;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    height: 35px;
    color: #fff;
    border-radius: 20px
}

.c-ui-tag__label, .c-ui-tag__label--search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-ui-tag__label--search {
    margin: 0 0 0 8px;
    background-color: #f5f7fa;
    font-weight: 400;
    color: #889098;
    border-radius: 6px;
    height: 30px;
    padding: 5px 10px;
    border: none
}

.c-ui-tag__label.has-error {
    -webkit-box-shadow: inset 0 0 0 1px #ed5565;
    box-shadow: inset 0 0 0 1px #ed5565;
    color: #ed5565;
    background-color: rgba(237,85,101,.1)
}

.c-ui-tag__remove {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    cursor: pointer;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

    .c-ui-tag__remove:before {
        content: "\F039\00FE0E"
    }

.c-ui-tag__remove--white {
    color: #889098
}

.c-ui-tag__remove:hover {
    text-decoration: none
}

.c-ui-tag__remove:before {
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px
}

.c-ui-tag__select {
    display: none
}

.c-ui-tag__input {
    border: none;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    color: #606265;
    outline: 0;
    pointer-events: none;
    background-color: transparent;
    font-family: inherit
}

    .c-ui-tag__input:focus {
        border: none
    }

.c-ui-tag__input--inline {
    width: calc(100% - 40px)
}

.c-ui-tag__submit {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    background-color: #4fcce9;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 26px
}

.c-upload-content {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e9ed
}

.c-upload-content--bottom {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    border-top: 1px solid #e6e9ed;
    border-bottom: none
}

.c-upload-content__actions {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

    .c-upload-content__actions .c-ui-btn {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        vertical-align: top;
        margin: 10px 0 10px 10px
    }

@media (max-width:991px) {
    .c-upload-content__actions {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-upload-content__details {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: -5px 0;
    border-radius: 8px;
    background-color: rgba(245,247,250,.5)
}

    .c-upload-content__details.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

@media (max-width:991px) {
    .c-upload-content__details {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-upload-content__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 10px
}

.c-upload-content__info-label {
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 28px;
    margin-left: 10px
}

.c-upload-content__info-message {
    font-size: 12px;
    font-size: .857rem;
    line-height: 28px;
    word-break: break-word
}

    .c-upload-content__info-message.is-warning {
        color: #f5a623
    }

    .c-upload-content__info-message.is-danger {
        color: #ef5661
    }

.c-upload-content__info-message--inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    min-height: 36px;
    padding: 0 10px;
    margin-right: 20px;
    border-radius: 4px;
    background-color: #f5f7fa
}

    .c-upload-content__info-message--inline:before {
        margin-left: 10px
    }

    .c-upload-content__info-message--inline.is-error {
        color: #ef5661;
        background-color: rgba(239,86,97,.05)
    }

        .c-upload-content__info-message--inline.is-error:before {
            content: "\F045\00FE0E"
        }

    .c-upload-content__info-message--inline.is-success {
        color: #0e73ad;
        background-color: rgba(87,207,177,.05)
    }

        .c-upload-content__info-message--inline.is-success:before {
            content: "\F02F\00FE0E"
        }

        .c-upload-content__info-message--inline.is-success:before {
            font-size: 18px
        }

.c-upload-content__inline-loader {
    position: relative;
    margin: auto 18px auto 8px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background: #0e73ad;
    width: 3px;
    height: 12px;
    border-radius: 3px;
    -webkit-animation: inline-load 1s ease-in-out -.16s infinite;
    animation: inline-load 1s ease-in-out -.16s infinite
}

    .c-upload-content__inline-loader:after, .c-upload-content__inline-loader:before {
        position: absolute;
        top: 0;
        content: "";
        background: #0e73ad;
        width: 3px;
        height: 12px;
        border-radius: 3px;
        -webkit-animation: inline-load 1s ease-in-out infinite;
        animation: inline-load 1s ease-in-out infinite
    }

    .c-upload-content__inline-loader:before {
        left: -8px;
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .c-upload-content__inline-loader:after {
        left: 8px
    }

@-webkit-keyframes inline-load {
    0%,80%,to {
        -webkit-box-shadow: 0 0 0 #0e73ad,0 0 0 #0e73ad;
        box-shadow: 0 0 0 #0e73ad,0 0 0 #0e73ad
    }

    40% {
        -webkit-box-shadow: 0 -6px 0 #0e73ad,0 6px 0 #0e73ad;
        box-shadow: 0 -6px 0 #0e73ad,0 6px 0 #0e73ad
    }
}

@keyframes inline-load {
    0%,80%,to {
        -webkit-box-shadow: 0 0 0 #0e73ad,0 0 0 #0e73ad;
        box-shadow: 0 0 0 #0e73ad,0 0 0 #0e73ad
    }

    40% {
        -webkit-box-shadow: 0 -6px 0 #0e73ad,0 6px 0 #0e73ad;
        box-shadow: 0 -6px 0 #0e73ad,0 6px 0 #0e73ad
    }
}

.c-upload-content__label {
    color: #606265;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    width: 100%
}

.c-upload-video__empty {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 230px 0 229px
}

.c-upload-video__empty-title {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    text-align: center;
    color: #62666d
}

.c-upload-video__empty-des {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: center;
    color: #a1a3a8;
    margin-top: 30px;
    white-space: pre-line
}

.c-upload-video__empty-btn {
    margin-top: 40px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.71;
    text-align: right;
    color: #fff;
    padding: 0 16px 0 8px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

    .c-upload-video__empty-btn:after {
        content: "\F106\00FE0E"
    }

    .c-upload-video__empty-btn:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833;
        margin-right: 8px
    }

.c-upload-video__form-header {
    padding: 20px;
    text-align: right;
    border-bottom: 1px solid #e6e9ed;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    line-height: 1.25;
    color: #889098
}

.c-upload-video__form-container {
    padding: 24px 20px 30px
}

    .c-upload-video__form-container input {
        border: 1px solid #e6e9ed
    }

.c-upload-video__form-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.79;
    text-align: right;
    color: ‌ #777
}

.c-upload-video__form-mandatory-label:after {
    content: "\F0A0\00FE0E"
}

.c-upload-video__form-mandatory-label:after {
    height: 5px;
    width: 5px;
    color: #ff293f;
    margin-right: 2px;
    font-size: 5px;
    font-size: .357rem;
    line-height: 4.4;
    margin-bottom: 2px
}

.c-upload-video__form-item--width-1-2 {
    width: 49%
}

.c-upload-video__form-item--width-1-3 {
    width: 75%
}

.c-upload-video__form-item--width-1-4 {
    width: 23%
}

.c-upload-video__form-drop-box {
    margin-top: 40px;
    border-radius: 8px;
    border: 1px dashed #bbbaba;
    background-color: rgba(245,247,250,.7);
    padding: 23px 0;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-upload-video__form-drop-box input {
        visibility: hidden
    }

.c-upload-video__form-drop-box-add {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #d0f0f8
}

    .c-upload-video__form-drop-box-add:before {
        content: "\F1A8\00FE0E"
    }

    .c-upload-video__form-drop-box-add:before {
        font-size: 30px;
        font-size: 2.143rem;
        line-height: 1.467;
        color: #4fcce9
    }

.c-upload-video__form-drop-box-add-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: ‌ #62666d;
    margin-top: 9px
}

.c-upload-video__form-drop-box-des {
    margin-right: 55px
}

.c-upload-video__form-drop-box-des-title {
    color: ‌ #232933;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.43;
    font-weight: 700
}

.c-upload-video__form-drop-box-des-condition {
    margin-top: 16px;
    list-style: none;
    margin-right: 10px
}

    .c-upload-video__form-drop-box-des-condition li {
        color: #62666d;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        line-height: 1.54;
        text-align: right;
        margin-top: ‌4px
    }

        .c-upload-video__form-drop-box-des-condition li:before {
            content: "\F0A0\00FE0E"
        }

        .c-upload-video__form-drop-box-des-condition li:before {
            color: #62666d;
            font-size: 8px;
            font-size: .571rem;
            line-height: 2.75
        }

.c-upload-video__form-drop-box--in-progress {
    opacity: .5
}

.c-upload-video__form-btns {
    margin-top: 127px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.71
}

.c-upload-video__form-btns--cancle {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: ‌ #81858b;
    padding: 8px 0;
    cursor: pointer
}

.c-upload-video__form-btns--cancle, .c-upload-video__form-btns--save {
    min-width: 110px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-upload-video__form-btns--save {
    margin-left: 15px;
    border-radius: 8px;
    background-color: #e6e9ed;
    color: ‌ #fff !important;
    padding: ‌ 8px 0
}

.c-upload-video__form-btns--active {
    background-color: #4fcce9 !important;
    color: ‌ #fff !important;
    cursor: pointer
}

.c-upload-video__video {
    margin-top: 40px;
    padding: 20px;
    border-top: 2px solid #e6e9ed;
    border-bottom: 2px solid #e6e9ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-upload-video__video-preview {
    border-radius: 6px;
    border: 1px solid #bbbaba;
    width: 90px;
    height: 90px
}

    .c-upload-video__video-preview img {
        height: 100%;
        border-radius: 6px
    }

.c-upload-video__video-preview-play {
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571;
    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;
    cursor: pointer;
    position: absolute;
    background: rgba(207,207,210,.26);
    height: 36px;
    width: 36px;
    border-radius: 50%
}

    .c-upload-video__video-preview-play:before {
        content: "\F0B4\00FE0E"
    }

    .c-upload-video__video-preview-play:before {
        color: #fff
    }

.c-upload-video__video-preview-error {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467;
    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;
    cursor: pointer;
    position: absolute;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    background: #ef5661
}

    .c-upload-video__video-preview-error:before {
        content: "\F00A\00FE0E"
    }

    .c-upload-video__video-preview-error:before {
        color: #fff
    }

.c-upload-video__video-preview--error {
    border-color: rgba(239,86,97,.8) !important
}

.c-upload-video__video-detail {
    padding: 20px 35px
}

.c-upload-video__video-detail-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.43;
    color: #606265
}

.c-upload-video__video-detail-size {
    color: #9b9b9b;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    padding-left: 16px
}

.c-upload-video__video-detail-duration {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    margin-right: 16px;
    font-weight: 700;
    line-height: 1.67;
    color: #62666d
}

.c-upload-video__video-uploaded-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-left: 100px
}

.c-upload-video__video-uploaded-detail-item {
    margin-right: 40px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    line-height: 1.67;
    text-align: right;
    color: #9b9b9b
}

.c-upload-video__video-uploaded-detail-duration {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.43;
    text-align: right;
    color: #606265
}

.c-upload-video__video-uploaded-detail-format {
    padding: 0 8px;
    border-radius: 5px;
    border: 1px solid #e6e9ed;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    color: #9199a0;
    margin-top: 10px;
    max-width: 25px;
    text-align: center
}

.c-upload-video__video-uploaded-detail-status {
    border-radius: 5px;
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    max-width: 41px;
    text-align: center;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    color: #0e73ad;
    margin-top: 10px
}

.c-upload-video__video-upload-error {
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    line-height: 1.82;
    text-align: right;
    color: #ed5565;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-upload-video__video-upload-error:before {
        content: "\F0A0\00FE0E"
    }

    .c-upload-video__video-upload-error:before {
        font-size: 7px;
        font-size: .5rem;
        line-height: 3.143;
        margin-left: 8px
    }

.c-upload-video__video-btn, .c-upload-video__video-btn--delet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 40px
}

.c-upload-video__video-btn--delet {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    color: #ef5661;
    padding: 10px 11px;
    cursor: pointer;
    margin-right: 20px
}

    .c-upload-video__video-btn--delet:before {
        content: "\F04B\00FE0E"
    }

    .c-upload-video__video-btn--delet:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-upload-video__video-btn--cancel {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    color: #ef5661;
    padding: 10px 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 40px;
    cursor: pointer;
    margin-right: 20px
}

    .c-upload-video__video-btn--cancel:before {
        content: "\F045\00FE0E"
    }

    .c-upload-video__video-btn--cancel:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-upload-video__video-btn--reload {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    color: #0e73ad;
    padding: 10px 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 40px;
    cursor: pointer;
    margin-right: 20px
}

    .c-upload-video__video-btn--reload:before {
        content: "\F0CE\00FE0E"
    }

    .c-upload-video__video-btn--reload:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-upload-video__table-row {
    color: #777 !important;
    border-bottom: 1px solid #e6e9ed !important;
    line-height: 1.71 !important;
    font-size: 14px !important
}

    .c-upload-video__table-row:hover {
        border-radius: 8px !important;
        -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
        box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
        background-color: #fff
    }

.c-upload-video__table-row-height-1 {
    height: 100% !important
}

.c-upload-video__table-confirmation--approveed {
    color‌: #0e73ad;
    background-color: rgba(87,207,177,.1);
    border-radius: 8px;
    padding: 6px 0;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    max-height: 36px;
    max-width: 36px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-upload-video__table-confirmation--approveed:before {
        content: "\F02E\00FE0E"
    }

    .c-upload-video__table-confirmation--approveed:before {
        color‌: #0e73ad
    }

.c-upload-video__table-confirmation--approveed-cell {
    color‌: #0e73ad !important
}

.c-upload-video__table-confirmation--rejected-cell {
    color‌: ‌ #ef5661 !important
}

.c-upload-video__table-confirmation--rejected {
    background-color: rgba(211,47,47,.1);
    color‌: ‌ #ef5661 !important;
    border-radius: 8px;
    padding: 6px 0;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    max-height: 36px;
    max-width: 36px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-upload-video__table-confirmation--rejected:before {
        content: "\F02E\00FE0E"
    }

.c-upload-video__table-status--success {
    padding: 1px;
    width: 72px;
    height: 30px;
    border-radius: 15px;
    background-color: rgba(87,207,177,.1);
    font-size: 13px;
    line-height: 1.54;
    text-align: right;
    color: #0e73ad;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-upload-video__table-status--success:before {
        content: "\F0A0\00FE0E"
    }

    .c-upload-video__table-status--success:before {
        margin-left: 5px
    }

.c-upload-video__table-status--failed {
    padding: 1px;
    width: 72px;
    height: 30px;
    border-radius: 15px;
    background-color: rgba(211,47,47,.1);
    font-size: 13px;
    line-height: 1.54;
    text-align: right;
    color: #ef5661;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-upload-video__table-status--failed:before {
        content: "\F0A0\00FE0E"
    }

    .c-upload-video__table-status--failed:before {
        margin-left: 5px
    }

.c-upload-video__table-btn-edit {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    padding: 0 9px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1;
    cursor: pointer;
    max-height: 40px;
    max-width: 40px
}

    .c-upload-video__table-btn-edit:before {
        content: "\F068\00FE0E"
    }

.c-upload-video__table-btn-delete {
    border-radius: 8px;
    border: 1px solid #e2e2e2;
    color: #ef5661;
    padding: 0 9px;
    cursor: pointer;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    background-color: #f7f7f8;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 40px;
    max-width: 40px
}

    .c-upload-video__table-btn-delete:before {
        content: "\F04B\00FE0E"
    }

.c-upload-video__modal {
    border-radius: 10px;
    padding: 30px;
    min-height: 660px;
    min-width: 990px
}

.c-upload-video__modal-title {
    color: ‌ #81858b;
    font-size: 16px;
    font-weight: 700;
    text-align: right
}

.c-upload-video__modal-description {
    color: #a1a3a8;
    font-size: 12px;
    text-align: right
}

.c-upload-video__modal-video {
    border-radius: 4px;
    margin-top: 30px
}

.c-wallet--fz-11 {
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

.c-wallet--fz-12 {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-wallet--fz-14 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-wallet--fz-15 {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

.c-wallet--fz-16 {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-wallet--fz-30 {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467
}

.c-wallet--mt-5 {
    margin-top: 5px
}

.c-wallet--mt-27 {
    margin-top: 27px !important
}

.c-wallet--mt-35 {
    margin-top: 35px !important
}

.c-wallet--mt-40 {
    margin-top: 40px !important
}

.c-wallet--mt-44 {
    margin-top: 44px !important
}

.c-wallet--mt-50, .c-wallet--mt-80 {
    margin-top: 50px
}

.c-wallet--mb-9 {
    margin-bottom: 9px
}

.c-wallet--mb-25 {
    margin-bottom: 25px
}

.c-wallet--mb-96 {
    margin-bottom: 96px
}

.c-wallet--mb-105 {
    margin-bottom: 105px
}

.c-wallet--p-small {
    padding: 20px
}

.c-wallet--light {
    color: #a1a3a8
}

.c-wallet--pt-small {
    padding-top: 18px
}

.c-wallet--pb-small {
    padding-bottom: 20px
}

.c-wallet--medium {
    padding: 10px
}

.c-wallet--pt-60 {
    padding-top: 60px
}

.c-wallet--small-item {
    max-width: 231px
}

.c-wallet__payment-status {
    min-height: 680px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-wallet__payment-status-failed {
    padding-top: 97px
}

.c-wallet__payment-status-success {
    margin-top: 132px
}

.c-wallet__payment-status-title {
    color: #62666d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: center;
    font-weight: 700;
    margin-top: 34px
}

.c-wallet__payment-status-sub-title {
    color: #81858b;
    margin-top: 30px
}

.c-wallet__payment-status-sub-title, .c-wallet__payment-status-sub-title-traking-num {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-wallet__payment-status-sub-title-traking-num {
    max-height: 23px;
    min-height: 23px;
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    padding: 0 10px;
    color: #62666d;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px
}

.c-wallet__payment-status-amount {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.c-wallet__payment-status-amount-title {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-wallet__payment-status-amount-num {
    min-width: 311px;
    min-height: 38px;
    max-height: 38px;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    color: #62666d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: center;
    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: 8px;
    margin-bottom: 50px
}

.c-wallet__payment-status-btn {
    min-width: 200px;
    min-height: 38px;
    border-radius: 8px;
    outline: none !important;
    cursor: pointer
}

.c-wallet__payment-status-btn-redirect {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    margin-bottom: 30px;
    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;
    border: none
}

    .c-wallet__payment-status-btn-redirect:hover {
        color: #fff;
        text-decoration: none
    }

    .c-wallet__payment-status-btn-redirect a {
        color: #fff !important;
        text-decoration: none
    }

.c-wallet__payment-status-btn-outline {
    border-radius: 8px;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    margin-bottom: 30px;
    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;
    background: #fff
}

    .c-wallet__payment-status-btn-outline:hover {
        color: #0e73ad;
        text-decoration: none
    }

    .c-wallet__payment-status-btn-outline a {
        color: ‌ #fff !important;
        text-decoration: none
    }

.c-wallet__payment-status-btn-back {
    color: #4fcce9;
    border: 1px solid #4fcce9;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    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-wallet__payment-status-btn-back:hover {
        color: #4fcce9;
        text-decoration: none
    }

.c-wallet__header-card {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: none
}

.c-wallet__header-card-bold-title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    line-height: 1.25;
    text-align: right;
    font-weight: 700;
    padding: 20px;
    border-bottom: 2px solid #e6e9ed
}

.c-wallet__header-card-inventory {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    padding: 16px 20px;
    text-align: right;
    min-width: 250px;
    max-width: 250px;
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-wallet__header-card-detail:nth-child(n) {
    margin-right: 45px;
    margin-top: 7px
}

.c-wallet__header-card-detail-quantity-container {
    margin-top: 30px
}

.c-wallet__header-card-detail-quantity-container, .c-wallet__header-card-detail-quantity-container--income {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-wallet__header-card-detail-quantity-container--income {
    color: #0e73ad;
    padding: 6px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    border: 1px solid #0e73ad;
    margin-left: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 26px;
    max-width: 40px;
    min-height: 26px;
    max-height: 40px
}

    .c-wallet__header-card-detail-quantity-container--income:before {
        content: "\F08A\00FE0E"
    }

    .c-wallet__header-card-detail-quantity-container--income:before {
        color: #0e73ad;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        -webkit-text-fill-color: ‌ #0e73ad
    }

.c-wallet__header-card-detail-quantity-container--expenses {
    color: #ef5661;
    padding: 6px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(211,47,47,.2);
    box-shadow: 0 4px 12px 0 rgba(211,47,47,.2);
    border: 1px solid #ef5661;
    margin-left: 20px;
    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;
    min-width: 26px;
    max-width: 40px;
    min-height: 26px;
    max-height: 40px
}

    .c-wallet__header-card-detail-quantity-container--expenses:before {
        content: "\F049\00FE0E"
    }

    .c-wallet__header-card-detail-quantity-container--expenses:before {
        color: #ef5661;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        -webkit-text-fill-color: #ef5661
    }

.c-wallet__header-card-detail-quantity-container--Withdraw {
    color: #81dbf1;
    padding: 0 6px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 4px 12px 0 rgba(79,204,233,.2);
    border: 1px solid #81dbf1;
    margin-left: 20px;
    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;
    min-width: 26px;
    max-width: 40px;
    min-height: 38px;
    max-height: 40px
}

    .c-wallet__header-card-detail-quantity-container--Withdraw:before {
        content: "\F103\00FE0E"
    }

    .c-wallet__header-card-detail-quantity-container--Withdraw:before {
        color: #81dbf1;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-wallet__header-card-detail-quantity {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700
}

.c-wallet__header-card-btn {
    color: #fff;
    line-height: 1.571;
    line-height: 1.71;
    text-align: right;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 57px;
    min-width: 205px
}

.c-wallet__header-card-btn, .c-wallet__header-card-btn--deposit {
    font-size: 14px;
    font-size: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-wallet__header-card-btn--deposit {
    line-height: 1.571;
    padding: 8px 16px 8px 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24px;
    cursor: pointer
}

    .c-wallet__header-card-btn--deposit:after {
        content: "\F008\00FE0E"
    }

    .c-wallet__header-card-btn--deposit:after {
        margin-right: 8px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-wallet__header-card-btn--Withdraw {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-top: 15px;
    padding: 8px 16px 8px 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 24px;
    cursor: pointer
}

    .c-wallet__header-card-btn--Withdraw:after {
        content: "\F103\00FE0E"
    }

    .c-wallet__header-card-btn--Withdraw:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

.c-wallet__header-card-btn--cpc-charge {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-top: 15px;
    padding: 8px 16px 8px 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 24px;
    cursor: pointer
}

    .c-wallet__header-card-btn--cpc-charge:after {
        content: "\F044\00FE0E"
    }

    .c-wallet__header-card-btn--cpc-charge:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        margin-right: 8px
    }

.c-wallet__header-card-btn--print {
    color: #fff;
    max-height: 40px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    padding: 0 16px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .c-wallet__header-card-btn--print:after {
        content: "\F09E\00FE0E"
    }

    .c-wallet__header-card-btn--print:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833;
        margin-right: 10px
    }

.c-wallet__header-card-btn .disabled {
    background: #e6e9ed;
    cursor: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none
}

.c-wallet__header-card-final-detail {
    border-top: 2px solid #e6e9ed;
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-wallet__header-card-final-detail-title {
    color: #3e3f3f;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    line-height: 1.38
}

.c-wallet__header-card-final-detail-label {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.57;
    text-align: right;
    margin-left: 10px
}

.c-wallet__header-card-final-detail-obligor {
    background: #fff1f3;
    color: #ef5661
}

.c-wallet__header-card-final-detail-obligee, .c-wallet__header-card-final-detail-obligor {
    border-radius: 8px;
    padding: 9px 16px;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    text-align: right;
    font-weight: 700;
    min-width: 230px
}

.c-wallet__header-card-final-detail-obligee {
    background: #f8f8fb;
    color: #606265
}

.c-wallet__body-card-tabs {
    border-bottom: 1px solid #e0e0e2;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-wallet__body-card-option {
    padding: 15px 38px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-wallet__body-card-option:hover {
        color: #a1a3a8
    }

.c-wallet__body-card-option--active {
    color: #62666d !important;
    font-weight: 500;
    border-bottom: 3px solid #4fcce9
}

.c-wallet__body-card-bold-title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    line-height: 1.25;
    text-align: right;
    font-weight: 700;
    padding: 0 20px
}

.c-wallet__body-card-bold-line {
    border-bottom: 2px solid #e6e9ed
}

.c-wallet__body-card-export {
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 2.9;
    padding: 0 16px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: none
}

    .c-wallet__body-card-export:after {
        content: "\F071\00FE0E"
    }

    .c-wallet__body-card-export:after {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 0;
        margin-right: 8px
    }

    .c-wallet__body-card-export:hover {
        color: #fff;
        text-decoration: none
    }

.c-wallet__body-card--empty {
    padding-top: 100px;
    padding-bottom: 182px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-wallet__body-card--empty-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    color: #62666d;
    text-align: center
}

.c-wallet__body-card--empty-des {
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-top: 20px;
    margin-bottom: 12px
}

.c-wallet__body-card-table-container {
    padding: 22px 20px
}

.c-wallet__body-card-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-wallet__body-card-filter-label {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #62666d;
    line-height: 1.67;
    text-align: right;
    margin-bottom: 4px
}

.c-wallet__body-card-filter-bold-value {
    color: #3e3f3f !important;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    text-align: right;
    font-weight: 700
}

.c-wallet__body-card-filter-date {
    display: -webkit-box;
    display: -ms-flexbox;
    border-radius: 8px;
    padding: 0 12px;
    border: 1px solid #e6e9ed;
    color: #a1a3a8;
    max-height: 38px;
    min-height: 38px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-wallet__body-card-filter-date input {
        outline: none;
        border: none;
        text-align: center;
        font-family: IRANYekan
    }

        .c-wallet__body-card-filter-date input::-webkit-input-placeholder {
            color: #a1a3a8;
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            line-height: 1.54
        }

        .c-wallet__body-card-filter-date input::-ms-input-placeholder {
            color: #a1a3a8;
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            line-height: 1.54
        }

        .c-wallet__body-card-filter-date input::placeholder {
            color: #a1a3a8;
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            line-height: 1.54
        }

.c-wallet__body-card-filter-type {
    background: #f9f9fc;
    color‌: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 38px
}

.c-wallet__body-card-filter-type-item {
    padding: 10px 13px;
    cursor: pointer
}

.c-wallet__body-card-filter-type--active {
    color: #fff;
    margin: 3px;
    padding: 6px 10px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    background: #4fcce9;
    border-radius: 5px;
    cursor: pointer
}

.c-wallet__body-card-row-item {
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.71;
    text-align: right
}

.c-wallet__body-card-row-item--income {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-wallet__body-card-row-item--income:before {
        content: "\F08A\00FE0E"
    }

    .c-wallet__body-card-row-item--income:before {
        font-size: 13px;
        font-size: .929rem;
        line-height: 13px;
        color: #0e73ad;
        margin-left: 13px
    }

.c-wallet__body-card-row-item--withdraw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-wallet__body-card-row-item--withdraw:before {
        content: "\F103\00FE0E"
    }

    .c-wallet__body-card-row-item--withdraw:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 11px;
        color: #4fcce9;
        margin-left: 13px
    }

.c-wallet__body-card-row-item--invoice {
    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
}

.c-wallet__body-card-info {
    color: #a1a3a8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-wallet__body-card-info:after {
        content: "\F09D\00FE0E"
    }

    .c-wallet__body-card-info:after {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1;
        margin-right: 4px;
        cursor: pointer
    }

.c-wallet__body-card-info-controller {
    min-width: 250px
}

.c-wallet__body-card-status-no-circle {
    border-radius: 15px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    line-height: 1.54;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-wallet__body-card-status-no-circle--primery {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

.c-wallet__body-card-status-no-circle--alert {
    color: #f9a825;
    background-color: rgba(249,168,37,.1)
}

.c-wallet__body-card-status-no-circle--danger {
    color: #ef5661;
    background-color: rgba(211,47,47,.1)
}

.c-wallet__body-card-status-no-circle--deactive {
    color: #777;
    background-color: #f5f5f5
}

.c-wallet__body-card-status-no-circle--active {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

.c-wallet__body-card-status {
    border-radius: 15px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    line-height: 1.54;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .c-wallet__body-card-status:before {
        content: "\F0A0\00FE0E"
    }

.c-wallet__body-card-status--not-started {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

    .c-wallet__body-card-status--not-started:before {
        color: #4fcce9;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-wallet__body-card-status--finished {
    color: #777;
    background-color: #f5f5f5
}

    .c-wallet__body-card-status--finished:before {
        color: #777;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-wallet__body-card-status--stoped {
    color: #f9a825;
    background-color: rgba(249,168,37,.1)
}

    .c-wallet__body-card-status--stoped:before {
        color: #f9a825;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-wallet__body-card-status--rejected {
    color: #ef5661;
    background-color: rgba(211,47,47,.1)
}

    .c-wallet__body-card-status--rejected:before {
        color: #ef5661;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-wallet__body-card-status--rejected-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .c-wallet__body-card-status--rejected-message:after {
        content: "\F08C\00FE0E"
    }

    .c-wallet__body-card-status--rejected-message:after {
        color: #ef5661;
        margin-right: 10px;
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1
    }

.c-wallet__body-card-status--active {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

    .c-wallet__body-card-status--active:before {
        color: #0e73ad;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-wallet__body-card-status--ready {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

    .c-wallet__body-card-status--ready:before {
        color: #4fcce9;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-wallet__body-card-btn {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    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;
    cursor: pointer
}

.c-wallet__body-card-btn--preview {
    color: #a1a3a8;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

    .c-wallet__body-card-btn--preview:before {
        content: "\F1A9\00FE0E"
    }

.c-wallet__body-card-btn--export {
    color: #a1a3a8;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-wallet__body-card-btn--export:before {
        content: "\F072\00FE0E"
    }

.c-wallet__body-card-btn--printer {
    color: #a1a3a8;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-wallet__body-card-btn--printer:before {
        content: "\F09E\00FE0E"
    }

.c-wallet__body-card-btn--invoice {
    color: #a1a3a8;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-wallet__body-card-btn--invoice:before {
        content: "\F0C9\00FE0E"
    }

.c-wallet-card--light {
    color: #81858b
}

.c-wallet-card--secondary {
    color: #0e73ad
}

.c-wallet-card--danger {
    color: #ef5661
}

.c-wallet-card__inventory {
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    padding: 8px 0 7px
}

.c-wallet-card__quantity {
    margin-top: 20px
}

.c-wallet-card__quantity--income-icon {
    color: #0e73ad;
    padding: 6px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    border: 1px solid #0e73ad;
    margin-left: 10px;
    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;
    max-width: 16px;
    max-height: 16px
}

    .c-wallet-card__quantity--income-icon:before {
        content: "\F08A\00FE0E"
    }

    .c-wallet-card__quantity--income-icon:before {
        color: #0e73ad;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833;
        -webkit-text-fill-color: ‌ #0e73ad
    }

.c-wallet-card__quantity--expenses-icon {
    color: #ef5661;
    padding: 6px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(211,47,47,.2);
    box-shadow: 0 4px 12px 0 rgba(211,47,47,.2);
    border: 1px solid #ef5661;
    margin-left: 10px;
    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;
    max-width: 16px;
    max-height: 16px
}

    .c-wallet-card__quantity--expenses-icon:before {
        content: "\F049\00FE0E"
    }

    .c-wallet-card__quantity--expenses-icon:before {
        color: #ef5661;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833;
        -webkit-text-fill-color: #ef5661
    }

.c-wallet-card__btn {
    margin-top: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    max-width: 162px;
    min-height: 40px;
    padding: 0 16px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-wallet-card__btn:hover, .c-wallet-card__btn:visited {
        text-decoration: none;
        color: #fff
    }

.c-wallet__filter-container {
    position: relative;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f9fafc;
    color: #606265;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6eaef;
    padding: 0 2px
}

.c-wallet__filter-container, .c-wallet__radio-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-wallet__radio-label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-wallet__radio-option {
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    padding: 0 16px;
    -webkit-transition: background .3s ease,color .3s ease;
    transition: background .3s ease,color .3s ease
}

.c-wallet__radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .c-wallet__radio:checked ~ .c-wallet__radio-option {
        background-color: #4fcce9;
        color: #fff
    }

.c-wallet__show-invoice-btn {
    background: #f7f7f8;
    color: #a1a3a8;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    margin-left: 5px !important;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    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-wallet__show-invoice-btn:before {
        content: "\F0C9\00FE0E"
    }

    .c-wallet__show-invoice-btn:before {
        font-size: 28px;
        font-size: 2rem;
        line-height: 28px
    }

    .c-wallet__show-invoice-btn:hover {
        color: #81858b
    }

.c-wallet-modal--click-advertising .uk-modal-dialog {
    max-width: 800px !important
}

.c-wallet-modal button:disabled {
    background-color: #e6e9ed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-wallet-modal__progress {
    width: 579px;
    border-radius: 2.5px;
    background: #e0e0e2;
    height: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-wallet-modal__progress--passed {
    width: 0;
    height: 5px;
    border-radius: 2.5px;
    background-color: #0e73ad
}

.c-wallet-modal__link {
    color: ‌ #4fcce9 !important;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    margin-top: 30px !important
}

    .c-wallet-modal__link > a {
        color: #4fcce9 !important;
        text-decoration: none
    }

        .c-wallet-modal__link > a:hover .c-wallet-modal__link > a:visited {
            text-decoration: none;
            color: #4fcce9 !important
        }

.c-wallet-modal__light-text {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center
}

.c-wallet-modal__light-text--medium {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-wallet-modal__light-text--bold {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700
}

.c-wallet-modal__light-text--disabled {
    color: #e0e0e2 !important
}

.c-wallet-modal__light-text--secondary {
    color: #00b993
}

.c-wallet-modal__dark-text {
    color: #424750;
    font-size: 12px;
    font-size: .857rem;
    line-height: 2.08;
    text-align: center
}

.c-wallet-modal__secondary-text {
    color: #00b993;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: center
}

.c-wallet-modal__form {
    margin: 50px auto 30px
}

.c-wallet-modal__small-form {
    margin-top: 20px !important;
    margin-bottom: 10px !important
}

.c-wallet-modal__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px
}

.c-wallet-modal__form-field {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 30px
}

    .c-wallet-modal__form-field + .c-wallet-modal__form-field {
        border-right: 2px solid #f0f0f1
    }

    .c-wallet-modal__form-field:placeholder {
        font-weight: 400
    }

.c-wallet-modal__dark-form-field {
    padding: 20px 35px;
    max-width: 300px;
    min-height: 307px;
    max-height: 349px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc
}

.c-wallet-modal__title {
    color: #62666d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 30px
}

.c-wallet-modal__description {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 40px
}

.c-wallet-modal__input-label {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.67;
    font-weight: 400;
    margin-bottom: 8px
}

.c-wallet-modal__input-field {
    color: #62666d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: normal;
    font-family: IRANYekan,Arial,Helvetica CY,Nimbus Sans L,sans-serif;
    font-weight: 700;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    padding: 6px 10px;
    height: 40px;
    min-width: 280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none
}

    .c-wallet-modal__input-field::-webkit-input-placeholder {
        color: #a1a3a8;
        font-size: 13px;
        font-size: .929rem;
        line-height: normal
    }

    .c-wallet-modal__input-field::-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 13px;
        font-size: .929rem;
        line-height: normal
    }

    .c-wallet-modal__input-field::placeholder {
        color: #a1a3a8;
        font-size: 13px;
        font-size: .929rem;
        line-height: normal
    }

.c-wallet-modal__form-field:only-child .c-wallet-modal__input-field {
    min-width: 310px
}

.c-wallet-modal__input-field--deposit[disabled] {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

.c-wallet-modal__input-field--advertising-deposit[disabled] {
    border: 1px solid #e6eaef;
    background-color: #f9fafc
}

.c-wallet-modal__input-field--error {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05)
}

.c-wallet-modal__input-field--large {
    min-width: 310px
}

.c-wallet-modal__input-field--small {
    min-width: 231px !important;
    max-width: 231px !important
}

.c-wallet-modal__input-message {
    color: #ef5661;
    margin-top: 4px;
    font-size: 10px;
    font-size: .714rem;
    line-height: 1.6;
    font-weight: 400;
    opacity: 0;
    visibility: hidden
}

.c-wallet-modal__input-message--show {
    opacity: 1;
    visibility: visible
}

.c-wallet-modal__button-row {
    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-wallet-modal__button {
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: normal;
    font-weight: 400;
    text-align: center;
    background: #e6e9ed;
    border-radius: 8px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 16px;
    height: 40px;
    min-width: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 8px;
    cursor: pointer;
    outline: none
}

    .c-wallet-modal__button a {
        color: #fff;
        text-decoration: none
    }

.c-wallet-modal__button--deactive {
    background: #e6e9ed;
    cursor: default;
    pointer-events: none
}

.c-wallet-modal__button--active {
    background: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    cursor: pointer;
    pointer-events: auto
}

.c-wallet-modal__button--cancel {
    color: #81858b;
    background: #f7f7f8;
    border: 1px solid #e0e0e2
}

.c-wallet-modal__button--large-active {
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    min-width: 285px;
    margin: 0
}

.c-wallet-modal__button--secondary {
    min-width: 285px;
    margin: 0;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    border: none
}

#js-wallet-charge-modal .uk-modal-close-default, #js-wallet-refund-modal .uk-modal-close-default {
    left: 20px !important;
    top: 20px !important
}

#js-wallet-charge-modal .uk-modal-dialog, #js-wallet-refund-modal .uk-modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 800px
}

#js-wallet-charge-modal .uk-modal-body, #js-wallet-refund-modal .uk-modal-body {
    padding: 20px
}

.c-promo-report--fz-14 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-promo-report--fz-30 {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467
}

.c-promo-report--fz-16 {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-promo-report--fz-15 {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

.c-promo-report--fz-12 {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-promo-report--mt-5 {
    margin-top: 5px
}

.c-promo-report--p-small {
    padding: 20px
}

.c-promo-report--light {
    color: #a1a3a8
}

.c-promo-report--pb-small {
    padding-bottom: 20px
}

.c-promo-report__header-card {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: none
}

.c-promo-report__header-card-bold-title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    line-height: 1.25;
    text-align: right;
    font-weight: 700;
    padding: 20px;
    border-bottom: 2px solid #e6e9ed
}

.c-promo-report__body-card-table-container {
    padding: 22px 20px
}

.c-promo-report__body-card-bold-title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    line-height: 1.25;
    text-align: right;
    font-weight: 700;
    padding: 0 20px
}

.c-promo-report__body-card-bold-line {
    border-bottom: 2px solid #e6e9ed
}

.c-promo-report__body-card-row-item {
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.71;
    text-align: right
}

.c-promo-report__body-card-row-item--break {
    white-space: pre-line
}

.c-promo-report__body-card-item-status {
    border-radius: 3px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #fff;
    padding: 0 2px;
    margin-left: 10px;
    min-width: 36px;
    height: 25px;
    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-promo-report__body-card-item-status--success {
    background-color: #0e73ad
}

.c-promo-report__body-card-item-status--failed {
    background-color: #f9a825
}

.c-promo-report__body-card-status {
    border-radius: 15px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    line-height: 1.54;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

    .c-promo-report__body-card-status:before {
        content: "\F0A0\00FE0E"
    }

.c-promo-report__body-card-status--in-progress {
    color: #4fcce9;
    background-color: rgba(79,204,233,.1)
}

    .c-promo-report__body-card-status--in-progress:before {
        color: #4fcce9;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-promo-report__body-card-status--checking {
    color: #f9a825;
    background-color: rgba(249,168,37,.1)
}

    .c-promo-report__body-card-status--checking:before {
        color: #f9a825;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-promo-report__body-card-status--rejected {
    color: #ef5661;
    background-color: rgba(211,47,47,.1)
}

    .c-promo-report__body-card-status--rejected:before {
        color: #ef5661;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-promo-report__body-card-status--done {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

    .c-promo-report__body-card-status--done:before {
        color: #0e73ad;
        margin-left: 5px;
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-promo-report__body-card-btn {
    max-width: 38px;
    width: 40px;
    max-height: 38px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    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;
    cursor: pointer
}

.c-promo-report__body-card-btn--comment {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    color: #ef5661;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-promo-report__body-card-btn--comment:before {
        content: "\F03F\00FE0E"
    }

.c-promo-report__body-card-btn--export {
    color: #a1a3a8;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-promo-report__body-card-btn--export:before {
        content: "\F071\00FE0E"
    }

.c-promo-report__body-card-btn--primery-export {
    color: #4fcce9;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    border-color: #4fcce9;
    background: #fff
}

    .c-promo-report__body-card-btn--primery-export:before {
        content: "\F071\00FE0E"
    }

.c-promo-report__body-card-btn--import {
    color: #a1a3a8;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-promo-report__body-card-btn--import:before {
        content: "\F073\00FE0E"
    }

.c-promo-report__body-card-btn-tooltip {
    min-width: 225px
}

.c-ship-by-seller-setting--mr-30 {
    margin-right: 30px
}

.c-ship-by-seller-setting--mt-30 {
    margin-top: 30px
}

.c-ship-by-seller-setting--mr-20 {
    margin-right: 20px
}

.c-ship-by-seller-setting--mr-10 {
    margin-right: 10px
}

.c-ship-by-seller-setting--ml-10 {
    margin-left: 10px
}

.c-ship-by-seller-setting--g-text {
    color: #62666d;
    font-weight: 500;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-ship-by-seller-setting--pt-small {
    padding-top: 8px
}

.c-ship-by-seller-setting--pt-xs {
    padding-top: 10px
}

.c-ship-by-seller-setting--pb-small {
    padding-bottom: 9px
}

.c-ship-by-seller-setting--mw-xxs {
    min-width: 100px !important
}

.c-ship-by-seller-setting--mw-xs {
    min-width: 150px !important
}

.c-ship-by-seller-setting--mw-medium {
    min-width: 220px
}

.c-ship-by-seller-setting--has-error div {
    border-color: #f4919b
}

.c-ship-by-seller-setting--width-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-ship-by-seller-setting__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 30vw
}

    .c-ship-by-seller-setting__search div:first-of-type {
        width: 350px
    }

        .c-ship-by-seller-setting__search div:first-of-type input {
            font-weight: 400;
            border-color: #e6e9ed;
            color: #a1a3a8
        }

.c-ship-by-seller-setting__search__button {
    height: 40px;
    width: 40px;
    background-color: #e6e9ed;
    color: #fff;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    margin-right: 10px;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1
}

.c-ship-by-seller-setting__search__button--enabled {
    background-color: #4fcce9
}

.c-ship-by-seller-setting__search__button:before {
    content: "\F0DA\00FE0E"
}

.c-ship-by-seller-setting__edit-confirm {
    width: 37%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-ship-by-seller-setting__edit-confirm--invisible {
    display: none
}

.c-ship-by-seller-setting__edit-confirm > div:first-of-type {
    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: 40px;
    height: 40px;
    background-color: #0e73ad;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 700;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1
}

    .c-ship-by-seller-setting__edit-confirm > div:first-of-type:before {
        content: "\F02F\00FE0E"
    }

    .c-ship-by-seller-setting__edit-confirm > div:first-of-type:before {
        font-size: 25px
    }

    .c-ship-by-seller-setting__edit-confirm > div:first-of-type:after {
        display: none
    }

    .c-ship-by-seller-setting__edit-confirm > div:first-of-type:hover {
        -webkit-box-shadow: 0 0 10px rgba(0,211,176,.2);
        box-shadow: 0 0 10px rgba(0,211,176,.2);
        -webkit-transition: -webkit-box-shadow .2s ease-in;
        transition: -webkit-box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
    }

.c-ship-by-seller-setting__edit-confirm > div:last-of-type {
    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: 38px;
    height: 38px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    border-radius: 8px;
    color: #81858b;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-ship-by-seller-setting__edit-confirm > div:last-of-type:before {
        content: "\F03E\00FE0E"
    }

    .c-ship-by-seller-setting__edit-confirm > div:last-of-type:before {
        font-size: 18px
    }

    .c-ship-by-seller-setting__edit-confirm > div:last-of-type:after {
        display: none
    }

    .c-ship-by-seller-setting__edit-confirm > div:last-of-type:hover {
        -webkit-transition: -webkit-box-shadow .2s ease-in;
        transition: -webkit-box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
    }

.c-ship-by-seller-setting__edit {
    width: 37%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-ship-by-seller-setting__edit--invisible {
    display: none
}

.c-ship-by-seller-setting__edit > div {
    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: 38px;
    height: 38px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    border-radius: 8px;
    color: #81858b;
    cursor: pointer
}

    .c-ship-by-seller-setting__edit > div:before {
        content: "\F068\00FE0E"
    }

    .c-ship-by-seller-setting__edit > div:before {
        font-size: 18px
    }

    .c-ship-by-seller-setting__edit > div:after {
        display: none
    }

    .c-ship-by-seller-setting__edit > div:hover {
        -webkit-box-shadow: 0 0 2px #e0e0e2;
        box-shadow: 0 0 2px #e0e0e2;
        -webkit-transition: -webkit-box-shadow .2s ease-in;
        transition: -webkit-box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in;
        transition: box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in
    }

.c-ship-by-seller-setting__city-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 50vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px
}

    .c-ship-by-seller-setting__city-count div {
        font-family: IRANYekan,B Yekan,Yekan,serif;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

        .c-ship-by-seller-setting__city-count div:first-of-type {
            color: #777;
            margin-left: 2px
        }

        .c-ship-by-seller-setting__city-count div:last-of-type {
            color: #3e3f3f;
            font-weight: 700
        }

.c-ship-by-seller-setting__title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    padding: 20px;
    border-bottom: 1px solid #e6e9ed
}

.c-ship-by-seller-setting__empty-card {
    padding: 89px 140px 104px
}

.c-ship-by-seller-setting__empty-card--p-25 {
    margin-right: 25px
}

.c-ship-by-seller-setting__empty-card-title {
    color: #62666d;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    text-align: center
}

.c-ship-by-seller-setting__empty-card-des {
    color: #a1a3a8;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 30px;
    text-align: center;
    margin-top: 30px
}

.c-ship-by-seller-setting__empty-card-warning {
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    margin-top: 40px
}

.c-ship-by-seller-setting__empty-card-items {
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    margin-top: 30px;
    padding: 20px
}

.c-ship-by-seller-setting__empty-card-label {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    line-height: 1.67;
    text-align: right
}

.c-ship-by-seller-setting__empty-card-label-hint {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    cursor: pointer
}

    .c-ship-by-seller-setting__empty-card-label-hint:before {
        content: "\F0C2\00FE0E"
    }

    .c-ship-by-seller-setting__empty-card-label-hint:before {
        color: #fff;
        border-radius: 12px;
        background-color: #686a6c;
        margin-right: 5px
    }

.c-ship-by-seller-setting__empty-card-label-hint-alignment {
    max-width: 210px
}

.c-ship-by-seller-setting__empty-card-data {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #fff;
    color: #a1a3a8;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    line-height: 1.54;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px;
    max-width: 120px;
    min-width: 120px
}

    .c-ship-by-seller-setting__empty-card-data input {
        margin-right: 5px;
        outline: none;
        border: none;
        text-align: left;
        color: #62666d;
        line-height: 1.43;
        font-weight: 500;
        font-family: IRANYekan,serif;
        padding-left: 5px;
        max-width: 56%;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

        .c-ship-by-seller-setting__empty-card-data input:disabled {
            background-color: transparent;
            cursor: not-allowed
        }

.c-ship-by-seller-setting__empty-card-data-label {
    color: #a1a3a8;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    line-height: 1.54;
    text-align: right
}

.c-ship-by-seller-setting__empty-card-data--active {
    border-color: #7fe7f6
}

.c-ship-by-seller-setting__empty-card-data--disabled {
    border-color: #e0e0e2;
    background-color: rgba(240,240,241,.7)
}

    .c-ship-by-seller-setting__empty-card-data--disabled input {
        background-color: rgba(240,240,241,0)
    }

        .c-ship-by-seller-setting__empty-card-data--disabled input:disabled {
            background-color: rgba(240,240,241,0) !important
        }

        .c-ship-by-seller-setting__empty-card-data--disabled input:focus {
            cursor: not-allowed
        }

.c-ship-by-seller-setting__empty-card-data--deactive {
    background: rgba(240,240,241,.7);
    border: 1px solid #e0e0e2
}

.c-ship-by-seller-setting__empty-card-connet {
    border-bottom: 1px solid #e6e9ed;
    width: 25px;
    height: 20px
}

.c-ship-by-seller-setting__empty-card-connet--margin-fixed {
    margin-right: -35px
}

.c-ship-by-seller-setting__empty-card-btn {
    border-radius: 8px;
    background-color: #e6e9ed;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 1.71;
    text-align: center;
    margin-top: 40px;
    padding: 8px 16px;
    border: none;
    height: 40px;
    outline: none
}

.c-ship-by-seller-setting__empty-card-btn--active {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2) !important;
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2) !important;
    background-color: #0e73ad !important;
    cursor: pointer
}

.c-ship-by-seller-setting__create-container {
    padding: 29px 20px 30px
}

    .c-ship-by-seller-setting__create-container .c-ui-select--small + .select2-container .select2-selection--single {
        height: 40px !important
    }

    .c-ship-by-seller-setting__create-container .select2-selection__placeholder {
        color: #62666d !important
    }

.c-ship-by-seller-setting__create-size-item--small {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1)
}

.c-ship-by-seller-setting__create-size-item--medium {
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05)
}

.c-ship-by-seller-setting__create-size-item--large {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05)
}

.c-ship-by-seller-setting__create-setting {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-ship-by-seller-setting__create-setting .c-ui-input__field--order {
        height: 40px
    }

.c-ship-by-seller-setting__create-setting__apply {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .c-ship-by-seller-setting__create-setting__apply > button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 7px;
        background-color: transparent;
        border: 1px solid #0e73ad;
        color: #0e73ad;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        width: 156px;
        cursor: pointer;
        margin-top: 10px;
        border-radius: 8px;
        -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: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

        .c-ship-by-seller-setting__create-setting__apply > button span:last-of-type {
            margin-right: 2px;
            width: 24px;
            height: 24px;
            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;
            font-size: 20px;
            font-size: 1.429rem;
            line-height: 1.1
        }

            .c-ship-by-seller-setting__create-setting__apply > button span:last-of-type:before {
                content: "\F008\00FE0E"
            }

        .c-ship-by-seller-setting__create-setting__apply > button:disabled {
            border: 1px solid #e6e9ed;
            color: #b0b0b0;
            cursor: not-allowed
        }

        .c-ship-by-seller-setting__create-setting__apply > button:hover {
            -webkit-box-shadow: 0 0 2px #0e73ad;
            box-shadow: 0 0 2px #0e73ad;
            -webkit-transition: -webkit-box-shadow .3s ease-in;
            transition: -webkit-box-shadow .3s ease-in;
            transition: box-shadow .3s ease-in;
            transition: box-shadow .3s ease-in,-webkit-box-shadow .3s ease-in
        }

            .c-ship-by-seller-setting__create-setting__apply > button:hover:disabled {
                -webkit-box-shadow: none;
                box-shadow: none;
                -webkit-transition: none;
                transition: none
            }

.c-ship-by-seller-setting__create-list {
    margin-top: 30px;
    min-height: 276px
}

.c-ship-by-seller-setting__create-variables {
    max-height: 50px;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    padding: 10px
}

.c-ship-by-seller-setting__create-variables-item {
    height: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 6px;
    background-color: #f5f7fa;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px
}

    .c-ship-by-seller-setting__create-variables-item:after {
        content: "\F03D\00FE0E"
    }

    .c-ship-by-seller-setting__create-variables-item:after {
        margin-right: 10px
    }

.c-ship-by-seller-setting__create-warning {
    max-height: 120px;
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    padding: 10px;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ship-by-seller-setting__create-warning-icon:before {
    content: "\F08D\00FE0E"
}

.c-ship-by-seller-setting__create-warning-icon:before {
    margin-left: 7px;
    color: #f9a825;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222
}

.c-ship-by-seller-setting__create__error-message {
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    height: 8vh;
    width: 97%;
    margin-top: 16px;
    background-color: rgba(211,47,47,.05);
    border: 1px solid rgba(211,47,47,.1)
}

    .c-ship-by-seller-setting__create__error-message > td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-ship-by-seller-setting__create__error-message > td > span {
            color: #ef5661 !important;
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833
        }

            .c-ship-by-seller-setting__create__error-message > td > span:before {
                content: "";
                background-color: #ef5661;
                height: 7px;
                width: 7px;
                border-radius: 50%;
                color: #ef5661;
                font-weight: 700;
                display: inline-block;
                margin-left: 10px;
                margin-right: 10px;
                font-size: 10px
            }

.c-ship-by-seller-setting__create__error-message--active {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-ship-by-seller-setting__create-table-input {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 7px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px
}

    .c-ship-by-seller-setting__create-table-input input {
        border: none;
        outline: none;
        color: #777;
        max-width: 100%;
        font-family: IRANYekan,serif;
        height: 90%;
        text-align: right;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-ship-by-seller-setting__create-table-input--small {
    max-width: 60px
}

.c-ship-by-seller-setting__create-table-input--medium {
    max-width: 100px
}

.c-ship-by-seller-setting__create-table-input--disabled {
    border-color: #e0e0e2;
    background-color: rgba(240,240,241,.7)
}

    .c-ship-by-seller-setting__create-table-input--disabled input {
        background-color: rgba(240,240,241,0)
    }

        .c-ship-by-seller-setting__create-table-input--disabled input:focus {
            cursor: not-allowed
        }

.c-ship-by-seller-setting__create-table-border {
    border-bottom: 1px dashed #e6e9ed
}

.c-ship-by-seller-setting__create-table-border-dot {
    border-bottom: 1px dotted #e6e9ed
}

.c-ship-by-seller-setting__create-table-nature {
    padding: 17px 0
}

.c-ship-by-seller-setting__create-table-nature--small {
    border-radius: 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    padding: 1px 8px;
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

.c-ship-by-seller-setting__create-table-nature--medium {
    border-radius: 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    padding: 1px 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    color: #f9a825
}

.c-ship-by-seller-setting__create-table-nature--large {
    border-radius: 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    padding: 1px 8px;
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    color: #ef5661
}

.c-ship-by-seller-setting__create-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: 30px 0 6px
}

.c-ship-by-seller-setting__create-action-save {
    border-radius: 8px;
    background-color: #4fcce9;
    border: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #fff;
    height: 40px;
    min-width: 110px;
    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-ship-by-seller-setting__create-action-save:hover:enabled {
        -webkit-box-shadow: 0 0 10px #e6e9ed;
        box-shadow: 0 0 10px #e6e9ed;
        z-index: 100 !important;
        cursor: pointer
    }

.c-ship-by-seller-setting__create-action-save--deactive {
    background-color: #e6e9ed;
    cursor: not-allowed
}

.c-ship-by-seller-setting__create-action-cancel {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    margin-right: 15px;
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    min-width: 110px
}

.c-ship-by-seller-setting__create-action-cancel, .c-ship-by-seller-setting__create-action-delete {
    height: 40px;
    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-ship-by-seller-setting__create-action-delete {
    border-radius: 8px;
    border: 1px solid #c0c2c5;
    width: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .c-ship-by-seller-setting__create-action-delete:before {
        content: "\F191\00FE0E"
    }

    .c-ship-by-seller-setting__create-action-delete:before {
        color: #ef5661;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-ship-by-seller-setting__list-capacity {
    border-radius: 8px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    padding: 20px
}

.c-ship-by-seller-setting__list-capacity-edite {
    border-radius: 8px;
    border: 1px solid #c0c2c5;
    background: #f7f7f8;
    width: 40px;
    height: 40px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

    .c-ship-by-seller-setting__list-capacity-edite:before {
        content: "\F068\00FE0E"
    }

    .c-ship-by-seller-setting__list-capacity-edite:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-ship-by-seller-setting__list-capacity-create {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    max-height: 40px;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.c-ship-by-seller-setting__list-capacity-row-title {
    color: #c0c2c5;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-ship-by-seller-setting__list-capacity-row-quantity {
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-ship-by-seller-setting__list-capacity-row-delete {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background: #f7f7f8;
    width: 40px;
    height: 40px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

    .c-ship-by-seller-setting__list-capacity-row-delete:before {
        content: "\F191\00FE0E"
    }

    .c-ship-by-seller-setting__list-capacity-row-delete:before {
        color: #ef5661;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-ship-by-seller-setting__list-capacity-row-flag {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background: #f7f7f8;
    width: 40px;
    height: 40px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

    .c-ship-by-seller-setting__list-capacity-row-flag:before {
        content: "\F081\00FE0E"
    }

    .c-ship-by-seller-setting__list-capacity-row-flag:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-ship-by-seller-setting__list-capacity-row-copy {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background: #f7f7f8;
    width: 40px;
    height: 40px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

    .c-ship-by-seller-setting__list-capacity-row-copy:before {
        content: "\F043\00FE0E"
    }

    .c-ship-by-seller-setting__list-capacity-row-copy:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-ship-by-seller-setting__modal-container {
    width: 43%;
    padding: 20px
}

.c-ship-by-seller-setting__modal-container-message {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    line-height: 2.5
}

.c-ship-by-seller-setting__modal-container-action {
    margin-bottom: 30px;
    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
}

.c-ship-by-seller-setting__modal-container-action-gray {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    color: #81858b;
    margin-right: 15px
}

.c-ship-by-seller-setting__modal-container-action-gray, .c-ship-by-seller-setting__modal-container-action-primery {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    min-height: 40px;
    min-width: 106px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-ship-by-seller-setting__modal-container-action-primery {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    border: none;
    color: #fff
}

.c-ship-by-seller__failed-delivery-time-scope-modal-content {
    background: #fff;
    min-height: 0
}

.c-ship-by-seller__required-label {
    width: 6px;
    height: 6px;
    background-color: #ef5661;
    border-radius: 50%;
    display: inline-block;
    -webkit-transform: translate(-4px,-6px);
    transform: translate(-4px,-6px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6px;
    flex: 0 0 6px
}

.c-ship-by-seller__product-row-divider {
    height: 10px
}

    .c-ship-by-seller__product-row-divider td {
        min-width: 1000px;
        position: absolute;
        width: calc(100% - 40px);
        right: 20px;
        height: 1px !important;
        left: 20px
    }

        .c-ship-by-seller__product-row-divider td div {
            height: 1px;
            background: #e0e0e2
        }

    .c-ship-by-seller__product-row-divider:last-child {
        display: none
    }

    .c-ship-by-seller__product-row-divider:nth-child(2) div {
        background-color: #c0c2c5
    }

.c-ship-by-seller__custom-cell {
    position: relative
}

    .c-ship-by-seller__custom-cell:before {
        content: "";
        display: block;
        position: absolute;
        right: 10px;
        top: 20px;
        width: 4px;
        height: 24px;
        background-color: transparent;
        border-radius: 3px
    }

    .c-ship-by-seller__custom-cell.edited:before {
        background-color: #f9a825
    }

    .c-ship-by-seller__custom-cell.pending:before {
        background: #ef5661
    }

.c-ship-by-seller__product-name-cell {
    min-width: 250px
}

.c-ship-by-seller__header-sort-item {
    color: #606265;
    position: relative
}

    .c-ship-by-seller__header-sort-item:hover {
        color: #606265
    }

    .c-ship-by-seller__header-sort-item:after {
        content: "";
        width: 4px;
        height: 4px;
        display: block;
        position: absolute;
        top: 36%;
        left: -13px;
        border-color: transparent #606265 #606265 transparent;
        border-style: solid;
        border-width: 1px
    }

    .c-ship-by-seller__header-sort-item.asc:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-ship-by-seller__header-sort-item.desc:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        top: 53%
    }

.c-ship-by-seller__tabs {
    border-bottom: 1px solid #e0e0e2;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-ship-by-seller__tabs--no-border {
    border-bottom: none
}

.c-ship-by-seller__tab-option {
    color: #a1a3a8;
    padding: 0 38px 15px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-ship-by-seller__tab-option:focus, .c-ship-by-seller__tab-option:hover {
        text-decoration: none;
        color: #a1a3a8
    }

.c-ship-by-seller__tab-option--active {
    position: relative;
    font-weight: 500;
    color: #62666d !important
}

    .c-ship-by-seller__tab-option--active:after {
        content: "";
        height: 3px;
        width: 100%;
        position: absolute;
        bottom: -2px;
        border-radius: 2px;
        right: 0;
        background-color: #4fcce9
    }

.c-ship-by-seller__filters-applied {
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: normal;
    padding: 15px 0;
    border-top: 1px solid #e0e0e2;
    border-bottom: 1px solid #e0e0e2;
    width: 100%
}

.c-ship-by-seller__filters-applied, .c-ship-by-seller__filters-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-ship-by-seller__filters-row {
    padding: 0 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-ship-by-seller__filters-tag {
    background: #f5f7fa;
    border-radius: 6px;
    height: 30px;
    padding: 5px 10px;
    margin-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    cursor: pointer
}

    .c-ship-by-seller__filters-tag:after {
        content: "\F03E\00FE0E"
    }

    .c-ship-by-seller__filters-tag:after {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px;
        margin-right: 10px
    }

.c-ship-by-seller__filters-tag--all {
    border: 1px solid #e6eaef
}

.c-ship-by-seller__products-table-header {
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px;
    color: #424750;
    border-radius: 0 !important;
    background: #f9fafc;
    border: none !important
}

.c-new-ship-by-seller-setting-table {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px
}

.c-new-ship-by-seller-setting-table, .c-new-ship-by-seller-setting-table__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.c-new-ship-by-seller-setting-table__header {
    background-color: #f5f7fa;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 1250px;
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 8px
}

    .c-new-ship-by-seller-setting-table__header > div {
        font-family: IRANYekan,B Yekan,Yekan,serif;
        font-weight: 700;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-new-ship-by-seller-setting-table__header__index {
    width: 31px;
    margin-left: 15px !important
}

.c-new-ship-by-seller-setting-table__header__city {
    width: 123px;
    margin-left: 78px !important
}

.c-new-ship-by-seller-setting-table__header__type {
    min-width: 67px;
    margin-left: 50px
}

.c-new-ship-by-seller-setting-table__header__price {
    min-width: 108px;
    margin-left: 50px
}

.c-new-ship-by-seller-setting-table__header__delivery-capacity {
    min-width: 149px;
    margin-left: 50px
}

.c-new-ship-by-seller-setting-table__header__delivery-time {
    min-width: 145px;
    margin-left: 50px
}

.c-new-ship-by-seller-setting-table__header__return-capacity {
    min-width: 175px;
    margin-left: 50px
}

.c-new-ship-by-seller-setting-table__header__activity {
    width: 80px
}

.c-new-ship-by-seller-setting-table__body-container {
    overflow-x: hidden;
    min-height: 17vh;
    margin-top: 10px
}

    .c-new-ship-by-seller-setting-table__body-container::-webkit-scrollbar {
        width: .1em
    }

    .c-new-ship-by-seller-setting-table__body-container::-webkit-scrollbar-track {
        background-color: #e6e9ed
    }

    .c-new-ship-by-seller-setting-table__body-container::-webkit-scrollbar-thumb {
        background-color: rgba(79,204,233,.5)
    }

.c-new-ship-by-seller-setting-table__body {
    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-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px 20px;
    height: auto;
    border-bottom: 2px solid #d5d9dd
}

.c-new-ship-by-seller-setting-table__body--empty {
    border-bottom: none
}

.c-new-ship-by-seller-setting-table__body > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-new-ship-by-seller-setting-table__body__error {
    background-color: rgba(211,47,47,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid rgba(211,47,47,.1);
    border-radius: 8px;
    margin-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px;
    width: 100%;
    min-height: 70px
}

    .c-new-ship-by-seller-setting-table__body__error .message {
        color: #ef5661;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-family: IRANYekan,B Yekan,Yekan,serif;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

        .c-new-ship-by-seller-setting-table__body__error .message:before {
            content: "";
            background-color: #ef5661;
            height: 7px;
            width: 7px;
            border-radius: 50%;
            color: #ef5661;
            font-weight: 700;
            display: inline-block;
            margin-left: 10px;
            font-size: 10px
        }

.c-new-ship-by-seller-setting-table__body__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 188px;
    border-bottom: 2px solid #e6e9ed;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0
}

    .c-new-ship-by-seller-setting-table__body__row:last-of-type {
        border-bottom: none
    }

        .c-new-ship-by-seller-setting-table__body__row:last-of-type:hover {
            border-bottom: none
        }

    .c-new-ship-by-seller-setting-table__body__row:hover {
        border-bottom: 2px solid rgba(79,204,233,.5);
        -webkit-transition: border-bottom-width .2s ease-in-out;
        transition: border-bottom-width .2s ease-in-out
    }

.c-new-ship-by-seller-setting-table__body__row__index {
    width: 31px;
    margin-left: 15px !important;
    font-family: IRANYekan,B Yekan,Yekan,serif;
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-new-ship-by-seller-setting-table__body__row__city, .c-new-ship-by-seller-setting-table__body__row__index {
    height: 100%;
    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
}

.c-new-ship-by-seller-setting-table__body__row__city {
    width: 123px;
    margin-left: 70px !important
}

    .c-new-ship-by-seller-setting-table__body__row__city > div {
        color: #777;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-new-ship-by-seller-setting-table__body__row__type {
    margin-left: 0 !important
}

    .c-new-ship-by-seller-setting-table__body__row__type > div {
        border-bottom: 1px dashed #e6e9ed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 40px;
        margin-top: 2px;
        padding: 7px 0
    }

        .c-new-ship-by-seller-setting-table__body__row__type > div > div {
            margin: 10px 0 10px 22px;
            width: 50px;
            height: 21px;
            border-radius: 5px;
            font-family: IRANYekan,B Yekan,Yekan,serif;
            text-align: center;
            background-color: rgba(249,168,37,.05);
            border: 1px solid rgba(249,168,37,.1);
            color: #f9a825;
            font-size: 11px;
            font-size: .786rem;
            line-height: 2
        }

        .c-new-ship-by-seller-setting-table__body__row__type > div > span {
            width: 43px;
            height: 40px
        }

        .c-new-ship-by-seller-setting-table__body__row__type > div:last-of-type {
            border: none !important
        }

        .c-new-ship-by-seller-setting-table__body__row__type > div:first-of-type > div {
            background-color: rgba(87,207,177,.1);
            border: 1px solid rgba(87,207,177,.2);
            color: #0e73ad
        }

        .c-new-ship-by-seller-setting-table__body__row__type > div:last-of-type > div {
            background-color: rgba(211,47,47,.05);
            border: 1px solid rgba(211,47,47,.1);
            color: #ef5661
        }

.c-new-ship-by-seller-setting-table__body__row__activity {
    height: 100%;
    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
}

.c-new-ship-by-seller-setting-table__body__row__delivery-capacity {
    margin-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-new-ship-by-seller-setting-table__body__row__delivery-capacity > div:last-of-type {
        border: none !important
    }

.c-new-ship-by-seller-setting-table__body__row__return-capacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 164px;
    margin-left: 75px
}

    .c-new-ship-by-seller-setting-table__body__row__return-capacity > div:last-of-type {
        border: none !important
    }

.c-new-ship-by-seller-setting-table__body__row__return-capacity--disabled > div > div:first-of-type, .c-new-ship-by-seller-setting-table__body__row__return-capacity--disabled > div > div:last-of-type {
    background-color: rgba(240,240,241,.7);
    border: 1px solid #e0e0e2;
    color: #e0e0e2
}

.c-new-ship-by-seller-setting-table__body__row__delivery-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0 !important
}

    .c-new-ship-by-seller-setting-table__body__row__delivery-time > div {
        width: 145px;
        padding: 8px;
        border-bottom: 1px dashed #e6e9ed
    }

        .c-new-ship-by-seller-setting-table__body__row__delivery-time > div:last-of-type {
            border: none !important
        }

.c-new-ship-by-seller-setting-table__body__row__price {
    margin-left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-new-ship-by-seller-setting-table__body__row__price > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 8px 0;
        border-bottom: 1px dashed #e6e9ed
    }

        .c-new-ship-by-seller-setting-table__body__row__price > div > div {
            width: 100px;
            height: 38px
        }

            .c-new-ship-by-seller-setting-table__body__row__price > div > div input {
                border-radius: 8px;
                border: 1px solid #e6e9ed;
                background-color: transparent;
                outline: none;
                width: 100%;
                height: 100%;
                padding: 0;
                font-family: IRANYekan,B Yekan,Yekan,serif;
                text-align: center;
                color: #777;
                font-size: 14px;
                font-size: 1rem;
                line-height: 1.571
            }

                .c-new-ship-by-seller-setting-table__body__row__price > div > div input:focus {
                    border: 1px solid rgba(79,204,233,.5);
                    border-radius: 8px
                }

        .c-new-ship-by-seller-setting-table__body__row__price > div > span {
            width: 50px;
            height: 40px
        }

        .c-new-ship-by-seller-setting-table__body__row__price > div:last-of-type {
            border: none !important
        }

.c-nsbs-capacity-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px dashed #e6e9ed;
    padding: 8px 0
}

    .c-nsbs-capacity-container .first, .c-nsbs-capacity-container .last {
        width: 60px;
        height: 38px;
        border-radius: 8px;
        border: 1px solid #e6e9ed
    }

        .c-nsbs-capacity-container .first input, .c-nsbs-capacity-container .last input {
            width: 100%;
            border-radius: 8px;
            background-color: transparent;
            height: 100%;
            outline: none;
            border: none;
            font-family: IRANYekan,B Yekan,Yekan,serif;
            text-align: center;
            color: #777;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.571
        }

    .c-nsbs-capacity-container > div {
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #e6e9ed
    }

    .c-nsbs-capacity-container > span {
        width: 50px;
        height: 40px
    }

.c-nsbs-capacity-container--error .first, .c-nsbs-capacity-container--error .last, .c-nsbs-capacity-container--error div {
    border-color: #f4919b !important
}

.c-nsbs-capacity-container--focus .first, .c-nsbs-capacity-container--focus .last, .c-nsbs-capacity-container--focus div {
    border-color: rgba(79,204,233,.5) !important
}

.c-nsbs-capacity-container .c-new-ship-by-seller-setting-table-error {
    border-color: #f4919b !important
}

.c-nsbs-tooltip {
    display: inline-block;
    cursor: pointer;
    position: relative
}

    .c-nsbs-tooltip span {
        font-family: IRANYekan,B Yekan,Yekan,serif;
        font-weight: 700;
        position: absolute;
        top: -11px;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

        .c-nsbs-tooltip span:before {
            content: "\F084\00FE0E"
        }

.c-nsbs-tooltip__text {
    visibility: hidden;
    width: 205px;
    height: 68px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
    border: 1px solid #e0e0e2;
    background-color: #fff;
    color: #62666d;
    padding: 15px 10px;
    text-align: right;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000 !important;
    position: absolute;
    top: 20px;
    right: 0;
    font-family: IRANYekan,B Yekan,Yekan,serif;
    font-weight: 400;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-nsbs-tooltip__text:after {
        content: "";
        border-top: 1px solid #e0e0e2;
        border-right: 1px solid #e0e0e2;
        background-color: #fff;
        position: absolute;
        top: -7px;
        right: 10px;
        z-index: 2000 !important;
        width: 10px;
        height: 10px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: 0 4px 12px 0 rgba(3,10,22,.05);
        box-shadow: 0 4px 12px 0 rgba(3,10,22,.05)
    }

.c-nsbs-tooltip:hover .c-nsbs-tooltip__text {
    visibility: visible
}

.c-ship-by-seller__failed-delivery-time-scope-modal .has-error > .c-ui-select + .select2-container:not(.select2-container--focus) .select2-selection--single {
    border-color: #f4919b !important
}

.c-sbs-order-deliver-post-modal {
    color: #606265 !important;
    background-color: rgba(0,0,0,.25) !important
}

    .c-sbs-order-deliver-post-modal .uk-modal-dialog {
        width: 800px !important;
        margin-top: 140px
    }

        .c-sbs-order-deliver-post-modal .uk-modal-dialog .o-message-box {
            border-radius: 4px !important
        }

        .c-sbs-order-deliver-post-modal .uk-modal-dialog .c-ui-radio {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .c-sbs-order-deliver-post-modal .uk-modal-dialog .c-ui-radio .c-ui-radio__origin:checked ~ .c-ui-radio__label {
                font-weight: 400;
                color: #606265
            }

            .c-sbs-order-deliver-post-modal .uk-modal-dialog .c-ui-radio .c-ui-radio__check {
                width: 18px;
                height: 18px;
                margin-top: unset
            }

                .c-sbs-order-deliver-post-modal .uk-modal-dialog .c-ui-radio .c-ui-radio__check:before {
                    width: 14px;
                    height: 14px
                }

.c-sbs-order-deliver-post-modal__tracking-code-input {
    width: 227px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: IranYekan,sans-serif;
    color: #515151
}

    .c-sbs-order-deliver-post-modal__tracking-code-input::-webkit-input-placeholder {
        color: #a1a3a8
    }

    .c-sbs-order-deliver-post-modal__tracking-code-input::-ms-input-placeholder {
        color: #a1a3a8
    }

    .c-sbs-order-deliver-post-modal__tracking-code-input::placeholder {
        color: #a1a3a8
    }

.c-sbs-order-deliver-post-modal__operation-btn {
    width: 106px;
    min-width: unset
}

    .c-sbs-order-deliver-post-modal__operation-btn:disabled {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

.c-sbs-order-deliver-post-modal__operation-btn--cancel {
    border-color: #e6e9ed
}

.c-reporting-and-insights__definition-box .c-card {
    border: 1px solid #e0e0e2
}

.c-reporting-and-insights__definition-box .content {
    display: none;
    border: 1px solid #e0e0e2;
    border-top: none
}

.c-reporting-and-insights__definition-box.active .c-card {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.c-reporting-and-insights__definition-box.active .content {
    display: block
}

.c-lightening-deal__join-deal-button {
    width: 260px;
    max-width: none
}

.c-lightening-deal__main-button {
    width: 200px !important;
    max-width: none !important
}

.c-lightening-deal__add-deal-box-btn {
    border-color: #e6eaef
}

.c-lightening-deal__date-time-info {
    -webkit-box-flex: 1.8;
    -ms-flex: 1.8;
    flex: 1.8
}

.c-lightening-deal__date-picker-container {
    height: 40px
}

.c-lightening-deal__tab-content .c-card {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    .c-lightening-deal__tab-content .c-card .c-card__body {
        padding: 0
    }

.c-lightening-deal__tab-content .c-ui-table__header:first-child {
    width: 247px
}

.c-lightening-deal__tab-content .c-ui-table__header:last-child {
    width: 140px
}

.c-lightening-deal__time-scope-box {
    background-color: #f7f7f8;
    border-radius: 40px;
    border: 1px solid #e0e0e2;
    padding: 4px 5px
}

    .c-lightening-deal__time-scope-box:before {
        font-size: 19px;
        vertical-align: text-top
    }

.c-lightening-deal__select-dkp-modal {
    min-width: 1075px !important
}

    .c-lightening-deal__select-dkp-modal .c-ui-table__wrapper {
        height: 400px
    }

    .c-lightening-deal__select-dkp-modal .c-card {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .c-lightening-deal__select-dkp-modal .c-grid__row + .c-grid__row {
        margin: 0
    }

    .c-lightening-deal__select-dkp-modal .c-card__header.c-card__header--table {
        padding-top: 0
    }

.c-lightening-deal__home-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700
}

.c-lightening-deal__home-description {
    color: #81858b;
    line-height: 2.07;
    margin: 10px 0 20px
}

.c-lightening-deal__items-header {
    background: #f5f7fa;
    padding: 12px 20px;
    border-radius: 8px;
    list-style: none;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-lightening-deal__items-header li:first-child {
        -webkit-box-flex: 1.4;
        -ms-flex: 1.4;
        flex: 1.4
    }

    .c-lightening-deal__items-header li.static-mode {
        -webkit-box-flex: .5;
        -ms-flex: .5;
        flex: .5
    }

    .c-lightening-deal__items-header li.deleting-mode {
        -webkit-box-flex: .25;
        -ms-flex: .25;
        flex: .25
    }

    .c-lightening-deal__items-header li.editing-mode {
        text-align: left;
        -webkit-box-flex: 1.3;
        -ms-flex: 1.3;
        flex: 1.3
    }

.c-lightening-deal__wallet-amount {
    background-color: #f9fafc;
    border: 1px solid #f0f0f1;
    border-radius: 8px;
    padding: 12px;
    min-width: 232px
}

.c-lightening-deal__wallet-amount-value {
    vertical-align: sub
}

.c-lightening-deal__create-guide {
    list-style: none;
    line-height: 1.6
}

    .c-lightening-deal__create-guide li:before {
        content: "•";
        color: #ef5661;
        font-size: 20px;
        display: inline-block;
        vertical-align: top;
        margin-left: 10px
    }

    .c-lightening-deal__create-guide span {
        display: inline-block;
        max-width: calc(100% - 30px);
        padding-top: 5px
    }

    .c-lightening-deal__create-guide .specific-word {
        font-weight: 700;
        color: #62666d
    }

    .c-lightening-deal__create-guide .attention-word {
        font-weight: 700;
        color: red
    }

.c-lightening-deal-date-picker {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e0e0e2;
    width: 448px
}

.c-lightening-deal-date-picker__select-day-wrapper {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #e0e0e2
}

.c-lightening-deal-date-picker__day-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block;
    padding: 12px;
    cursor: pointer;
    position: relative
}

.c-lightening-deal-date-picker__day-item-number {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222
}

.c-lightening-deal-date-picker__day-item-month {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}

.c-lightening-deal-date-picker__day-item input[type=radio] {
    display: none
}

    .c-lightening-deal-date-picker__day-item input[type=radio] + div {
        color: #81858b;
        text-align: center
    }

        .c-lightening-deal-date-picker__day-item input[type=radio] + div:after {
            content: "";
            width: 100%;
            height: 3px;
            border-radius: 3px;
            background: transparent;
            position: absolute;
            display: block;
            right: 0;
            bottom: -2px;
            -webkit-transition: all .2s ease;
            transition: all .2s ease
        }

    .c-lightening-deal-date-picker__day-item input[type=radio]:checked + div {
        color: #16b7db
    }

        .c-lightening-deal-date-picker__day-item input[type=radio]:checked + div:after {
            background-color: #4fcce9
        }

.c-lightening-deal-date-picker__select-time-wrapper-header {
    background-color: #f9fafc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 17px;
    color: #62666d;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}

    .c-lightening-deal-date-picker__select-time-wrapper-header div:first-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

.c-lightening-deal-date-picker__time-item {
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0 15px;
    display: block;
    position: relative;
    cursor: pointer
}

    .c-lightening-deal-date-picker__time-item input[type=radio]:checked + span:after {
        background: #4fcce9
    }

    .c-lightening-deal-date-picker__time-item:last-child > span {
        border: none
    }

.c-lightening-deal-date-picker__time-item-content {
    padding: 17px 0;
    border-bottom: 1px solid #e0e0e2;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-lightening-deal-date-picker__time-item-content span:first-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-lightening-deal-date-picker__time-item-content:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: block;
        background: transparent;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        opacity: .08
    }

.c-lightening-deal-highlight-box {
    border-radius: 10px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05)
}

.c-lightening-deal-highlight-box--error {
    background-color: #fdf4f2;
    border-color: #fae7e7
}

.c-lightening-deal-confirmation__title {
    color: #62666d
}

.c-lightening-deal-confirmation__description {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.8;
    color: #81858b
}

.c-lightening-deal-confirmation__highlight-box {
    width: 320px;
    display: inline-block;
    padding: 12px 0
}

.c-lightening-deal-confirmation__highlight-box-title {
    color: #16b7db;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-lightening-deal-confirmation__highlight-box-value {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #62666d;
    font-weight: 500;
    padding: 3px
}

.c-lightening-deal-item-box {
    border: 1px solid #e0e0e2;
    padding: 20px 0 0;
    margin-top: 15px;
    border-radius: 10px;
    background: #fff
}

.c-lightening-deal-item-box__variant-edit-button-wrapper {
    border-top: 1px solid #e0e0e2
}

.c-lightening-deal-item-box__payment-number {
    -webkit-box-flex: .5;
    -ms-flex: .5;
    flex: .5
}

.c-lightening-deal-item-box .editing-mode {
    -webkit-box-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3;
    text-align: left
}

.c-lightening-deal-item-box__warning-icon {
    position: absolute;
    left: 20px;
    color: #f9a825;
    top: 10px
}

    .c-lightening-deal-item-box__warning-icon:before {
        font-size: 24px
    }

.c-lightening-deal-item-box__info-row {
    padding: 0 20px
}

    .c-lightening-deal-item-box__info-row > div:last-child {
        -webkit-box-flex: .25;
        -ms-flex: .25;
        flex: .25
    }

.c-lightening-deal-item-box__info-row-main-content {
    border-radius: 10px;
    line-height: 32px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    -webkit-box-flex: 4.35;
    -ms-flex: 4.35;
    flex: 4.35
}

    .c-lightening-deal-item-box__info-row-main-content > div:first-child {
        -webkit-box-flex: 1.35;
        -ms-flex: 1.35;
        flex: 1.35
    }

.c-lightening-deal-item-box__variant-info {
    background-color: #f9fafc;
    padding: 20px;
    border-radius: 10px
}

.c-lightening-deal-item-box__add-variant-btn {
    color: #fff
}

    .c-lightening-deal-item-box__add-variant-btn:before {
        content: "\F047\00FE0E"
    }

    .c-lightening-deal-item-box__add-variant-btn:before {
        font-size: 22px;
        margin-left: 5px
    }

.c-lightening-deal-item-box__add-variant-notice {
    font-size: 13px;
    margin-right: 20px
}

    .c-lightening-deal-item-box__add-variant-notice:before {
        content: "\F08D\00FE0E"
    }

    .c-lightening-deal-item-box__add-variant-notice:before {
        font-size: 20px;
        margin-left: 5px;
        vertical-align: middle
    }

    .c-lightening-deal-item-box__add-variant-notice span {
        vertical-align: middle;
        display: inline-block
    }

.c-lightening-deal-item-box__select-date {
    border: 1px solid #e0e0e2;
    border-radius: 8px;
    height: 36px;
    position: relative;
    line-height: 38px;
    background-color: #fff;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-lightening-deal-item-box__select-date.has-error {
        border-color: #ef5661
    }

        .c-lightening-deal-item-box__select-date.has-error > span {
            color: #ef5661
        }

    .c-lightening-deal-item-box__select-date:after {
        content: "";
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent
    }

.c-lightening-deal-item-box__select-date-icon:after {
    content: "\F010\00FE0E"
}

.c-lightening-deal-item-box__select-date-icon:after {
    font-size: 6px
}

.c-lightening-deal-item-box__select-date > div {
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 100
}

.c-lightening-deal-item-box__select-date.show > div {
    display: block
}

.c-lightening-deal-item-box__select-date--show > div {
    display: block
}

.c-lightening-deal-item-box__product-image {
    width: 55px;
    height: 55px;
    border: 1px solid #e0e0e2;
    border-radius: 8px
}

.c-lightening-deal-item-box__product-info {
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e2;
    margin-bottom: 30px
}

.c-lightening-deal-item-box__variants-header {
    list-style: none;
    margin-bottom: 10px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700
}

.c-lightening-deal-item-box__variants-header-stock {
    width: 100px
}

.c-lightening-deal-item-box__variants-header-off-price {
    max-width: 130px
}

.c-lightening-deal-item-box__variants-header li {
    padding: 0 10px
}

    .c-lightening-deal-item-box__variants-header li:first-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .c-lightening-deal-item-box__variants-header li:last-child {
        -webkit-box-flex: .4;
        -ms-flex: .4;
        flex: .4
    }

.c-lightening-deal-item-box__variants-row {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-lightening-deal-item-box__variants-row-stock {
    width: 100px
}

.c-lightening-deal-item-box__variants-row-off-price {
    max-width: 130px
}

.c-lightening-deal-item-box__variants-row > div {
    position: relative;
    padding: 0 10px
}

    .c-lightening-deal-item-box__variants-row > div:first-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .c-lightening-deal-item-box__variants-row > div:last-child {
        -webkit-box-flex: .4;
        -ms-flex: .4;
        flex: .4
    }

.c-lightening-deal-item-box__input-link {
    position: absolute;
    right: -7px;
    top: 13px
}

    .c-lightening-deal-item-box__input-link:before {
        content: "\F091\00FE0E"
    }

.c-lightening-deal-select-dkp__scroll-view {
    max-height: 540px;
    overflow: auto
}

    .c-lightening-deal-select-dkp__scroll-view::-webkit-scrollbar {
        width: 9px;
        height: 12px;
        background-color: #f5f7fa;
        border-radius: 8px
    }

    .c-lightening-deal-select-dkp__scroll-view::-webkit-scrollbar-track {
        background-clip: padding-box;
        background-color: #f5f7fa;
        border-radius: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px
    }

    .c-lightening-deal-select-dkp__scroll-view::-webkit-scrollbar-thumb {
        height: 8px;
        border-color: #f5f7fa #fff;
        border-style: solid;
        border-width: 2px;
        background-clip: padding-box;
        border-radius: 8px;
        background-color: #c4c5c5
    }

    .c-lightening-deal-select-dkp__scroll-view::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

.c-lightening-deal-select-dkp__search-select {
    width: 170px
}

.c-lightening-deal-select-dkp__table-header {
    background-color: #f5f7fa;
    padding: 0 15px;
    height: 65px;
    border-radius: 8px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-lightening-deal-select-dkp__table-header > div:first-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .c-lightening-deal-select-dkp__table-header > div:last-child {
        -webkit-box-flex: .75;
        -ms-flex: .75;
        flex: .75
    }

.c-lightening-deal-select-dkp__dkp-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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 90px;
    padding: 0 15px;
    position: relative;
    border-radius: 10px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

    .c-lightening-deal-select-dkp__dkp-box:after {
        content: "";
        height: 1px;
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        background-color: #e0e0e2
    }

    .c-lightening-deal-select-dkp__dkp-box:hover {
        -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
        box-shadow: 0 2px 12px 0 rgba(0,0,0,.1)
    }

        .c-lightening-deal-select-dkp__dkp-box:hover:after {
            background-color: transparent
        }

    .c-lightening-deal-select-dkp__dkp-box > div:first-child {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        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: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .c-lightening-deal-select-dkp__dkp-box > div:last-child {
        -webkit-box-flex: .75;
        -ms-flex: .75;
        flex: .75
    }

.c-lightening-deal-select-dkp__dkp-box-image {
    width: 60px;
    height: 60px
}

.c-lightening-deal-recommended-dkp {
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    border-radius: 10px;
    padding: 10px 17px 10px 12px
}

    .c-lightening-deal-recommended-dkp > div:first-child {
        -webkit-box-flex: .65;
        -ms-flex: .65;
        flex: .65
    }

.c-lightening-deal-recommended-dkp__image {
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    border: 1px solid #f0f0f1;
    border-radius: 4px;
    background-color: #fff;
    margin: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    display: inline-block
}

.c-lightening-deal-recommended-dkp__main-title {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 500
}

    .c-lightening-deal-recommended-dkp__main-title span {
        padding: 0 5px;
        vertical-align: bottom;
        color: #ef5661
    }

        .c-lightening-deal-recommended-dkp__main-title span:before {
            font-size: 20px
        }

.c-lightening-deal-recommended-dkp__sub-title {
    color: #81858b;
    font-size: 12px
}

.c-sbs-create-setting-container {
    margin-top: 30px !important;
    padding-top: 0 !important;
    position: relative !important
}

    .c-sbs-create-setting-container .c-grid__row .c-card {
        border-radius: 8px 8px 0 0;
        padding-right: 5px !important;
        padding-left: 5px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .c-sbs-create-setting-container .c-grid__row .c-card .c-card__body {
            padding: 15px !important
        }

        .c-sbs-create-setting-container .c-grid__row .c-card .c-card__header {
            padding: 15px !important;
            border-color: #e6e9ed !important;
            height: 60px !important
        }

        .c-sbs-create-setting-container .c-grid__row .c-card .c-card__footer, .c-sbs-create-setting-container .c-grid__row .c-card .c-card__header {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .c-sbs-create-setting-container .c-grid__row .c-card .c-card__footer {
            height: 80px !important
        }

    .c-sbs-create-setting-container .c-grid__row:last-of-type {
        margin-top: 0 !important
    }

        .c-sbs-create-setting-container .c-grid__row:last-of-type .c-card {
            -webkit-box-shadow: 0 8px 12px 0 rgba(0,0,0,.05) !important;
            box-shadow: 0 8px 12px 0 rgba(0,0,0,.05) !important;
            border-radius: 0 0 8px 8px
        }

    .c-sbs-create-setting-container .c-grid__row .c-ui-table__wrapper {
        overflow-x: unset !important;
        overflow-y: unset !important
    }

    .c-sbs-create-setting-container .c-grid__row .c-ui-table .c-ui-table__row {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: -webkit-sticky;
        position: sticky;
        top: 75px;
        z-index: 500
    }

    .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row {
        height: 60px !important;
        background-color: #f5f7fa !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px !important
    }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > th {
            -webkit-transform: translateZ(0) !important;
            transform: translateZ(0) !important
        }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > .c-ui-table__header {
            padding: 0 !important;
            height: auto !important;
            background-color: transparent !important
        }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > th:first-of-type {
            width: 31px;
            margin-left: 30px
        }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > th:nth-child(2) {
            width: 185px
        }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > th:nth-child(3) {
            width: 246px
        }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > th:nth-child(4) {
            width: 67px;
            margin-left: 130px
        }

        .c-sbs-create-setting-container .c-grid__row .c-ui-table > thead .c-ui-table__row > th:nth-child(5) {
            width: 80px
        }

    .c-sbs-create-setting-container .c-grid__row .c-ui-paginator__control-next, .c-sbs-create-setting-container .c-grid__row .c-ui-paginator__control-prev {
        font-size: 10px !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-sbs-create-setting-container .c-grid__row .c-ui-paginator__control-dots {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-sbs-create-setting-container .c-grid__row .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b {
        border: none;
        height: 6px;
        font-size: 7px !important;
        color: #81858b;
        width: 11px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 7px;
        font-size: .5rem;
        line-height: 3.143
    }

        .c-sbs-create-setting-container .c-grid__row .c-ui-select--small + .select2-container .select2-selection--single .select2-selection__arrow b:before {
            content: "\F05A\00FE0E"
        }

    .c-sbs-create-setting-container .c-grid__row .c-ui-select--small + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        top: 65% !important;
        -webkit-transform: rotate(-180deg) !important;
        transform: rotate(-180deg) !important
    }

    .c-sbs-create-setting-container .c-grid__row .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #62666d !important
    }

    .c-sbs-create-setting-container .c-grid__row .select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: rgba(240,240,241,.7) !important
    }

    .c-sbs-create-setting-container .c-grid__row .c-ui-toggle__check {
        height: 17px !important
    }

        .c-sbs-create-setting-container .c-grid__row .c-ui-toggle__check:before {
            width: 20px !important;
            height: 20px !important;
            top: -3px !important;
            -webkit-transform: translate3d(20px,0,0) !important;
            transform: translate3d(20px,0,0) !important
        }

    .c-sbs-create-setting-container .c-grid__row .c-ui-toggle__origin:checked + .c-ui-toggle__check:before {
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important
    }

    .c-sbs-create-setting-container .c-grid__row .has-error {
        border-color: #ef5661 !important
    }

    .c-sbs-create-setting-container .c-grid__row .c-ui-checkbox__check {
        border-radius: 3px;
        font-size: 15px;
        width: 18px;
        height: 18px;
        opacity: 1 !important
    }

    .c-sbs-create-setting-container .c-grid__row .ui-select .select2-selection__rendered {
        border-color: #e6e9ed !important
    }

    .c-sbs-create-setting-container [data-icon=guide-new] {
        position: relative;
        margin-right: 5px;
        font-size: 17px;
        font-size: 1.214rem;
        line-height: 1.294
    }

.c-sbs-create-setting-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px;
    width: 1250px
}

    .c-sbs-create-setting-item:last-of-type {
        margin-bottom: 15px
    }

.c-sbs-create-setting-item__scopes-title:after {
    display: none
}

.c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__header {
    border-bottom: none !important;
    height: 80px
}

    .c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__header > div:first-of-type {
        margin-right: auto;
        margin-left: 10px
    }

    .c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__header > div:last-of-type {
        margin-left: 0 !important
    }

.c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__table {
    background-color: #fff !important
}

    .c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__table > thead {
        background-color: #f5f7fa !important;
        border-bottom: none !important;
        border-radius: 8px !important;
        padding-right: 20px !important;
        font-size: 14px !important;
        height: 55px !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        padding-left: 20px !important
    }

    .c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__table > tbody {
        padding-right: 20px !important
    }

.c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__shipment-type {
    width: 70px !important;
    margin-left: 38px !important
}

.c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__nature {
    width: 98px !important
}

.c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__status {
    width: 78px !important
}

.c-sbs-create-setting-item--edit-mode .c-sbs-create-setting-item__min-price-for-free-shipment {
    margin-left: 30px !important
}

.c-sbs-create-setting-item__label {
    color: #62666d;
    font-family: IRANYekan,sans-serif;
    line-height: 1.67 !important;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-sbs-create-setting-item__header-input {
    margin-left: 30px;
    margin-right: 12px;
    padding: 10px 12px;
    height: 40px;
    border: 1px solid #e0e0e2;
    background-color: transparent;
    border-radius: 8px;
    font-family: IRANYekan,sans-serif;
    width: 224px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-sbs-create-setting-item__header-input:disabled {
        background-color: rgba(240,240,241,.7)
    }

.c-sbs-create-setting-item__header {
    height: 70px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #e6e9ed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777
}

    .c-sbs-create-setting-item__header[data-post] {
        border-bottom: none
    }

.c-sbs-create-setting-item__table {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 0 0 8px 8px;
    background-color: #f5f7fa
}

    .c-sbs-create-setting-item__table thead {
        width: 100%;
        border-bottom: 1px solid #c0c2c5;
        font-family: IRANYekan,sans-serif;
        font-weight: 700;
        height: 52px;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

        .c-sbs-create-setting-item__table thead > tr {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .c-sbs-create-setting-item__table thead th {
            -webkit-box-orient: horizontal !important;
            -webkit-box-direction: normal !important;
            -ms-flex-direction: row !important;
            flex-direction: row !important;
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important
        }

    .c-sbs-create-setting-item__table tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-sbs-create-setting-item__table tbody tr {
            height: 150px;
            width: 100%;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            margin: 15px 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative
        }

            .c-sbs-create-setting-item__table tbody tr:after {
                content: "";
                width: 1025px;
                right: 180px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                position: absolute;
                top: 165px;
                height: 1px;
                background-color: #e0e0e2
            }

            .c-sbs-create-setting-item__table tbody tr:last-of-type {
                margin-bottom: 0
            }

                .c-sbs-create-setting-item__table tbody tr:last-of-type:after {
                    display: none
                }

.c-sbs-create-setting-item__property {
    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-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-sbs-create-setting-item__property > div {
        height: 40px;
        margin-bottom: 8px;
        position: relative;
        margin-top: 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

        .c-sbs-create-setting-item__property > div:after {
            content: "";
            width: 100%;
            height: 0;
            top: 48px;
            right: 0;
            background-color: transparent;
            border-bottom: 1px dashed #e6e9ed;
            position: absolute
        }

        .c-sbs-create-setting-item__property > div:last-of-type {
            margin-bottom: 0
        }

            .c-sbs-create-setting-item__property > div:last-of-type:after {
                display: none
            }

        .c-sbs-create-setting-item__property > div:first-of-type {
            margin-top: 0
        }

.c-sbs-create-setting-item__index {
    width: 31px;
    margin-left: 30px
}

.c-sbs-create-setting-item__state {
    width: 185px
}

.c-sbs-create-setting-item__city {
    width: 244px
}

.c-sbs-create-setting-item__shipment-types {
    width: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-sbs-create-setting-item__shipment-types > div:nth-child(2) {
        margin-right: auto
    }

.c-sbs-create-setting-item__status-toggle {
    margin-right: 108px;
    width: 80px;
    margin-left: 50px
}

.c-sbs-create-setting-item__edit-btn {
    width: 40px;
    margin-left: 30px
}

.c-sbs-create-setting-item__resize-btn {
    width: 26px
}

.c-sbs-create-setting-item__shipment-type {
    width: 63px;
    margin-left: 56px
}

.c-sbs-create-setting-item__nature {
    width: 87px
}

    .c-sbs-create-setting-item__nature > div:first-of-type:after {
        top: 47px
    }

.c-sbs-create-setting-item__active {
    width: 64px
}

.c-sbs-create-setting-item__nature-box {
    width: 45px;
    border-radius: 5px;
    height: 20px;
    font-family: IranYekan,sans-serif;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

.c-sbs-create-setting-item__nature-box--small {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

.c-sbs-create-setting-item__nature-box--medium {
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    color: #f9a825
}

.c-sbs-create-setting-item__nature-box--large {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    color: #ef5661
}

.c-sbs-create-setting-item__shipment-capacity {
    width: 220px
}

.c-sbs-create-setting-item__shipment-capacity--with-dynamic-scopes {
    width: 300px;
    min-width: 300px
}

.c-sbs-create-setting-item__shipment-cost {
    width: 138px
}

    .c-sbs-create-setting-item__shipment-cost > div > label {
        width: 108px;
        background-color: #fff;
        border-radius: 8px;
        height: 40px;
        padding: 8px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #e6e9ed
    }

        .c-sbs-create-setting-item__shipment-cost > div > label:focus-within {
            border-color: #4fcce9
        }

        .c-sbs-create-setting-item__shipment-cost > div > label > input {
            border: none;
            color: #62666d;
            background-color: transparent;
            font-family: IRANYekan,sans-serif;
            width: 100%;
            outline: none;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.571
        }

.c-sbs-create-setting-item__lead-time {
    width: 194px
}

    .c-sbs-create-setting-item__lead-time > div > div {
        width: 144px
    }

.c-sbs-create-setting-item__return-capacity {
    width: 220px
}

.c-sbs-create-setting-item__min-price-for-free-shipment {
    width: 204px;
    margin-left: 50px
}

.c-sbs-create-setting-item__min-price-for-free-shipment--with-dynamic-scopes {
    width: 250px;
    margin-left: 20px
}

.c-sbs-create-setting-item__min-price-for-free-shipment > div > div {
    height: 40px;
    width: 100%;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6e9ed;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    position: relative
}

    .c-sbs-create-setting-item__min-price-for-free-shipment > div > div:focus-within {
        border-color: #4fcce9
    }

    .c-sbs-create-setting-item__min-price-for-free-shipment > div > div > label:first-of-type {
        width: 100px;
        margin-left: 42px
    }

        .c-sbs-create-setting-item__min-price-for-free-shipment > div > div > label:first-of-type:after {
            content: "";
            height: 28px;
            position: absolute;
            right: 140px;
            margin-left: 10px;
            width: 1px;
            top: 6px;
            background-color: #e6e9ed
        }

        .c-sbs-create-setting-item__min-price-for-free-shipment > div > div > label:first-of-type > input {
            border: none;
            width: 90px;
            outline: none;
            color: #62666d;
            font-family: IranYekan,sans-serif;
            position: relative;
            background-color: transparent;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.571
        }

.c-sbs-create-setting-item__status {
    width: 85px;
    position: relative
}

    .c-sbs-create-setting-item__status > div {
        position: unset !important
    }

        .c-sbs-create-setting-item__status > div:after {
            display: none !important
        }

        .c-sbs-create-setting-item__status > div:last-of-type {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .c-sbs-create-setting-item__status > div:last-of-type:before {
                content: "";
                height: 100%;
                top: 0;
                right: 0;
                border-right: 1px solid #e6e9ed;
                position: absolute
            }

        .c-sbs-create-setting-item__status > div > div {
            height: 30px;
            border-radius: 15px;
            font-family: IRANYekan,sans-serif;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 67px;
            padding-left: 12px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692
        }

            .c-sbs-create-setting-item__status > div > div:before {
                content: "\F0F1\00FE0E"
            }

            .c-sbs-create-setting-item__status > div > div:before {
                font-size: 30px;
                font-size: 2.143rem;
                line-height: 1.467
            }

.c-sbs-create-setting-item__status--activated {
    background-color: rgba(87,207,177,.1);
    color: #0e73ad
}

.c-sbs-create-setting-item__status--not-activated {
    background-color: hsla(0,0%,46.7%,.07);
    color: #777
}

.c-ui-btn-shipment {
    border-radius: 15px;
    width: 40px;
    height: 26px;
    color: #424750;
    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;
    font-size: 22px !important;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1
}

.c-ui-btn-shipment--active {
    background-color: rgba(87,207,177,.05);
    border: 1px solid #0e73ad
}

.c-ui-btn-shipment--by-post:before {
    content: "\F0E2\00FE0E"
}

.c-ui-btn-shipment--by-seller:before {
    content: "\F0E3\00FE0E"
}

.c-sbs-create-setting-seller-capacity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-sbs-create-setting-seller-capacity > label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #e6e9ed;
        width: 80px;
        background-color: #fff;
        padding: 8px 10px
    }

        .c-sbs-create-setting-seller-capacity > label:focus-within {
            border-color: #4fcce9
        }

        .c-sbs-create-setting-seller-capacity > label > span {
            font-family: IRANYekan,sans-serif;
            color: #a1a3a8;
            line-height: 1.67 !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692
        }

        .c-sbs-create-setting-seller-capacity > label > input {
            border: none;
            outline: none;
            color: #62666d;
            width: 100%;
            direction: ltr;
            background-color: transparent;
            font-family: IranYekan,sans-serif;
            font-size: 14px;
            font-size: 1rem;
            line-height: 1.571
        }

    .c-sbs-create-setting-seller-capacity > div {
        height: 0;
        width: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 1px solid #e6e9ed
    }

.c-sbs-create-setting-seller-capacity--disabled > label {
    background-color: rgba(240,240,241,.7) !important;
    border-color: #e0e0e2
}

.c-ui-btn-resize {
    width: 26px;
    height: 26px;
    background-color: #e6e9ed;
    color: #81858b;
    border-radius: 5.8px;
    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;
    cursor: pointer;
    border: none !important;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222
}

.c-ui-btn-resize--minimize {
    font-size: 10px !important;
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2
}

    .c-ui-btn-resize--minimize:before {
        content: "\F0CA\00FE0E"
    }

.c-ui-btn-resize--maximize {
    font-size: 13px !important;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

    .c-ui-btn-resize--maximize:before {
        content: "\F1A8\00FE0E"
    }

.c-sbs-create-setting-operation-btn {
    height: 40px;
    width: 40px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    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;
    cursor: pointer;
    outline: none;
    color: #81858b;
    font-size: 21px !important;
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.048
}

.c-sbs-create-setting-operation-btn--edit:before {
    content: "\F068\00FE0E"
}

.c-sbs-create-setting-operation-btn--close {
    font-size: 16px !important
}

    .c-sbs-create-setting-operation-btn--close:before {
        content: "\F03E\00FE0E"
    }

.c-sbs-create-setting-operation-btn--confirm {
    font-size: 28px !important;
    background-color: #0e73ad;
    color: #fff;
    border: none;
    -webkit-box-shadow: 0 6px 12px rgba(87,207,177,.2);
    box-shadow: 0 6px 12px rgba(87,207,177,.2)
}

    .c-sbs-create-setting-operation-btn--confirm:before {
        content: "\F02D\00FE0E"
    }

.c-sbs-create-setting-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 40px
}

    .c-sbs-create-setting-filters > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .c-sbs-create-setting-filters > div:nth-child(2) {
            margin-right: auto;
            margin-left: 40px
        }

.c-sbs-create-setting-filters__label {
    color: #62666d;
    font-family: IRANYekan,sans-serif;
    line-height: 1.67 !important;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-sbs-create-setting-filters__search {
    width: 560px;
    height: 40px;
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-sbs-create-setting-filters__search div {
        width: 250px;
        margin-left: 10px;
        font-family: IRANYekan,sans-serif;
        color: #62666d;
        border-radius: 8px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-sbs-create-setting-filters__search button, .c-sbs-create-setting-filters__search div {
        height: 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .c-sbs-create-setting-filters__search button {
        width: 40px;
        color: #fff;
        border: none;
        cursor: pointer;
        border-radius: 8px;
        background-color: #4fcce9;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: 0 6px 12px rgba(79,204,233,.2);
        box-shadow: 0 6px 12px rgba(79,204,233,.2);
        font-size: 25px;
        font-size: 1.786rem;
        line-height: 1.76
    }

        .c-sbs-create-setting-filters__search button:before {
            content: "\F0DA\00FE0E"
        }

        .c-sbs-create-setting-filters__search button:disabled {
            background-color: #e6e9ed;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

.c-sbs-create-setting-filters__shipment-type {
    width: 250px;
    height: 40px;
    margin-top: 8px
}

.c-sbs-create-setting-filters__activated {
    width: 320px;
    height: 40px;
    margin-top: 8px
}

.c-sbs-create-setting-search-top .c-sbs-create-setting-item {
    margin-top: 30px !important;
    margin-bottom: 0 !important
}

.c-sbs-create-setting-search-top__form-operation {
    margin-right: auto;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-sbs-create-setting-search-top__form-operation > div:first-of-type {
        margin-left: 10px
    }

    .c-sbs-create-setting-search-top__form-operation > div:last-of-type {
        margin-left: 0
    }

.c-sbs-create-setting-search-top__capacity-and-add {
    height: auto;
    background-color: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2);
    border-radius: 8px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 5px;
    position: relative
}

    .c-sbs-create-setting-search-top__capacity-and-add > form {
        border-bottom: 1px solid #e6e9ed;
        padding-bottom: 20px
    }

        .c-sbs-create-setting-search-top__capacity-and-add > form:not(.uk-hidden):last-of-type {
            margin-top: 20px;
            border-bottom: none;
            padding-bottom: 0
        }

        .c-sbs-create-setting-search-top__capacity-and-add > form > div {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

.c-sbs-create-setting-total-capacity {
    margin-left: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-sbs-create-setting-total-capacity > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.c-sbs-create-setting-total-capacity--disabled > div > div {
    background-color: rgba(240,240,241,.7) !important;
    border-color: #e0e0e2 !important
}

.c-sbs-create-setting-total-capacity__item--disabled {
    background-color: rgba(240,240,241,.7) !important;
    border-color: #e0e0e2 !important
}

.c-sbs-create-setting-total-capacity > div > div {
    width: 120px;
    background-color: #fff;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    border-radius: 8px;
    height: 40px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #e6e9ed;
    margin-left: 25px;
    margin-top: 10px;
    position: relative
}

    .c-sbs-create-setting-total-capacity > div > div:focus-within {
        border-color: #4fcce9
    }

    .c-sbs-create-setting-total-capacity > div > div > label {
        font-family: IRANYekan,sans-serif;
        color: #a1a3a8;
        line-height: 1.67 !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692
    }

    .c-sbs-create-setting-total-capacity > div > div > input {
        width: 40px;
        direction: ltr;
        font-family: IRANYekan,sans-serif;
        margin-right: auto;
        background-color: transparent;
        border: none;
        color: #62666d;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

    .c-sbs-create-setting-total-capacity > div > div:after {
        content: "";
        position: absolute;
        top: 20px;
        right: 100%;
        width: 25px;
        border-bottom: 1px solid #e6e9ed
    }

    .c-sbs-create-setting-total-capacity > div > div:last-of-type:after {
        display: none
    }

.c-sbs-create-setting-label {
    color: #62666d;
    font-family: IRANYekan,sans-serif;
    line-height: 1.67 !important;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-sbs-create-setting-add-item__select-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-sbs-create-setting-add-item__select-container > div {
        margin-top: 8px;
        width: 270px;
        margin-left: 30px
    }

.c-sbs-create-setting-add-setting-btn {
    width: auto;
    padding: 8px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    border: none;
    border-radius: 8px;
    background-color: #0e73ad;
    -webkit-box-shadow: 0 8px 12px 0 rgba(87,207,177,.2) !important;
    box-shadow: 0 8px 12px 0 rgba(87,207,177,.2) !important;
    cursor: pointer
}

    .c-sbs-create-setting-add-setting-btn:disabled {
        background-color: #e6e9ed;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    .c-sbs-create-setting-add-setting-btn > span:first-of-type {
        font-family: IranYekan,sans-serif;
        color: #fff;
        margin-left: 8px;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-sbs-create-setting-add-setting-btn__icon {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222
}

    .c-sbs-create-setting-add-setting-btn__icon:before {
        content: "\F1A8\00FE0E"
    }

.c-sbs-create-setting-add-setting-btn--final-confirm {
    background-color: transparent;
    border: 1px solid #0e73ad;
    color: #0e73ad;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-right: auto;
    margin-top: 40px
}

    .c-sbs-create-setting-add-setting-btn--final-confirm:disabled {
        background-color: transparent !important;
        border-color: #e6e9ed !important
    }

        .c-sbs-create-setting-add-setting-btn--final-confirm:disabled * {
            color: #e6e9ed !important
        }

    .c-sbs-create-setting-add-setting-btn--final-confirm > span {
        color: #0e73ad !important
    }

.c-sbs-create-setting-empty-table {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-sbs-create-setting-empty-table > div:first-of-type {
        margin-top: 100px;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .c-sbs-create-setting-empty-table > div:last-of-type {
        font-size: 14px;
        margin-bottom: 80px;
        color: #81858b;
        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-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.c-sbs-create-setting-notice {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: rgba(249,168,37,.05);
    border: 1px solid rgba(249,168,37,.2);
    padding: 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

    .c-sbs-create-setting-notice > div {
        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: 8px;
        color: #62666d
    }

    .c-sbs-create-setting-notice:before {
        color: #f9a825;
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

    .c-sbs-create-setting-notice:before {
        content: "\F00A\00FE0E"
    }

.c-sbs-create-setting-header-items > span {
    color: #a1a3a8;
    margin: 0 30px;
    padding: 0 15px;
    cursor: pointer
}

    .c-sbs-create-setting-header-items > span[data-active=true] {
        color: #62666d;
        position: relative
    }

        .c-sbs-create-setting-header-items > span[data-active=true]:after {
            content: "";
            width: 100%;
            position: absolute;
            height: 3px;
            top: calc(100% + 19px);
            right: 0;
            background-color: #4fcce9
        }

.c-sbs-create-setting-post-totals-and-add__price-input {
    height: 40px;
    width: 180px;
    color: #62666d;
    padding: 8px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    font-family: IranYekan,sans-serif;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-sbs-create-setting-post-totals-and-add__price-input:focus {
        border-color: #4fcce9
    }

.c-sbs-create-setting-post-totals-and-add__add-section {
    border-bottom: 1px dashed #e6e9ed
}

.c-sbs-create-setting-post-add-mod-radio {
    color: #62666d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-sbs-create-setting-post-add-mod-radio:before {
        content: "";
        width: 18px;
        height: 18px;
        background-color: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #e6e9ed;
        position: relative;
        cursor: pointer;
        margin-left: 10px;
        border-radius: 50%
    }

    .c-sbs-create-setting-post-add-mod-radio[data-active=true]:before {
        -webkit-box-shadow: 0 0 0 1px #e6e9ed;
        box-shadow: 0 0 0 1px #e6e9ed;
        border: 1px solid #fff;
        background-color: #4fcce9
    }

.c-sbs-create-setting-filters-bar {
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-sbs-create-setting-filters-bar > div:first-of-type {
        width: 1090px;
        overflow-x: auto;
        overflow-y: hidden
    }

        .c-sbs-create-setting-filters-bar > div:first-of-type > div {
            width: auto;
            min-width: 1090px
        }

        .c-sbs-create-setting-filters-bar > div:first-of-type::-webkit-scrollbar {
            height: 1px;
            background-color: transparent
        }

        .c-sbs-create-setting-filters-bar > div:first-of-type::-webkit-scrollbar-thumb {
            height: .5px;
            background-color: #c4c5c5
        }

.c-sbs-create-setting-filter {
    background-color: #f5f7fa;
    color: #606265;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: 100%;
    border-radius: 6px;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-sbs-create-setting-filter > span {
        cursor: pointer
    }

.c-sbs-create-setting-filter--all:before {
    content: "";
    display: block;
    position: absolute;
    right: -5px;
    height: 100%;
    width: 1px;
    background-color: #e6e9ed
}

.c-ui-select--small + .select2-container .select2-selection--multiple, .c-ui-select--small + .select2-container .select2-selection--single {
    border-color: #e6e9ed !important
}

.c-mega-campaigns button {
    outline: none !important
}

.c-mega-campaigns--mr-5 {
    margin-right: 5px
}

.c-mega-campaigns--mr-10 {
    margin-right: 10px
}

.c-mega-campaigns--mr-15 {
    margin-right: 15px
}

.c-mega-campaigns--mr-20 {
    margin-right: 20px
}

.c-mega-campaigns--mr-30, .c-mega-campaigns--mr-40 {
    margin-right: 30px
}

.c-mega-campaigns--mr-48 {
    margin-right: 48px
}

.c-mega-campaigns--mr-55 {
    margin-right: 55px
}

.c-mega-campaigns--mr-70 {
    margin-right: 70px
}

.c-mega-campaigns--mr-112 {
    margin-right: 112px
}

.c-mega-campaigns--ml-5 {
    margin-left: 5px
}

.c-mega-campaigns--ml-10, .c-mega-campaigns--ml-15 {
    margin-left: 10px
}

.c-mega-campaigns--mt-5 {
    margin-top: 5px
}

.c-mega-campaigns--mt-10 {
    margin-top: 10px
}

.c-mega-campaigns--mt-15 {
    margin-top: 15px
}

.c-mega-campaigns--mt-12 {
    margin-top: 12px
}

.c-mega-campaigns--mt-16 {
    margin-top: 16px
}

.c-mega-campaigns--mt-20 {
    margin-top: 20px
}

.c-mega-campaigns--mt-25 {
    margin-top: 25px
}

.c-mega-campaigns--mt-30 {
    margin-top: 30px
}

.c-mega-campaigns--mt-33 {
    margin-top: 33px
}

.c-mega-campaigns--mt-24 {
    margin-top: 24px
}

.c-mega-campaigns--mt-50 {
    margin-top: 50px
}

.c-mega-campaigns--mt-40 {
    margin-top: 40px
}

.c-mega-campaigns--mt-94 {
    margin-top: 94px
}

.c-mega-campaigns--mb-5 {
    margin-bottom: 5px
}

.c-mega-campaigns--mb-20, .c-mega-campaigns--mb-30 {
    margin-bottom: 30px
}

.c-mega-campaigns--p-20 {
    padding: 20px
}

.c-mega-campaigns--p-30 {
    padding: 30px
}

.c-mega-campaigns--p-10 {
    padding: 10px
}

.c-mega-campaigns--p-15 {
    padding: 15px
}

.c-mega-campaigns--ptb-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.c-mega-campaigns--row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.c-mega-campaigns--center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.c-mega-campaigns--fit-height {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important
}

.c-mega-campaigns--fit-width {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.c-mega-campaigns--width-96 {
    width: 96%
}

.c-mega-campaigns--width-1-1 {
    width: 100% !important
}

.c-mega-campaigns--width-236 {
    min-width: 236px
}

.c-mega-campaigns--width-720 {
    max-width: 720px
}

.c-mega-campaigns--separator-bottom {
    border-bottom: 2px solid #e6e9ed
}

.c-mega-campaigns--separator-top {
    border-top: 1px solid #e6e9ed
}

.c-mega-campaigns--flex-force {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.c-mega-campaigns--light-border {
    border: 1px solid #e6e9ed !important
}

.c-mega-campaigns--light-text {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #606265;
    text-align: right
}

.c-mega-campaigns--header-controller > th {
    padding-top: 10px;
    padding-bottom: 10px
}

.c-mega-campaigns--fz-12 {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-mega-campaigns--w-188 {
    max-width: 188px
}

.c-mega-campaigns--mh-105 {
    min-height: 105px
}

.c-mega-campaigns__link {
    text-decoration: none !important
}

    .c-mega-campaigns__link:hover {
        text-decoration: none !important
    }

.c-mega-campaigns__removeable-item {
    border-radius: 6px;
    background-color: #f5f7fa;
    color: #606265;
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    pointer-events: none
}

    .c-mega-campaigns__removeable-item:after {
        content: "\F046\00FE0E"
    }

    .c-mega-campaigns__removeable-item:after {
        margin-right: 10px;
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        color: #606265;
        font-weight: 700;
        cursor: pointer;
        pointer-events: visible
    }

.c-mega-campaigns-join-empty__header-card {
    padding: 26px
}

.c-mega-campaigns-join-empty__header-card, .c-mega-campaigns-join-empty__header-card-total-campaigns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-mega-campaigns-join-empty__header-card-total-campaigns {
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    border: 1px solid #0e73ad;
    color: #606265;
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467;
    font-weight: 700;
    min-height: 50px;
    min-width: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-mega-campaigns-join-empty__header-card-title {
    color: #62666d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: right
}

.c-mega-campaigns-join-empty__header-card-subtitle {
    color: #889098;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 500
}

.c-mega-campaigns-join-empty__header-card-details {
    margin-right: 50px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 112px
}

.c-mega-campaigns-join-empty__header-card-details-title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right
}

.c-mega-campaigns-join-empty__header-card-details-container {
    max-width: 308px
}

.c-mega-campaigns-join-empty__header-card-details-item {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    box-shadow: 0 0 12px 0 rgba(3,10,22,.05);
    background-color: #fff;
    padding: 10px 13px 13px;
    width: 272px !important;
    cursor: pointer
}

.c-mega-campaigns-join-empty__header-card-details-item-title {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-mega-campaigns-join-empty__header-card-details-item-subtitle {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    text-align: right;
    font-weight: 300;
    color: #94969c;
    margin-top: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-mega-campaigns-join-empty__header-card-details-icon {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1;
    min-width: 36px;
    max-height: 36px;
    color: #fff;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    top: 15px;
    left: 18px
}

    .c-mega-campaigns-join-empty__header-card-details-icon:after {
        content: "\F1A8\00FE0E"
    }

.c-mega-campaigns-join-empty__body-card {
    min-height: 502px
}

.c-mega-campaigns-join-empty__body-card-title {
    color: #62666d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: center;
    margin-top: 20px
}

.c-mega-campaigns-join-empty__body-card-des {
    margin-top: 8px;
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center
}

.c-mega-campaigns-join-list__options {
    border-bottom: 1px solid #f0f0f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mega-campaigns-join-list__options-item {
    padding: 15px 18px 17px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #a1a3a8;
    cursor: pointer;
    outline: none;
    text-decoration: none
}

    .c-mega-campaigns-join-list__options-item:visited {
        color: #a1a3a8
    }

    .c-mega-campaigns-join-list__options-item:hover {
        text-decoration: none
    }

.c-mega-campaigns-join-list__options-item--active {
    font-weight: 500;
    color: #62666d;
    border-bottom: 3px solid #4fcce9
}

    .c-mega-campaigns-join-list__options-item--active:visited {
        color: #62666d !important
    }

    .c-mega-campaigns-join-list__options-item--active:hover {
        text-decoration: none
    }

.c-mega-campaigns-join-list__container {
    padding: 25px 0 28px
}

.c-mega-campaigns-join-list__container-filters-search {
    max-width: 460px;
    min-width: 460px;
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-mega-campaigns-join-list__container-filters-search--large {
    min-width: 660px
}

.c-mega-campaigns-join-list__container-filters-search--x-large {
    min-width: 750px
}

@media screen and (max-width:768px) {
    .c-mega-campaigns-join-list__container-filters-search--x-large {
        width: 100%;
        min-width: 0
    }
}

.c-mega-campaigns-join-list__container-filters-search-type {
    min-width: 200px
}

.c-mega-campaigns-join-list__container-filters-statues {
    border: 1px solid #e6e9ed;
    background: #f9f9fc;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    padding: 2px;
    max-height: 40px
}

.c-mega-campaigns-join-list__container-filters-statues-item {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center;
    padding: 6px 10px;
    cursor: pointer
}

.c-mega-campaigns-join-list__container-filters-statues-item--active {
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.c-mega-campaigns-join-list__container-filters-date {
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    max-height: 40px;
    @include‌ flex(row, center, flex-start);
    max-width: 230xp;
    padding: 8px 12px
}

    .c-mega-campaigns-join-list__container-filters-date input {
        border: none;
        outline: none;
        max-width: 110px;
        height: 100%
    }

        .c-mega-campaigns-join-list__container-filters-date input::-webkit-input-placeholder {
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            font-family: IRANYekan,sans-serif !important;
            text-align: right;
            color: #a1a3a8
        }

        .c-mega-campaigns-join-list__container-filters-date input::-ms-input-placeholder {
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            font-family: IRANYekan,sans-serif !important;
            text-align: right;
            color: #a1a3a8
        }

        .c-mega-campaigns-join-list__container-filters-date input::placeholder {
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            font-family: IRANYekan,sans-serif !important;
            text-align: right;
            color: #a1a3a8
        }

.c-mega-campaigns-join-list__container-filters-select {
    min-width: 190px
}

.c-mega-campaigns-join-list__container-table {
    padding: 0 15px
}

.c-mega-campaigns-join-list__container-table-date {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    color: #606265
}

.c-mega-campaigns-join-list__container-table-status {
    border-radius: 15px;
    min-height: 30px;
    padding: 0 12px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    line-height: 1.54;
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-height: 30px;
    white-space: nowrap
}

    .c-mega-campaigns-join-list__container-table-status:before {
        content: "\F0A0\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-status:before {
        margin-left: 10px
    }

.c-mega-campaigns-join-list__container-table-status--success {
    color: #0e73ad;
    background-color: rgba(87,207,177,.1)
}

.c-mega-campaigns-join-list__container-table-status--success-white {
    color: #0e73ad;
    background-color: #fff
}

.c-mega-campaigns-join-list__container-table-status--warning {
    color: #f9a825;
    background-color: rgba(249,168,37,.1)
}

.c-mega-campaigns-join-list__container-table-status--warning-white {
    color: #f9a825;
    background-color: #fff
}

.c-mega-campaigns-join-list__container-table-status--rejected {
    color: #ef5661;
    background-color: rgba(211,47,47,.1)
}

.c-mega-campaigns-join-list__container-table-status--rejected-white {
    color: #ef5661;
    background-color: #fff
}

.c-mega-campaigns-join-list__container-table-item-status {
    border-radius: 3px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    color: #fff;
    padding: 0 2px;
    margin-left: 10px;
    min-width: 36px;
    height: 25px;
    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;
    white-space: nowrap
}

.c-mega-campaigns-join-list__container-table-item-status--success {
    background-color: #0e73ad
}

.c-mega-campaigns-join-list__container-table-item-status--failed {
    background-color: #f9a825
}

.c-mega-campaigns-join-list__container-table-item-status--rejected {
    background-color: #ef5661
}

.c-mega-campaigns-join-list__container-table-status-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

    .c-mega-campaigns-join-list__container-table-status-section:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        margin-left: 5px
    }

.c-mega-campaigns-join-list__container-table-status-section--no-started:before {
    content: "\F03A\00FE0E"
}

.c-mega-campaigns-join-list__container-table-status-section--in-progress:before {
    content: "\F033\00FE0E"
}

.c-mega-campaigns-join-list__container-table-row-item {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-mega-campaigns-join-list__container-table-row-item-gap {
    padding: 8px 0 12px;
    min-height: 40px;
    max-height: 40px
}

.c-mega-campaigns-join-list__container-table-row-item-separator {
    border-bottom: 1px solid #e6eaef
}

.c-mega-campaigns-join-list__container-table-row-item-link {
    color: #16b7db;
    outline: none;
    text-decoration: none
}

.c-mega-campaigns-join-list__container-table-row-item--warning {
    color: #f9a825
}

.c-mega-campaigns-join-list__container-table-btn {
    max-width: 38px;
    min-width: 38px;
    min-height: 38px;
    max-height: 38px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    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;
    cursor: pointer;
    outline: none !important
}

.c-mega-campaigns-join-list__container-table-btn--more {
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    margin-left: 10px
}

    .c-mega-campaigns-join-list__container-table-btn--more:before {
        content: "\F09B\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--more:hover {
        text-decoration: none
    }

    .c-mega-campaigns-join-list__container-table-btn--more:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692
    }

.c-mega-campaigns-join-list__container-table-btn--link {
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    margin-left: 10px;
    color: #424750
}

    .c-mega-campaigns-join-list__container-table-btn--link:before {
        content: "\F091\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--link:hover {
        text-decoration: none;
        color: #424750
    }

    .c-mega-campaigns-join-list__container-table-btn--link:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692;
        color: #424750
    }

.c-mega-campaigns-join-list__container-table-btn--edit {
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

    .c-mega-campaigns-join-list__container-table-btn--edit:before {
        content: "\F068\00FE0E"
    }

.c-mega-campaigns-join-list__container-table-btn--small-edit {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222
}

    .c-mega-campaigns-join-list__container-table-btn--small-edit:before {
        content: "\F068\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--small-edit:before {
        color: #80848a !important
    }

.c-mega-campaigns-join-list__container-table-btn--release {
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

    .c-mega-campaigns-join-list__container-table-btn--release:before {
        content: "\F004\00FE0E"
    }

.c-mega-campaigns-join-list__container-table-btn--release-active {
    background-color: #0e73ad;
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2)
}

    .c-mega-campaigns-join-list__container-table-btn--release-active:before {
        color: #fff !important
    }

.c-mega-campaigns-join-list__container-table-btn--dk {
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

    .c-mega-campaigns-join-list__container-table-btn--dk:before {
        content: "\F050\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--dk:before {
        color: #80848a !important
    }

.c-mega-campaigns-join-list__container-table-btn--ds {
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

    .c-mega-campaigns-join-list__container-table-btn--ds:before {
        content: "\F060\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--ds:before {
        color: #80848a !important
    }

.c-mega-campaigns-join-list__container-table-btn--deactive-add {
    background-color: #e6e9ed;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    color: #fff
}

    .c-mega-campaigns-join-list__container-table-btn--deactive-add:before {
        content: "\F1A8\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--deactive-add:hover {
        text-decoration: none
    }

    .c-mega-campaigns-join-list__container-table-btn--deactive-add:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1
    }

.c-mega-campaigns-join-list__container-table-btn--add {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1
}

    .c-mega-campaigns-join-list__container-table-btn--add:before {
        content: "\F1A8\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--add:hover {
        text-decoration: none
    }

    .c-mega-campaigns-join-list__container-table-btn--add:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1
    }

.c-mega-campaigns-join-list__container-table-btn--save {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    outline: none
}

    .c-mega-campaigns-join-list__container-table-btn--save:before {
        content: "\F02E\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--save:hover {
        text-decoration: none
    }

    .c-mega-campaigns-join-list__container-table-btn--save:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692
    }

    .c-mega-campaigns-join-list__container-table-btn--save:disabled {
        border-radius: 8px;
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
        background-color: #e6e9ed;
        color: #fff;
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692
    }

        .c-mega-campaigns-join-list__container-table-btn--save:disabled:before {
            content: "\F02E\00FE0E"
        }

        .c-mega-campaigns-join-list__container-table-btn--save:disabled:before {
            font-size: 26px;
            font-size: 1.857rem;
            line-height: 1.692
        }

.c-mega-campaigns-join-list__container-table-btn--cancle {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
    box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
    background-color: #c0c2c5;
    color: #fff;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    outline: none
}

    .c-mega-campaigns-join-list__container-table-btn--cancle:before {
        content: "\F045\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--cancle:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-mega-campaigns-join-list__container-table-btn--cancle:disabled {
        border-radius: 8px;
        -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
        box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
        background-color: #e6e9ed;
        color: #fff;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        border: none
    }

        .c-mega-campaigns-join-list__container-table-btn--cancle:disabled:before {
            content: "\F045\00FE0E"
        }

        .c-mega-campaigns-join-list__container-table-btn--cancle:disabled:before {
            font-size: 16px;
            font-size: 1.143rem;
            line-height: 1.375
        }

.c-mega-campaigns-join-list__container-table-btn--delete {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #8c8f95;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    max-height: 38px;
    max-width: 38px
}

    .c-mega-campaigns-join-list__container-table-btn--delete:before {
        content: "\F191\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--delete:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692
    }

.c-mega-campaigns-join-list__container-table-btn--report {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #8c8f95;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-mega-campaigns-join-list__container-table-btn--report:before {
        content: "\F0D0\00FE0E"
    }

.c-mega-campaigns-join-list__container-table-btn--join {
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692
}

    .c-mega-campaigns-join-list__container-table-btn--join:before {
        content: "\F08E\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--join:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 1.692
    }

.c-mega-campaigns-join-list__container-table-btn--view {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #fff;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    color: #80848a
}

    .c-mega-campaigns-join-list__container-table-btn--view:before {
        content: "\F10B\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-btn--view:before {
        color: #80848a !important
    }

.c-mega-campaigns-join-list__container-table-btn-tooltip {
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center;
    padding: 5px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.c-mega-campaigns-join-list__container-table-image {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    min-width: 60 !important;
    max-width: 60px;
    max-height: 60px;
    min-height: 60px
}

.c-mega-campaigns-join-list__container-table-dkpc {
    border: 1px solid #e6e9ed;
    color: #9199a0;
    font-size: 11px;
    border-radius: 5px;
    white-space: pre;
    display: inline-block;
    padding: 1px 5px 0;
    height: 19px;
    line-height: 19px
}

.c-mega-campaigns-join-list__container-table-fake {
    border-radius: 5px;
    max-height: 19px;
    border: 1px solid #eee4d4;
    background-color: #fef6ea;
    padding: 0 5px;
    color: #d5901f;
    font-size: 11px;
    font-size: .786rem;
    line-height: 19px;
    font-weight: 700;
    text-align: center
}

.c-mega-campaigns-join-list__container-table-danger {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    color: #ef5661;
    border-radius: 5px;
    max-height: 19px;
    padding: 0 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: center
}

.c-mega-campaigns-join-list__container-table-alert {
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    color: #f9a825;
    border-radius: 5px;
    max-height: 19px;
    padding: 0 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: center
}

.c-mega-campaigns-join-list__container-table-active {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1);
    color: #0e73ad;
    border-radius: 5px;
    max-height: 19px;
    padding: 0 5px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: center
}

.c-mega-campaigns-join-list__container-table-error {
    color: #ef5661;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 500px;
    position: absolute;
    right: -50px;
    bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-mega-campaigns-join-list__container-table-error:before {
        content: "\F06E\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-error:before {
        color: #ef5661;
        margin-left: 10px
    }

.c-mega-campaigns-join-list__container-table-success {
    color: #0e73ad;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 500px;
    position: absolute;
    right: -50px;
    bottom: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-mega-campaigns-join-list__container-table-success:before {
        content: "\F02C\00FE0E"
    }

    .c-mega-campaigns-join-list__container-table-success:before {
        color: #0e73ad;
        margin-left: 10px
    }

.c-mega-campaigns-join-modal__container {
    width: 75%;
    border-radius: 8px
}

.c-mega-campaigns-join-modal__header {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 17px 21px 18px 25px;
    border-radius: 8px
}

.c-mega-campaigns-join-modal__header-title {
    color: #81858b;
    font-weight: 700;
    text-align: right;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    white-space: nowrap
}

.c-mega-campaigns-join-modal__body {
    padding: 25px
}

.c-mega-campaigns-join-modal__body-product-image {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    min-height: 115px;
    min-width: 115px
}

.c-mega-campaigns-join-modal__body-product-title {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right
}

.c-mega-campaigns-join-modal__body-product-des {
    color: #777;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

.c-mega-campaigns-join-modal__body-table-input {
    border-radius: 8px;
    border: 1px solid #e6e9ed;
    padding: 0 12px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 700;
    text-align: right;
    color: #424750;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 38px;
    background-color: #fff
}

.c-mega-campaigns-join-modal__body-table-input--small-container {
    padding: 0 3px !important;
    max-width: 50px !important;
    width: 42px
}

.c-mega-campaigns-join-modal__body-table-input input {
    border: none;
    outline: none;
    max-width: 90%;
    height: 94%;
    font-family: IRANYekan
}

.c-mega-campaigns-join-modal__body-table-input--xs {
    max-width: 60px
}

.c-mega-campaigns-join-modal__body-table-input--small {
    max-width: 24px
}

.c-mega-campaigns-join-modal__body-table-input--medium {
    max-width: 105px
}

.c-mega-campaigns-join-modal__body-table-input--error {
    border-color: #ef5661
}

.c-mega-campaigns-join-modal__body-table-input-sub-title {
    margin-top: 3px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: right;
    color: #62666d;
    white-space: nowrap
}

.c-mega-campaigns-join-modal__body-table-input-link {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    max-width: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 40px;
    margin-right: 5px
}

    .c-mega-campaigns-join-modal__body-table-input-link:before {
        content: "\F091\00FE0E"
    }

.c-mega-campaigns-join-modal__body-table-input-link--center:before {
    position: relative;
    left: 10px
}

.c-mega-campaigns-join-modal__body-table-btn-separator {
    border-left: 1px solid rgba(145,153,160,.4);
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-mega-campaigns-join-modal__body-table-warning {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    text-align: right;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    color: #81858b;
    padding: 5px;
    max-width: 140px
}

    .c-mega-campaigns-join-modal__body-table-warning:before {
        content: "\F08D\00FE0E"
    }

    .c-mega-campaigns-join-modal__body-table-warning:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        margin-left: 2px
    }

.c-mega-campaigns-join-modal__body-table-warning--link {
    outline: none;
    text-decoration: none;
    color: #00b993;
    font-weight: 500;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 !important;
    margin: 0
}

    .c-mega-campaigns-join-modal__body-table-warning--link:visited {
        color: #00b993
    }

    .c-mega-campaigns-join-modal__body-table-warning--link:hover {
        color: #00b993
    }

.c-mega-campaigns-join-modal__campaign-details {
    border-radius: 10px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px
}

.c-mega-campaigns-join-modal__campaign-details-title {
    color: #889098;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right
}

.c-mega-campaigns-join-modal__campaign-details-sub-title {
    color: #606265;
    line-height: 2;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

.c-mega-campaigns-join-modal__campaign-details-rules {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #606265;
    text-align: right;
    line-height: 2.14;
    list-style: none;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-mega-campaigns-join-modal__campaign-details-rules:before {
        content: "\F0A0\00FE0E"
    }

    .c-mega-campaigns-join-modal__campaign-details-rules:before {
        color: #ef5661;
        font-size: 6px;
        font-size: .429rem;
        line-height: 3.667;
        margin-left: 10px
    }

.c-mega-campaigns-join-modal__campaign-details-footer {
    margin-top: 30px;
    border-top: 1px solid #e6e9ed;
    padding: 20px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mega-campaigns-join-modal__campaign-details-footer-desc {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right
}

.c-mega-campaigns-join-datails__back-btn {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 11px;
    max-height: 35px;
    max-width: 35px;
    min-width: 35px;
    min-height: 35px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-mega-campaigns-join-datails__back-btn:before {
        content: "\F09F\00FE0E"
    }

.c-mega-campaigns-join-datails__header-card {
    width: calc(50% - 12px);
    padding: 0 !important;
    max-height: 175px
}

.c-mega-campaigns-join-datails__header-card-title {
    padding: 15px 20px;
    color: #81858b;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: right;
    font-weight: 700;
    border-bottom: 2px solid #e6e9ed
}

.c-mega-campaigns-join-datails__header-card-details {
    padding: 18px 15px 30px;
    max-height: 116px
}

.c-mega-campaigns-join-datails__header-card-details--status {
    padding-right: 20px
}

.c-mega-campaigns-join-datails__header-card-details-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    color: #62666d;
    text-align: right
}

.c-mega-campaigns-join-datails__header-card-details-sub-title {
    margin-top: 20px;
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

.c-mega-campaigns-join-datails__header-card-details-title-status {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right
}

.c-mega-campaigns-join-datails__header-card-details-title-status--confirmed {
    color: #00b993
}

.c-mega-campaigns-join-datails__header-card-details-title-status--in-progress {
    color: #f9a825
}

.c-mega-campaigns-join-datails__header-card-details-title-status--rejected {
    color: #ef5661
}

.c-mega-campaigns-join-datails__header-card-details-sub-title-status {
    border-radius: 8px;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    height: 40px;
    width: 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
}

.c-mega-campaigns-join-datails__header-card-details-sub-title-status--confirmed {
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 4px 12px 0 rgba(0,211,176,.2);
    border: 1px solid #0e73ad;
    color: #0e73ad
}

    .c-mega-campaigns-join-datails__header-card-details-sub-title-status--confirmed:before {
        content: "\F02E\00FE0E"
    }

.c-mega-campaigns-join-datails__header-card-details-sub-title-status--in-progress {
    -webkit-box-shadow: 0 4px 12px 0 rgba(249,168,37,.2);
    box-shadow: 0 4px 12px 0 rgba(249,168,37,.2);
    border: 1px solid #f9a825;
    color: #f9a825
}

    .c-mega-campaigns-join-datails__header-card-details-sub-title-status--in-progress:before {
        content: "\F03A\00FE0E"
    }

.c-mega-campaigns-join-datails__header-card-details-sub-title-status--rejected {
    -webkit-box-shadow: 0 4px 12px 0 rgba(211,47,47,.2);
    box-shadow: 0 4px 12px 0 rgba(211,47,47,.2);
    border: 1px solid #ef5661;
    color: #ef5661;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1
}

    .c-mega-campaigns-join-datails__header-card-details-sub-title-status--rejected:before {
        content: "\F045\00FE0E"
    }

.c-mega-campaigns-join-datails__header-card-details-status-item {
    color: #62666d;
    font-size: 27px;
    font-size: 1.929rem;
    line-height: 1.63;
    font-weight: 700;
    text-align: right
}

.c-mega-campaigns-join-datails__header-card-details-timer-title {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

.c-mega-campaigns-join-datails__header-card-details-timer {
    color: #00b993;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

.c-mega-campaigns-join-datails__body-card {
    padding: 0 !important
}

.c-mega-campaigns-join-datails__body-card-title {
    padding: 15px 20px;
    color: #81858b;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: right;
    border-bottom: 2px solid #e6e9ed
}

.c-mega-campaigns-join-datails__body-card-tool-tip {
    min-width: 310px;
    padding: 10px;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right
}

.c-mega-campaigns-join-datails__body-card-desc {
    color: #81858b;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

.c-mega-campaigns__select-product-container {
    padding: 16px 20px
}

.c-mega-campaigns__select-product-header {
    padding-bottom: 20px;
    border-bottom: 2px solid #e5e5e5
}

.c-mega-campaigns__select-product-warning {
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    padding: 7px 15px;
    margin-top: 15px
}

    .c-mega-campaigns__select-product-warning li {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        text-align: right;
        color: #62666d;
        list-style: none
    }

        .c-mega-campaigns__select-product-warning li:before {
            content: "\F0A0\00FE0E"
        }

        .c-mega-campaigns__select-product-warning li:before {
            margin-left: 5px;
            color: #ef5661;
            font-size: 5px;
            font-size: .357rem;
            line-height: 4.4
        }

.c-mega-campaigns__select-product-width-controller {
    width: 350px
}

.c-mega-campaigns__select-product-separator {
    border-top: 2px solid #e5e5e5 !important
}

.c-mega-campaigns__joined-details {
    border-radius: 10px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    padding: 12px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 202px
}

.c-mega-campaigns__joined-details-title {
    color: #16b7db;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center
}

.c-mega-campaigns__joined-details-desc {
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    text-align: center;
    line-height: 1.88;
    font-weight: 500
}

.c-mega-campaigns__joined-desc {
    color: #81858b;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    max-width: 960px
}

.c-mega-campaigns__btns-green-plus {
    margin-top: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    min-height: 40px;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    padding: 0 16px 0 8px;
    max-width: 280px;
    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: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
    outline: none !important
}

    .c-mega-campaigns__btns-green-plus:after {
        content: "\F1A8\00FE0E"
    }

    .c-mega-campaigns__btns-green-plus a {
        color: #fff;
        text-decoration: none
    }

        .c-mega-campaigns__btns-green-plus a:hover, .c-mega-campaigns__btns-green-plus a:visited {
            color: #fff;
            text-decoration: none
        }

    .c-mega-campaigns__btns-green-plus:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        margin-right: 22px;
        color: #fff !important
    }

.c-mega-campaigns__btns-green {
    border: none;
    cursor: pointer;
    max-height: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: center;
    padding: 8px 16px;
    outline: none !important
}

    .c-mega-campaigns__btns-green a {
        text-decoration: none;
        color: #fff
    }

        .c-mega-campaigns__btns-green a:hover {
            text-decoration: none;
            color: #fff
        }

    .c-mega-campaigns__btns-green:disabled {
        border-radius: 8px;
        background-color: #e6e9ed;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-mega-campaigns__btns-gray {
    max-height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background: #f7f7f8;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: center;
    color: #81858b;
    padding: 10px 16px
}

.c-mega-campaigns__btns-gray, .c-mega-campaigns__btns-list {
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    outline: none !important
}

.c-mega-campaigns__btns-list {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    min-height: 40px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    padding: 0 8px;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    white-space: nowrap
}

    .c-mega-campaigns__btns-list:before {
        content: "\F094\00FE0E"
    }

    .c-mega-campaigns__btns-list:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1;
        margin-left: 8px
    }

.c-mega-campaigns__btns-list--gray {
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b
}

.c-mega-campaigns__btns-excel {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    min-height: 40px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    padding: 0 8px;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
    outline: none !important
}

    .c-mega-campaigns__btns-excel:before {
        content: "\F075\00FE0E"
    }

    .c-mega-campaigns__btns-excel:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1;
        margin-left: 8px
    }

.c-mega-campaigns__btns-excel--gray {
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b
}

.c-mega-campaigns__btns-after-excel {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    min-height: 40px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    padding: 0 8px;
    min-width: 175px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
    outline: none !important
}

    .c-mega-campaigns__btns-after-excel:after {
        content: "\F075\00FE0E"
    }

    .c-mega-campaigns__btns-after-excel:after {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1;
        margin-left: 8px
    }

.c-mega-campaigns__btns-after-excel--primery {
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    color: #fff
}

.c-econtract {
    text-align: right
}

.c-econtract__desc {
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    margin: 0
}

.c-econtract__header {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px
}

.c-econtract__contract-wrapper {
    height: 240px;
    padding: 5px;
    margin: 30px 0;
    border: 1px solid #e6eaef;
    border-radius: 6px;
    background-color: #f5f7fa
}

.c-econtract__contract {
    font-size: 12px;
    font-size: .857rem;
    line-height: 25px;
    height: 230px;
    padding: 5px 20px;
    overflow: auto
}

    .c-econtract__contract::-webkit-scrollbar {
        width: 6px;
        border-radius: 3px;
        background-color: #e6eaef;
        -webkit-box-shadow: inset 0 0 0 1px #f5f7fa
    }

    .c-econtract__contract::-webkit-scrollbar-track {
        border-radius: 6px
    }

    .c-econtract__contract::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #bec4cb
    }

.c-bundle__intro {
    max-width: 500px
}

@media screen and (max-width:991px) {
    .c-bundle__intro {
        max-width: unset
    }
}

.c-bundle__intro-body {
    min-height: 530px;
    padding: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:991px) {
    .c-bundle__intro-body {
        padding: 15px;
        min-height: auto
    }
}

.c-bundle__intro-header-img {
    display: block;
    width: 84px;
    height: 71px;
    margin-bottom: 10px
}

.c-bundle__intro-bg-image {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-bottom: -50px;
    background-size: 90% auto;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../files/a5015005.jpg)
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .c-bundle__intro-bg-image {
        background-image: url(../files/135c50d6.jpg)
    }
}

@media screen and (max-width:991px) {
    .c-bundle__intro-bg-image {
        display: none
    }
}

.c-bundle__intro-header {
    color: #606265;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px;
    padding-bottom: 16px;
    margin: 10px 0;
    border-bottom: 1px solid #e6e9ed
}

.c-bundle__intro-desc {
    color: #777;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 30px;
    margin: 15px 0
}

.c-bundle__intro-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 15px 0
}

.c-bundle__intro-link, .c-bundle__intro-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%
}

.c-bundle__intro-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 400px;
    padding: 10px 15px;
    margin-bottom: 5px;
    border: 1px solid rgba(79,204,233,.2);
    border-radius: 8px;
    background-color: rgba(79,204,233,.05);
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:991px) {
    .c-bundle__intro-link {
        width: unset
    }
}

.c-bundle__intro-link:hover {
    text-decoration: none;
    border-color: #4fcce9
}

.c-bundle__intro-link:before {
    display: block;
    color: #00bfd6;
    font-size: 20px;
    margin-left: 10px
}

.c-bundle__intro-link--multi:before {
    content: "\F01E\00FE0E"
}

.c-bundle__intro-link--multi:before {
    font-size: 20px
}

.c-bundle__intro-link--gift:before {
    content: "\F082\00FE0E"
}

.c-bundle__intro-link--gift:before {
    font-size: 20px
}

.c-bundle__intro-link.is-disabled {
    border-color: transparent;
    background-color: rgba(145,153,160,.05);
    pointer-events: none
}

    .c-bundle__intro-link.is-disabled:before {
        color: #e0e0e2
    }

.c-bundle__intro-link-container {
    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-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-bundle__intro-link-header {
    color: #00bfd6;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 700
}

.is-disabled .c-bundle__intro-link-header {
    color: #e0e0e2
}

.c-bundle__intro-link-header small {
    color: #9199a0;
    font-size: 10px
}

.c-bundle__intro-link-desc {
    color: #777;
    font-size: 11px;
    font-size: .786rem;
    line-height: 18px
}

.is-disabled .c-bundle__intro-link-desc {
    color: #e0e0e2
}

.c-bundle__table-check-wrapper {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: calc(100% + 10px);
    padding: 15px 2px 2px;
    margin: -5px -15px -5px -10px;
    border-left: 1px solid #e6e9ed;
    border-radius: 0 5px 5px 0;
    background-color: rgba(0,0,0,.03)
}

.c-bundle__table-score-wrapper {
    text-align: center;
    color: #777;
    font-size: 10px;
    font-size: .714rem;
    line-height: 25px
}

.c-bundle__table-score {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    font-weight: 700;
    width: 100%;
    min-width: 35px;
    border-radius: 3px;
    background-color: #fff
}

.c-bundle__table-score--high {
    color: #0e73ad
}

.c-bundle__table-score--average {
    color: #f5a623
}

.c-bundle__table-score--low {
    color: #ef5661
}

.c-bundle__create-product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 220px
}

.c-bundle__create-product--add {
    padding-right: 26px;
    margin-right: -16px
}

    .c-bundle__create-product--add:after {
        content: "\F008\00FE0E"
    }

    .c-bundle__create-product--add:before {
        content: "";
        position: absolute;
        top: 0;
        right: 13px;
        bottom: 0;
        width: 1px;
        background: linear-gradient(180deg,#0e73ad,#0e73ad 4px,transparent 0,transparent);
        background-size: 100% 8px;
        background-repeat: repeat-y
    }

    .c-bundle__create-product--add:after {
        position: absolute;
        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;
        top: 50%;
        right: 0;
        color: #0e73ad;
        width: 26px;
        height: 26px;
        border: 1px solid #fff;
        border-radius: 50%;
        background-color: #eefaf7;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.c-bundle__create-product-img-wrapper {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

.c-bundle__create-product-img {
    width: 70px;
    height: 70px;
    margin-bottom: 18px
}

.c-bundle__create-product-type {
    color: #0e73ad;
    font-size: 9px;
    font-size: .643rem;
    line-height: 16px;
    padding: 0 5px;
    border-radius: 8px;
    background-color: rgba(87,207,177,.1)
}

.c-bundle__create-product-type--main {
    color: #fff;
    background-color: #0e73ad
}

.c-bundle__create-product-desc {
    min-height: 70px
}

.c-bundle__create-product-title {
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px;
    margin: 0 0 6px
}

.c-bundle__create-product-price {
    color: #3e3f3f;
    font-size: 13px;
    font-size: .929rem;
    line-height: 25px;
    margin: 10px 0
}

.c-bundle__create-product-price--control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 0
}

.c-bundle__create-product-details {
    color: #777;
    font-size: 10px;
    font-size: .714rem;
    line-height: 22px
}

.c-bundle__settings {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(145,153,160,.5)
}

.c-bundle__setting {
    position: relative
}

.c-bundle__setting-header {
    position: relative;
    color: #9199a0;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 25px
}

    .c-bundle__setting-header span {
        position: relative;
        display: inline-block;
        padding-left: 10px;
        background-color: #fff
    }

    .c-bundle__setting-header:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        border: 1px solid rgba(145,153,160,.5)
    }

.c-bundle__setting-action {
    position: absolute;
    top: 20px;
    left: 0
}

.c-bundle__setting-subheader {
    color: #3e3f3f;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    margin: 0 0 15px
}

.c-bundle__setting-subheader--bundle:before {
    content: "\F01E\00FE0E"
}

.c-bundle__setting-subheader--bundle:before {
    position: relative;
    top: 5px;
    margin-left: 6px;
    font-size: 20px
}

.c-bundle__setting-subheader--edit:before {
    content: "\F062\00FE0E"
}

.c-bundle__setting-subheader--edit:before {
    position: relative;
    top: 3px;
    margin-left: 6px;
    font-size: 15px
}

.c-bundle__setting-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-bundle__setting-product {
    width: 25%;
    min-width: 315px;
    padding: 10px 20px 18px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-bundle__setting-product:not(:last-child) {
        border-left: 1px solid #e6e9ed
    }

@media screen and (max-width:991px) {
    .c-bundle__setting-product {
        width: 50%
    }

        .c-bundle__setting-product:nth-child(odd) {
            border-left: 1px solid #e6e9ed
        }

        .c-bundle__setting-product:nth-child(2n) {
            border-left-color: transparent
        }
}

@media screen and (max-width:767px) {
    .c-bundle__setting-product {
        width: 100%;
        border-left-color: transparent !important;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

        .c-bundle__setting-product:not(:last-child) {
            border-bottom: 1px solid #e6e9ed
        }
}

.c-bundle__create-product-counter {
    margin-top: 5px
}

.c-bundle__setting-setup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

@media screen and (max-width:991px) {
    .c-bundle__setting-setup {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-bundle__setting-details-header {
    color: #606265;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

    .c-bundle__setting-details-header small {
        font-weight: 400;
        font-size: 11px
    }

.c-bundle__setting-names {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    min-width: 550px;
    margin-bottom: 20px
}

@media screen and (max-width:991px) {
    .c-bundle__setting-names {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        min-width: auto
    }
}

.c-bundle__setting-names-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5px 10px;
    border-radius: 10px;
    background-color: #f5f7fa
}

.c-bundle__setting-names-controls {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 330px;
    max-width: 100%
}

.c-bundle__setting-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0
}

    .c-bundle__setting-name .c-ui-input {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

.c-bundle__setting-name-prefix {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #777;
    font-size: 11px;
    font-size: .786rem;
    line-height: 19px;
    width: 60px;
    padding-right: 10px;
    margin-left: -10px;
    border-radius: 8px;
    background-color: #fff
}

.c-bundle__setting-name-prefix--solid {
    background-color: #e6e9ed
}

.c-bundle__setting-bundle-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 270px;
    flex: 1 1 270px;
    min-width: 270px;
    padding: 5px 10px 5px 0;
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

    .c-bundle__setting-bundle-title strong {
        color: #606265;
        font-size: 13px
    }

.c-bundle__setting-numbers {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #777;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-bundle__setting-number-column {
    padding: 0 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-bundle__review-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px 0 0 -15px
}

.c-bundle__review-wrapper--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    margin-left: 0
}

.c-bundle__review-item {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33.3333% - 15px);
    flex: 1 1 calc(33.3333% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 410px;
    min-width: 410px;
    padding: 0 15px 15px;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
    margin-left: 15px
}

@media screen and (max-width:540px) {
    .c-bundle__review-item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        min-width: auto
    }
}

.c-bundle__review-item--small {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100px;
    min-width: 100px;
    padding: 105px 0 0;
    border: none
}

@media screen and (max-width:540px) {
    .c-bundle__review-item--small {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.3333% - 15px);
        flex: 1 1 calc(33.3333% - 15px);
        min-width: 410px
    }
}

.c-bundle__review-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 302px;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width:540px) {
    .c-bundle__review-media {
        min-height: auto
    }
}

.c-bundle__review-media--small {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 302px;
    height: 302px;
    min-height: auto;
    padding: 10px;
    border: 1px solid #e6e9ed;
    border-radius: 10px;
    -webkit-transform: translate3d(-50%,-50%,0) scale(.33);
    transform: translate3d(-50%,-50%,0) scale(.33)
}

@media screen and (max-width:540px) {
    .c-bundle__review-media--small {
        min-height: 302px
    }
}

.c-bundle__review-main-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px
}

    .c-bundle__review-main-item:after {
        content: "\F008\00FE0E"
    }

    .c-bundle__review-main-item:before {
        content: "";
        position: absolute;
        top: 0;
        left: 12px;
        bottom: 0;
        width: 1px;
        background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(51%,#d9d9d9),to(#fff));
        background: linear-gradient(180deg,#fff,#d9d9d9 51%,#fff)
    }

    .c-bundle__review-main-item:after {
        position: absolute;
        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;
        top: 50%;
        left: 0;
        color: #3e3f3f;
        width: 26px;
        height: 26px;
        border: 1px solid #fff;
        border-radius: 50%;
        background-color: #f5f7fa;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .c-bundle__review-main-item img {
        display: block;
        width: 172px;
        max-width: 100%;
        height: auto;
        margin-right: auto
    }

.c-bundle__review-secondary {
    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
}

.c-bundle__review-secondary-item {
    position: relative;
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-bundle__review-secondary-item:not(:first-child) {
        border-top: 1px solid #e6e9ed
    }

    .c-bundle__review-secondary-item img {
        display: block;
        width: 90px;
        max-width: 100%;
        height: auto
    }

    .c-bundle__review-secondary-item span {
        position: absolute;
        top: 5px;
        left: 0;
        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;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 22px;
        color: #3e3f3f;
        min-width: 23px;
        padding: 1px 6px 0;
        border-radius: 5px;
        background-color: #f5f7fa;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

@media screen and (max-width:540px) {
    .c-bundle__review-secondary-item span {
        font-size: 12px;
        font-size: .857rem;
        line-height: 18px;
        min-width: 18px;
        padding: 1px 4px 0
    }
}

.c-bundle__review-details-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-bundle__review-details-name {
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    color: #3e3f3f;
    margin-bottom: 10px
}

.c-bundle__review-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.c-bundle__review-details--no-gap {
    margin-bottom: 0
}

.c-bundle__review-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

    .c-bundle__review-detail:after {
        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;
        margin: 0 5px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    .c-bundle__review-detail:not(:last-child):after {
        content: "\F008\00FE0E"
    }

    .c-bundle__review-detail:not(:last-child):after {
        font-size: 9px;
        color: #777
    }

.c-bundle__review-detail-variant {
    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;
    font-size: 11px;
    font-size: .786rem;
    line-height: 17px;
    color: #9199a0;
    padding: 2px 5px 0;
    border: 1px solid #e6e9ed;
    border-radius: 0 5px 5px 0
}

.c-bundle__review-detail-variant--single {
    border-radius: 5px
}

.c-bundle__review-detail-item {
    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;
    font-size: 9px;
    font-size: .643rem;
    line-height: 16px;
    padding: 2px 5px;
    border-radius: 5px 0 0 5px;
    background-color: #e6e9ed
}

.c-bundle__review-detail-color {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-left: 2px
}

.c-bundle__review-details-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #3e3f3f;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    margin-top: 5px
}

    .c-bundle__review-details-price span {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 28px;
        margin-right: auto;
        white-space: nowrap
    }

    .c-bundle__review-details-price small {
        font-size: .8em;
        font-weight: 400
    }

.c-bundle__review-details-price--total {
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px;
    font-weight: 400;
    margin-top: auto
}

    .c-bundle__review-details-price--total span {
        font-size: 13px;
        font-size: .929rem;
        line-height: 22px;
        margin-right: auto;
        white-space: nowrap
    }

.c-bundle__result {
    text-align: center;
    padding: 55px 0 15px
}

@media screen and (max-width:991px) {
    .c-bundle__result {
        padding-top: 20px
    }
}

.c-bundle__result-title {
    color: #606265;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px;
    margin: 15px 0 0
}

.c-bundle__result-details {
    text-align: center
}

.c-bundle__result-details-label {
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-bundle__result-details-value {
    color: #4fcce9;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-bundle__result-desc {
    color: #777;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 26px;
    text-align: center
}

    .c-bundle__result-desc em {
        color: #4fcce9;
        font-style: normal
    }

.c-bundle__table-title-cell {
    min-width: 190px
}

.c-bundle__table-subtext {
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px;
    color: #777
}

.c-bundle__table-subtext--bundle {
    white-space: nowrap
}

    .c-bundle__table-subtext--bundle:before {
        content: "\F01E\00FE0E"
    }

    .c-bundle__table-subtext--bundle:before {
        font-size: 14px;
        display: inline-block;
        vertical-align: text-top
    }

@media screen and (max-width:767px) {
    .c-bundle__table-subtext--bundle {
        white-space: normal
    }
}

.c-bundle__table-img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px
}

    .c-bundle__table-img-wrapper img {
        display: block
    }

.c-bundle__table-img-main {
    width: 50px
}

.c-bundle__table-img-secondary-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25px;
    margin-right: 1px
}

.c-bundle__table-variants-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.c-bundle__table-variants-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 11px;
    font-size: .786rem;
    line-height: 22px;
    color: #606265;
    margin: 0;
    padding: 0;
    white-space: nowrap
}

    .c-bundle__table-variants-list-item a {
        margin-right: 4px;
        font-size: inherit !important;
        line-height: inherit !important
    }

.c-bundle__table-details {
    display: none;
    position: absolute;
    z-index: 5;
    bottom: calc(100% + 2px);
    left: 5px;
    width: 310px;
    padding: 15px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-bundle__table-details-title {
    color: #777;
    font-size: 11px;
    font-size: .786rem;
    line-height: 19px;
    margin: 0 0 10px
}

body .dk-price-popover-wrapper {
    z-index: 9999
}

body .dk-price-wrapper {
    font-family: inherit;
    width: 360px;
    max-width: 100%;
    padding: 0 15px;
    border: none;
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.15);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.15)
}

    body .dk-price-wrapper, body .dk-price-wrapper * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        body .dk-price-wrapper .dk-price-header {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            font-family: inherit;
            color: #777;
            font-size: 13px;
            font-size: .929rem;
            line-height: 22px;
            font-weight: 700;
            padding: 10px 0;
            border-bottom: 1px solid #e6e9ed;
            overflow: initial
        }

        body .dk-price-wrapper .dk-price-header, body .dk-price-wrapper .dk-price-header-close {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        body .dk-price-wrapper .dk-price-header-close {
            position: relative;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            float: none;
            color: transparent;
            width: 18px;
            height: 18px;
            padding: 0;
            font-size: 12px;
            font-size: .857rem;
            line-height: 12px
        }

            body .dk-price-wrapper .dk-price-header-close:before {
                content: "\F045\00FE0E"
            }

            body .dk-price-wrapper .dk-price-header-close:before {
                position: absolute;
                top: 3px;
                left: 3px;
                color: #3e3f3f
            }

        body .dk-price-wrapper .dk-price-title {
            font-family: inherit;
            float: unset;
            -webkit-text-stroke: unset
        }

        body .dk-price-wrapper .dk-price-translate-wrapper {
            padding: 15px 0;
            margin: 0;
            border-radius: 0;
            background-color: #fff
        }

        body .dk-price-wrapper .dk-price-translate-digits {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 0;
            margin: 0 0 5px;
            border: none;
            border-radius: 0;
            background-color: #fff
        }

            body .dk-price-wrapper .dk-price-translate-digits:before {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                content: "بــه عـــدد";
                font-size: 11px;
                color: #9199a0;
                width: 40px;
                margin-left: 10px;
                white-space: nowrap
            }

            body .dk-price-wrapper .dk-price-translate-digits .digits-label {
                display: none
            }

            body .dk-price-wrapper .dk-price-translate-digits .digits-value {
                -ms-flex-negative: 1;
                flex-shrink: 1;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                color: #3e3f3f;
                font-size: 12px;
                font-size: .857rem;
                line-height: 22px
            }

        body .dk-price-wrapper .dk-price-translate-persian {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            color: #3e3f3f;
            font-size: 12px;
            font-size: .857rem;
            line-height: 22px;
            padding: 0;
            border: 0;
            border-radius: none;
            background-color: #fff;
            text-align: right
        }

            body .dk-price-wrapper .dk-price-translate-persian:before {
                -ms-flex-negative: 0;
                flex-shrink: 0;
                -webkit-box-flex: 0;
                -ms-flex-positive: 0;
                flex-grow: 0;
                content: "به حروف";
                font-size: 11px;
                color: #9199a0;
                width: 40px;
                margin-left: 10px;
                white-space: nowrap
            }

.c-card__promotion-steps {
    width: 600px;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-card__promotion-step, .c-card__promotion-steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.c-card__promotion-step {
    -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;
    -ms-flex-preferred-size: 151px;
    flex-basis: 151px
}

    .c-card__promotion-step:not(:last-child):before {
        content: "";
        height: 2px;
        width: 185px;
        background: #e6e9ed;
        position: absolute;
        bottom: 11px;
        right: 96px;
        z-index: 1
    }

    .c-card__promotion-step:after {
        content: "";
        background: #e6e9ed;
        width: 24px;
        height: 24px;
        border-radius: 8px;
        margin-top: 15px;
        z-index: 2;
        position: relative
    }

.c-card__promotion-step--current:after {
    background: url(../files/b56f79f2.svg) no-repeat 50%
}

.c-card__promotion-step--confirmed:not(:last-child):before {
    background: #0e73ad
}

.c-card__promotion-step--confirmed:after {
    background: url(../files/0eee0b9b.svg) no-repeat 50%
}

.c-card__rules {
    padding: 0 20px
}

.c-card__rules-list {
    padding-right: 0;
    line-height: 2;
    color: #606265
}

.c-card__rules-list-item {
    list-style-type: none
}

    .c-card__rules-list-item:before {
        content: "-";
        font-size: 14px
    }

.c-card__warning-row {
    padding: 0 15px
}

.c-card__product-details {
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 20px 0
}

.c-card__product-details-image {
    max-width: 115px;
    margin-left: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-card__product-details-text {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.c-card__product-details-action {
    font-size: 12px;
    color: #777;
    cursor: pointer;
    white-space: nowrap
}

    .c-card__product-details-action:hover {
        text-decoration: none
    }

    .c-card__product-details-action:after, .c-card__product-details-action:before {
        font-size: 1.2em;
        position: relative;
        top: 4px;
        margin-left: 5px
    }

.c-card__product-details-action--delete:before {
    content: "\F016\00FE0E"
}

.c-card__product-details-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4px
}

.c-card__product-details-title {
    color: #606265;
    font-size: 14px;
    font-weight: 700;
    -ms-flex-preferred-size: 153px;
    flex-basis: 153px;
    margin-left: 20px;
    line-height: 1.6;
    white-space: nowrap
}

.c-card__product-details-description {
    font-size: 14px;
    color: #777
}

.c-card__product-details-description--text-blue {
    color: #4fcce9
}

.c-card--padding {
    padding: 30px 20px
}

.c-join__top-title {
    margin-bottom: 30px
}

.c-join__top-details {
    padding: 15px 0
}

.c-join__top-details--sm {
    padding: 5px 0
}

.c-join__title-badge {
    background: #f5a623;
    color: #fff !important;
    font-size: .925rem !important;
    padding: 14px 10px !important;
    margin-right: 5px
}

    .c-join__title-badge:before {
        content: "" !important;
        display: none
    }

.c-join__title-badge--registered {
    background: #0e73ad
}

.c-join__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 40px 10px 0
}

.c-join__buttons--padding {
    padding: 20px
}

.c-join__btn, .c-join__buttons--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-join__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    border: none;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    margin: 0 5px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s ease,-webkit-box-shadow .3s ease;
    transition: background .3s ease,-webkit-box-shadow .3s ease;
    transition: background .3s ease,box-shadow .3s ease;
    transition: background .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease;
    white-space: nowrap
}

    .c-join__btn:focus, .c-join__btn:hover {
        text-decoration: none
    }

.c-join__btn--primary {
    background-color: #f9fafc;
    color: #777;
    border: 1px solid #e6eaef
}

    .c-join__btn--primary:focus, .c-join__btn--primary:hover {
        background-color: #f1f1f1;
        color: #777
    }

.c-join__btn--primary-blue {
    border-color: #4fcce9;
    color: #4fcce9;
    background: transparent
}

    .c-join__btn--primary-blue:focus, .c-join__btn--primary-blue:hover {
        background-color: rgba(79,204,233,.1);
        color: #4fcce9
    }

.c-join__btn--primary-greenish {
    border-color: #0e73ad;
    color: #0e73ad;
    background: transparent
}

    .c-join__btn--primary-greenish:focus, .c-join__btn--primary-greenish:hover {
        background-color: rgba(87,207,177,.1);
        color: #0e73ad
    }

.c-join__btn--secondary {
    background-color: #4fcce9;
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

    .c-join__btn--secondary:focus, .c-join__btn--secondary:hover {
        background-color: #35b7d6;
        -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.3);
        box-shadow: 0 6px 12px 0 rgba(79,204,233,.3);
        color: #fff
    }

.c-join__btn--secondary-greenish {
    color: #fff;
    border-color: #0e73ad;
    background-color: #0e73ad;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
}

    .c-join__btn--secondary-greenish:focus, .c-join__btn--secondary-greenish:hover {
        background-color: #33bf9c;
        -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.3);
        box-shadow: 0 6px 12px 0 rgba(0,211,176,.3);
        color: #fff
    }

.c-join__btn--secondary-red {
    color: #fff;
    border-color: #ef5661;
    background-color: #ef5661;
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    box-shadow: 0 6px 12px 0 rgba(239,86,97,.2)
}

    .c-join__btn--secondary-red:focus, .c-join__btn--secondary-red:hover {
        background-color: #ef394e;
        -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
        color: #fff
    }

.c-join__btn--deactive {
    background-color: #e6e9ed;
    color: #fff;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-join__btn--deactive-outline {
    background: transparent;
    color: #e6e9ed;
    border-color: #e6e9ed;
    pointer-events: none
}

.c-join__btn--icon-chev-right:before {
    content: "\F031\00FE0E"
}

.c-join__btn--icon-chev-right:before {
    font-size: 15px
}

.c-join__btn--icon-prev:before {
    content: "\F0B7\00FE0E"
}

.c-join__btn--icon-prev:before {
    font-size: 15px
}

.c-join__btn--icon-chev-left:after {
    content: "\F030\00FE0E"
}

.c-join__btn--icon-chev-left:after {
    font-size: 15px
}

.c-join__btn--icon-plus:after {
    content: "\F006\00FE0E"
}

.c-join__btn--icon-plus:after {
    font-size: 15px
}

.c-join__btn--icon-details:after {
    content: "\F04C\00FE0E"
}

.c-join__btn--icon-details:after {
    font-size: 15px
}

.c-join__btn--icon-cancel {
    width: 40px
}

    .c-join__btn--icon-cancel:before {
        content: "\F03E\00FE0E"
    }

.c-join__btn--icon-confirm:after {
    content: "\F02F\00FE0E"
}

.c-join__btn--icon-confirm:after {
    font-size: 15px
}

.c-join__btn--icon-close:after {
    content: "\F03E\00FE0E"
}

.c-join__btn--icon-close:after {
    font-size: 10px
}

.c-join__btn--icon-list:before {
    content: "\F094\00FE0E"
}

.c-join__btn--icon-list:after, .c-join__btn--icon-list:before {
    font-size: 15px
}

.c-join__btn--icon-delete:before {
    content: "\F016\00FE0E"
}

.c-join__btn--icon-delete:after, .c-join__btn--icon-delete:before {
    font-size: 15px
}

.c-join__btn--icon-edit:after {
    content: "\F064\00FE0E"
}

.c-join__btn--icon-edit:after, .c-join__btn--icon-edit:before {
    font-size: 15px
}

.c-join__btn--icon-auto:before {
    content: "\F012\00FE0E"
}

.c-join__btn--icon-auto:after, .c-join__btn--icon-auto:before {
    font-size: 1.2em
}

.c-join__btn--icon-excel:before {
    content: "\F075\00FE0E"
}

.c-join__btn--icon-excel:after, .c-join__btn--icon-excel:before {
    font-size: 15px
}

.c-join__btn--icon-excel-up:before {
    content: "\F073\00FE0E"
}

.c-join__btn--icon-excel-up:after, .c-join__btn--icon-excel-up:before {
    font-size: 1.125em
}

.c-join__btn--icon-excel-down:before {
    content: "\F071\00FE0E"
}

.c-join__btn--icon-excel-down:after, .c-join__btn--icon-excel-down:before {
    font-size: 1.125em
}

.c-join__btn--icon-periodic:before {
    content: "\F048\00FE0E"
}

.c-join__btn--icon-periodic:after, .c-join__btn--icon-periodic:before {
    font-size: 15px
}

.c-join__btn--icon-left:after {
    margin-right: 5px
}

.c-join__btn--icon-right:before {
    margin-left: 5px
}

.c-join__btn--success {
    margin-top: 20px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    min-width: 310px
}

.c-join__btn--info-box {
    margin-top: 20px;
    min-width: 180px
}

.c-join__btn--no-margin {
    margin: 0
}

.c-join__btn--xs {
    width: 40px
}

.c-join__btn--sm {
    width: 95px
}

.c-join__btn--md {
    min-width: 150px
}

.c-join__btn--bg {
    width: 180px
}

.c-join__product-selection {
    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;
    text-align: center;
    margin-bottom: 50px
}

.c-join__product-selection--deactive {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-join__product-select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.c-join__product-select--deactive {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-join__select-area {
    height: 350px;
    padding-top: 90px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-join__select-area-footer {
    border-top: 2px dashed #dadee4;
    height: 45px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 24px
}

    .c-join__select-area-footer:before {
        content: "یا";
        background: #fff;
        font-size: 11px;
        color: #9199a0;
        padding: 0 10px;
        position: absolute;
        top: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        line-height: 10px
    }

.c-join__auto-select {
    font-size: 12px;
    color: #777
}

    .c-join__auto-select:hover {
        color: #777;
        text-decoration: none
    }

    .c-join__auto-select:before {
        content: ""
    }

.c-join__auto-select-guide {
    position: absolute;
    left: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
    color: hsla(0,0%,46.7%,.9);
    cursor: pointer
}

.c-join__select-image {
    margin-bottom: 10px
}

    .c-join__select-image:before {
        color: #9199a0;
        font-size: 2.5em
    }

.c-join__select-image--list:before {
    content: "\F093\00FE0E"
}

.c-join__select-image--excel:before {
    content: "\F075\00FE0E"
}

.c-join__landing-state--active {
    color: #4fcce9
}

    .c-join__landing-state--active:before {
        content: "\F004\00FE0E"
    }

    .c-join__landing-state--active:before {
        position: relative;
        top: 2px;
        margin-left: 5px
    }

.c-join__download-file {
    color: #777;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

    .c-join__download-file:focus, .c-join__download-file:hover {
        color: #777;
        text-decoration: none
    }

.c-join__download-file--icon-excel:before {
    content: "\F075\00FE0E"
}

.c-join__download-file--icon-excel:after, .c-join__download-file--icon-excel:before {
    font-size: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px
}

.c-join__download-file--icon-excel-up:before {
    content: "\F073\00FE0E"
}

.c-join__download-file--icon-excel-up:after, .c-join__download-file--icon-excel-up:before {
    font-size: 1.125em
}

.c-join__download-file--icon-excel-down:before {
    content: "\F071\00FE0E"
}

.c-join__download-file--icon-excel-down:after, .c-join__download-file--icon-excel-down:before {
    font-size: 1.125em
}

.c-join__select-title {
    color: #3e3f3f;
    font-size: 16px
}

.c-join__select-subtitle {
    color: #889098;
    margin: 5px 0 30px
}

.c-join__select-separator {
    margin: 0 20px;
    position: relative;
    width: 1px;
    background: #e6e9ed;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

    .c-join__select-separator:before {
        content: "یا";
        font-size: 12px;
        color: #9199a0;
        position: absolute;
        width: 18px;
        height: 40px;
        line-height: 40px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: #fff
    }

.c-join__help-text {
    font-size: 12px;
    color: #606265;
    margin: 20px 0 0
}

.c-join__table .c-ui-table__header {
    position: relative;
    background: #f5f7fa;
    z-index: 1
}

.c-join__table .c-card__body {
    padding: 14px
}

.c-join__table-row {
    height: 90px;
    border-collapse: collapse;
    font-size: 12px
}

.c-join__table-row--danger {
    border-radius: 8px !important;
    border: 1px solid rgba(211,47,47,.1) !important;
    background-color: rgba(211,47,47,.05) !important
}

.c-join__table-row.c-join__group-edit td {
    border-top: 5px solid #fff !important;
    border-bottom: 5px solid #fff !important
}

.c-join__table-row--nested {
    height: 47px
}

.c-join__table-row--dashed td:not([rowspan]) {
    border-bottom: 1px dashed rgba(145,153,160,.6) !important
}

.c-join__table-row--dashed:hover td:not([rowspan]) {
    border-bottom: 1px dashed rgba(145,153,160,.6) !important
}

.c-join__table-row--has-error {
    background: rgba(239,86,97,.05)
}

    .c-join__table-row--has-error td {
        border: none !important
    }

    .c-join__table-row--has-error:hover td {
        border: none !important
    }

    .c-join__table-row--has-error .c-ui-table__cell--img {
        position: relative
    }

        .c-join__table-row--has-error .c-ui-table__cell--img:before {
            content: "";
            width: 3px;
            height: 60px;
            border-radius: 2px;
            background-color: #ef394e;
            position: absolute;
            right: 5px;
            top: 15px
        }

.c-join__table-row--error {
    height: auto;
    background: rgba(239,86,97,.05);
    position: relative
}

    .c-join__table-row--error .c-join__error-row {
        margin: 0;
        font-size: 12px
    }

    .c-join__table-row--error .c-join__warning-row {
        margin: 0;
        font-size: 12px;
        color: #f5a623
    }

    .c-join__table-row--error .c-join__errors-list {
        padding: 10px 15px
    }

    .c-join__table-row--error:hover td {
        border: none !important;
        border-bottom: 1px solid rgba(146,153,160,.4) !important
    }

.c-join__table-row--warning {
    background: rgba(245,127,23,.05);
    height: auto;
    position: relative
}

    .c-join__table-row--warning .c-join__warning-row {
        margin: 0;
        font-size: 12px;
        color: #f5a623
    }

    .c-join__table-row--warning .c-join__errors-list {
        padding: 10px 15px
    }

    .c-join__table-row--warning:hover td {
        border: none !important;
        border-bottom: 1px solid rgba(146,153,160,.4) !important
    }

.c-join__table-row--is-selected {
    background: rgba(79,204,233,.07)
}

.c-join__table-row--is-deleted {
    background-color: #f5f7fa
}

    .c-join__table-row--is-deleted td:not(.c-ui-table__cell--operations) {
        opacity: .4;
        pointer-events: none
    }

.c-join__table-row--disabled-row {
    background: #f5f7fa;
    opacity: .6
}

.c-join__table-header {
    font-size: 12px;
    font-weight: 700;
    color: #606265;
    line-height: 1.83;
    z-index: 0 !important
}

.c-join__group-edit {
    background: #f5f7fa;
    border-bottom: none;
    height: 60px
}

    .c-join__group-edit td {
        border-bottom: 5px solid #fff !important;
        border-top: 5px solid #fff !important
    }

    .c-join__group-edit:hover td {
        border-bottom: 5px solid #fff !important;
        border-top: 5px solid #fff !important
    }

    .c-join__group-edit td:first-child {
        border-radius: 0 8px 8px 0
    }

    .c-join__group-edit td:last-child {
        border-radius: 8px 0 0 8px
    }

.c-join__input {
    height: 36px
}

.c-join__search-btn {
    height: 36px;
    background-color: #4fcce9;
    color: #fff;
    border-radius: 8px;
    width: 40px;
    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;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

    .c-join__search-btn:hover {
        background-color: #4fcce9
    }

    .c-join__search-btn:focus {
        background-color: #4fcce9
    }

.c-join__filtering-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__filter-container {
    position: relative;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f9fafc;
    color: #606265;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e6eaef;
    padding: 0 2px
}

.c-join__filter-container, .c-join__radio-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-join__radio-label {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__radio-option {
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    padding: 0 16px;
    -webkit-transition: background .3s ease,color .3s ease;
    transition: background .3s ease,color .3s ease
}

.c-join__radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .c-join__radio:checked ~ .c-join__radio-option {
        background-color: #4fcce9;
        color: #fff
    }

.c-join__promotion-info-box {
    text-align: center;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 75px 0
}

.c-join__promotion-info-box--empty {
    min-height: 345px
}

.c-join__periodic-price-box {
    padding: 50px 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-join__periodic-price-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    padding-bottom: 50px
}

.c-join__periodic-price-vector {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.c-join__promotion-link-box {
    text-align: center;
    padding: 12px;
    min-width: 600px;
    margin-bottom: 30px;
    border-radius: 10px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-join__promotion-link-box a, .c-join__promotion-link-box a:focus, .c-join__promotion-link-box a:hover {
        text-decoration: none
    }

.c-join__promotion-link {
    margin: 5px auto;
    color: #4fcce9;
    white-space: normal !important;
    display: block;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

    .c-join__promotion-link:hover, .c-join__promotion-linkfocus {
        color: #4fcce9
    }

.c-join__promotion-copy-btn {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #777
}

    .c-join__promotion-copy-btn:before {
        content: "\F043\00FE0E"
    }

    .c-join__promotion-copy-btn:before {
        font-size: 15px;
        position: relative;
        top: 5px;
        margin-left: 2px
    }

    .c-join__promotion-copy-btn:hover, .c-join__promotion-copy-btnfocus {
        color: #777
    }

    .c-join__promotion-copy-btn:active {
        color: #4fcce9
    }

.c-join__promotion-info-statement {
    font-size: 15px;
    color: #777;
    margin: 0 auto 10px
}

.c-join__promotion-info-statement--bg {
    font-size: 18px;
    font-weight: 700;
    color: #606265;
    margin-bottom: 15px
}

.c-join__promotion-info-statement--bg-head {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.5;
    color: #606265;
    max-width: 300px;
    margin-right: 0
}

.c-join__promotion-info-statement--periodic {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 2;
    color: #777;
    padding-top: 20px;
    border-top: 1px solid #e6e9ed
}

.c-join__promotion-info-img {
    margin-bottom: 20px
}

.c-join__promotion-info-table {
    padding: 12px;
    background: #f5f7fa;
    color: #606265;
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
    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;
    margin: 0 auto 40px
}

.c-join__promotion-info-table-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc((100% - 24px)/3);
    flex: 1 1 calc((100% - 24px)/3);
    border-left: 1px solid rgba(145,153,160,.2)
}

    .c-join__promotion-info-table-col:last-child {
        border: none
    }

.c-join__promotion-info-table-value {
    font-size: 16px;
    font-weight: 700
}

.c-join__promotion-info-table-title {
    font-size: 12px;
    margin-bottom: 5px
}

.c-join__suggestions-title {
    font-size: 16px;
    font-weight: 700;
    color: #889098;
    line-height: 1.25;
    padding: 20px;
    border-bottom: 1px solid #e6e9ed;
    margin: 0
}

.c-join__suggestion-section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-height: 260px
}

.c-join__suggestions {
    width: 33.333%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 300px
}

.c-join__suggestions-list {
    padding: 0;
    margin: 0;
    max-height: 200px;
    overflow: auto;
    direction: ltr
}

    .c-join__suggestions-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
        border-radius: 10px
    }

    .c-join__suggestions-list::-webkit-scrollbar {
        width: 3px;
        background-color: #f5f5f5
    }

    .c-join__suggestions-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
        background-color: #c4c5c5
    }

.c-join__suggestions-list-item {
    height: 60px;
    list-style-type: none;
    padding: 0 20px;
    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;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    direction: rtl
}

    .c-join__suggestions-list-item--selected, .c-join__suggestions-list-item:hover {
        background-color: #f5f7fa
    }

        .c-join__suggestions-list-item--selected .c-join__suggestion-date, .c-join__suggestions-list-item--selected .c-join__suggestion-name, .c-join__suggestions-list-item:hover .c-join__suggestion-date, .c-join__suggestions-list-item:hover .c-join__suggestion-name {
            color: #3e3f3f
        }

    .c-join__suggestions-list-item > span {
        display: block
    }

.c-join__suggestion-link {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;
    color: inherit
}

    .c-join__suggestion-link:hover {
        text-decoration: none
    }

.c-join__suggestion-name {
    color: #606265
}

.c-join__suggestion-date {
    color: #889098;
    font-size: 11px
}

.c-join__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 66.66%;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05)
}

.c-join__details, .c-join__details-rows {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.c-join__details-rows {
    padding: 15px 25px 0;
    color: #606265;
    overflow: auto
}

    .c-join__details-rows::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
        border-radius: 10px
    }

    .c-join__details-rows::-webkit-scrollbar {
        width: 3px;
        background-color: #f5f5f5
    }

    .c-join__details-rows::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
        background-color: #c4c5c5
    }

.c-join__detail-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px
}

.c-join__detail-title {
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px
}

.c-join__detail-value {
    font-size: 13px
}

.c-join__detail-action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 140px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-join__promotion-type {
    white-space: nowrap
}

.c-join__promotion-type--amazing:before {
    content: url(../files/c0301483.svg);
    position: relative;
    top: 4px
}

.c-join__card-header {
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__card-header--bordered {
    border-bottom: 1px solid #e6e9ed
}

.c-join__upload-buttons {
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 40px
}

.c-join__upload-button-container, .c-join__upload-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.c-join__upload-button-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center
}

    .c-join__upload-button-container .c-join__btn:last-child {
        margin-left: 0
    }

.c-join__upload-status {
    color: #777
}

.c-join__upload-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(245,247,250,.5);
    border-radius: 8px;
    height: 60px;
    padding: 15px;
    font-size: 12px
}

.c-join__status-statement {
    margin-right: 10px;
    font-weight: 700;
    position: relative;
    padding-right: 30px
}

    .c-join__status-statement:before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.c-join__status-statement--progress {
    color: #4fcce9
}

    .c-join__status-statement--progress:before {
        border: 2px solid #4fcce9;
        border-bottom-color: transparent;
        -webkit-animation: loading-rotate 2s linear infinite;
        animation: loading-rotate 2s linear infinite
    }

.c-join__status-statement--success {
    color: #0e73ad
}

    .c-join__status-statement--success:before {
        background: #0e73ad url(../files/9fcba4f4.svg) 50% no-repeat;
        background-size: 14px
    }

.c-join__status-statement--warning {
    color: #f5a623
}

    .c-join__status-statement--warning:before {
        content: "\F10F\00FE0E"
    }

    .c-join__status-statement--warning:before {
        color: #fff;
        background: #f5a623;
        text-align: center;
        font-size: 14px;
        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;
        padding-right: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.c-join__status-statement--error {
    color: #ef5661
}

    .c-join__status-statement--error:before {
        background: #ef5661 url(../files/e6b5e16f.svg) 50% no-repeat;
        background-size: 14px
    }

.c-join__upload-guide {
    font-size: 10px;
    color: #777;
    display: block
}

.c-join__download-sample {
    display: block;
    font-size: 12px;
    padding-right: 20px;
    color: #19bfd3;
    position: relative
}

    .c-join__download-sample:before {
        content: "\F071\00FE0E"
    }

    .c-join__download-sample:before {
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 1.125em
    }

    .c-join__download-sample:hover {
        color: #19bfd3;
        text-decoration: none
    }

.c-join__search-form {
    padding-bottom: 30px;
    margin: 25px 0 20px;
    border-bottom: 1px solid #f5f7fa
}

.c-join__search-box .c-join__input {
    width: 450px
}

.c-join__warning-box {
    border-radius: 8px;
    border: 1px solid rgba(245,127,23,.2);
    background-color: rgba(245,127,23,.05);
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px
}

.c-join__warning-box--error {
    background: rgba(239,86,97,.05);
    border-color: rgba(239,86,97,.2)
}

.c-join__warning-box--plain {
    background: rgba(245,247,250,.5);
    border-color: #e6e9ed;
    color: #606265
}

.c-join__warning-row {
    font-size: 13px;
    line-height: 1.92;
    color: #606265;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .c-join__warning-row:before {
        content: "-";
        margin-left: 10px
    }

.c-join__warning-row--has-icon:first-child:before {
    content: "\F10F\00FE0E"
}

.c-join__warning-row--has-icon:first-child:before {
    color: #f5a623;
    border-radius: 50%;
    border: 1px solid #f5a623;
    margin-top: 4px;
    padding-left: 1px
}

.c-join__show-errors {
    margin-left: 10px
}

.c-join__error-row {
    color: #ef5661;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

    .c-join__error-row:before {
        content: "\F08D\00FE0E"
    }

    .c-join__error-row:before {
        font-size: 1.2em;
        margin-left: 10px
    }

.c-join__products-total {
    color: #9199a0;
    margin-left: auto
}

    .c-join__products-total span {
        color: #4fcce9;
        border-radius: 5px;
        background-color: #f5f7fa;
        padding: 3px 6px;
        font-weight: 700
    }

.c-join__table-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border: none
}

.c-join__rules-modal .c-ui-table__cell {
    padding: 5px
}

.c-join__increase-icon:after {
    content: "\F035\00FE0E"
}

.c-join__increase-icon:after {
    height: 15px;
    width: 15px;
    color: #ef5661;
    margin-right: 2px;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375
}

.c-join__amazing-notif {
    margin-top: 15px;
    padding: 10px 16px 10px 12px;
    border-radius: 5px;
    border: 1px solid rgba(145,153,160,.2);
    background-color: rgba(145,153,160,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join__amazing-notif-message {
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-join__amazing-notif-message-title {
    color: #424750;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.c-join__amazing-notif-message-des {
    color: #777;
    line-height: 1.67;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-join__amazing-notif-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-join__amazing-notif-image img, .c-join__amazing-notif-image span {
        border-radius: 4px;
        border: 1px solid #f0f0f1;
        background-color: #fff
    }

    .c-join__amazing-notif-image img {
        margin-left: 6px;
        height: 43px;
        width: 43px
    }

    .c-join__amazing-notif-image span {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 43px;
        height: 43px
    }

    .c-join__amazing-notif-image span, .c-join__sort-products {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

.c-join__sort-products {
    margin-top: 30px
}

    .c-join__sort-products .c-join__filter-container {
        background: #fff;
        height: 25px
    }

    .c-join__sort-products .c-join__radio-option {
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }

.c-join__sort-options {
    margin: 0 10px;
    border: none
}

.c-join__has-floating-box {
    cursor: pointer;
    position: relative
}

    .c-join__has-floating-box:hover .c-join__floating-box {
        opacity: 1;
        visibility: visible
    }

.c-join__floating-box {
    font-size: 12px;
    color: #777;
    width: 170px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.1);
    border: 1px solid hsla(0,0%,59.2%,.2);
    position: absolute;
    bottom: 30px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    line-height: 2;
    -webkit-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
    z-index: 4 !important
}

    .c-join__floating-box:after {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 20px;
        width: 10px;
        height: 10px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.c-join__floating-box-header {
    color: #ef5661;
    margin-bottom: 5px
}

.c-join__floating-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 0
}

    .c-join__floating-content:last-child:not(:only-child) {
        border-top: 1px solid hsla(0,0%,59.2%,.2)
    }

.c-join__floating-content--plain {
    color: #777
}

.c-join__card-title, .c-join__has-more-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__more-info {
    display: none
}

    .c-join__more-info:before {
        content: "\F08D\00FE0E"
    }

    .c-join__more-info:after, .c-join__more-info:before {
        color: #f5a623
    }

.c-join__more-info--warning {
    color: #f5a623
}

.c-join__more-info--details:before {
    content: "\F04D\00FE0E"
}

.c-join__more-info--shown {
    display: block;
    margin-right: 5px;
    line-height: .9
}

    .c-join__more-info--shown:after, .c-join__more-info--shown:before {
        color: inherit
    }

.c-join__more-promos {
    color: #4fcce9
}

    .c-join__more-promos:focus, .c-join__more-promos:hover {
        color: #4fcce9
    }

.c-join__status-cell {
    -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-join__status-cell, .c-join__status-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-join__status-counter {
    width: auto;
    min-width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-left: 5px;
    padding: 0 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__status-counter--approved {
    background-color: #0e73ad
}

.c-join__status-counter--approving {
    background-color: #f5a623
}

.c-join__status-counter--not-approved {
    background-color: #ef5661
}

.c-join__status {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.c-join__has-icon, .c-join__status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__has-icon {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-join__has-icon:after, .c-join__has-icon:before {
        margin-left: 5px
    }

.c-join__has-icon--nowrap {
    white-space: nowrap
}

.c-join__has-icon--clock:before {
    content: "\F03A\00FE0E"
}

.c-join__has-icon--ended:before {
    content: "\F03B\00FE0E"
}

.c-join__has-icon--done:before {
    content: "\F033\00FE0E"
}

.c-join__add-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__add-product-time {
    margin-left: 12px;
    font-size: 12px;
    white-space: nowrap;
    color: #0e73ad
}

.c-join__flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-join__flex-end > span {
        margin: 0 5px
    }

.c-join__grid {
    max-width: unset
}

.c-join__flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-join__download-excel {
    margin: 0 5px
}

.c-join__flex-center, .c-join__flex-space-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join__select-divider {
    margin: 0 5px
}

.c-join__manage-filters .c-ui-form__col {
    padding-left: 10px;
    padding-right: 10px
}

    .c-join__manage-filters .c-ui-form__col:first-child {
        padding-right: 20px
    }

    .c-join__manage-filters .c-ui-form__col:last-child {
        padding-left: 20px
    }

.c-join__color-variant {
    width: 13px;
    height: 13px;
    border-radius: 3px;
    border: 1px solid #e6e9ed;
    display: inline-block;
    position: relative;
    top: 5px;
    left: 5px
}

.c-join__size-variant {
    width: 22px;
    height: 22px;
    line-height: 22px;
    color: #777;
    background-color: #e6e9ed;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #e6e9ed
}

.c-join__banner-tag, .c-join__size-variant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join__banner-tag {
    padding: 0 4px;
    background: #f2f2f2;
    border-radius: 3px;
    color: #606265;
    width: 60px;
    text-align: center;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2
}

    .c-join__banner-tag:before {
        content: "\F014\00FE0E"
    }

    .c-join__banner-tag:before {
        margin-left: 4px;
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467
    }

.c-join__tab-card-title {
    margin-bottom: 15px
}

.c-join__landing-link {
    color: #4fcce9
}

    .c-join__landing-link:before {
        content: "\F0BE\00FE0E"
    }

    .c-join__landing-link:before {
        margin-left: 4px;
        position: relative;
        top: 4px;
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467
    }

.c-join__check-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-join__check-toggle .c-ui-toggle__group {
        margin-left: 8px
    }

.c-join__ui-row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-join-promotion__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 700px;
    margin: 0 auto
}

.c-join-promotion__step {
    position: relative;
    padding: 0 50px
}

.c-join-promotion__step-title:after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: #e6e9ed;
    border-radius: 8px;
    margin: 15px auto 0;
    z-index: 1
}

.c-join-promotion__step:after, .c-join-promotion__step:before {
    content: "";
    height: 2px;
    background: #e6e9ed;
    width: calc(50% - 12px);
    display: block;
    position: absolute;
    bottom: 12px
}

.c-join-promotion__step:after {
    left: 0
}

.c-join-promotion__step:before {
    right: 0
}

.c-join-promotion__step:first-child:before {
    display: none
}

.c-join-promotion__step:last-child:after {
    display: none
}

.c-join-promotion__step--passed {
    position: relative
}

    .c-join-promotion__step--passed .c-join-promotion__step-title:before {
        content: "\F02E\00FE0E"
    }

    .c-join-promotion__step--passed .c-join-promotion__step-title:before {
        position: absolute;
        bottom: 5px;
        left: 50%;
        color: #fff;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-join-promotion__step--passed .c-join-promotion__step-title:after {
        background: #0e73ad;
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.3)
    }

.c-join-promotion__step--current {
    position: relative
}

    .c-join-promotion__step--current .c-join-promotion__step-title:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        background: #fff;
        border-radius: 50%;
        bottom: 8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-join-promotion__step--current .c-join-promotion__step-title:after {
        background: #0e73ad;
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.3)
    }

.c-join-promotion__table-title {
    color: #889098;
    font-size: 1.143rem;
    line-height: 20px;
    margin: 0
}

.c-join-promotion__btn {
    -webkit-box-shadow: 0 6px 12px rgba(0,211,176,.2);
    box-shadow: 0 6px 12px rgba(0,211,176,.2)
}

    .c-join-promotion__btn:focus, .c-join-promotion__btn:hover {
        text-decoration: none
    }

.c-join-promotion__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join-promotion__timer--row {
    background: #f5f7fa;
    border-radius: 3px;
    padding: 0 5px
}

.c-join-promotion__timer-segment {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%
}

.c-join-promotion__timer-segment--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join-promotion__timer-segment:first-child .c-join-promotion__timer-number {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.c-join-promotion__timer-segment:last-child .c-join-promotion__timer-number {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.c-join-promotion__timer-segment:not(:last-child) .c-join-promotion__timer-number:after {
    content: ":";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-join-promotion__timer-number {
    position: relative;
    padding: 4px 11px;
    background: #f5f7fa;
    color: #ef5661;
    display: block
}

.c-join-promotion__timer-title {
    font-size: 11px
}

.c-join-promotion__date-range {
    white-space: nowrap
}

.c-join-promotion__upload-input {
    display: none
}

.c-join-promotion__modal {
    text-align: right !important
}

.c-join-promotion__excel-errors-header {
    font-size: 14px;
    color: #ef5661;
    border-bottom: 1px solid #f5f7fa;
    text-align: right;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-join-promotion__excel-errors-header:before {
        content: "\F06D\00FE0E"
    }

    .c-join-promotion__excel-errors-header:before {
        margin-left: 5px
    }

.c-join-promotion__excel-errors-list {
    direction: rtl;
    list-style: none;
    padding: 15px 0;
    border-top: 1px solid #f5f7fa
}

.c-join-promotion__excel-errors-list-wrapper {
    height: 300px;
    overflow-y: scroll;
    direction: ltr;
    padding-right: 10px;
    margin-right: -10px;
    padding-bottom: 10px
}

    .c-join-promotion__excel-errors-list-wrapper::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-join-promotion__excel-errors-list-wrapper::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .c-join-promotion__excel-errors-list-wrapper::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

.c-join-promotion__excel-errors-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-join-promotion__excel-errors-item:not(:first-child) {
        margin-top: 10px
    }

.c-join-promotion__excel-errors-item-line {
    padding: 3px 6px;
    border: 1px solid #ef5661;
    color: #ef5661;
    border-radius: 5px;
    margin-left: 15px
}

.c-join-promotion__excel-errors-footer {
    border-top: 1px solid #9199a0;
    padding-top: 30px
}

.c-join-promotion__select-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join-promotion__select-filter-input {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.c-join-promotion__select-filter .select2-selection {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.c-join-promotion__selected-products-text {
    font-size: 12px;
    color: #9199a0;
    margin-right: 20px
}

.c-join-promotion__selected-products-number {
    background: #f5f7fa;
    color: #4fcce9;
    padding: 2px 3px;
    border-radius: 5px;
    font-size: 13px
}

.c-join-promotion__dkpc-number {
    border: 1px solid #e6e9ed;
    color: #9199a0;
    font-size: 11px;
    border-radius: 5px;
    white-space: pre;
    display: inline-block;
    padding: 1px 5px 0;
    height: 19px;
    line-height: 19px
}

    .c-join-promotion__dkpc-number.green {
        background-color: rgba(87,207,177,.1);
        border: 1px solid rgba(87,207,177,.2);
        color: #0e73ad
    }

    .c-join-promotion__dkpc-number.red {
        background-color: rgba(239,86,97,.05);
        border: 1px solid rgba(239,86,97,.1);
        color: #ef5661
    }

.c-join-promotion__price {
    color: #0e73ad;
    font-size: 12px
}

.c-join-promotion__price--small {
    font-size: 9px
}

.c-join-promotion__price--current {
    color: #f5a623
}

.c-join-promotion__limited {
    color: #d32f2f;
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833
}

    .c-join-promotion__limited:before {
        content: "\F08D\00FE0E"
    }

.c-join-promotion__limited-tool-tip {
    min-width: 440px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    line-height: 2.08;
    text-align: right;
    color: #777
}

.c-join-promotion__limited-link {
    color: #16b7db
}

    .c-join-promotion__limited-link:hover {
        color: #16b7db;
        text-decoration: none
    }

    .c-join-promotion__limited-link:visited {
        color: #16b7db;
        text-decoration: none
    }

.c-join-promotion__price-cell {
    white-space: nowrap
}

    .c-join-promotion__price-cell p {
        margin: 4px 0
    }

    .c-join-promotion__price-cell .c-ui-form__col--group-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        width: 110px !important
    }

@media screen and (min-width:1450px) {
    .c-join-promotion__price-cell--date .c-ui-form__col--group-item {
        width: 120px !important
    }
}

@media screen and (max-width:1450px) {
    .c-join-promotion__price-cell--date-picker input {
        width: 70% !important;
        padding: 0;
        text-align: center
    }
}

.c-join-promotion__price-cell .c-ui-form__label {
    margin-bottom: 0 !important;
    margin-left: 5px
}

.c-join-promotion__table {
    margin-top: 15px
}

.c-join-promotion__table-scroll {
    width: 100%;
    overflow-y: scroll;
    max-height: 46vh;
    margin-top: 0;
    padding-left: 10px
}

    .c-join-promotion__table-scroll::-webkit-scrollbar {
        width: 5px
    }

    .c-join-promotion__table-scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        box-shadow: inset 0 0 6px rgba(0,0,0,.1);
        border-radius: 10px
    }

    .c-join-promotion__table-scroll::-webkit-scrollbar-thumb {
        background-color: #c4c5c5;
        outline: 1px solid #c4c5c5;
        border-radius: 10px
    }

    .c-join-promotion__table-scroll > #js-select-products {
        padding: 42px 75px;
        overflow-y: unset !important
    }

    .c-join-promotion__table-scroll > .uk-modal-dialog {
        margin-top: 0;
        max-height: 90vh
    }

    .c-join-promotion__table-scroll > .uk-modal-body {
        max-height: 88vh;
        padding-bottom: 0
    }

.c-join-promotion__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-join-promotion__buttons > :not(:last-child) {
        margin-left: 10px
    }

.c-join-promotion__counter {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    color: #62666d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 80px
}

.c-join-promotion__counter-value {
    padding: 8px 10px
}

.c-join-promotion__counter-arrows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #e6e9ed;
    font-size: .6rem;
    margin-right: auto
}

.c-join-promotion__counter-arrow, .c-join-promotion__counter-arrows {
    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-join-promotion__counter-arrow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
    padding: 2px 5px
}

.c-join-promotion__counter-arrow--up {
    border-bottom: 1px solid #e6e9ed
}

    .c-join-promotion__counter-arrow--up:before {
        content: "\F01C\00FE0E"
    }

    .c-join-promotion__counter-arrow--up:before {
        font-size: .6rem
    }

.c-join-promotion__counter-arrow--down:before {
    content: "\F01C\00FE0E"
}

.c-join-promotion__counter-arrow--down:before {
    font-size: .6rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block
}

.c-join-promotion__table-input {
    padding: 3px 5px;
    border-radius: 8px;
    border: 1px solid #bbbaba;
    background: #fff;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #62666d;
    overflow: hidden;
    min-width: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

    .c-join-promotion__table-input .c-join-promotion__discount-input {
        width: 100%
    }

    .c-join-promotion__table-input:not(.c-join-promotion__discount--price) {
        width: 58px
    }

.c-join-promotion__table-input--has-error {
    border-color: #ef5661
}

    .c-join-promotion__table-input--has-error .c-join-promotion__discount-input {
        color: #ef5661
    }

    .c-join-promotion__table-input--has-error .c-join-promotion__spinner-wheel, .c-join-promotion__table-input--has-error .c-join-promotion__spinners {
        border-color: #ef5661
    }

.c-join-promotion__table-input--has-warning {
    border-color: #f5a623
}

    .c-join-promotion__table-input--has-warning .c-join-promotion__discount-input {
        color: #777
    }

    .c-join-promotion__table-input--has-warning .c-join-promotion__spinner-wheel, .c-join-promotion__table-input--has-warning .c-join-promotion__spinners {
        border-color: #f5a623
    }

.c-join-promotion__table-input:hover .c-join-promotion__spinners {
    opacity: 1;
    visibility: visible
}

.c-join-promotion__spinners {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 16px;
    border-right: 1px solid #e6e9ed;
    border-radius: 8px 0 0 8px;
    opacity: 0;
    visibility: hidden;
    dislay: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    overflow: hidden;
    -webkit-transition: opacity .3s ease,visibility .3s ease;
    transition: opacity .3s ease,visibility .3s ease
}

.c-join-promotion__spinner-wheel, .c-join-promotion__spinners {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
}

.c-join-promotion__spinner-wheel {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17.5px;
    flex: 0 0 17.5px;
    height: 17.5px;
    color: #a1a3a8;
    font-size: 6px;
    padding: 2px 2px 2px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    cursor: pointer
}

.c-join-promotion__spinner-wheel--up {
    border-radius: 8px 0 0 0;
    border-bottom: 1px solid #e6e9ed
}

    .c-join-promotion__spinner-wheel--up:before {
        content: "\F00F\00FE0E"
    }

.c-join-promotion__spinner-wheel--down {
    border-radius: 0 0 0 8px
}

    .c-join-promotion__spinner-wheel--down:before {
        content: "\F00E\00FE0E"
    }

.c-join-promotion__spinner-wheel:active {
    background: rgba(0,0,0,.1)
}

.c-join-promotion__table-input-connector {
    width: 50px;
    height: 1px;
    background: #bbbaba;
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

.c-join-promotion__discount-input {
    border: 0;
    font-size: 13px;
    color: #62666d;
    width: 20px;
    background: transparent;
    line-height: 25px
}

    .c-join-promotion__discount-input:focus {
        outline: none;
        border: 0
    }

.c-join-promotion__discount:before {
    content: "%";
    margin-left: 2px
}

.c-join-promotion__discount.c-join-promotion__table-input--has-error:before {
    color: #ef5661
}

.c-join-promotion__discount--price {
    max-width: 100px
}

@media screen and (max-width:1450px) {
    .c-join-promotion__discount--price .c-join-promotion__discount-input {
        width: 60px
    }
}

@media screen and (min-width:1450px) {
    .c-join-promotion__discount--price .c-join-promotion__discount-input {
        width: 80px
    }
}

.c-join-promotion__discount--price:before {
    content: "" !important
}

.c-join-promotion__after-discount {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    color: #62666d;
    padding: 8px 10px;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1450px) {
    .c-join-promotion--hidden-item {
        display: none
    }
}

.c-rules-modal {
    text-align: right
}

    .c-rules-modal tbody {
        vertical-align: top
    }

    .c-rules-modal .c-card__header--table {
        margin-bottom: 20px
    }

    .c-rules-modal .c-join__buttons {
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

#js-rules-modal .uk-modal-body {
    text-align: center;
    padding: 20px
}

#js-rules-modal .uk-modal-dialog {
    max-width: 1200px !important
}

#js-delete-modal .uk-modal-dialog {
    margin-top: auto !important;
    margin-bottom: auto !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 800px !important;
    height: 240px;
    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
}

#js-select-products .uk-modal-body {
    padding: 20px
}

#js-select-products > .uk-modal-dialog {
    max-width: unset !important
}

.uk-modal-container--relative-height .uk-modal-dialog--flex {
    height: auto !important
}

#js-group-edit .uk-modal-body, #js-product-edit .uk-modal-body {
    padding: 0
}

#js-group-edit .uk-modal-dialog, #js-product-edit .uk-modal-dialog {
    max-width: 1075px !important
}

.c-join__filter .select2 {
    min-width: 200px !important
}

.c-ui-table.c-join__table__cell-label {
    font-size: 12px;
    color: #606265
}

.c-ui-table.c-join__table__wrapper {
    padding: 0 20px
}

@media (min-width:1280px) {
    .c-ui-table__header--keep-width {
        min-width: 150px
    }
}

.c-join__table .c-ui-table__cell.has-error {
    background-color: rgba(85,85,85,.1)
}

.c-join__table .c-ui-table__cell[rowspan] {
    vertical-align: top;
    padding-top: 10px
}

    .c-join__table .c-ui-table__cell[rowspan]:not(.c-ui-table__cell--img):not(.c-ui-table__cell--operations) {
        padding-top: 16px
    }

.c-join__table .c-ui-table__cell--operations {
    white-space: nowrap
}

.c-join__table .c-ui-table__cell--delete {
    width: 70px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap
}

    .c-join__table .c-ui-table__cell--delete:before {
        content: "\F016\00FE0E"
    }

    .c-join__table .c-ui-table__cell--delete:after, .c-join__table .c-ui-table__cell--delete:before {
        font-size: 1.2em;
        position: relative;
        top: 4px
    }

.c-join__table .c-ui-table__cell--has-input {
    min-width: 60px
}

    .c-join__table .c-ui-table__cell--has-input input {
        font-family: IRANYekan,B Yekan,Yekan,serif
    }

.c-join__table .c-ui-table__cell--text-error {
    color: #ef5661;
    position: relative
}

.c-join__table .c-ui-table__cell--text-warning {
    color: #f5a623;
    position: relative
}

.c-join__table .c-ui-table__cell--text-blue {
    color: #4fcce9;
    position: relative
}

.c-join__table .c-ui-table__cell--text-greenish {
    color: #0e73ad;
    position: relative
}

.c-join-smart--primery {
    color: #00bfd6
}

.c-join-smart-emty--p-20 {
    padding: 20px
}

.c-join-smart-emty--no-border {
    border: none
}

.c-join-smart-emty__container {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join-smart-emty__img-container {
    max-width: 710px;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (max-width:1320px) {
    .c-join-smart-emty__img-container {
        width: 70vh
    }
}

@media screen and (max-width:1200px) {
    .c-join-smart-emty__img-container {
        width: 65vh
    }
}

@media screen and (max-width:1100px) {
    .c-join-smart-emty__img-container {
        width: 60vh
    }
}

.c-join-smart-emty__des {
    padding: 50px
}

.c-join-smart-emty__des-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    color: #62666d;
    margin-top: 20px
}

.c-join-smart-emty__des-sub-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    color: #81858b;
    margin-top: 10px;
    max-width: 480px
}

.c-join-smart-emty__guide {
    max-height: 318px
}

.c-join-smart-emty__guide-title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    color: #030a16
}

.c-join-smart-emty__guide-close {
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 1.833;
    cursor: pointer;
    line-height: 0
}

    .c-join-smart-emty__guide-close:before {
        content: "\F03D\00FE0E"
    }

.c-join-smart-emty__guide-item > li {
    list-style: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #62666d;
    text-align: right;
    margin-top: 14px
}

    .c-join-smart-emty__guide-item > li:before {
        content: "\F0A0\00FE0E"
    }

    .c-join-smart-emty__guide-item > li:before {
        color: #ef5661;
        font-size: 5px;
        font-size: .357rem;
        line-height: 4.4;
        margin-right: 5px
    }

.c-join-smart-emty__guide-type {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-join-smart-emty__guide-type-off {
    border-radius: 5px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    max-height: 150px;
    padding: 15px
}

.c-join-smart-emty__guide-type-off-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 500;
    text-align: right;
    color: #16b7db;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-join-smart-emty__guide-type-off-title:before {
        content: "\F034\00FE0E"
    }

    .c-join-smart-emty__guide-type-off-title:before {
        margin-left: 6px;
        font-size: 17px;
        font-size: 1.214rem;
        line-height: 1.294
    }

.c-join-smart-emty__guide-type-off-des {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    color: #62666d;
    margin-top: 5px
}

.c-join-smart-emty__guide-type-promotion {
    border-radius: 5px;
    margin-right: 8px;
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.05);
    max-height: 150px;
    padding: 15px
}

.c-join-smart-emty__guide-type-promotion-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 500;
    text-align: right;
    color: #00b993;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-join-smart-emty__guide-type-promotion-title:before {
        content: "\F058\00FE0E"
    }

    .c-join-smart-emty__guide-type-promotion-title:before {
        margin-left: 6px;
        font-size: 17px;
        font-size: 1.214rem;
        line-height: 1.294
    }

.c-join-smart-emty__guide-type-campaign {
    border-radius: 5px;
    margin-right: 8px;
    border: 1px solid rgba(239,86,97,.2);
    background-color: rgba(239,86,97,.05);
    max-height: 150px;
    padding: 15px
}

.c-join-smart-emty__guide-type-campaign-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 500;
    text-align: right;
    color: #ef5661;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-join-smart-emty__guide-type-campaign-title:before {
        content: "\F0EB\00FE0E"
    }

    .c-join-smart-emty__guide-type-campaign-title:before {
        margin-left: 6px;
        font-size: 17px;
        font-size: 1.214rem;
        line-height: 1.294
    }

.c-join-smart-modal__back-btn {
    margin-top: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    min-height: 40px;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    padding: 0 8px 0 16px;
    max-width: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap
}

    .c-join-smart-modal__back-btn:before {
        content: "\F0D2\00FE0E"
    }

    .c-join-smart-modal__back-btn:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1;
        margin-left: 8px;
        color: #fff !important
    }

.c-join-smart-modal__category-count {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #4fcce9;
    text-align: right;
    margin-top: 2px
}

.c-join-smart-select--green-light {
    color: #00b993
}

.c-join-smart-select__info:after {
    content: "\F08D\00FE0E"
}

.c-join-smart-select__info:after {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    margin-right: 3px
}

.c-join-smart-select__notif {
    border-radius: 10px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05);
    max-height: 50px;
    padding: 2px 13px;
    margin-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join-smart-select__notif, .c-join-smart-select__notif-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-join-smart-select__notif-title {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    color: #232933;
    text-align: right;
    font-weight: 500
}

    .c-join-smart-select__notif-title:before {
        content: "\F058\00FE0E"
    }

    .c-join-smart-select__notif-title:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833;
        margin-left: 5px;
        color: #16b7db
    }

.c-join-smart-select__notif-title-count {
    color: #16b7db;
    font-size: 23px;
    font-size: 1.643rem;
    line-height: 1.913;
    text-align: right;
    font-weight: 700;
    margin-left: 10px
}

.c-join-smart-select__notif-link {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right;
    font-weight: 500;
    color: #16b7db;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

    .c-join-smart-select__notif-link:after {
        content: "\F030\00FE0E"
    }

    .c-join-smart-select__notif-link:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375
    }

    .c-join-smart-select__notif-link a {
        color: #16b7db;
        text-decoration: none
    }

        .c-join-smart-select__notif-link a:hover {
            text-decoration: none;
            color: #16b7db
        }

.c-join-smart-list--mr-15 {
    margin-right: 15px
}

.c-join-smart-list--mr-5 {
    margin-right: 5px
}

.c-join-smart-list--ml-5 {
    margin-left: 5px
}

.c-join-smart-list--mr-30 {
    margin-right: 30px
}

.c-join-smart-list--no-border-right {
    border-radius: 10px 0 0 10px;
    border: 1px solid #f0f0f1;
    border-right: none;
    padding: 1px
}

.c-join-smart-list--no-border-left {
    border-radius: 0 10px 10px 0;
    border: 1px solid #f0f0f1;
    border-left: none;
    padding: 1px
}

.c-join-smart-list--border-top-and-bottom {
    border: 1px solid #f0f0f1;
    border-right: none;
    border-left: none;
    padding: 1px
}

.c-join-smart-list--medium-search {
    min-width: 580px
}

.c-join-smart-list__type {
    border-radius: 8px;
    border: 1px solid #f0f0f1;
    padding: 10px 10px 10px 15px;
    margin: 10px 15px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-join-smart-list__type-des {
    max-width: 320px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #424750;
    text-align: right
}

.c-join-smart-list__type-eleman {
    height: 31px;
    width: 5px;
    border-radius: 4px;
    background-color: #f7f7f8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-join-smart-list__type-eleman-filing {
    width: 100%;
    border-radius: 4px
}

.c-join-smart-list__type-eleman-filing--normal {
    height: 33%;
    background: #f9a825
}

.c-join-smart-list__type-eleman-filing--good {
    height: 70%;
    background: #4fcce9
}

.c-join-smart-list__type-eleman-filing--excellent {
    height: 100%;
    background: #00b993
}

.c-join-smart-list__type-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    text-align: right
}

.c-join-smart-list__type-title--normal {
    color: #f9a825
}

.c-join-smart-list__type-title--good {
    color: #4fcce9
}

.c-join-smart-list__type-title--excellent {
    color: #00b993
}

.c-join-smart-list__type-sub-title {
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    text-align: right;
    color: #81858b
}

.c-join-smart-joined--no-with-limitation {
    min-width: none;
    max-width: none
}

.c-join-smart-joined--mt-70 {
    margin-top: 70px
}

.c-join-smart-joined__container {
    min-height: 629px;
    padding: 60px 0 80px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-join-smart-joined__detail {
    margin-top: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-join-smart-joined__detail--br {
    border-right: 1px solid #f0f0f1
}

.c-join-smart-joined__detail-icon {
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571;
    border-radius: 8px;
    height: 40px;
    width: 40px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-join-smart-joined__detail-icon--discount {
    color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    border: 1px solid #4fcce9
}

    .c-join-smart-joined__detail-icon--discount:before {
        content: "\F034\00FE0E"
    }

.c-join-smart-joined__detail-icon--promotion {
    color: #0e73ad;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    border: 1px solid #0e73ad
}

    .c-join-smart-joined__detail-icon--promotion:before {
        content: "\F058\00FE0E"
    }

.c-join-smart-joined__detail-icon--campaign {
    color: #ef5661;
    -webkit-box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    box-shadow: 0 6px 12px 0 rgba(239,86,97,.2);
    border: 1px solid #ef5661
}

    .c-join-smart-joined__detail-icon--campaign:before {
        content: "\F0EB\00FE0E"
    }

.c-join-smart-joined__detail-type {
    padding: 20px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-join-smart-joined__detail-type-count {
    color: #606265;
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571;
    font-weight: 500;
    text-align: center;
    margin-top: 10px
}

.c-join-smart-joined__detail-type-title {
    color: #424750;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    text-align: center
}

.c-join-smart-joined__detail-type-des {
    max-width: 285px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #81858b;
    margin-top: 10px;
    text-align: center
}

.c-join-smart-products--height-controller {
    max-height: 40px
}

.c-join-smart-products--item-height-controller {
    min-height: 80px
}

.c-join-smart-products--middle-item-height {
    min-height: 105px
}

.c-join-smart-products--mt-25 {
    margin-top: 25px
}

.c-join-smart-products__header {
    color: #81858b;
    font-weight: 700;
    text-align: right;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    padding: 20px 30px 30px
}

.c-join-smart-products__view-type--blur {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.c-join-smart-products__view-type-discount {
    color: #0e73ad;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1
}

    .c-join-smart-products__view-type-discount:before {
        content: "\F034\00FE0E"
    }

    .c-join-smart-products__view-type-discount:before {
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 1
    }

.c-join-smart-products__view-type-promotion {
    color: #f9a825;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    cursor: pointer
}

    .c-join-smart-products__view-type-promotion:before {
        content: "\F058\00FE0E"
    }

    .c-join-smart-products__view-type-promotion:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 1.833
    }

.c-join-smart-products__view-type-cmapaign {
    color: #ef5661;
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 1.692;
    cursor: pointer
}

    .c-join-smart-products__view-type-cmapaign:before {
        content: "\F0EB\00FE0E"
    }

    .c-join-smart-products__view-type-cmapaign:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222
    }

.c-join-smart-products__view-type-comment {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1
}

    .c-join-smart-products__view-type-comment:before {
        content: "\F1A3\00FE0E"
    }

.c-join-smart-products__view-type-comment--danger {
    color: #ef5661
}

.c-join-smart-products__view-type-comment--warning {
    color: #f9a825
}

@-webkit-keyframes loading-rotate {
    0% {
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-50%) rotate(1turn);
        transform: translateY(-50%) rotate(1turn)
    }
}

.c-promo__tabs {
    width: 100%
}

.c-promo--width-controller {
    max-width: 100%
}

.c-promo__tab-item {
    padding-left: 26px
}

    .c-promo__tab-item a {
        font-size: 15px;
        font-weight: 500;
        line-height: 1.33;
        color: #777;
        padding-bottom: 15px;
        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
    }

        .c-promo__tab-item a:after, .c-promo__tab-item a:before {
            margin-left: 5px
        }

    .c-promo__tab-item.uk-active a {
        border-bottom: 3px solid #4fcce9;
        color: #4fcce9
    }

.c-promo__tab-item--promotions a:before {
    content: "\F0BD\00FE0E"
}

.c-promo__tab-item--products a:before {
    content: "\F0B8\00FE0E"
}

.c-promo__tab-item--ended a:before {
    content: "\F03B\00FE0E"
}

.c-promo__tab-item--done a:before {
    content: "\F033\00FE0E"
}

.c-promo__has-divider {
    padding-bottom: 20px;
    border-bottom: 1px solid #f5f7fa
}

.c-promo__row--m-sm {
    margin-top: 20px !important
}

.c-promo__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .c-promo__actions > * {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 120px
    }

.c-promo__add-product {
    max-width: 105px;
    font-size: 10px;
    text-align: center;
    color: #777;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 2
}

.c-promo__add-product-statement {
    color: #0e73ad
}

.c-promo__add-product-statement--ended {
    color: #777
}

.c-promo__detail-label {
    font-size: 11px;
    color: #9199a0;
    margin-bottom: 7px
}

.c-promo__table-action {
    font-size: 12px;
    color: #777;
    cursor: pointer;
    white-space: nowrap
}

    .c-promo__table-action:after, .c-promo__table-action:before {
        font-size: 1.2em;
        position: relative;
        top: 4px;
        margin-left: 5px
    }

    .c-promo__table-action:hover {
        text-decoration: none;
        color: #777
    }

.c-promo__table-action--delete:before {
    content: "\F016\00FE0E"
}

.c-promo__table-action--edit:before {
    content: "\F064\00FE0E"
}

.c-promo__table-action--undo:before {
    content: "\F102\00FE0E"
}

.c-promo__tab-container {
    display: none
}

.c-promo__tab-container--is-visible {
    display: block
}

.c-dkms__promotion-calendar {
    width: 100%;
    height: 750px
}

@media (min-width:606px) {
    .c-dkms__promotion-calendar {
        height: 450px
    }
}

@media (min-width:1200px) {
    .c-grid__col.c-grid__col--calendar {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }
}

@media (min-width:1200px) {
    .c-grid__col.c-grid__col--calendar-filter {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 355px;
        flex: 0 0 355px
    }
}

.c-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:1200px) {
    .c-calendar {
        padding-left: 45px;
        padding-right: 25px
    }
}

.c-calendar__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 100px;
    position: relative;
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    color: #889098
}

.c-calendar__controls, .c-calendar__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-calendar__controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-calendar__month {
    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;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    color: #606265;
    font-weight: 700;
    cursor: pointer
}

    .c-calendar__month:hover {
        text-decoration: none;
        color: #606265
    }

.c-calendar__month--next, .c-calendar__month--previous {
    font-size: 0;
    margin: 0;
    color: #a1a3a8
}

    .c-calendar__month--next:before, .c-calendar__month--previous:before {
        font-size: 10px;
        font-size: .714rem;
        line-height: 10px
    }

    .c-calendar__month--next:before {
        content: "\F09F\00FE0E"
    }

    .c-calendar__month--previous:before {
        content: "\F0B7\00FE0E"
    }

.c-calendar__year {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 20px;
    color: #889098
}

.c-calendar__year--align-cr {
    right: -40px;
    top: 15px
}

.c-calendar__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.c-calendar__box, .c-calendar__week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-calendar__week {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.05)
}

@media (min-width:1200px) {
    .c-calendar__week {
        padding-left: 30px;
        padding-right: 30px
    }
}

.c-calendar__week:last-of-type {
    border-bottom: none
}

.c-calendar__week--header {
    border-bottom: 2px solid #e0e0e2 !important
}

.c-calendar__day {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 5px 0;
    color: #899098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    overflow: hidden
}

.c-calendar__day, .c-calendar__day--header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-calendar__day--header {
    padding: 6px 0;
    font-weight: 500;
    color: #a1a3a8
}

.c-calendar .c-calendar__day:hover .c-calendar__add-holiday {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-calendar__day-wrapper {
    position: relative;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px;
    height: 38px;
    width: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

    .c-calendar__day-wrapper:hover {
        -webkit-box-shadow: 0 3px 12px 1px rgba(0,0,0,.08);
        box-shadow: 0 3px 12px 1px rgba(0,0,0,.08)
    }

.c-calendar__day-wrapper--holiday {
    padding: 0 12px;
    height: 56px;
    width: 56px
}

.c-calendar__day-wrapper--official-holiday {
    opacity: .6;
    border-radius: 8px;
    border: 1px solid rgba(129,133,139,.2);
    background-color: rgba(129,133,139,.05);
    color: #a1a3a8;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.c-calendar__day-wrapper--official-holiday, .c-calendar__promo-cluster {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-calendar__promo-point {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 -3px;
    border-radius: 6px;
    opacity: .85
}

    .c-calendar__promo-point:hover {
        position: relative;
        z-index: 1
    }

    .c-calendar__promo-point[data-promo-direction=start].c-calendar__promo-point--focus {
        width: 300px;
        margin-left: -291px;
        position: relative;
        z-index: 1
    }

    .c-calendar__promo-point[data-promo-direction=end].c-calendar__promo-point--focus {
        width: 300px;
        margin-right: -291px;
        position: relative;
        z-index: 1
    }

.c-calendar__promo-line {
    position: absolute;
    bottom: 8px;
    display: block;
    height: 12px;
    width: 100%;
    opacity: .85
}

.c-calendar__promo-line--half-left {
    display: none;
    width: 50%;
    right: 50%;
    border-radius: 0 6px 6px 0
}

.c-calendar__promo-line--half-right {
    display: none;
    width: 50%;
    left: 50%;
    border-radius: 6px 0 0 6px
}

.c-calendar__add-holiday {
    border-radius: 4px;
    width: 20px;
    height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -4px;
    left: -4px;
    display: none
}

    .c-calendar__add-holiday:before {
        content: "\F008\00FE0E"
    }

    .c-calendar__add-holiday:before {
        color: #fff;
        font-size: 7px;
        font-size: .5rem;
        line-height: 3.143
    }

.c-calendar__add-holiday--active {
    background-color: #4fcce9;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    cursor: pointer
}

.c-calendar__add-holiday--deactive {
    background-color: #c0c2c5;
    -webkit-box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
    box-shadow: 0 6px 12px 0 rgba(192,194,197,.5);
    cursor: default
}

.c-calendar-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05)
}

.c-calendar-filters__height-controller {
    max-height: 408px
}

.c-calendar-filters__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #f5f7fa;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px;
    color: #889098;
    font-weight: 700
}

.c-calendar-filters__list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px 25px 20px
}

@media (min-width:1200px) {
    .c-calendar-filters__list-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        max-height: none
    }

    .c-calendar-filters__list-wrapper--restricted-height {
        max-height: 342px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.c-calendar-filters__list {
    margin: 0;
    padding: 0 7px 0 0;
    height: 100%;
    overflow-y: auto;
    direction: ltr;
    list-style-type: none
}

    .c-calendar-filters__list::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-calendar-filters__list::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-calendar-filters__list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-calendar-filters__item {
    direction: rtl
}

    .c-calendar-filters__item:not(:first-of-type) {
        margin-top: 15px
    }

.c-calendar-filters__wrapper {
    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
}

.c-calendar-filters__filter-color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4px;
    flex: 0 0 4px;
    margin-left: 7px;
    height: 40px;
    border-radius: 5px;
    background-color: #fff
}

.c-calendar-filters__link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    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;
    padding: 15px 10px;
    border: 1px solid #eaeaea;
    border-radius: 8px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px
}

    .c-calendar-filters__link:hover {
        text-decoration: none
    }

.c-calendar-filters__link--focus {
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.08)
}

    .c-calendar-filters__link--focus .c-calendar-filters__category {
        font-weight: 700
    }

.c-calendar-filters__category {
    color: #606265
}

.c-calendar-filters__date {
    color: #889098
}

.c-mod-link {
    display: inline-block;
    color: #1f77f2;
    border-bottom: 1px dashed #1f77f2;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400
}

    .c-mod-link:hover {
        text-decoration: none
    }

.c-mod-link--tag {
    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;
    color: #4d8fed;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 400;
    border: 1px solid #bcd7fb;
    height: 30px;
    border-radius: 6px;
    background-color: #f0f6ff;
    margin-left: 10px;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-mod-link--tag:after {
        content: "\F111\00FE0E"
    }

    .c-mod-link--tag:after {
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px;
        margin-right: 8px
    }

    .c-mod-link--tag:hover {
        text-decoration: none
    }

.c-mod-disabled {
    opacity: .6;
    pointer-events: none
}

.c-self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.mr-50 {
    margin-right: 50px
}

.mb-10 {
    margin-bottom: 10px
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px
}

.edit-mode {
    opacity: .6;
    pointer-events: none
}

.disabled-reasons {
    opacity: .6;
    cursor: default
}

.js-edited-icon {
    display: none
}

.c-mod-sortable__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

    .c-mod-sortable__icon:before {
        content: "\F0F5\00FE0E"
    }

    .c-mod-sortable__icon:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-mod-breadcrumbs, .c-mod-breadcrumbs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px
}

.c-mod-breadcrumbs__item {
    cursor: pointer;
    margin-left: 30px
}

    .c-mod-breadcrumbs__item:hover {
        text-decoration: none;
        color: #4e5259
    }

.c-mod-breadcrumbs__item--main {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4e5259;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 24px;
    cursor: default
}

    .c-mod-breadcrumbs__item--main:after {
        content: "";
        width: 1px;
        height: 40px;
        display: block;
        background-color: #bbbaba;
        margin-right: 30px
    }

.c-mod-breadcrumbs__item.active {
    color: #fff;
    font-weight: 700;
    background-color: #6ec281;
    border-radius: 20px;
    padding: 3px 10px
}

.c-mod-tabs {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px
}

.c-mod-tabs, .c-mod-tabs__button {
    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-mod-tabs__button {
    height: 40px;
    border: 1px solid #6ec281;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
    color: #6ec281;
    cursor: pointer;
    font-weight: 700;
    width: 100px;
    outline: 0
}

    .c-mod-tabs__button:hover {
        text-decoration: none;
        color: #6ec281
    }

    .c-mod-tabs__button + .c-mod-tabs__button {
        margin-right: 10px
    }

    .c-mod-tabs__button.active {
        background-color: #6ec281;
        color: #fff
    }

.c-mod-select {
    width: 100%;
    position: relative
}

    .c-mod-select:before {
        content: "\F05A\00FE0E"
    }

    .c-mod-select:before {
        z-index: 1;
        position: absolute;
        top: 50%;
        left: 15px;
        font-size: 6px;
        font-size: .429rem;
        line-height: 6px;
        color: #606265
    }

.c-mod-select__origin {
    height: 30px;
    width: 100%;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 8px;
    border-color: #bbbaba;
    outline: 0
}

    .c-mod-select__origin:focus {
        border-color: #7fe7f6
    }

.c-mod-input {
    width: 100%
}

.c-mod-input__origin {
    height: 30px;
    width: 100%;
    background-color: #fff;
    padding: 0 15px;
    border-radius: 8px;
    border: 1px solid #bbbaba;
    outline: 0
}

    .c-mod-input__origin:focus {
        border-color: #7fe7f6
    }

.c-mod-input__origin--number {
    width: 60px;
    padding-left: 5px;
    padding-right: 10px
}

    .c-mod-input__origin--number:disabled {
        border-color: transparent
    }

.c-mod-input__label {
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px
}

.c-mod-separator {
    width: 100%;
    height: 2px;
    background-color: #5cba71;
    border-radius: 2px;
    margin: 10px 0
}

.c-mod-pane .has-error input {
    border-color: #f4919b
}

.c-mod-pane .has-error .error-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-pane .error-msg {
    display: none;
    -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
}

.uk-modal-gallery {
    background: rgba(0,0,0,.8);
    padding: 20px
}

@media screen and (min-width:996px) {
    .uk-modal-gallery {
        padding-left: 40px;
        padding-right: 40px
    }
}

.uk-modal-gallery__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.uk-modal-gallery .uk-modal-close {
    z-index: 10;
    position: absolute;
    left: 50px;
    top: 25px;
    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;
    padding: 13px 0;
    background-color: transparent;
    border: none;
    outline: 0;
    cursor: pointer
}

    .uk-modal-gallery .uk-modal-close:before {
        content: "\F039\00FE0E"
    }

    .uk-modal-gallery .uk-modal-close:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px;
        color: #878c93;
        font-weight: 700
    }

.uk-modal-gallery .separator--vertical {
    display: block;
    height: calc(100% - 10px);
    margin: 5px 22.5px 5px 30px;
    width: 1px;
    background-color: #d8d8d8
}

.uk-modal-gallery .swiper-container {
    max-width: 1550px;
    margin-bottom: 0 !important
}

.gallery-top {
    direction: ltr;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-bottom: 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .gallery-top .swiper-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        overflow: hidden
    }

    .gallery-top .swiper-slide {
        height: 700px !important;
        height: 100%;
        text-align: center
    }

        .gallery-top .swiper-slide .zoom {
            position: relative;
            display: inline-block;
            overflow: hidden;
            height: 100%;
            width: auto
        }

        .gallery-top .swiper-slide img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            max-height: 100%;
            opacity: 0
        }

        .gallery-top .swiper-slide.swiper-slide-active img {
            opacity: 1
        }

    .gallery-top .swiper-controls {
        position: relative;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: calc(100% - 44px);
        margin-left: 44px
    }

    .gallery-top .swiper-controls__label {
        margin-top: 7.5px;
        margin-left: 7.5px
    }

        .gallery-top .swiper-controls__label + .swiper-controls__label {
            margin-left: 7.5px
        }

.swiper-controls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin-bottom: 20px
}

.swiper-controls__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -7.5px 70px 0 62.5px
}

.swiper-controls__rejection-reasons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    direction: rtl
}

.swiper-controls__label {
    cursor: pointer
}

    .swiper-controls__label + .swiper-controls__label {
        margin-left: 15px
    }

.swiper-controls__label--qc {
    margin-right: 5px;
    margin-bottom: 5px
}

    .swiper-controls__label--qc + .swiper-controls__label {
        margin-left: 0
    }

.swiper-controls__trigger {
    display: none
}

    .swiper-controls__trigger:checked + .swiper-controls__check {
        background-color: #ef5661;
        -webkit-box-shadow: inset 0 0 3px 0 #8b3138;
        box-shadow: inset 0 0 3px 0 #8b3138;
        color: #fff
    }

.swiper-controls__check {
    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: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bfc2c6
}

    .swiper-controls__check:before {
        height: 24px;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

    .swiper-controls__check.icon-1 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-1:before {
            content: "\F113\00FE0E"
        }

    .swiper-controls__check.icon-2 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-2:before {
            content: "\F11E\00FE0E"
        }

    .swiper-controls__check.icon-3 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-3:before {
            content: "\F129\00FE0E"
        }

    .swiper-controls__check.icon-4 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-4:before {
            content: "\F134\00FE0E"
        }

    .swiper-controls__check.icon-5 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-5:before {
            content: "\F13F\00FE0E"
        }

    .swiper-controls__check.icon-6 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-6:before {
            content: "\F14A\00FE0E"
        }

    .swiper-controls__check.icon-7 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-7:before {
            content: "\F155\00FE0E"
        }

    .swiper-controls__check.icon-8 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-8:before {
            content: "\F160\00FE0E"
        }

    .swiper-controls__check.icon-9 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-9:before {
            content: "\F16B\00FE0E"
        }

    .swiper-controls__check.icon-10 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-10:before {
            content: "\F114\00FE0E"
        }

    .swiper-controls__check.icon-11 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-11:before {
            content: "\F115\00FE0E"
        }

    .swiper-controls__check.icon-12 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-12:before {
            content: "\F116\00FE0E"
        }

    .swiper-controls__check.icon-13 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-13:before {
            content: "\F117\00FE0E"
        }

    .swiper-controls__check.icon-14 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-14:before {
            content: "\F118\00FE0E"
        }

    .swiper-controls__check.icon-15 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-15:before {
            content: "\F119\00FE0E"
        }

    .swiper-controls__check.icon-16 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-16:before {
            content: "\F11A\00FE0E"
        }

    .swiper-controls__check.icon-17 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-17:before {
            content: "\F11B\00FE0E"
        }

    .swiper-controls__check.icon-18 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-18:before {
            content: "\F11C\00FE0E"
        }

    .swiper-controls__check.icon-19 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-19:before {
            content: "\F11D\00FE0E"
        }

    .swiper-controls__check.icon-20 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-20:before {
            content: "\F11F\00FE0E"
        }

    .swiper-controls__check.icon-21 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-21:before {
            content: "\F120\00FE0E"
        }

    .swiper-controls__check.icon-22 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-22:before {
            content: "\F121\00FE0E"
        }

    .swiper-controls__check.icon-23 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-23:before {
            content: "\F122\00FE0E"
        }

    .swiper-controls__check.icon-24 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-24:before {
            content: "\F123\00FE0E"
        }

    .swiper-controls__check.icon-25 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-25:before {
            content: "\F124\00FE0E"
        }

    .swiper-controls__check.icon-26 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-26:before {
            content: "\F125\00FE0E"
        }

    .swiper-controls__check.icon-27 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-27:before {
            content: "\F126\00FE0E"
        }

    .swiper-controls__check.icon-28 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-28:before {
            content: "\F127\00FE0E"
        }

    .swiper-controls__check.icon-29 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-29:before {
            content: "\F128\00FE0E"
        }

    .swiper-controls__check.icon-30 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-30:before {
            content: "\F12A\00FE0E"
        }

    .swiper-controls__check.icon-31 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-31:before {
            content: "\F12B\00FE0E"
        }

    .swiper-controls__check.icon-32 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-32:before {
            content: "\F12C\00FE0E"
        }

    .swiper-controls__check.icon-33 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-33:before {
            content: "\F12D\00FE0E"
        }

    .swiper-controls__check.icon-34 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-34:before {
            content: "\F12E\00FE0E"
        }

    .swiper-controls__check.icon-35 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-35:before {
            content: "\F12F\00FE0E"
        }

    .swiper-controls__check.icon-36 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-36:before {
            content: "\F130\00FE0E"
        }

    .swiper-controls__check.icon-37 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-37:before {
            content: "\F131\00FE0E"
        }

    .swiper-controls__check.icon-38 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-38:before {
            content: "\F132\00FE0E"
        }

    .swiper-controls__check.icon-39 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-39:before {
            content: "\F133\00FE0E"
        }

    .swiper-controls__check.icon-40 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-40:before {
            content: "\F135\00FE0E"
        }

    .swiper-controls__check.icon-41 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-41:before {
            content: "\F136\00FE0E"
        }

    .swiper-controls__check.icon-42 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-42:before {
            content: "\F137\00FE0E"
        }

    .swiper-controls__check.icon-43 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-43:before {
            content: "\F138\00FE0E"
        }

    .swiper-controls__check.icon-44 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-44:before {
            content: "\F139\00FE0E"
        }

    .swiper-controls__check.icon-45 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-45:before {
            content: "\F13A\00FE0E"
        }

    .swiper-controls__check.icon-46 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-46:before {
            content: "\F13B\00FE0E"
        }

    .swiper-controls__check.icon-47 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-47:before {
            content: "\F13C\00FE0E"
        }

    .swiper-controls__check.icon-48 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-48:before {
            content: "\F13D\00FE0E"
        }

    .swiper-controls__check.icon-49 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-49:before {
            content: "\F13E\00FE0E"
        }

    .swiper-controls__check.icon-50 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-50:before {
            content: "\F140\00FE0E"
        }

    .swiper-controls__check.icon-51 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-51:before {
            content: "\F141\00FE0E"
        }

    .swiper-controls__check.icon-52 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-52:before {
            content: "\F142\00FE0E"
        }

    .swiper-controls__check.icon-53 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-53:before {
            content: "\F143\00FE0E"
        }

    .swiper-controls__check.icon-54 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-54:before {
            content: "\F144\00FE0E"
        }

    .swiper-controls__check.icon-55 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-55:before {
            content: "\F145\00FE0E"
        }

    .swiper-controls__check.icon-56 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-56:before {
            content: "\F146\00FE0E"
        }

    .swiper-controls__check.icon-57 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-57:before {
            content: "\F147\00FE0E"
        }

    .swiper-controls__check.icon-58 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-58:before {
            content: "\F148\00FE0E"
        }

    .swiper-controls__check.icon-59 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-59:before {
            content: "\F149\00FE0E"
        }

    .swiper-controls__check.icon-60 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-60:before {
            content: "\F14B\00FE0E"
        }

    .swiper-controls__check.icon-61 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-61:before {
            content: "\F14C\00FE0E"
        }

    .swiper-controls__check.icon-62 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-62:before {
            content: "\F14D\00FE0E"
        }

    .swiper-controls__check.icon-63 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-63:before {
            content: "\F14E\00FE0E"
        }

    .swiper-controls__check.icon-64 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-64:before {
            content: "\F14F\00FE0E"
        }

    .swiper-controls__check.icon-65 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-65:before {
            content: "\F150\00FE0E"
        }

    .swiper-controls__check.icon-66 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-66:before {
            content: "\F151\00FE0E"
        }

    .swiper-controls__check.icon-67 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-67:before {
            content: "\F152\00FE0E"
        }

    .swiper-controls__check.icon-68 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-68:before {
            content: "\F153\00FE0E"
        }

    .swiper-controls__check.icon-69 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-69:before {
            content: "\F154\00FE0E"
        }

    .swiper-controls__check.icon-70 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-70:before {
            content: "\F156\00FE0E"
        }

    .swiper-controls__check.icon-71 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-71:before {
            content: "\F157\00FE0E"
        }

    .swiper-controls__check.icon-72 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-72:before {
            content: "\F158\00FE0E"
        }

    .swiper-controls__check.icon-73 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-73:before {
            content: "\F159\00FE0E"
        }

    .swiper-controls__check.icon-74 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-74:before {
            content: "\F15A\00FE0E"
        }

    .swiper-controls__check.icon-75 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-75:before {
            content: "\F15B\00FE0E"
        }

    .swiper-controls__check.icon-76 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-76:before {
            content: "\F15C\00FE0E"
        }

    .swiper-controls__check.icon-77 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-77:before {
            content: "\F15D\00FE0E"
        }

    .swiper-controls__check.icon-78 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-78:before {
            content: "\F15E\00FE0E"
        }

    .swiper-controls__check.icon-79 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-79:before {
            content: "\F15F\00FE0E"
        }

    .swiper-controls__check.icon-80 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-80:before {
            content: "\F161\00FE0E"
        }

    .swiper-controls__check.icon-81 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-81:before {
            content: "\F162\00FE0E"
        }

    .swiper-controls__check.icon-82 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-82:before {
            content: "\F163\00FE0E"
        }

    .swiper-controls__check.icon-83 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-83:before {
            content: "\F164\00FE0E"
        }

    .swiper-controls__check.icon-84 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-84:before {
            content: "\F165\00FE0E"
        }

    .swiper-controls__check.icon-85 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-85:before {
            content: "\F166\00FE0E"
        }

    .swiper-controls__check.icon-86 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-86:before {
            content: "\F167\00FE0E"
        }

    .swiper-controls__check.icon-87 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-87:before {
            content: "\F168\00FE0E"
        }

    .swiper-controls__check.icon-88 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-88:before {
            content: "\F169\00FE0E"
        }

    .swiper-controls__check.icon-89 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-89:before {
            content: "\F16A\00FE0E"
        }

    .swiper-controls__check.icon-90 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-90:before {
            content: "\F16C\00FE0E"
        }

    .swiper-controls__check.icon-91 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-91:before {
            content: "\F16D\00FE0E"
        }

    .swiper-controls__check.icon-92 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-92:before {
            content: "\F16E\00FE0E"
        }

    .swiper-controls__check.icon-93 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-93:before {
            content: "\F16F\00FE0E"
        }

    .swiper-controls__check.icon-94 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-94:before {
            content: "\F170\00FE0E"
        }

    .swiper-controls__check.icon-95 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-95:before {
            content: "\F171\00FE0E"
        }

    .swiper-controls__check.icon-96 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-96:before {
            content: "\F172\00FE0E"
        }

    .swiper-controls__check.icon-97 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-97:before {
            content: "\F173\00FE0E"
        }

    .swiper-controls__check.icon-98 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-98:before {
            content: "\F174\00FE0E"
        }

    .swiper-controls__check.icon-99 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-99:before {
            content: "\F175\00FE0E"
        }

    .swiper-controls__check.icon-100 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .swiper-controls__check.icon-100:before {
            content: ""
        }

    .swiper-controls__check.remove:before {
        content: "\F0CF\00FE0E"
    }

    .swiper-controls__check.remove:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

    .swiper-controls__check.variants:before {
        content: "\F109\00FE0E"
    }

    .swiper-controls__check.variants:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.swiper-controls--navigation {
    height: 40px;
    width: 95px;
    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;
    border-radius: 22.5px;
    border: 1px solid #e0e4e8;
    background-color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    font-weight: 700;
    color: #565656;
    cursor: pointer;
    outline: 0
}

    .swiper-controls--navigation.swiper-button-disabled {
        opacity: .6
    }

.swiper-controls--prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    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
}

    .swiper-controls--prev:before {
        content: "\F09F\00FE0E"
    }

    .swiper-controls--prev.swiper-button-disabled {
        display: none
    }

    .swiper-controls--prev:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px;
        color: #878c93
    }

.swiper-controls--next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    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
}

    .swiper-controls--next:before {
        content: "\F0B7\00FE0E"
    }

    .swiper-controls--next.swiper-button-disabled {
        display: none
    }

    .swiper-controls--next:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px;
        color: #878c93
    }

.gallery-thumbs {
    max-width: 100%
}

    .gallery-thumbs .swiper-slide {
        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;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

        .gallery-thumbs .swiper-slide .gallery-thumbs__issues-wrapper {
            border-color: #5cba71
        }

        .gallery-thumbs .swiper-slide.review-pending {
            opacity: .6
        }

            .gallery-thumbs .swiper-slide.review-pending .gallery-thumbs__issues-wrapper {
                border-color: transparent
            }

        .gallery-thumbs .swiper-slide.removed .gallery-thumbs__issues-wrapper {
            border-color: #ef5661
        }

            .gallery-thumbs .swiper-slide.removed .gallery-thumbs__issues-wrapper:before {
                content: "\F0CF\00FE0E"
            }

            .gallery-thumbs .swiper-slide.removed .gallery-thumbs__issues-wrapper:before {
                font-size: 36px;
                font-size: 2.571rem;
                line-height: 36px;
                color: #ef5661;
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translateX(-50%) translateY(-50%);
                transform: translateX(-50%) translateY(-50%)
            }

        .gallery-thumbs .swiper-slide.rejected .gallery-thumbs__issues-wrapper {
            border-color: #ef5661
        }

    .gallery-thumbs .swiper-slide-thumb-active .gallery-thumbs__issues-wrapper {
        border-color: #6ec281
    }

.gallery-thumbs__issues-wrapper {
    position: relative;
    display: block;
    margin: 0;
    width: 90px;
    max-height: 90px;
    border-radius: 12px;
    border: 1px solid transparent;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

    .gallery-thumbs__issues-wrapper:hover .gallery-thumbs__img-big {
        opacity: 1;
        visibility: visible
    }

.gallery-thumbs__issues-wrapper--preview {
    width: 120px;
    height: 120px;
    max-height: 120px;
    margin: 0 10px 20px;
    padding: 0;
    border-color: #5cba71
}

    .gallery-thumbs__issues-wrapper--preview.review-pending {
        opacity: .5;
        border-color: #dcdcdc
    }

.gallery-thumbs__issues-wrapper--reason {
    width: 90px;
    height: 90px;
    max-height: 90px;
    margin: 0 0 0 20px;
    padding: 0;
    border-color: #dcdcdc
}

.gallery-thumbs__issues-wrapper--qc {
    padding: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    width: 90px;
    height: 90px;
    margin-left: 0;
    margin-right: 9px;
    overflow: hidden
}

.gallery-thumbs__issues-wrapper--qc-preview {
    opacity: 1;
    border-color: #dcdcdc;
    cursor: default
}

.gallery-thumbs__issues-wrapper.rejected, .gallery-thumbs__issues-wrapper.removed {
    border-color: #ef5661
}

    .gallery-thumbs__issues-wrapper.removed:before {
        content: "\F0CF\00FE0E"
    }

    .gallery-thumbs__issues-wrapper.removed:before {
        font-size: 36px;
        font-size: 2.571rem;
        line-height: 36px;
        color: #ef5661;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }

.gallery-thumbs__issues-wrapper.review-pending {
    opacity: .5
}

.gallery-thumbs__issues-wrapper img {
    display: block;
    margin: 0;
    max-width: 100%;
    max-height: 100%;
    border-radius: 12px
}

.gallery-thumbs__img-big {
    z-index: 10;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 670px;
    height: 670px;
    padding: 10px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(96,98,101,.22);
    box-shadow: 0 4px 12px 0 rgba(96,98,101,.22);
    border: 1px solid #e0e4e8;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 25px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .2s ease,opacity .2s ease;
    transition: visibility .2s ease,opacity .2s ease
}

    .gallery-thumbs__img-big > div {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 50%
    }

.gallery-thumbs__issues-primary {
    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;
    padding: 0 7px;
    height: 24px;
    width: 70px;
    position: absolute;
    top: 15px;
    right: 0;
    border-radius: 12px 0 0 12px;
    background-color: #6ec281;
    font-size: 11px;
    font-size: .786rem;
    line-height: 11px;
    font-weight: 700;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.gallery-thumbs__issues-primary--modal {
    right: 5px
}

.gallery-thumbs__issues-counter {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #ef5661;
    color: #fff;
    font-size: 13px;
    font-size: .929rem;
    line-height: 13px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 2px
}

.gallery-thumbs__issues-counter--reject {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-thumbs__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    padding: 0 20px;
    max-width: 1400px;
    position: relative;
    margin: auto auto 0;
    direction: ltr;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px
}

@media screen and (min-width:996px) {
    .swiper-thumbs__container {
        padding: 0 30px
    }
}

@media screen and (min-width:1480px) {
    .swiper-thumbs__container {
        padding: 0 60px
    }
}

.js-disabled-actions-in-modal.modal-disable {
    pointer-events: none;
    opacity: .6
}

.c-mod-confirm-modal {
    z-index: 10;
    position: absolute;
    top: 80px;
    left: 50%;
    width: 415px;
    max-width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 28px 20px 20px;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.23);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.23);
    border-radius: 5px;
    background-color: #fff;
    direction: ltr
}

.c-mod-confirm-modal--info {
    padding-top: 50px;
    padding-bottom: 50px;
    width: 600px
}

.c-mod-confirm-modal__msg {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    color: #030a17;
    font-weight: 700
}

.c-mod-confirm-modal__msg--center {
    text-align: center
}

.c-mod-confirm-modal__btn-controls {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-mod-confirm-modal__btn, .c-mod-confirm-modal__btn-controls--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-mod-confirm-modal__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70px;
    height: 40px;
    border: 1px solid #e0e4e8;
    background-color: #fff;
    border-radius: 22.5px;
    color: #565656;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px;
    font-weight: 700;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

    .c-mod-confirm-modal__btn:not(:first-of-type) {
        margin-left: 15px
    }

.c-mod-confirm-modal__btn--confirm {
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    background-color: #4fcce9;
    border-color: #4fcce9
}

.c-mod-confirm-modal__btn--decline {
    color: #ef5661
}

.c-mod-confirm-modal__btn--info {
    color: #6ec281;
    width: 160px
}

    .c-mod-confirm-modal__btn--info:hover {
        background-color: #6ec281;
        color: #fff
    }

.ZoomContainer {
    pointer-events: none
}

.c-mod-app {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    height: 100%;
    min-height: 100%;
    background: #f8fafb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-mod-app * {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

.c-mod-app__header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 102;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1)
}

.c-mod-app__main {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto
}

.c-mod-app__footer {
    z-index: 100;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1)
}

.modal-open {
    overflow-y: hidden
}

.c-mod-header {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-header, .c-mod-header__base {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-header__base {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 60px;
    padding: 0 20px;
    background-color: #6ec281
}

@media (min-width:768px) {
    .c-mod-header__base {
        padding: 0 50px 0 20px
    }
}

.c-mod-header__base--tv {
    padding-left: 30px;
    padding-right: 30px
}

.c-mod-header__logo {
    width: 30px;
    height: 20px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background: url(../files/26eaf576.svg) 50% no-repeat;
    background-size: 30px auto
}

.c-mod-header__title {
    display: none
}

@media (min-width:768px) {
    .c-mod-header__title {
        display: block;
        position: relative;
        color: #fff;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 28px;
        padding-right: 20px;
        margin-right: 20px
    }

        .c-mod-header__title:after {
            content: "";
            position: absolute;
            right: 0;
            top: -6px;
            bottom: -6px;
            width: 1px;
            background-color: rgba(234,235,240,.2)
        }
}

.c-mod-header__title--tv {
    display: initial;
    color: #4e5259;
    font-weight: bolder
}

.c-mod-header__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c-mod-header__content, .c-mod-header__profile {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    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;
    min-width: 0
}

.c-mod-header__profile {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 100%;
    min-height: 60px;
    padding: 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width:768px) {
    .c-mod-header__profile {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 280px;
        padding: 5px 10px 5px 50px;
        border-right: 1px solid #e9eaeb
    }
}

.c-mod-header__profile-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden
}

.c-mod-header__profile-avatar {
    width: 100%;
    height: 100%;
    background: url(../files/6078f7a3.png) no-repeat 50% #ccc;
    background-size: 100% auto
}

.c-mod-header__profile-details {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0
}

.c-mod-header__profile-name {
    display: block;
    color: #6d7177;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    min-width: 1px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .c-mod-header__profile-name:hover {
        color: #6d7177;
        text-decoration: underline
    }

.c-mod-header__profile-sla {
    direction: ltr;
    text-align: right;
    white-space: nowrap
}

.c-mod-header__profile-sla-total {
    color: #a3a4a7;
    font-size: 10px
}

    .c-mod-header__profile-sla-total:before {
        content: " / "
    }

.c-mod-header__profile-sla-current {
    color: #6d7177;
    font-size: 12px;
    font-weight: 700
}

.c-mod-header__actions {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 15px
}

@media screen and (min-width:768px) {
    .c-mod-header__actions {
        padding: 0 50px
    }
}

.c-mod-footer {
    padding: 10px 0
}

@media (min-width:768px) {
    .c-mod-footer {
        padding: 20px 0
    }
}

.c-mod-notification {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    max-height: calc(100% - 80px);
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 70px 10px 10px;
    overflow: auto;
    pointer-events: none
}

    .c-mod-notification.is-visible > div {
        opacity: 1
    }

    .c-mod-notification > div {
        color: #ef5661;
        font-size: 14px;
        font-size: 1rem;
        line-height: 24px;
        opacity: 0;
        max-width: 100%;
        width: 580px;
        padding: 22px 20px;
        border-radius: 6px;
        -webkit-box-shadow: 0 4px 10px 0 rgba(39,38,38,.15);
        box-shadow: 0 4px 10px 0 rgba(39,38,38,.15);
        border: 1px solid rgba(0,0,0,.2);
        background-color: #fcdddf;
        -webkit-transition: opacity .25s ease-out;
        transition: opacity .25s ease-out;
        margin-bottom: 15px;
        text-align: center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.c-mod-layout {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:768px) {
    .c-mod-layout {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-mod-layout__sidebar {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0 10px
}

@media (min-width:768px) {
    .c-mod-layout__sidebar {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        padding-left: 10px;
        padding-right: 20px;
        overflow: auto
    }
}

.c-mod-layout__sidebar--single {
    overflow: unset
}

.c-mod-layout__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 10px;
    direction: ltr
}

@media (min-width:768px) {
    .c-mod-layout__content {
        padding: 0 10px 0 20px;
        overflow-y: auto;
        overflow-x: hidden
    }
}

.c-mod-layout__content--single {
    width: 100%;
    padding: 0 20px;
    overflow: unset
}

.c-mod-layout__content--rtl {
    direction: rtl
}

.c-mod-layout__center {
    margin-right: auto;
    margin-left: auto;
    width: 100%
}

.c-mod-layout__full {
    width: 100%
}

.c-mod-grid {
    padding-top: 20px;
    padding-bottom: 20px
}

.c-mod-grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -7.5px;
    margin-right: -7.5px
}

    .c-mod-grid__row + .c-mod-grid__row {
        margin-top: 20px
    }

.c-mod-grid__row--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-grid__row--equal + .c-mod-grid__row--equal {
    margin-top: 15px
}

.c-mod-grid__row--no-space + .c-mod-grid__row--no-space {
    margin-top: 0
}

.c-mod-grid__row--height {
    height: 100%
}

.c-mod-grid__row--tv {
    margin-left: -15px;
    margin-right: -15px
}

.c-mod-grid__separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%;
    height: 1px;
    margin: 15px 7px 30px;
    background-color: #d8d8d8
}

.c-mod-grid__col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 7.5px;
    padding-right: 7.5px
}

.c-mod-grid__col--auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.c-mod-grid__col--full {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c-mod-grid__col--responsive {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.c-mod-grid__col--pull-right {
    margin-left: auto
}

.c-mod-grid__col--pull-left {
    margin-right: auto
}

.c-mod-grid__col--drag {
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

.c-mod-grid__col--tv {
    padding-left: 15px;
    padding-right: 15px
}

@media screen and (min-width:768px) {
    .c-mod-grid__col--sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333%;
        flex: 0 0 8.333%
    }

    .c-mod-grid__col--sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.667%;
        flex: 0 0 16.667%
    }

    .c-mod-grid__col--sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }

    .c-mod-grid__col--sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%
    }

    .c-mod-grid__col--sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.667%;
        flex: 0 0 41.667%
    }

    .c-mod-grid__col--sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }

    .c-mod-grid__col--sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333%;
        flex: 0 0 58.333%
    }

    .c-mod-grid__col--sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.667%;
        flex: 0 0 66.667%
    }

    .c-mod-grid__col--sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%
    }

    .c-mod-grid__col--sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333%;
        flex: 0 0 83.333%
    }

    .c-mod-grid__col--sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.667%;
        flex: 0 0 91.667%
    }

    .c-mod-grid__col--sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.c-mod-pane {
    position: relative;
    width: 100%;
    padding: 20px 30px;
    margin: 30px 0;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    direction: rtl
}

    .c-mod-pane + .c-mod-pane {
        margin-top: 20px
    }

    .c-mod-pane.not-sure {
        -webkit-box-shadow: 0 0 12px 0 rgba(255,153,0,.7);
        box-shadow: 0 0 12px 0 rgba(255,153,0,.7)
    }

.c-mod-pane--transparent {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-mod-pane--card {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: calc(100% - 15px)
}

    .c-mod-pane--card + .c-mod-pane--card {
        margin-top: 0
    }

.c-mod-pane--qc-card {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: calc(100% - 15px)
}

    .c-mod-pane--qc-card + .c-mod-pane--qc-card {
        margin-top: 0
    }

.c-mod-pane--qc-header {
    margin-top: 0;
    margin-bottom: 0;
    padding: 15px 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    border-radius: 0
}

.c-mod-pane--sidebar {
    padding-left: 15px;
    padding-right: 15px
}

.c-mod-pane--modal {
    margin: 0;
    width: 100%
}

.c-mod-pane--modal-qc {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-mod-pane--tv {
    height: 100%
}

.c-mod-pane--tv, .c-mod-pane--tv-dark {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 30px
}

.c-mod-pane--tv-dark {
    background-color: rgba(66,71,80,.15);
    height: 715px;
    padding: 26px 28px
}

.c-mod-pane--tv-top {
    margin-top: 0;
    background-color: rgba(66,71,80,.15);
    border-radius: 0 0 30px 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.c-mod-pane__content {
    margin-top: 15px;
    position: relative
}

.c-mod-pane__content--card {
    margin-top: 15px;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px;
    color: #878c93
}

.c-mod-pane__content--qc {
    margin-top: 0
}

.c-mod-pane__content--responsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.c-mod-pane__content--height-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    overflow: hidden
}

.c-mod-pane__content--bad-at .c-mod-checkbox__label--choice {
    -webkit-box-shadow: inset 0 0 0 1px #ef5661;
    box-shadow: inset 0 0 0 1px #ef5661;
    background-color: rgba(237,85,101,.1)
}

.c-mod-pane__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: #6ec281;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    font-weight: 700;
    border-bottom: 2px solid #d8d8d8
}

    .c-mod-pane__header:after {
        content: "";
        position: absolute;
        bottom: -3px;
        right: 0;
        width: 50px;
        height: 4px;
        border-radius: 2px;
        background-color: #6ec281
    }

.c-mod-pane__header-title {
    padding-bottom: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.c-mod-pane__strong {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 51px;
    margin-right: 5px;
    font-weight: 700;
    color: #4e5259
}

.c-mod-pane__footer {
    margin-top: auto;
    position: relative;
    color: #6ec281;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    border-top: 2px solid #d8d8d8;
    padding-top: 15px
}

.c-mod-pane__action, .c-mod-pane__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-pane__action {
    color: #4e5259;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px
}

    .c-mod-pane__action:after {
        content: "\F0B7\00FE0E"
    }

    .c-mod-pane__action:hover {
        text-decoration: none;
        color: #4e5259
    }

    .c-mod-pane__action:after {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px;
        color: #878c93;
        margin-right: 15px
    }

.c-mod-pane__img-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 125px;
    height: 125px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px
}

.c-mod-pane__img-container--round {
    border-radius: 50%;
    overflow: hidden
}

.c-mod-pane__img-container--background {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-mod-pane__img-container:hover .c-mod-pane__img-edit {
    opacity: 1;
    visibility: visible
}

.c-mod-pane__img {
    display: block;
    width: 100%;
    height: auto
}

.c-mod-pane__img-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 125px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px;
    margin-left: 20px
}

.c-mod-pane__img-column, .c-mod-pane__img-edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-pane__img-edit {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .15s ease,hidden .15s ease;
    transition: opacity .15s ease,hidden .15s ease;
    position: absolute;
    bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 30px;
    width: 45px;
    background-color: rgba(78,82,89,.8);
    color: #fff;
    border-radius: 20px;
    cursor: pointer
}

    .c-mod-pane__img-edit:before {
        content: "\F022\00FE0E"
    }

    .c-mod-pane__img-edit:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px
    }

.c-mod-pane__origin-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-pane__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    margin-left: 15px
}

.c-mod-pane__col--agent-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px
}

.c-mod-pane__col--agent-info, .c-mod-pane__col--btn-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0
}

.c-mod-pane__col--btn-controls {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 0 0 375px;
    flex: 0 0 375px;
    margin-left: 0;
    max-width: 375px
}

.c-mod-pane__col--single-search {
    width: 240px;
    position: relative
}

    .c-mod-pane__col--single-search input {
        background-color: #f5f7fa;
        color: #6d7177;
        border-radius: 20px
    }

    .c-mod-pane__col--single-search button {
        position: absolute;
        left: 0
    }

.c-mod-pane__row {
    width: 100%
}

    .c-mod-pane__row + .c-mod-pane__row {
        margin-top: 10px
    }

.c-mod-pane__status {
    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;
    height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    color: #fff;
    border-radius: 18px
}

    .c-mod-pane__status.active {
        background-color: #6ec281
    }

    .c-mod-pane__status.inactive {
        background-color: #bbbaba
    }

.c-mod-pane__status--dark {
    background-color: #f5f7fa;
    color: #6d7177
}

    .c-mod-pane__status--dark .bold {
        font-weight: 700
    }

.c-mod-pane__badges {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px
}

.c-mod-pane__badge, .c-mod-pane__badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-pane__badge {
    margin-left: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(96,98,101,.1);
    box-shadow: 0 4px 12px 0 rgba(96,98,101,.1)
}

    .c-mod-pane__badge:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

.c-mod-pane__badge--small {
    width: 30px;
    height: 30px
}

    .c-mod-pane__badge--small:last-of-type {
        margin-left: 0
    }

.c-mod-pane__badge.speed {
    color: #72d1f4;
    background-color: #e3f6fc
}

    .c-mod-pane__badge.speed:before {
        content: "\F0E9\00FE0E"
    }

.c-mod-pane__badge.quality {
    color: #fdc364;
    background-color: #fff1d9
}

    .c-mod-pane__badge.quality:before {
        content: "\F0C1\00FE0E"
    }

.c-mod-pane__trend {
    color: #6d7177;
    font-size: 12px;
    font-size: .857rem;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-mod-pane__trend-focus {
    color: #6ec281;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 24px;
    font-weight: 700;
    margin-left: 5px
}

    .c-mod-pane__trend-focus:after {
        margin-left: 5px
    }

    .c-mod-pane__trend-focus.up:after {
        content: "\F0EF\00FE0E"
    }

    .c-mod-pane__trend-focus.down:after {
        content: "\F0EF\00FE0E"
    }

    .c-mod-pane__trend-focus.add:after {
        content: "\F0EF\00FE0E"
    }

.c-mod-tooltip {
    position: fixed;
    opacity: 0;
    z-index: 1011;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    width: 235px;
    padding: 15px 20px;
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid hsla(0,0%,59.2%,.2);
    background-color: #fff;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

    .c-mod-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 10px;
        height: 10px;
        margin-left: -6px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        border-left: 1px solid hsla(0,0%,59.2%,.2);
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff
    }

.c-mod-tooltip--modal {
    text-align: center;
    width: 122px;
    padding: 5px 10px
}

.c-mod-tooltip--popover {
    text-align: center;
    width: 235px;
    padding: 5px 10px
}

.c-mod-tooltip--auto {
    width: auto
}

.c-mod-tooltip--left {
    -webkit-transform: translateX(-85%);
    transform: translateX(-85%)
}

    .c-mod-tooltip--left:before {
        left: 85%
    }

.c-mod-tooltip--right {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%)
}

    .c-mod-tooltip--right:before {
        left: 15%
    }

.c-mod-tooltip--top {
    margin-top: -5px
}

    .c-mod-tooltip--top:before {
        top: unset;
        bottom: -20px;
        border-bottom-color: transparent;
        border-top: 10px solid #fff
    }

.c-mod-tooltip p {
    margin-bottom: 0
}

    .c-mod-tooltip p + p {
        margin-top: 5px
    }

.c-mod-btn {
    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: #565656;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    font-weight: 700;
    min-width: 80px;
    height: 40px;
    padding: 0 5px;
    border: 1px solid #e0e4e8;
    border-radius: 20px;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .15s ease;
    transition: all .15s ease
}

    .c-mod-btn:hover {
        text-decoration: none;
        color: #565656;
        background-color: #f2f2f2
    }

    .c-mod-btn:focus {
        -webkit-box-shadow: 0 0 1px 3px rgba(0,0,0,.2);
        box-shadow: 0 0 1px 3px rgba(0,0,0,.2)
    }

    .c-mod-btn:disabled {
        opacity: .6;
        cursor: default;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .c-mod-btn.disabled {
        opacity: .6;
        cursor: default;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-mod-btn--confirm {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px 0 #2e8341;
    box-shadow: inset 0 0 3px 0 #2e8341;
    background-color: #6ec281;
    min-width: unset
}

    .c-mod-btn--confirm:before {
        content: "\F0FC\00FE0E"
    }

    .c-mod-btn--confirm:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 24px;
        color: #fff;
        font-weight: 700
    }

    .c-mod-btn--confirm:focus, .c-mod-btn--confirm:hover {
        background-color: #6ec281;
        -webkit-box-shadow: inset 0 0 3px 0 #2e8341;
        box-shadow: inset 0 0 3px 0 #2e8341
    }

.c-mod-btn--confirm-reason {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px 0 #2e8341;
    box-shadow: inset 0 0 3px 0 #2e8341;
    background-color: #6ec281;
    min-width: unset;
    color: #fff
}

    .c-mod-btn--confirm-reason:before {
        content: "\F0FC\00FE0E"
    }

    .c-mod-btn--confirm-reason:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 24px;
        font-weight: 700
    }

    .c-mod-btn--confirm-reason:focus, .c-mod-btn--confirm-reason:hover {
        background-color: #6ec281;
        -webkit-box-shadow: inset 0 0 3px 0 #2e8341;
        box-shadow: inset 0 0 3px 0 #2e8341;
        color: #fff
    }

    .c-mod-btn--confirm-reason:disabled {
        color: #606265;
        background-color: #f9fafc;
        border-color: #e6eaef;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-mod-btn--cancel {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8;
    min-width: unset
}

    .c-mod-btn--cancel:before {
        content: "\F03D\00FE0E"
    }

    .c-mod-btn--cancel:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: #878c93
    }

    .c-mod-btn--cancel:focus, .c-mod-btn--cancel:hover {
        -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
        box-shadow: inset 0 0 3px 0 #e0e4e8
    }

    .c-mod-btn--cancel.c-mod-btn--qc-edit:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 24px
    }

.c-mod-btn--reject-reason {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border-color: #ef5661;
    min-width: unset;
    color: #ef5661
}

    .c-mod-btn--reject-reason:before {
        content: "\F03D\00FE0E"
    }

    .c-mod-btn--reject-reason:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

    .c-mod-btn--reject-reason:focus, .c-mod-btn--reject-reason:hover {
        background-color: #ef5661;
        color: #fff
    }

    .c-mod-btn--reject-reason.c-mod-btn--qc-edit:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 24px
    }

    .c-mod-btn--reject-reason:disabled {
        color: #606265;
        background-color: #f9fafc;
        border-color: #e6eaef;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-mod-btn--primary {
    color: #fff;
    background-color: #6ec281;
    border-color: #6ec281;
    -webkit-box-shadow: 0 0 10px 0 rgba(110,194,129,.4);
    box-shadow: 0 0 10px 0 rgba(110,194,129,.4)
}

    .c-mod-btn--primary:hover {
        text-decoration: none;
        color: #fff;
        background-color: #5cba71
    }

    .c-mod-btn--primary:disabled {
        color: #6ec281;
        background-color: #fff
    }

.c-mod-btn--secondary {
    color: #6ec281;
    border-color: #6ec281
}

    .c-mod-btn--secondary:hover {
        text-decoration: none;
        color: #fff;
        background-color: #6ec281
    }

    .c-mod-btn--secondary:disabled {
        color: #6ec281;
        background-color: #fff
    }

.c-mod-btn--danger {
    color: #fff;
    background-color: #ef5661;
    border-color: #ef5661;
    -webkit-box-shadow: 0 0 10px 0 rgba(141,35,43,.4);
    box-shadow: 0 0 10px 0 rgba(141,35,43,.4)
}

    .c-mod-btn--danger:hover {
        text-decoration: none;
        color: #fff;
        background-color: #ed3f4b
    }

    .c-mod-btn--danger:disabled {
        color: #ef5661;
        background-color: #fff
    }

.c-mod-btn--warning {
    color: #ef5661;
    background-color: #fff
}

    .c-mod-btn--warning:hover {
        text-decoration: none;
        color: #ef5661;
        border-color: #ef5661
    }

    .c-mod-btn--warning:disabled {
        color: #ef5661;
        background-color: #fff
    }

.c-mod-btn--attention {
    color: #fff;
    background-color: #f90;
    border-color: #f90
}

    .c-mod-btn--attention:hover {
        text-decoration: none;
        color: #fff;
        background-color: #f90
    }

    .c-mod-btn--attention:disabled {
        opacity: .6;
        cursor: default;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #f90;
        background-color: #fff
    }

    .c-mod-btn--attention.disabled {
        color: #606265;
        background-color: #f9fafc;
        border-color: #e6eaef;
        pointer-events: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .6
    }

.c-mod-btn--attention-fill {
    background-color: #f90;
    color: #fff
}

.c-mod-btn--large {
    padding: 0 10px;
    width: 180px;
    text-align: center
}

.c-mod-btn--medium {
    padding: 0 10px;
    width: 125px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 125px;
    flex: 0 0 125px
}

.c-mod-btn--small {
    padding: 0 10px;
    width: 105px;
    text-align: center
}

.c-mod-btn--extended {
    padding: 0 20px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px
}

@media screen and (min-width:768px) {
    .c-mod-btn--extended {
        padding: 0 40px
    }
}

.c-mod-btn--edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    min-width: unset;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #878c93;
    outline: 0;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    margin-right: 10px
}

    .c-mod-btn--edit:before {
        content: "\F063\00FE0E"
    }

    .c-mod-btn--edit:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px
    }

.c-mod-btn__counter {
    display: none;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    border-radius: 12px;
    background-color: rgba(0,0,0,.3);
    font-size: 13px;
    font-size: .929rem;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700
}

.c-mod-btn__counter--attention {
    display: inline-block;
    width: unset;
    padding: 0 5px
}

.c-mod-btn--qc-edit {
    width: 30px;
    height: 30px
}

    .c-mod-btn--qc-edit:before {
        font-size: 11px;
        font-size: .786rem;
        line-height: 24px
    }

.c-mod-btn--warning-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    min-width: unset;
    padding: 0;
    border: none;
    background-color: transparent;
    color: #f90;
    outline: 0;
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    margin-right: 10px
}

    .c-mod-btn--warning-icon:before {
        content: "\F08D\00FE0E"
    }

    .c-mod-btn--warning-icon:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

.c-mod-btn.mr-20 {
    margin-right: 20px
}

.c-mod-checkbox {
    max-width: 100%;
    margin-bottom: 12px
}

    .c-mod-checkbox + .c-mod-checkbox {
        margin-right: 10px
    }

    .c-mod-checkbox:nth-of-type(5n+1) {
        margin-right: 0
    }

.c-mod-checkbox--tag {
    margin-bottom: unset
}

    .c-mod-checkbox--tag + .c-mod-checkbox--tag {
        margin-right: 0
    }

.c-mod-checkbox--choice {
    margin-bottom: unset;
    padding: 5px 0
}

    .c-mod-checkbox--choice + .c-mod-checkbox--choice {
        margin-right: 0
    }

.c-mod-checkbox--edit {
    margin-bottom: 0
}

.c-mod-checkbox__origin {
    display: none
}

    .c-mod-checkbox__origin:checked + .c-mod-checkbox__check {
        background-color: #ef5661;
        -webkit-box-shadow: inset 0 0 3px 0 #8b3138;
        box-shadow: inset 0 0 3px 0 #8b3138;
        color: #fff
    }

        .c-mod-checkbox__origin:checked + .c-mod-checkbox__check.edit {
            background-color: #fff;
            -webkit-box-shadow: inset 0 0 1px 1px #ef5661;
            box-shadow: inset 0 0 1px 1px #ef5661;
            color: #ef5661
        }

    .c-mod-checkbox__origin:checked + .c-mod-checkbox__check--small {
        background-color: #6ec281;
        border-color: #6ec281;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff
    }

        .c-mod-checkbox__origin:checked + .c-mod-checkbox__check--small:before {
            display: block;
            color: #fff
        }

    .c-mod-checkbox__origin:checked + .c-mod-checkbox__label--tag {
        background-color: #ef5661;
        color: #fff;
        -webkit-box-shadow: inset 0 0 3px 0 #8b3138;
        box-shadow: inset 0 0 3px 0 #8b3138
    }

        .c-mod-checkbox__origin:checked + .c-mod-checkbox__label--tag:after {
            opacity: 1
        }

    .c-mod-checkbox__origin:checked + .c-mod-checkbox__check--toggle:before {
        background-color: #6ec281;
        margin-right: 24px
    }

    .c-mod-checkbox__origin:disabled + .c-mod-checkbox__check {
        cursor: default
    }

    .c-mod-checkbox__origin:disabled + .c-mod-checkbox__check--square {
        cursor: default
    }

    .c-mod-checkbox__origin:disabled + .c-mod-checkbox__label--tag {
        cursor: default
    }

    .c-mod-checkbox__origin:disabled + .c-mod-checkbox__check--toggle {
        cursor: default
    }

.c-mod-checkbox__check {
    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: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bfc2c6;
    cursor: pointer
}

    .c-mod-checkbox__check:before {
        height: 24px;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

    .c-mod-checkbox__check.icon-1 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-1:before {
            content: "\F113\00FE0E"
        }

    .c-mod-checkbox__check.icon-2 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-2:before {
            content: "\F11E\00FE0E"
        }

    .c-mod-checkbox__check.icon-3 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-3:before {
            content: "\F129\00FE0E"
        }

    .c-mod-checkbox__check.icon-4 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-4:before {
            content: "\F134\00FE0E"
        }

    .c-mod-checkbox__check.icon-5 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-5:before {
            content: "\F13F\00FE0E"
        }

    .c-mod-checkbox__check.icon-6 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-6:before {
            content: "\F14A\00FE0E"
        }

    .c-mod-checkbox__check.icon-7 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-7:before {
            content: "\F155\00FE0E"
        }

    .c-mod-checkbox__check.icon-8 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-8:before {
            content: "\F160\00FE0E"
        }

    .c-mod-checkbox__check.icon-9 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-9:before {
            content: "\F16B\00FE0E"
        }

    .c-mod-checkbox__check.icon-10 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-10:before {
            content: "\F114\00FE0E"
        }

    .c-mod-checkbox__check.icon-11 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-11:before {
            content: "\F115\00FE0E"
        }

    .c-mod-checkbox__check.icon-12 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-12:before {
            content: "\F116\00FE0E"
        }

    .c-mod-checkbox__check.icon-13 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-13:before {
            content: "\F117\00FE0E"
        }

    .c-mod-checkbox__check.icon-14 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-14:before {
            content: "\F118\00FE0E"
        }

    .c-mod-checkbox__check.icon-15 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-15:before {
            content: "\F119\00FE0E"
        }

    .c-mod-checkbox__check.icon-16 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-16:before {
            content: "\F11A\00FE0E"
        }

    .c-mod-checkbox__check.icon-17 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-17:before {
            content: "\F11B\00FE0E"
        }

    .c-mod-checkbox__check.icon-18 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-18:before {
            content: "\F11C\00FE0E"
        }

    .c-mod-checkbox__check.icon-19 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-19:before {
            content: "\F11D\00FE0E"
        }

    .c-mod-checkbox__check.icon-20 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-20:before {
            content: "\F11F\00FE0E"
        }

    .c-mod-checkbox__check.icon-21 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-21:before {
            content: "\F120\00FE0E"
        }

    .c-mod-checkbox__check.icon-22 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-22:before {
            content: "\F121\00FE0E"
        }

    .c-mod-checkbox__check.icon-23 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-23:before {
            content: "\F122\00FE0E"
        }

    .c-mod-checkbox__check.icon-24 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-24:before {
            content: "\F123\00FE0E"
        }

    .c-mod-checkbox__check.icon-25 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-25:before {
            content: "\F124\00FE0E"
        }

    .c-mod-checkbox__check.icon-26 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-26:before {
            content: "\F125\00FE0E"
        }

    .c-mod-checkbox__check.icon-27 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-27:before {
            content: "\F126\00FE0E"
        }

    .c-mod-checkbox__check.icon-28 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-28:before {
            content: "\F127\00FE0E"
        }

    .c-mod-checkbox__check.icon-29 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-29:before {
            content: "\F128\00FE0E"
        }

    .c-mod-checkbox__check.icon-30 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-30:before {
            content: "\F12A\00FE0E"
        }

    .c-mod-checkbox__check.icon-31 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-31:before {
            content: "\F12B\00FE0E"
        }

    .c-mod-checkbox__check.icon-32 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-32:before {
            content: "\F12C\00FE0E"
        }

    .c-mod-checkbox__check.icon-33 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-33:before {
            content: "\F12D\00FE0E"
        }

    .c-mod-checkbox__check.icon-34 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-34:before {
            content: "\F12E\00FE0E"
        }

    .c-mod-checkbox__check.icon-35 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-35:before {
            content: "\F12F\00FE0E"
        }

    .c-mod-checkbox__check.icon-36 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-36:before {
            content: "\F130\00FE0E"
        }

    .c-mod-checkbox__check.icon-37 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-37:before {
            content: "\F131\00FE0E"
        }

    .c-mod-checkbox__check.icon-38 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-38:before {
            content: "\F132\00FE0E"
        }

    .c-mod-checkbox__check.icon-39 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-39:before {
            content: "\F133\00FE0E"
        }

    .c-mod-checkbox__check.icon-40 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-40:before {
            content: "\F135\00FE0E"
        }

    .c-mod-checkbox__check.icon-41 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-41:before {
            content: "\F136\00FE0E"
        }

    .c-mod-checkbox__check.icon-42 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-42:before {
            content: "\F137\00FE0E"
        }

    .c-mod-checkbox__check.icon-43 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-43:before {
            content: "\F138\00FE0E"
        }

    .c-mod-checkbox__check.icon-44 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-44:before {
            content: "\F139\00FE0E"
        }

    .c-mod-checkbox__check.icon-45 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-45:before {
            content: "\F13A\00FE0E"
        }

    .c-mod-checkbox__check.icon-46 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-46:before {
            content: "\F13B\00FE0E"
        }

    .c-mod-checkbox__check.icon-47 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-47:before {
            content: "\F13C\00FE0E"
        }

    .c-mod-checkbox__check.icon-48 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-48:before {
            content: "\F13D\00FE0E"
        }

    .c-mod-checkbox__check.icon-49 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-49:before {
            content: "\F13E\00FE0E"
        }

    .c-mod-checkbox__check.icon-50 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-50:before {
            content: "\F140\00FE0E"
        }

    .c-mod-checkbox__check.icon-51 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-51:before {
            content: "\F141\00FE0E"
        }

    .c-mod-checkbox__check.icon-52 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-52:before {
            content: "\F142\00FE0E"
        }

    .c-mod-checkbox__check.icon-53 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-53:before {
            content: "\F143\00FE0E"
        }

    .c-mod-checkbox__check.icon-54 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-54:before {
            content: "\F144\00FE0E"
        }

    .c-mod-checkbox__check.icon-55 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-55:before {
            content: "\F145\00FE0E"
        }

    .c-mod-checkbox__check.icon-56 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-56:before {
            content: "\F146\00FE0E"
        }

    .c-mod-checkbox__check.icon-57 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-57:before {
            content: "\F147\00FE0E"
        }

    .c-mod-checkbox__check.icon-58 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-58:before {
            content: "\F148\00FE0E"
        }

    .c-mod-checkbox__check.icon-59 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-59:before {
            content: "\F149\00FE0E"
        }

    .c-mod-checkbox__check.icon-60 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-60:before {
            content: "\F14B\00FE0E"
        }

    .c-mod-checkbox__check.icon-61 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-61:before {
            content: "\F14C\00FE0E"
        }

    .c-mod-checkbox__check.icon-62 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-62:before {
            content: "\F14D\00FE0E"
        }

    .c-mod-checkbox__check.icon-63 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-63:before {
            content: "\F14E\00FE0E"
        }

    .c-mod-checkbox__check.icon-64 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-64:before {
            content: "\F14F\00FE0E"
        }

    .c-mod-checkbox__check.icon-65 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-65:before {
            content: "\F150\00FE0E"
        }

    .c-mod-checkbox__check.icon-66 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-66:before {
            content: "\F151\00FE0E"
        }

    .c-mod-checkbox__check.icon-67 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-67:before {
            content: "\F152\00FE0E"
        }

    .c-mod-checkbox__check.icon-68 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-68:before {
            content: "\F153\00FE0E"
        }

    .c-mod-checkbox__check.icon-69 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-69:before {
            content: "\F154\00FE0E"
        }

    .c-mod-checkbox__check.icon-70 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-70:before {
            content: "\F156\00FE0E"
        }

    .c-mod-checkbox__check.icon-71 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-71:before {
            content: "\F157\00FE0E"
        }

    .c-mod-checkbox__check.icon-72 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-72:before {
            content: "\F158\00FE0E"
        }

    .c-mod-checkbox__check.icon-73 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-73:before {
            content: "\F159\00FE0E"
        }

    .c-mod-checkbox__check.icon-74 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-74:before {
            content: "\F15A\00FE0E"
        }

    .c-mod-checkbox__check.icon-75 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-75:before {
            content: "\F15B\00FE0E"
        }

    .c-mod-checkbox__check.icon-76 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-76:before {
            content: "\F15C\00FE0E"
        }

    .c-mod-checkbox__check.icon-77 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-77:before {
            content: "\F15D\00FE0E"
        }

    .c-mod-checkbox__check.icon-78 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-78:before {
            content: "\F15E\00FE0E"
        }

    .c-mod-checkbox__check.icon-79 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-79:before {
            content: "\F15F\00FE0E"
        }

    .c-mod-checkbox__check.icon-80 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-80:before {
            content: "\F161\00FE0E"
        }

    .c-mod-checkbox__check.icon-81 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-81:before {
            content: "\F162\00FE0E"
        }

    .c-mod-checkbox__check.icon-82 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-82:before {
            content: "\F163\00FE0E"
        }

    .c-mod-checkbox__check.icon-83 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-83:before {
            content: "\F164\00FE0E"
        }

    .c-mod-checkbox__check.icon-84 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-84:before {
            content: "\F165\00FE0E"
        }

    .c-mod-checkbox__check.icon-85 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-85:before {
            content: "\F166\00FE0E"
        }

    .c-mod-checkbox__check.icon-86 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-86:before {
            content: "\F167\00FE0E"
        }

    .c-mod-checkbox__check.icon-87 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-87:before {
            content: "\F168\00FE0E"
        }

    .c-mod-checkbox__check.icon-88 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-88:before {
            content: "\F169\00FE0E"
        }

    .c-mod-checkbox__check.icon-89 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-89:before {
            content: "\F16A\00FE0E"
        }

    .c-mod-checkbox__check.icon-90 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-90:before {
            content: "\F16C\00FE0E"
        }

    .c-mod-checkbox__check.icon-91 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-91:before {
            content: "\F16D\00FE0E"
        }

    .c-mod-checkbox__check.icon-92 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-92:before {
            content: "\F16E\00FE0E"
        }

    .c-mod-checkbox__check.icon-93 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-93:before {
            content: "\F16F\00FE0E"
        }

    .c-mod-checkbox__check.icon-94 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-94:before {
            content: "\F170\00FE0E"
        }

    .c-mod-checkbox__check.icon-95 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-95:before {
            content: "\F171\00FE0E"
        }

    .c-mod-checkbox__check.icon-96 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-96:before {
            content: "\F172\00FE0E"
        }

    .c-mod-checkbox__check.icon-97 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-97:before {
            content: "\F173\00FE0E"
        }

    .c-mod-checkbox__check.icon-98 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-98:before {
            content: "\F174\00FE0E"
        }

    .c-mod-checkbox__check.icon-99 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-99:before {
            content: "\F175\00FE0E"
        }

    .c-mod-checkbox__check.icon-100 {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.icon-100:before {
            content: ""
        }

    .c-mod-checkbox__check.remove {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.remove:before {
            content: "\F0CF\00FE0E"
        }

    .c-mod-checkbox__check.variants {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.variants:before {
            content: "\F109\00FE0E"
        }

    .c-mod-checkbox__check.edit {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

        .c-mod-checkbox__check.edit:before {
            content: "\F063\00FE0E"
        }

.c-mod-checkbox__check--small {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16px;
    height: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-mod-checkbox__check--small:before {
        content: "\F0FB\00FE0E"
    }

    .c-mod-checkbox__check--small:before {
        color: transparent;
        font-size: 9px;
        font-size: .643rem;
        line-height: 10px;
        font-weight: 700;
        height: 10px
    }

.c-mod-checkbox__check--toggle {
    width: 48px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid #e0e4e8;
    background-color: #f6f8f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    cursor: pointer;
    vertical-align: middle
}

    .c-mod-checkbox__check--toggle:before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #e0e4e8;
        margin-right: 0;
        -webkit-transition: all .15s ease;
        transition: all .15s ease
    }

.c-mod-checkbox__label--tag {
    margin: 5px 0 5px 10px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8;
    background-color: #f5f7fa;
    color: #303134;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .c-mod-checkbox__label--tag:after {
        content: "\F03D\00FE0E"
    }

    .c-mod-checkbox__label--tag:after {
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px;
        margin-right: 10px;
        opacity: .6
    }

.c-mod-checkbox__label--tag-preview {
    margin: 5px 0 5px 10px;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8;
    background-color: #f5f7fa;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-mod-checkbox__label--choice, .c-mod-checkbox__label--tag-preview {
    border-radius: 6px;
    color: #303134;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-weight: 400
}

.c-mod-checkbox__label--choice {
    margin: 0;
    -webkit-box-shadow: inset 0 0 0 1px #6ec281;
    box-shadow: inset 0 0 0 1px #6ec281;
    background-color: rgba(110,194,129,.15);
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

    .c-mod-checkbox__label--choice .category {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #889098;
        font-size: 13px;
        font-size: .929rem;
        line-height: 20px;
        white-space: nowrap
    }

        .c-mod-checkbox__label--choice .category:not(:last-of-type) {
            margin-left: 15px
        }

            .c-mod-checkbox__label--choice .category:not(:last-of-type):after {
                content: "\F09F\00FE0E"
            }

            .c-mod-checkbox__label--choice .category:not(:last-of-type):after {
                margin-right: 15px;
                font-size: 10px;
                font-size: .714rem;
                line-height: 10px
            }

        .c-mod-checkbox__label--choice .category:last-of-type {
            color: #606265;
            font-weight: 700
        }

.c-mod-checkbox__label--reason {
    margin: 5px 10px 5px 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 30px;
    vertical-align: middle
}

    .c-mod-checkbox__label--reason:after {
        display: none
    }

.c-mod-checkbox__label--toggle {
    margin-right: 15px;
    color: #878c93;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 400
}

.c-mod-checkbox__label--small {
    color: #6d7177;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-mod-checkbox__close {
    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;
    border: none;
    background-color: transparent;
    outline: 0;
    margin-right: auto;
    cursor: pointer
}

    .c-mod-checkbox__close:before {
        content: "\F03D\00FE0E"
    }

    .c-mod-checkbox__close:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 14px;
        margin-right: 10px;
        opacity: .6
    }

.c-mod-radio {
    max-width: 100%
}

    .c-mod-radio + .c-mod-radio {
        margin-right: 10px
    }

.c-mod-radio__origin {
    display: none
}

    .c-mod-radio__origin:checked ~ .c-mod-radio__check--accept {
        background-color: #6ec281;
        -webkit-box-shadow: inset 0 0 3px 0 #2e8341;
        box-shadow: inset 0 0 3px 0 #2e8341;
        color: #fff;
        opacity: 1
    }

    .c-mod-radio__origin:checked ~ .c-mod-radio__check--reject {
        background-color: #ef5661;
        -webkit-box-shadow: inset 0 0 3px 0 #8b3138;
        box-shadow: inset 0 0 3px 0 #8b3138;
        color: #fff;
        opacity: 1
    }

    .c-mod-radio__origin:disabled {
        pointer-events: none
    }

        .c-mod-radio__origin:disabled + .c-mod-radio__check {
            cursor: default
        }

.c-mod-radio__check {
    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: 40px;
    height: 40px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

    .c-mod-radio__check:before {
        height: 24px;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-mod-radio__check--accept {
    color: #606265;
    background-color: #f9fafc;
    border-color: #e0e4e8;
    opacity: .6;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8
}

    .c-mod-radio__check--accept:before {
        content: "\F0FC\00FE0E"
    }

    .c-mod-radio__check--accept:before {
        font-size: 14px;
        font-size: 1rem;
        line-height: 24px;
        font-weight: 700
    }

.c-mod-radio__check--reject {
    color: #606265;
    background-color: #f9fafc;
    border-color: #e0e4e8;
    opacity: .6;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8
}

    .c-mod-radio__check--reject:before {
        content: "\F03D\00FE0E"
    }

    .c-mod-radio__check--reject:before {
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        font-weight: 700
    }

.c-mod-modal {
    z-index: 1011;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(35,41,51,.8)
}

    .c-mod-modal.show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.c-mod-modal__container {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.23);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.23);
    max-width: calc(100% - 40px);
    width: 100%;
    margin: 0 20px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-mod-modal__container--confirm {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-top: 180px;
    width: 600px;
    padding: 50px;
    text-align: center
}

.c-mod-modal__container--products {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 900px;
    padding: 30px 50px;
    text-align: center;
    margin: auto
}

.c-mod-modal__container--qc {
    height: calc(100% - 40px)
}

.c-mod-modal__title {
    color: #030a17;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px
}

.c-mod-modal__controls {
    margin-top: 30px;
    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-mod-modal__controls button + button {
        margin-right: 20px
    }

.c-mod-modal__close {
    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: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    color: #878c93
}

    .c-mod-modal__close:before {
        content: "\F039\00FE0E"
    }

    .c-mod-modal__close:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px
    }

    .c-mod-modal__close:hover {
        color: #6d727a
    }

.c-mod-modal__close--products {
    margin-left: -24px
}

    .c-mod-modal__close--products:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px
    }

.c-mod-modal .modal-body {
    min-height: 210px
}

.c-mod-modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-modal .uk-modal-title--search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    height: 35px;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 35px;
    font-weight: 700;
    color: #646870
}

.c-mod-modal .uk-modal-title--reject {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 35px;
    color: #646870;
    margin-top: 40px;
    margin-bottom: 4px;
    text-align: center;
    font-weight: 700
}

.c-mod-modal .modal-message--reject {
    margin: 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    text-align: center;
    color: #646870
}

.c-mod-modal .modal-message__em {
    display: block
}

.c-mod-modal .modal-message--title {
    font-weight: 700
}

.c-mod-modal .modal-message--center, .c-mod-modal .modal-message--title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    color: #646870
}

.c-mod-modal .modal-product {
    margin-top: 30px;
    margin-bottom: 20px;
    border: 1px solid #e6eaef;
    border-radius: 4px;
    width: 100%
}

.c-mod-modal .modal-product--reject {
    border: none
}

.c-mod-modal .modal-product__icon {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 106px;
    height: 101px;
    background-image: url(../files/a2fa83da.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.c-mod-modal .modal-product__icon--success {
    background-image: url(../files/e107b672.svg)
}

.c-mod-modal .modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-modal .modal-footer--end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-mod-modal .modal-footer--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-mod-modal .modal-footer__message {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    color: #646870;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    background-color: #f5f7fa;
    border-radius: 4px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

    .c-mod-modal .modal-footer__message .em {
        font-weight: 700;
        color: #606265
    }

.c-mod-modal .modal-footer__btn-controls {
    margin-right: 20px
}

.c-mod-modal .modal-footer__btn, .c-mod-modal .modal-footer__btn-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-mod-modal .modal-footer__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 40px;
    border: 1px solid #e6eaef;
    border-radius: 8px;
    background-color: #f9fafc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #606265;
    text-decoration: none
}

    .c-mod-modal .modal-footer__btn:not(:first-of-type) {
        margin-right: 20px
    }

.c-mod-modal .modal-footer__btn--confirm {
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    background-color: #4fcce9;
    border-color: #4fcce9
}

.c-mod-modal .modal-footer__btn--wide {
    width: 130px
}

.c-mod-modal .modal-footer__btn--auto {
    width: auto;
    padding-left: 10px;
    padding-right: 10px
}

.c-mod-modal .modal-footer__btn.disabled {
    opacity: .6;
    pointer-events: none
}

.c-mod-modal .modal-footer__btn:disabled {
    opacity: .6;
    pointer-events: none
}

.c-mod-agent-table {
    display: inline-table;
    vertical-align: top;
    border-collapse: collapse;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    width: 100%
}

.c-mod-agent-table__wrapper {
    overflow: auto
}

.c-mod-agent-table__row {
    display: block
}

@media (min-width:996px) {
    .c-mod-agent-table__row {
        display: table-row
    }
}

.c-mod-agent-table__cell {
    display: block;
    padding: 5px 0
}

@media (min-width:996px) {
    .c-mod-agent-table__cell {
        display: table-cell
    }
}

.c-mod-agent-table__cell--head {
    color: #878c93;
    text-align: left;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9eaeb
}

.c-mod-agent-table__cell--subhead {
    color: #303134;
    font-weight: 700;
    padding-top: 15px;
    padding-right: 15px
}

@media (min-width:996px) {
    .c-mod-agent-table__cell--subhead {
        display: table-cell;
        vertical-align: middle;
        width: 40%;
        padding-top: 5px
    }
}

.c-mod-agent-table__cell--skilled-at {
    vertical-align: middle;
    color: #909295;
    min-width: 100px
}

.c-mod-agent-table__cell--head-select {
    display: none
}

@media (min-width:996px) {
    .c-mod-agent-table__cell--head-select {
        display: table-cell;
        padding-left: 15px
    }
}

.c-mod-agent-table__cell--block:last-child {
    border-bottom: 1px solid #d8d8d8
}

@media (min-width:768px) {
    .c-mod-agent-table__cell--block:not(.c-mod-agent-table__cell--skilled-at):not(.c-mod-agent-table__cell--subhead) {
        border-bottom: 1px solid #d8d8d8
    }
}

@media (min-width:996px) {
    .c-mod-agent-table__cell--block {
        border-bottom: 1px solid #d8d8d8
    }
}

.c-mod-agent-table__cell--top:first-of-type {
    padding-top: 20px
}

.c-mod-agent-table__cell--bottom:last-of-type {
    padding-bottom: 20px
}

@media (min-width:768px) {
    .c-mod-agent-table__cell--bottom:not(.c-mod-agent-table__cell--skilled-at) {
        padding-bottom: 20px
    }
}

@media (min-width:996px) {
    .c-mod-agent-table__cell--top {
        padding-top: 20px
    }
}

.c-mod-agent-table__select-cell {
    display: inline-block;
    width: 100%;
    min-width: 220px;
    padding-left: 15px
}

@media (min-width:768px) {
    .c-mod-agent-table__select-cell {
        width: 33.33%;
        padding-left: 15px
    }
}

@media (min-width:996px) {
    .c-mod-agent-table__select-cell {
        display: table-cell;
        width: 20%;
        padding-left: 15px
    }
}

.c-mod-agent-table__select {
    position: relative;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    width: 100%;
    height: 45px;
    padding-right: 40px;
    padding-left: 10px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,#878c93 0),linear-gradient(135deg,#878c93 50%,transparent 0);
    background-position: calc(100% - 20px) 50%,calc(100% - 15px) 50%;
    background-size: 5px 5px,5px 5px;
    background-repeat: no-repeat
}

.c-mod-product-details {
    position: relative
}

.c-mod-product-details--mt-5 {
    margin-top: 5px
}

.c-mod-product-details--fz-14 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-mod-product-details--height-1-1 {
    height: 100% !important
}

.c-mod-product-details--height-1-2 {
    height: 50%
}

.c-mod-product-details .c-mod-pane__content--qc .c-mod-product-details__tags--global {
    top: 15px
}

.c-mod-product-details--reject .c-mod-pane__header {
    color: #ef5661
}

    .c-mod-product-details--reject .c-mod-pane__header:after {
        background-color: #ef5661
    }

.c-mod-product-details--reject .c-mod-product-details__row {
    padding-top: 12px
}

.c-mod-product-details--reject .c-mod-product-details__title {
    color: #ef5661;
    font-weight: 700;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.c-mod-product-details--reject .c-mod-product-details__title--rejection {
    margin-left: 20px;
    padding-right: 0;
    text-align: right;
    color: #878c93;
    font-weight: 400
}

.c-mod-product-details--reject .c-mod-product-details__content {
    padding-top: 0
}

.c-mod-product-details__tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-product-details__tags--global {
    z-index: 10;
    position: absolute;
    top: 0;
    right: -30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-product-details__tags--qc {
    top: 63px
}

.c-mod-product-details__tags--vertical {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:996px) {
    .c-mod-product-details__tags--vertical {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-mod-product-details__tags-item {
    width: 45px;
    height: 40px;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain
}

    .c-mod-product-details__tags-item + .c-mod-product-details__tags-item {
        margin-top: 15px
    }

.c-mod-product-details__tags-item--vertical {
    width: 24px;
    height: 24px;
    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-mod-product-details__tags-item--vertical + .c-mod-product-details__tags-item--vertical {
        margin-left: 0;
        margin-top: 6px
    }

    .c-mod-product-details__tags-item--vertical:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

.c-mod-product-details__tags-item--by-dk {
    background-image: url(../files/9b0e353f.svg)
}

.c-mod-product-details__tags-item--by-cf {
    background-image: url(../files/0e200296.svg)
}

.c-mod-product-details__tags-item--for-dk {
    background-image: url(../files/3f7a2712.svg)
}

.c-mod-product-details__tags-item--for-ds {
    background-image: url(../files/515c7315.svg)
}

.c-mod-product-details__tags-item--sensitive {
    background-image: url(../files/473ae633.svg)
}

.c-mod-product-details__tags-item--fake {
    background-image: url(../files/cc01a1a0.svg)
}

.c-mod-product-details__tags-item--dk-photos {
    background-image: url(../files/460e841c.svg)
}

.c-mod-product-details__tags-item--seller {
    background-image: url(../files/6fee532e.svg)
}

.c-mod-product-details__tags-item--village-seller {
    background-image: url(../files/47f97cc2.svg)
}

.c-mod-product-details__tags-item--return {
    background-image: url(../files/2c256578.svg)
}

.c-mod-product-details__tags-item--auto-title {
    background-image: url(../files/2ef145a1.svg)
}

.c-mod-product-details__tags-item--v-return {
    color: #8f1864
}

    .c-mod-product-details__tags-item--v-return:before {
        content: ""
    }

.c-mod-product-details__tags-item--v-edit {
    color: #00bfd6
}

    .c-mod-product-details__tags-item--v-edit:before {
        content: "\F068\00FE0E"
    }

.c-mod-product-details__row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    .c-mod-product-details__row:not(:last-of-type):not(.c-mod-product-details__row--separator) .c-mod-product-details__content {
        margin-bottom: 12px;
        border-bottom: 1px solid #e9eaeb
    }

@media screen and (min-width:996px) {
    .c-mod-product-details__row:not(:last-of-type):not(.c-mod-product-details__row--separator) .c-mod-product-details__content {
        margin-bottom: 0
    }
}

@media screen and (min-width:996px) {
    .c-mod-product-details__row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.c-mod-product-details__row--separator {
    border-bottom: 1px solid #e9eaeb;
    min-height: 2px
}

.c-mod-product-details__attr-header {
    width: 100%;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    color: #303134;
    height: 40px;
    border-radius: 6px;
    background-color: #f5f7fa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

    .c-mod-product-details__attr-header:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        border-radius: 2px;
        background-color: #6ec281;
        margin-left: 10px
    }

.c-mod-product-details__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-left: 30px;
    color: #878c93
}

@media screen and (min-width:996px) {
    .c-mod-product-details__title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        margin-left: 30px;
        padding-right: 30px;
        text-align: left
    }
}

.c-mod-product-details__title .em {
    color: #303134;
    margin: 0
}

    .c-mod-product-details__title .em.danger {
        color: #ef5661
    }

.c-mod-product-details__title div {
    font-size: 11px;
    font-size: .786rem;
    line-height: 24px
}

.c-mod-product-details__counter {
    color: #878c93;
    font-weight: 400
}

.c-mod-product-details__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    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-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    min-height: 64px
}

@media screen and (min-width:996px) {
    .c-mod-product-details__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-mod-product-details__content--left-col {
    padding-right: 0
}

@media screen and (min-width:996px) {
    .c-mod-product-details__content--left-col {
        padding-right: 170px
    }
}

.c-mod-product-details__content--reject {
    min-height: unset;
    padding-bottom: 12px
}

.c-mod-product-details__content--reject, .c-mod-product-details__input-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-mod-product-details__input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    padding: 12px 0
}

    .c-mod-product-details__input-container:hover .c-mod-btn--edit {
        opacity: 1
    }

@media screen and (min-width:996px) {
    .c-mod-product-details__input-container {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0
    }
}

.c-mod-product-details__input-container.edit .c-mod-btn--edit {
    opacity: 0
}

.c-mod-product-details__input-container.edit .c-mod-product-details__label {
    display: block
}

.c-mod-product-details__input-container.edit .c-mod-product-details__field--input, .c-mod-product-details__input-container.edit .c-mod-product-details__field--textarea {
    border: 1px solid #ccc;
    background-color: #f9f9f9
}

.c-mod-product-details__input-container.edit .c-mod-product-details__input-wrapper {
    width: 100%
}

.c-mod-product-details__input-container.edited .c-mod-product-details__label {
    display: block
}

.c-mod-product-details__input-container.edited .c-mod-product-details__edit-wrapper, .c-mod-product-details__input-container.edited .c-mod-product-details__edit-wrapper--edited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-product-details__input-container--qc {
    min-height: 0;
    padding: 0
}

.c-mod-product-details__input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-mod-product-details__preview-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-product-details__edit-wrapper, .c-mod-product-details__preview-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-mod-product-details__edit-wrapper {
    width: 100%
}

.c-mod-product-details__edit-wrapper--edited {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    opacity: 0;
    height: 0
}

    .c-mod-product-details__edit-wrapper--edited .c-mod-product-details__field--edited {
        padding-left: 10px
    }

.c-mod-product-details__edit-wrapper .field-wrapper {
    width: 100%
}

.c-mod-product-details__label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25px;
    flex: 0 0 25px;
    display: none;
    margin-right: 5px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #909295;
    font-weight: 400
}

.c-mod-product-details__field {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    padding: 4px;
    color: #303134;
    outline: 0;
    border-radius: 5px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    border: 1px solid transparent;
    background-color: transparent;
    resize: none;
    font-family: inherit
}

.c-mod-product-details__field--preview {
    border-color: transparent;
    background-color: transparent;
    width: auto;
    padding-top: 1px;
    padding-bottom: 1px
}

.c-mod-product-details__field--origin, .c-mod-product-details__field--preview {
    white-space: unset;
    color: #909295;
    font-weight: 400;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px
}

.c-mod-product-details__field--origin {
    width: 100%;
    padding: 3px 5px;
    border: 1px solid #ccc;
    background-color: #f9f9f9
}

.c-mod-product-details__field--tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    overflow: visible
}

.c-mod-product-details__field--primary {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 20px
}

.c-mod-product-details__field--textarea {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 400px
}

    .c-mod-product-details__field--textarea::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-mod-product-details__field--textarea::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-mod-product-details__field--textarea::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-mod-product-details__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:996px) {
    .c-mod-product-details__controls {
        margin-top: 0;
        padding: 12px 15px 0 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px;
        max-width: 260px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        border-right: 1px solid #e9eaeb
    }

        .c-mod-product-details__controls:not(:last-of-type) {
            padding-left: 15px;
            padding-right: 15px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 275px;
            flex: 0 0 275px;
            max-width: 275px
        }
}

.c-mod-product-details__controls .inline-fix {
    font-size: 0
}

    .c-mod-product-details__controls .inline-fix > .c-mod-checkbox {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

.c-mod-product-details__controls.edit-mode {
    opacity: 0
}

.c-mod-product-details__controls--no-border {
    border-left: none
}

.c-mod-product-details__controls--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px
}

.c-mod-product-details__controls--qc {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-right: 1px solid #e9eaeb
}

.c-mod-product-details__controls--score {
    padding-top: 0
}

    .c-mod-product-details__controls--score span {
        margin-right: 5px;
        color: #515151;
        font-size: 22px;
        font-size: 1.571rem;
        line-height: 22px
    }

    .c-mod-product-details__controls--score .danger {
        color: #ef5661
    }

    .c-mod-product-details__controls--score .success {
        color: #5cba71
    }

    .c-mod-product-details__controls--score .warning {
        color: #f90
    }

.c-mod-product-details__controls--qc-edit {
    border-left: none;
    max-width: 100px;
    padding-top: 0
}

.c-mod-product-details__controls-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -7.5px;
    position: relative
}

    .c-mod-product-details__controls-wrapper:before {
        content: "";
        height: 25px;
        width: 1px;
        margin-left: 20px;
        background-color: #e9eaeb
    }

.c-mod-product-details__controls-wrapper--qc-edit:before {
    display: none
}

.c-mod-product-details__reasons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-mod-product-details__reasons-wrapper--edit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin-left: 5px;
    margin-bottom: 12px;
    padding-left: 5px;
    border-left: 2px solid #e9eaeb
}

.c-mod-product-details__list {
    counter-reset: section;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .c-mod-product-details__list li {
        color: #303134;
        font-size: 14px;
        font-size: 1rem;
        line-height: 25px;
        font-weight: 700
    }

        .c-mod-product-details__list li:before {
            counter-increment: section;
            content: counters(section,".") ". "
        }

.c-mod-product-details__logo {
    position: relative;
    width: 40px;
    height: 40px;
    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-right: 50px;
    cursor: pointer
}

    .c-mod-product-details__logo:hover .c-mod-product-details__logo-container {
        visibility: visible;
        opacity: 1
    }

.c-mod-product-details__logo-img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto
}

.c-mod-product-details__logo-container {
    z-index: 10;
    position: absolute;
    right: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 220px;
    height: 220px;
    padding: 10px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(96,98,101,.22);
    box-shadow: 0 4px 12px 0 rgba(96,98,101,.22);
    border: 1px solid #e0e4e8;
    background-color: #fff;
    border-radius: 8px;
    margin-right: 25px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility .2s ease,opacity .2s ease;
    transition: visibility .2s ease,opacity .2s ease
}

.c-mod-product-details__logo-preview {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%
}

.c-mod-product-details__qc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.c-mod-product-details__qc--agent {
    color: #6ec281
}

.c-mod-product-details__status {
    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;
    padding: 5px;
    width: 125px;
    margin-top: 5px;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    font-size: .857rem;
    line-height: 12px
}

    .c-mod-product-details__status.accept {
        background-color: #5cba71
    }

    .c-mod-product-details__status.reject {
        background-color: #ef5661
    }

    .c-mod-product-details__status.remove {
        background-color: #b8424a
    }

    .c-mod-product-details__status.duplicate {
        background-color: #ef5661
    }

.c-mod-product-details__img-list {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style-type: none;
    width: 100%
}

.c-mod-product-details__img-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .c-mod-product-details__img-row:not(:last-of-type) {
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #e9eaeb
    }

.c-mod-product-details__similar-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    direction: ltr;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-product-details__similar-item {
    width: 70px;
    height: 70px;
    margin: 0 0 12px;
    padding: 0;
    -webkit-box-shadow: 0 0 0 1.5px #dcdcdc;
    box-shadow: 0 0 0 1.5px #dcdcdc;
    border-radius: 12px;
    overflow: hidden
}

    .c-mod-product-details__similar-item:hover {
        text-decoration: none
    }

    .c-mod-product-details__similar-item.duplicate {
        -webkit-box-shadow: 0 0 0 1.5px #ef5661;
        box-shadow: 0 0 0 1.5px #ef5661
    }

    .c-mod-product-details__similar-item img {
        display: block;
        margin: 0;
        max-width: 100%;
        max-height: 100%
    }

.c-mod-product-details__error-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-mod-product-details__match-col {
    min-width: 220px
}

.c-mod-product-details.single-col .c-mod-product-details__controls {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 515px;
    flex: 0 0 515px;
    max-width: 515px;
    border-right: none
}

.c-mod-product-details.single-col .c-mod-product-details__controls--no-border {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-mod-product-details.single-col .c-mod-checkbox:nth-of-type(5n+1) {
    margin-right: 10px
}

.c-mod-product-details.single-col .c-mod-product-details__attr-header {
    margin: 20px 0
}

.c-mod-product-details .field-wrapper {
    width: 100%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-mod-product-details .field-wrapper--textarea {
    position: relative
}

.c-mod-product-details .field-wrapper--jusify {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-mod-product-details .field-wrapper--background {
    border-radius: 8px;
    background-color: #f5f7fa;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 40px
}

.c-mod-product-details .field-wrapper .select2-container {
    min-width: 100%;
    max-width: 100%;
    z-index: 999
}

.c-mod-product-details .has-error .c-content-input__origin, .c-mod-product-details .has-error .c-ui-tag__textarea, .c-mod-product-details .has-error .select2-selection__rendered, .c-mod-product-details .has-error .uk-input, .c-mod-product-details .has-error .uk-textarea {
    border-color: #f4919b
}

.c-mod-product-details .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-mod-product-details .has-error .error-msg + .search-link {
        margin-right: 20px
    }

.c-mod-product-details .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-mod-duplicate-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    padding: 0;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-mod-duplicate-products__item {
    margin: 0 15px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 270px;
    flex: 0 1 270px;
    cursor: pointer;
    min-width: 0
}

    .c-mod-duplicate-products__item.reviewed {
        position: relative;
        border-color: #6ec281
    }

        .c-mod-duplicate-products__item.reviewed:before {
            content: "\F0FC\00FE0E"
        }

        .c-mod-duplicate-products__item.reviewed:before {
            z-index: 1;
            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;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 40px;
            height: 40px;
            border: 2px solid #6ec281;
            border-radius: 20px;
            color: #6ec281;
            font-size: 14px;
            font-size: 1rem;
            line-height: 14px;
            font-weight: 700;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

    .c-mod-duplicate-products__item.duplicate {
        position: relative;
        border-color: #ef5661
    }

        .c-mod-duplicate-products__item.duplicate:before {
            content: "\F00C\00FE0E"
        }

        .c-mod-duplicate-products__item.duplicate:before {
            z-index: 1;
            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;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            width: 40px;
            height: 40px;
            border: 2px solid #ef5661;
            border-radius: 20px;
            color: #ef5661;
            font-size: 24px;
            font-size: 1.714rem;
            line-height: 24px;
            font-weight: 700;
            -webkit-box-sizing: border-box;
            box-sizing: border-box
        }

.c-mod-duplicate-products__img-preview {
    width: 100%;
    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;
    position: relative;
    height: 150px
}

.c-mod-duplicate-products__img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto
}

.c-mod-duplicate-products__title-container {
    margin-top: 10px;
    width: 100%;
    color: #000;
    font-size: 12px;
    font-size: .857rem;
    line-height: 23px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.c-mod-duplicate-products__title {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    max-width: 99%;
    white-space: nowrap
}

.c-mod-swiper {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px
}

.c-mod-swiper--vertical {
    height: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    margin-left: 30px
}

.c-mod-swiper__container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    max-height: 100%
}

.c-mod-swiper__container--horizontal {
    max-width: calc(100% - 110px)
}

.c-mod-swiper__arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    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;
    color: #878c93;
    cursor: pointer;
    outline: 0
}

    .c-mod-swiper__arrow:before {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 16px
    }

    .c-mod-swiper__arrow:hover {
        text-decoration: none;
        color: #878c93
    }

    .c-mod-swiper__arrow.disabled, .c-mod-swiper__arrow.swiper-button-disabled {
        opacity: .5;
        pointer-events: none
    }

.c-mod-swiper__arrow--left {
    left: 0;
    top: unset;
    bottom: 30px
}

    .c-mod-swiper__arrow--left:before {
        content: "\F09F\00FE0E"
    }

.c-mod-swiper__arrow--right {
    right: 0;
    top: unset;
    bottom: 30px
}

    .c-mod-swiper__arrow--right:before {
        content: "\F0B7\00FE0E"
    }

.c-mod-swiper__arrow--down {
    top: unset;
    left: 50%;
    bottom: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%)
}

    .c-mod-swiper__arrow--down:before {
        content: "\F09F\00FE0E"
    }

.c-mod-swiper__arrow--up {
    left: 50%;
    top: 0;
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(-90deg) translateY(-50%);
    transform: rotate(-90deg) translateY(-50%)
}

    .c-mod-swiper__arrow--up:before {
        content: "\F0B7\00FE0E"
    }

.c-mod-swiper__arrow--small {
    width: 24px;
    height: 24px
}

    .c-mod-swiper__arrow--small:before {
        font-size: 12px;
        font-size: .857rem;
        line-height: 12px
    }

.c-mod-swiper .swiper-slide {
    cursor: pointer
}

.c-mod-swiper .swiper-slide--similar {
    padding: 5px;
    border: 2px solid transparent;
    border-radius: 15px
}

    .c-mod-swiper .swiper-slide--similar.swiper-slide-thumb-active {
        border-color: #6ec281
    }

.c-mod-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    table-layout: fixed;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    max-height: calc(100vh - 130px);
    padding: 0 50px
}

.c-mod-table__header {
    padding-right: 4px;
    border-bottom: 2px solid #dcdcdc
}

.c-mod-table__header--tv {
    padding-left: 5px;
    padding-right: 0
}

.c-mod-table__footer {
    margin-right: 6px;
    padding-top: 20px
}

    .c-mod-table__footer .c-mod-table__col:first-of-type {
        border-left-color: transparent
    }

.c-mod-table__body {
    overflow-y: scroll;
    overflow-x: hidden;
    direction: ltr
}

    .c-mod-table__body::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-mod-table__body::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

    .c-mod-table__body::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

.c-mod-table__body--no-scroll {
    overflow: unset;
    margin: -1px 0
}

.c-mod-table__body--tv {
    direction: rtl;
    margin-left: -5px;
    padding-left: 5px;
    max-height: 560px
}

.c-mod-table__body .c-mod-table__body .c-mod-table__col:first-of-type {
    padding-left: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px
}

    .c-mod-table__body .c-mod-table__body .c-mod-table__col:first-of-type .c-mod-table__col-container {
        padding-right: 20px
    }

.c-mod-table__body .c-mod-table__row--tv:nth-of-type(odd) {
    background-color: #f8fafb
}

.c-mod-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    direction: rtl
}

    .c-mod-table__row .c-mod-table__body .c-mod-table__row:nth-of-type(odd) .c-mod-table__col-container {
        background-color: #f8f8f8
    }

.c-mod-table__col {
    padding-left: 20px;
    border-left: 1px solid #dcdcdc;
    width: calc(50% - 1px)
}

    .c-mod-table__col:nth-of-type(n+2) {
        padding-left: 0;
        padding-right: 20px;
        border-left: none;
        width: 50%
    }

    .c-mod-table__col .c-mod-table__body .c-mod-table__col {
        padding-left: 0;
        padding-right: 0
    }

        .c-mod-table__col .c-mod-table__body .c-mod-table__col:nth-of-type(2) {
            padding-left: 0;
            padding-right: 0;
            -webkit-box-flex: 0;
            -ms-flex: 0 1 100%;
            flex: 0 1 100%
        }

.c-mod-table__col--origin {
    margin-bottom: -1px
}

.c-mod-table__col-container {
    min-height: 50px;
    padding: 8px 30px 8px 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-mod-table__col-container, .c-mod-table__col-container--header {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-mod-table__col-container--header {
    position: relative;
    padding-bottom: 20px;
    text-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-mod-table__col-container--origin {
    padding-top: 34px;
    margin-right: -5px;
    background-color: rgba(110,194,129,.1)
}

.c-mod-table__col-container--swiper {
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-table__title {
    margin-top: 20px;
    font-weight: 400;
    color: #303134;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 30px;
    width: calc(100% - 70px);
    text-align: center
}

.c-mod-table__title--top {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px
}

.c-mod-table__title--link {
    display: inline-block;
    color: #1f77f2;
    border-bottom: 1px dashed #1f77f2;
    font-weight: 400
}

    .c-mod-table__title--link:hover {
        text-decoration: none
    }

.c-mod-table__sub-title {
    margin-top: 5px;
    margin-bottom: 0;
    font-weight: 400;
    color: #878c93;
    width: calc(100% - 70px);
    text-align: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

.c-mod-table__nav-controls {
    width: 100%;
    position: relative
}

.c-mod-table__controls {
    margin-top: auto
}

.c-mod-table__img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 420px;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px
}

.c-mod-table__img {
    border-radius: 12px;
    border: 1px solid #dcdcdc;
    max-width: 100%;
    max-height: 420px;
    width: auto;
    height: auto
}

.c-mod-table__fake-badge {
    border-radius: 5px;
    background-color: rgba(249,168,37,.11);
    color: #d5901f;
    margin: 0 12px;
    padding: 0 6px;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: top;
    min-height: 30px
}

.c-mod-table__cell--tv, .c-mod-table__fake-badge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.c-mod-table__cell--tv {
    min-height: 80px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px
}

    .c-mod-table__cell--tv:last-of-type {
        padding-left: 0
    }

.c-mod-table__cell--tv-sm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px
}

    .c-mod-table__cell--tv-sm:last-of-type {
        padding-left: 0
    }

.c-mod-table__cell--tv-md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px
}

    .c-mod-table__cell--tv-md:last-of-type {
        padding-left: 0
    }

.c-mod-table__cell--img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    height: 60px;
    overflow: hidden;
    padding-right: 0
}

    .c-mod-table__cell--img div {
        width: 100%;
        height: 100%;
        overflow: hidden;
        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: 12px
    }

.c-mod-table__cell--title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 215px;
    flex: 1 0 215px;
    padding-right: 0;
    font-weight: 700
}

.c-mod-table__cell--counter {
    font-weight: 800;
    padding-left: 10px;
    padding-right: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    color: #4e5259
}

.c-mod-table__cell--th {
    color: #81858b;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 24px;
    font-weight: 400;
    min-height: 60px;
    padding-top: 0
}

.c-mod-calendar {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
    table-layout: fixed
}

.c-mod-calendar__container {
    max-height: 455px;
    padding-left: 10px;
    overflow-y: scroll
}

.c-mod-calendar__container--header {
    overflow-y: unset;
    padding-left: 14px
}

.c-mod-calendar__container::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f7fa
}

.c-mod-calendar__container::-webkit-scrollbar-track {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 0 1px #fff
}

.c-mod-calendar__container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #bec4cb
}

.c-mod-calendar__row:nth-of-type(2n) {
    background-color: #f8fafb
}

.c-mod-calendar__row--header, .c-mod-calendar__row--last {
    border-bottom: 2px solid #d8d8d8
}

.c-mod-calendar__cell {
    border-left: 1px solid #efefef;
    padding: 8px 5px;
    min-height: 50px;
    vertical-align: middle
}

    .c-mod-calendar__cell:first-of-type {
        text-align: right;
        width: 110px;
        padding-left: 10px;
        padding-right: 10px;
        border-left: 2px solid #d8d8d8
    }

        .c-mod-calendar__cell:first-of-type.c-mod-calendar__cell--agent {
            width: 320px;
            padding: 0
        }

    .c-mod-calendar__cell:last-of-type {
        border-left: none
    }

    .c-mod-calendar__cell.vacation {
        background-color: #fef3f4
    }

.c-mod-calendar__cell--th {
    border: none;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: 400
}

    .c-mod-calendar__cell--th:first-of-type {
        border-left: none
    }

.c-mod-calendar__cell--btn-controls {
    width: 460px;
    padding-right: 40px;
    text-align: right
}

.c-mod-calendar__cell--agent {
    width: 320px
}

    .c-mod-calendar__cell--agent > div {
        padding: 8px 10px;
        border-right: 2px solid transparent
    }

    .c-mod-calendar__cell--agent.supervisor .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.supervisor > div {
        background-color: #7e8083;
        border-right-color: #7e8083
    }

    .c-mod-calendar__cell--agent.team-1 > div {
        border-right-color: #8bce9a
    }

    .c-mod-calendar__cell--agent.team-2 > div {
        border-right-color: #f07780
    }

    .c-mod-calendar__cell--agent.team-3 > div {
        border-right-color: #70d5ec
    }

    .c-mod-calendar__cell--agent.team-4 > div {
        border-right-color: #7b1894
    }

    .c-mod-calendar__cell--agent.team-5 > div {
        border-right-color: #666480
    }

    .c-mod-calendar__cell--agent.team-6 > div {
        border-right-color: #41c1c6
    }

    .c-mod-calendar__cell--agent.team-7 > div {
        border-right-color: #f90
    }

    .c-mod-calendar__cell--agent.team-lead-1 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-1 > div {
        background-color: #8bce9a
    }

    .c-mod-calendar__cell--agent.team-lead-2 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-2 > div {
        background-color: #f07780
    }

    .c-mod-calendar__cell--agent.team-lead-3 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-3 > div {
        background-color: #70d5ec
    }

    .c-mod-calendar__cell--agent.team-lead-4 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-4 > div {
        background-color: #7b1894
    }

    .c-mod-calendar__cell--agent.team-lead-5 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-5 > div {
        background-color: #666480
    }

    .c-mod-calendar__cell--agent.team-lead-6 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-6 > div {
        background-color: #41c1c6
    }

    .c-mod-calendar__cell--agent.team-lead-7 .c-mod-calendar__agent-name {
        color: #fff
    }

    .c-mod-calendar__cell--agent.team-lead-7 > div {
        background-color: #f90
    }

.c-mod-calendar__cell .day {
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 15px
}

.c-mod-calendar__cell .month {
    display: block;
    font-size: 10px;
    font-size: .714rem;
    line-height: 15px
}

.c-mod-calendar__status {
    font-weight: 800;
    width: 100%;
    color: #606265;
    border-radius: 6px
}

    .c-mod-calendar__status.rejected {
        color: #ef5661
    }

    .c-mod-calendar__status.deleted {
        color: #b8424a
    }

    .c-mod-calendar__status.duplicated {
        color: #ef5661
    }

    .c-mod-calendar__status.approved {
        color: #5cba71
    }

    .c-mod-calendar__status.not-sure {
        color: #f90
    }

    .c-mod-calendar__status.total {
        background-color: #5bc0df;
        color: #fff
    }

    .c-mod-calendar__status.plain {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.c-mod-calendar__status--danger {
    background-color: #ef5661;
    color: #fff
}

.c-mod-calendar__status--fixed {
    max-width: 50px;
    margin-left: auto;
    margin-right: auto
}

.c-mod-calendar__status--tv-box {
    font-weight: 800;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-size: 1.429rem;
    max-width: 60px
}

.c-mod-calendar__status--tv-box, .c-mod-calendar__status--tv-table {
    height: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 24px;
    color: #fff
}

.c-mod-calendar__status--tv-table {
    width: auto;
    border-radius: 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-size: 1.143rem;
    font-weight: 700;
    max-width: 100%;
    min-width: 60px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

    .c-mod-calendar__status--tv-table.total {
        background-color: #5bc0df
    }

    .c-mod-calendar__status--tv-table.reject-rate {
        background-color: #ef5661
    }

.c-mod-calendar__score {
    color: #fff;
    border-radius: 6px;
    font-weight: 700
}

.c-mod-calendar__score--fixed {
    max-width: 50px;
    margin-left: auto;
    margin-right: auto
}

.c-mod-calendar__score.success {
    background-color: #5cba71
}

.c-mod-calendar__score.danger {
    background-color: #ef5661
}

.c-mod-calendar__score.warning {
    background-color: #f90
}

.c-mod-calendar__btn {
    border: none;
    background-color: transparent;
    outline: 0;
    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: 100%;
    cursor: pointer;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    color: #878c93
}

    .c-mod-calendar__btn + .c-mod-calendar__btn {
        margin-right: 15px
    }

    .c-mod-calendar__btn:hover {
        color: #4e5259;
        text-decoration: none
    }

.c-mod-calendar__btn--edit:before {
    content: "\F0BF\00FE0E"
}

.c-mod-calendar__btn--edit:hover {
    color: #4e5259
}

.c-mod-calendar__btn--edit:before {
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 26px
}

.c-mod-calendar__btn--preview:before {
    content: "\F0C0\00FE0E"
}

.c-mod-calendar__btn--preview:before {
    font-size: 26px;
    font-size: 1.857rem;
    line-height: 26px
}

.c-mod-calendar__btn--statistic {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e0e4e8;
    background-color: #fff
}

    .c-mod-calendar__btn--statistic:before {
        content: "\F0EF\00FE0E"
    }

    .c-mod-calendar__btn--statistic:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 26px
    }

.c-mod-calendar__btn--profile {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e0e4e8;
    background-color: #fff
}

    .c-mod-calendar__btn--profile:before {
        content: "\F0BC\00FE0E"
    }

    .c-mod-calendar__btn--profile:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 26px
    }

.c-mod-calendar__btn--attention {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid #e0e4e8;
    background-color: #fff;
    color: #ef5661;
    cursor: default
}

    .c-mod-calendar__btn--attention:before {
        content: "\F011\00FE0E"
    }

    .c-mod-calendar__btn--attention:before {
        font-size: 26px;
        font-size: 1.857rem;
        line-height: 26px
    }

    .c-mod-calendar__btn--attention:hover {
        color: #ef5661;
        text-decoration: none
    }

.c-mod-calendar__agent-name {
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    font-weight: 700;
    color: #4e5259;
    margin-left: 10px;
    margin-right: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-mod-calendar__img-container {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    height: 60px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.07);
    box-shadow: 0 4px 12px 0 rgba(0,0,0,.07);
    border-radius: 30px;
    border: 3px solid #fff;
    background-color: #fff;
    overflow: hidden
}

.c-mod-calendar__img-container--background {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-mod-chart {
    width: 100%;
    height: 580px;
    direction: ltr;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    color: #adb0b5
}

.c-mod-chart__tooltip {
    width: 250px;
    color: #6d7177;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px
}

.c-mod-chart__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;
    height: 24px
}

    .c-mod-chart__tooltip-row + .c-mod-chart__tooltip-row {
        margin-top: 5px
    }

.c-mod-chart__tooltip-stat {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 24px;
    font-weight: 700
}

    .c-mod-chart__tooltip-stat.quantity {
        color: #5bc0df
    }

    .c-mod-chart__tooltip-stat.quality {
        color: #6ec281
    }

.c-mod-chart__day {
    font-size: 14px;
    font-size: 1rem;
    line-height: 15px;
    color: #606265;
    text-align: center
}

    .c-mod-chart__day.true {
        color: #ef5661
    }

.c-mod-chart__month {
    font-size: 10px;
    font-size: .714rem;
    line-height: 15px;
    color: #606265;
    text-align: center
}

    .c-mod-chart__month.true {
        color: #ef5661
    }

.c-mod-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-mod-list--no-action {
    min-height: 35px
}

    .c-mod-list--no-action .c-mod-list__tag {
        cursor: default
    }

.c-mod-list__tag {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px 0 #e0e4e8;
    box-shadow: inset 0 0 3px 0 #e0e4e8;
    background-color: #f5f7fa;
    color: #303134;
    margin-left: 10px;
    margin-bottom: 10px;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    font-weight: 400;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-mod-list__tag--danger {
    color: #ef5661
}

.c-mod-list__tag--duplicate {
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #acacac
}

.c-mod-list__label {
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    margin-bottom: 5px;
    color: #6d7177
}

.c-mod-tv__box {
    height: 170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.07);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.07);
    color: #a1a3a8;
    padding: 20px 20px 17px
}

    .c-mod-tv__box > div {
        height: 100%
    }

.c-mod-tv__box--approved .c-mod-tv__icon {
    background-color: rgba(110,194,129,.1);
    color: #6ec281
}

    .c-mod-tv__box--approved .c-mod-tv__icon:before {
        content: "\F176\00FE0E"
    }

.c-mod-tv__box--approved .c-mod-tv__percent {
    color: #6ec281
}

.c-mod-tv__box--rejected .c-mod-tv__icon {
    background-color: rgba(239,86,97,.1);
    color: #ef5661
}

    .c-mod-tv__box--rejected .c-mod-tv__icon:before {
        content: "\F182\00FE0E"
    }

.c-mod-tv__box--rejected .c-mod-tv__percent {
    color: #ef5661
}

.c-mod-tv__box--duplicate .c-mod-tv__icon {
    background-color: rgba(79,204,233,.1);
    color: #4fcce9
}

    .c-mod-tv__box--duplicate .c-mod-tv__icon:before {
        content: "\F17B\00FE0E"
    }

.c-mod-tv__box--duplicate .c-mod-tv__percent {
    color: #4fcce9
}

.c-mod-tv__box--removed .c-mod-tv__icon {
    background-color: rgba(184,66,74,.1);
    color: #b8424a
}

    .c-mod-tv__box--removed .c-mod-tv__icon:before {
        content: "\F17A\00FE0E"
    }

.c-mod-tv__box--removed .c-mod-tv__percent {
    color: #b8424a
}

.c-mod-tv__box--total .c-mod-tv__icon {
    background-color: rgba(92,97,104,.1);
    color: #5c6168
}

    .c-mod-tv__box--total .c-mod-tv__icon:before {
        content: "\F181\00FE0E"
    }

.c-mod-tv__box--total .c-mod-tv__percent {
    color: #5c6168
}

.c-mod-tv__box--remaining .c-mod-tv__icon {
    background-color: rgba(246,187,66,.1);
    color: #f6bb42
}

    .c-mod-tv__box--remaining .c-mod-tv__icon:before {
        content: "\F183\00FE0E"
    }

.c-mod-tv__box--remaining .c-mod-tv__percent {
    color: #f6bb42
}

.c-mod-tv__box--category {
    height: 150px !important
}

.c-mod-tv__box--5966 .c-mod-tv__icon:before {
    content: "\F17C\00FE0E"
}

.c-mod-tv__box--5968 .c-mod-tv__icon:before {
    content: "\F177\00FE0E"
}

.c-mod-tv__box--8450 .c-mod-tv__icon:before {
    content: "\F186\00FE0E"
}

.c-mod-tv__box--8749 .c-mod-tv__icon:before {
    content: "\F17D\00FE0E"
}

.c-mod-tv__box--5967 .c-mod-tv__icon:before {
    content: "\F17F\00FE0E"
}

.c-mod-tv__box--8 .c-mod-tv__icon:before {
    content: "\F178\00FE0E"
}

.c-mod-tv__box--6741 .c-mod-tv__icon:before {
    content: "\F180\00FE0E"
}

.c-mod-tv__box--6124 .c-mod-tv__icon:before {
    content: "\F185\00FE0E"
}

.c-mod-tv__box--8895 .c-mod-tv__icon:before {
    content: "\F17E\00FE0E"
}

.c-mod-tv__box--10312 .c-mod-tv__icon:before {
    content: "\F179\00FE0E"
}

.c-mod-tv__box--10170 .c-mod-tv__icon:before {
    content: "\F184\00FE0E"
}

.c-mod-tv__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-mod-tv__row + .c-mod-tv__row {
        margin-top: 30px
    }

.c-mod-tv__col {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

    .c-mod-tv__col + .c-mod-tv__col {
        margin-right: 20px
    }

.c-mod-tv__col--icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px
}

.c-mod-tv__col--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-mod-tv__col--column, .c-mod-tv__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-mod-tv__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 60px;
    height: 60px;
    border-radius: 14px;
    background-color: rgba(79,204,233,.1);
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 30px;
    color: #0fabc6
}

    .c-mod-tv__icon:before {
        font-size: 30px;
        font-size: 2.143rem;
        line-height: 30px
    }

.c-mod-tv__counter {
    font-weight: 800;
    color: #4e5259;
    font-size: 50px;
    font-size: 3.571rem;
    line-height: 50px;
    margin-top: 5px;
    margin-bottom: 5px
}

.c-mod-tv__counter--sm {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 30px;
    margin-top: 0
}

.c-mod-tv__label {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 24px;
    margin-top: 5px
}

.c-mod-tv__label--sm {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 20px
}

.c-mod-tv__progress {
    color: #6d7177;
    font-size: 14px;
    font-size: 1rem;
    line-height: 18px
}

.c-mod-tv__progress--sm {
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px
}

.c-mod-tv__percent {
    font-weight: 800;
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 30px;
    color: #0fabc6
}

.c-mod-tv__percent--sm {
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 24px
}

.datepicker-persian {
    font-family: IRANYekan !important;
    border-radius: 3% !important;
    margin-top: 5px !important
}

.selected span {
    background-color: #0e73ad !important;
    text-shadow: none !important
}

.selected span, .today span {
    border-radius: 25% !important
}

.select2-container {
    width: 100% !important
}

.scrollable {
    overflow: scroll
}

li, ul {
    margin: 0;
    padding: 0
}

.edit-campaign {
    z-index: 998 !important
}

.c-cpo__cp0-padding {
    padding: 0 20px
}

.c-cpo__cp0-info-bar {
    height: 70px;
    margin: 10px 0
}

.c-cpo__cp0-info-container {
    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;
    background-color: rgba(245,247,250,.5);
    border-radius: 8px;
    padding: 15px
}

.c-cpo__cp0-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: center
}

.c-cpo__cp0-row, .c-cpo__cp0-smpl-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-cpo__cp0-col, .c-cpo__cp0-smpl-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo__cp0-col {
    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;
    text-align: center
}

.c-cpo--cp0-mt-80 {
    margin-top: 80px
}

.c-cpo__text-align {
    white-space: normal;
    text-align: center
}

.c-cpo--cp0-mb-80 {
    margin-bottom: 80px
}

.c-cpo--cp0-mb-10 {
    margin-bottom: 10px
}

.c-cpo--cp0-mb-15 {
    margin-bottom: 15px
}

.c-cpo--cp0-mb-30 {
    margin-bottom: 30px
}

.c-cpo--cp0-mt-40 {
    margin-top: 40px
}

.c-cpo--cp0-pb-20 {
    padding-bottom: 20px !important
}

.c-cpo--cp0-pb-30 {
    padding-bottom: 30px !important
}

.c-cpo--prl-13 {
    padding: 0 13px !important
}

.c-cpo--ptb-4 {
    padding: 4px 0
}

.c-cpo--height-88 {
    max-height: 90vh
}

.c-cpo--height-68 {
    max-height: 82vh
}

.c-cpo--height-36 {
    min-height: 36vh
}

.c-cpo--height-68p {
    max-height: 68px
}

.c-cpo--layer {
    z-index: 100
}

.c-cpo__cp0-jc-fe {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.c-cpo--pt-40 {
    padding-top: 40px
}

.c-cpo--pt-30 {
    padding-top: 30px
}

.c-cpo--mt-20 {
    margin-top: 20px
}

.c-cpo--mt-30 {
    margin-top: 30px
}

.c-cpo--mr-20 {
    margin-right: 20px
}

.c-cpo--cp0-p-20 {
    padding: 20px !important
}

.c-cpo--cp0-jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-cpo--cp0-fz-12 {
    font-size: 12px;
    color: #777
}

.c-cpo--cpo-fz-18 {
    font-size: 18px
}

.c-cpo--bt-1 {
    border-top: 1px solid #f5f7fa
}

.c-cpo--br-10 {
    border-radius: 10px !important
}

.c-cpo--width-controller {
    width: 1290px
}

.c-cpo--is-wrong {
    border: 1px solid #ff586b !important
}

.c-cpo--text-error {
    color: #ff586b !important
}

.c-cpo--error-icon {
    color: #a94442 !important;
    font-size: 100px
}

    .c-cpo--error-icon:after {
        content: "\F023\00FE0E"
    }

.c-cpo--fz-14 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #606265
}

.c-cpo--fz-16-b {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    fontd-weight: bold;
    color: #606265
}

.c-cpo--no-wrap {
    white-space: nowrap
}

.c-cpo--disable {
    background-color: #d3d3d3 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.c-cpo--active-btn {
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    border: 1px solid hsla(0,0%,59.2%,.2) !important;
    border-radius: 5px;
    background-color: #4fcce9 !important;
    color: #fff !important
}

.c-cpo--w-30 {
    width: 30%
}

.c-cpo--w-100 {
    width: 100% !important
}

.c-cpo__search-campaign .select2-selection--single {
    border-radius: 8px
}

.c-cpo__title-search-campaign {
    padding: 14px 0;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 700;
    text-align: right;
    color: #81858b;
    border-bottom: 1px solid rgba(3,10,22,.05);
    margin-bottom: 28px
}

.c-cpo__search-box > .select2-container--default {
    width: 160px !important;
    margin-left: 10px;
    border: 1px solid #e0e0e2;
    border-radius: 8px
}

    .c-cpo__search-box > .select2-container--default > .selection > .select2-selection--single {
        border: none !important;
        border-radius: 8px
    }

.c-cpo__search-box-input {
    border: 1px solid;
    border-radius: 8px;
    min-height: 40px !important;
    padding: 5px !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 260px
}

    .c-cpo__search-box-input > input {
        height: 100%;
        border: none;
        width: 90%;
        outline: none;
        outline-color: #fff
    }

        .c-cpo__search-box-input > input::-webkit-input-placeholder {
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833;
            color: #9b9b9b;
            font-family: IRANYekan
        }

        .c-cpo__search-box-input > input::-ms-input-placeholder {
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833;
            color: #9b9b9b;
            font-family: IRANYekan
        }

        .c-cpo__search-box-input > input::placeholder {
            font-size: 12px;
            font-size: .857rem;
            line-height: 1.833;
            color: #9b9b9b;
            font-family: IRANYekan
        }

.c-cpo__search-box-input--active {
    border: 1px solid #4fcce9 !important
}

.c-cpo__input-clear-btn {
    color: #fff;
    border-color: #4fcce9;
    background-color: #4fcce9;
    margin-right: 3px;
    border-radius: 2px;
    height: 24px;
    width: 24px
}

.c-cpo__search-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .c-cpo__search-button > button {
        border-radius: 8px;
        background-color: #e6e9ed;
        height: 40px
    }

.c-cpo__search-button--active {
    background-color: #4fcce9 !important
}

    .c-cpo__search-button--active:hover {
        background-color: #4fcce9 !important
    }

.c-cpo__campaign-condition {
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f9fafc;
    padding: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-cpo__campaign-condition > li {
        padding: 6px 15px;
        border-radius: 8px;
        cursor: pointer;
        list-style: none
    }

.c-cpo__campaign-condition-active {
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    border: 1px solid hsla(0,0%,59.2%,.2);
    background-color: #4fcce9;
    color: #fff
}

.c-cpo__buy-box {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 24px 0;
    color: #62666d;
    max-height: 40px;
    border-radius: 8px;
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05);
    padding: 8px 10px
}

.c-cpo__cp0-status-statement {
    margin-right: 10px;
    font-weight: 700;
    position: relative;
    padding-right: 30px
}

    .c-cpo__cp0-status-statement:before {
        content: "";
        width: 18px;
        height: 18px;
        border-radius: 50%;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.c-cpo__cp0-status-statement--progress {
    color: #4fcce9
}

    .c-cpo__cp0-status-statement--progress:before {
        border: 2px solid #4fcce9;
        border-bottom-color: transparent;
        -webkit-animation: loading-rotate 2s linear infinite;
        animation: loading-rotate 2s linear infinite
    }

.c-cpo__cp0-status-statement--success {
    color: #0e73ad
}

    .c-cpo__cp0-status-statement--success:before {
        background: #0e73ad url(../files/9fcba4f4.svg) 50% no-repeat;
        background-size: 14px
    }

.c-cpo__cp0-status-statement--warning {
    color: #f5a623
}

    .c-cpo__cp0-status-statement--warning:before {
        content: "!";
        color: #fff;
        background: #f5a623;
        text-align: center;
        font-size: 14px;
        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
    }

.c-cpo__cp0-status-statement--error {
    color: #ef5661
}

    .c-cpo__cp0-status-statement--error:before {
        background: #ef5661 url(../files/e6b5e16f.svg) 50% no-repeat;
        background-size: 14px
    }

.c-cpo__cp0-product-select {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.c-cpo__cp0-product-select--deactive {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-cpo__cp0-select-area {
    height: 350px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-cpo__cp0-select-image {
    margin-bottom: 10px
}

    .c-cpo__cp0-select-image:before {
        color: #9199a0;
        font-size: 2.5em
    }

.c-cpo__cp0-select-image--list:before {
    content: "\F094\00FE0E"
}

.c-cpo__cp0-select-image--excel:before {
    content: "\F075\00FE0E"
}

.c-cpo__cp0-select-title {
    color: #3e3f3f;
    font-size: 16px
}

.c-cpo__cp0-select-subtitle {
    color: #889098;
    margin: 5px 0 30px
}

.c-cpo__cp0-help-text {
    font-size: 12px;
    color: #606265;
    margin: 20px 0 0
}

.c-cpo__cp0-download-sample {
    display: block;
    font-size: 12px;
    padding-right: 20px;
    color: #19bfd3;
    position: relative;
    cursor: pointer
}

    .c-cpo__cp0-download-sample:before {
        content: "\F075\00FE0E"
    }

    .c-cpo__cp0-download-sample:before {
        width: 15px;
        height: 15px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-cpo__cp0-download-sample:hover {
        text-decoration: none
    }

.c-cpo__cp0-cell-badge {
    border: 1px solid #e6e9ed;
    font-size: 12px;
    border-radius: 5px;
    padding: 1px 5px
}

.c-cpo__cp0-cell-badge, .c-cpo__cp0-cell-sub-title {
    color: #9199a0;
    white-space: pre;
    display: inline-block
}

.c-cpo__cp0-cell-sub-title {
    font-size: 9px
}

.c-cpo__cp0-cell-checkbox {
    color: #9199a0;
    font-size: 9px;
    display: inline-block
}

.c-cpo--cp0-table-filter-align {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0
}

.c-cpo--cp0-tar {
    text-align: right
}

.c-cpo--cp0-bb1 {
    border-bottom: 1px solid #f5f7fa
}

.c-cpo--cp0-aifs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-cpo__cp0-btn {
    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;
    height: 40px;
    border: none;
    border-radius: 8px;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    margin: 0 5px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s ease,-webkit-box-shadow .3s ease;
    transition: background .3s ease,-webkit-box-shadow .3s ease;
    transition: background .3s ease,box-shadow .3s ease;
    transition: background .3s ease,box-shadow .3s ease,-webkit-box-shadow .3s ease;
    white-space: nowrap
}

.c-cpo__cp0-btn--primary {
    background-color: #f9fafc;
    color: #777;
    border: 1px solid #e6eaef
}

    .c-cpo__cp0-btn--primary:focus, .c-cpo__cp0-btn--primary:hover {
        color: #606265;
        border-color: #4fcce9
    }

    .c-cpo__cp0-btn--primary:active {
        color: #fff;
        border-color: #4fcce9;
        background-color: #4fcce9
    }

.c-cpo__cp0-btn--primary-blue {
    border-color: #4fcce9;
    color: #4fcce9;
    background: transparent
}

    .c-cpo__cp0-btn--primary-blue:active, .c-cpo__cp0-btn--primary-blue:focus, .c-cpo__cp0-btn--primary-blue:hover {
        background-color: #f9fafc;
        color: #777;
        border-color: #e6eaef
    }

.c-cpo__cp0-btn--secondary {
    background-color: #4fcce9;
    color: #fff;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3)
}

.c-cpo__cp0-btn--secondary-greenish {
    color: #fff;
    border-color: #0e73ad;
    background-color: #0e73ad;
    -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.2);
    box-shadow: 0 6px 12px 0 rgba(87,207,177,.2)
}

.c-cpo__cp0-btn--deactive {
    background-color: #e6e9ed;
    color: #fff;
    pointer-events: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-cpo__cp0-btn--icon-chev-right:before {
    content: "\F031\00FE0E"
}

.c-cpo__cp0-btn--icon-chev-right:before {
    font-size: 15px
}

.c-cpo__cp0-btn--icon-chev-left:after {
    content: "\F030\00FE0E"
}

.c-cpo__cp0-btn--icon-chev-left:after {
    font-size: 15px
}

.c-cpo__cp0-btn--icon-plus:after {
    content: "\F006\00FE0E"
}

.c-cpo__cp0-btn--icon-plus:after {
    font-size: 15px
}

.c-cpo__cp0-btn--icon-cancel {
    width: 40px
}

    .c-cpo__cp0-btn--icon-cancel:before {
        content: "\F03E\00FE0E"
    }

.c-cpo__cp0-btn--icon-confirm:after {
    content: "\F02F\00FE0E"
}

.c-cpo__cp0-btn--icon-confirm:after {
    font-size: 15px
}

.c-cpo__cp0-btn--icon-close:after {
    content: "\F03E\00FE0E"
}

.c-cpo__cp0-btn--icon-close:after {
    font-size: 10px
}

.c-cpo__cp0-btn--icon-list:before {
    content: "\F094\00FE0E"
}

.c-cpo__cp0-btn--icon-list:after, .c-cpo__cp0-btn--icon-list:before {
    font-size: 15px
}

.c-cpo__cp0-btn--icon-excel:before {
    content: "\F075\00FE0E"
}

.c-cpo__cp0-btn--icon-excel:after, .c-cpo__cp0-btn--icon-excel:before {
    font-size: 15px
}

.c-cpo__cp0-btn--icon-left:after {
    margin-right: 5px
}

.c-cpo__cp0-btn--icon-right:before {
    margin-left: 5px
}

.c-cpo__cp0-btn--success {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    min-width: 310px
}

.c-cpo__cp0-btn--info-box {
    margin-top: 20px;
    min-width: 180px
}

.c-cpo__cp0-btn--no-margin {
    margin: 0
}

.c-cpo__cp0-btn--md {
    min-width: 150px
}

.c-cpo__cp0-btn--bg {
    min-width: 180px
}

.c-cpo__top-title {
    margin-bottom: 30px
}

.c-cpo__top-details {
    padding: 15px 0
}

.c-cpo__title-badge {
    background: #f5a623;
    color: #fff !important;
    font-size: .925rem !important;
    padding: 14px 10px !important
}

    .c-cpo__title-badge:before {
        content: "" !important;
        display: none
    }

.c-cpo__title-badge--registered {
    background: #0e73ad
}

.c-cpo__cp0-discount:before {
    content: "%";
    margin-left: 2px
}

.c-cpo__cp0-discount-input {
    border: 0;
    font-size: 13px;
    color: #62666d;
    width: 20px;
    background: transparent;
    line-height: 25px;
    width: 100%
}

    .c-cpo__cp0-discount-input:focus {
        outline: none;
        border: 0
    }

    .c-cpo__cp0-discount-input::-webkit-input-placeholder {
        color: #9b9b9b;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        font-family: IRANYekan
    }

    .c-cpo__cp0-discount-input::-ms-input-placeholder {
        color: #9b9b9b;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        font-family: IRANYekan
    }

    .c-cpo__cp0-discount-input::placeholder {
        color: #9b9b9b;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        font-family: IRANYekan
    }

.c-cpo--cp0-bg-d8d8d8 {
    background: hsla(0,0%,84.7%,.16)
}

.c-cpo--cp0-bg-f5f7fa {
    background-color: #f5f7fa
}

.c-cpo__cp0-table-input {
    padding: 3px 5px;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    background: #fff;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #62666d;
    overflow: hidden;
    min-width: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 60px
}

.c-cpo__cp0-bsp-5 {
    border-spacing: 0
}

.c-cpo__cp0-checkbox-small {
    width: 15px;
    height: 15px
}

.c-cpo--cp0-pr5 {
    padding-right: 5px
}

.c-cpo--cp0-pl5 {
    padding-left: 5px !important
}

.c-cpo--cp0-w110 {
    width: 110px
}

.c-cpo--cp0-delete-action {
    width: 70px;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap
}

    .c-cpo--cp0-delete-action:before {
        content: "\F016\00FE0E"
    }

    .c-cpo--cp0-delete-action:after, .c-cpo--cp0-delete-action:before {
        font-size: 1.2em;
        position: relative;
        top: 4px
    }

.c-cpo__cp0-selected-products-text {
    font-size: 12px;
    color: #9199a0;
    margin-right: 20px
}

.c-cpo__cp0-selected-products-number {
    background: #f5f7fa;
    color: #4fcce9;
    padding: 2px 3px;
    border-radius: 5px;
    font-size: 13px
}

.c-cpo__product-selection {
    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;
    text-align: center
}

.c-cpo__product-selection--deactive {
    opacity: .5;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-cpo__select-area-footer {
    border-top: 2px dashed #dadee4;
    height: 45px;
    line-height: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 24px
}

    .c-cpo__select-area-footer:before {
        content: "یا";
        background: #fff;
        font-size: 11px;
        color: #9199a0;
        padding: 0 10px;
        position: absolute;
        top: -5px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        line-height: 10px
    }

.c-cpo__auto-select {
    font-size: 12px;
    color: #777
}

    .c-cpo__auto-select:hover {
        color: #777;
        text-decoration: none
    }

    .c-cpo__auto-select:before {
        content: ""
    }

.c-cpo__auto-select-guide {
    position: absolute;
    left: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px;
    color: hsla(0,0%,46.7%,.9);
    cursor: pointer
}

.c-cpo__select-separator {
    margin: 0 20px;
    position: relative;
    width: 1px;
    background: #e6e9ed;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

    .c-cpo__select-separator:before {
        content: "یا";
        font-size: 12px;
        color: #9199a0;
        position: absolute;
        width: 18px;
        height: 40px;
        line-height: 40px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        background: #fff
    }

.c-cpo__emph {
    color: #ef394e
}

.c-cpo__table-row {
    height: 90px;
    border-bottom: 1px solid rgba(145,153,160,.4);
    border-collapse: collapse
}

.c-cpo__table-row--has-error {
    background: rgba(239,86,97,.05)
}

    .c-cpo__table-row--has-error .c-ui-table__cell--img {
        position: relative
    }

        .c-cpo__table-row--has-error .c-ui-table__cell--img:before {
            content: "";
            width: 3px;
            height: 60px;
            border-radius: 2px;
            background-color: #ef394e;
            position: absolute;
            right: 0;
            top: 15px
        }

.c-cpo__table-row--error {
    height: auto;
    background: rgba(239,86,97,.05)
}

    .c-cpo__table-row--error .c-cpo__error-row {
        margin: 0 0 10px;
        font-size: 12px
    }

    .c-cpo__table-row--error .c-cpo__errors-list {
        padding: 10px 15px
    }

.c-cpo__table-row--is-selected {
    background: rgba(79,204,233,.07)
}

.c-cpo__input {
    height: 40px
}

.c-cpo__search-btn {
    height: 40px;
    background-color: #4fcce9;
    color: #fff;
    border-radius: 8px;
    width: 40px;
    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;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color
}

    .c-cpo__search-btn:hover {
        background-color: #4fcce9
    }

    .c-cpo__search-btn:focus {
        background-color: #4fcce9
    }

.c-cpo__filtering-options {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo__filter-container, .c-cpo__filtering-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-cpo__filter-container {
    position: relative;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f9fafc;
    color: #606265;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-cpo__radio-label {
    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
}

.c-cpo__radio-option {
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
    padding: 0 16px;
    -webkit-transition: background .3s ease,color .3s ease;
    transition: background .3s ease,color .3s ease
}

.c-cpo__radio {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .c-cpo__radio:checked ~ .c-cpo__radio-option {
        background-color: #4fcce9;
        color: #fff
    }

.c-cpo__promotion-info-box {
    text-align: center;
    min-height: 460px;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo__promotion-info-box--empty {
    min-height: 345px
}

.c-cpo__promotion-info-statement {
    font-size: 15px;
    color: #777;
    margin: 0 auto 10px
}

.c-cpo__promotion-info-statement--bg {
    font-size: 18px;
    font-weight: 700;
    color: #606265;
    margin-bottom: 15px
}

.c-cpo__promotion-info-img {
    margin-bottom: 20px
}

.c-cpo__promotion-info-table {
    padding: 12px;
    background: #f5f7fa;
    color: #606265;
    width: 100%;
    max-width: 600px;
    border-radius: 10px;
    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;
    margin: 0 auto 40px
}

.c-cpo__promotion-info-table-col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc((100% - 24px)/3);
    flex: 1 1 calc((100% - 24px)/3);
    border-left: 1px solid rgba(145,153,160,.2)
}

    .c-cpo__promotion-info-table-col:last-child {
        border: none
    }

.c-cpo__cp0-grid-col {
    width: 100%;
    pading: 0
}

.c-cpo__promotion-info-table-value {
    font-size: 16px;
    font-weight: 700
}

.c-cpo__promotion-info-table-title {
    font-size: 12px;
    margin-bottom: 5px
}

.c-cpo__suggestions-title {
    font-size: 16px;
    font-weight: 700;
    color: #889098;
    line-height: 1.25;
    padding: 20px;
    border-bottom: 1px solid #e6e9ed;
    margin: 0
}

.c-cpo__suggestion-section {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-height: 260px
}

.c-cpo__suggestions {
    width: 33.333%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 300px
}

.c-cpo__suggestions-list {
    padding: 0;
    margin: 0;
    max-height: 200px;
    overflow: auto;
    direction: ltr
}

    .c-cpo__suggestions-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
        border-radius: 10px
    }

    .c-cpo__suggestions-list::-webkit-scrollbar {
        width: 3px;
        background-color: #f5f5f5
    }

    .c-cpo__suggestions-list::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.3);
        background-color: #c4c5c5
    }

.c-cpo__suggestions-list-item {
    height: 60px;
    list-style-type: none;
    padding: 0 20px;
    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;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    direction: rtl
}

    .c-cpo__suggestions-list-item--selected, .c-cpo__suggestions-list-item:hover {
        background-color: #f5f7fa
    }

        .c-cpo__suggestions-list-item--selected .c-cpo__suggestion-date, .c-cpo__suggestions-list-item--selected .c-cpo__suggestion-name, .c-cpo__suggestions-list-item:hover .c-cpo__suggestion-date, .c-cpo__suggestions-list-item:hover .c-cpo__suggestion-name {
            color: #3e3f3f
        }

    .c-cpo__suggestions-list-item > span {
        display: block
    }

.c-cpo__suggestion-link {
    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;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;
    color: inherit
}

    .c-cpo__suggestion-link:hover {
        text-decoration: none
    }

.c-cpo__suggestion-name {
    color: #606265
}

.c-cpo__suggestion-date {
    color: #889098;
    font-size: 11px
}

.c-cpo__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 66.66%;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05)
}

.c-cpo__details, .c-cpo__details-rows {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.c-cpo__details-rows {
    padding: 25px;
    color: #606265
}

.c-cpo__detail-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 14px
}

.c-cpo__detail-title {
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px
}

.c-cpo__detail-value {
    font-size: 13px
}

.c-cpo__detail-action {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 170px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-cpo__promotion-type--amazing:before {
    content: url(../files/c0301483.svg);
    position: relative;
    top: 4px
}

.c-cpo__upload-buttons {
    -ms-flex-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: 40px
}

.c-cpo__upload-button-container, .c-cpo__upload-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.c-cpo__upload-button-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center
}

.c-cpo__upload-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(245,247,250,.5);
    border-radius: 8px;
    height: 60px;
    padding: 15px;
    font-size: 12px
}

.c-cpo__upload-guide {
    font-size: 10px;
    color: #777;
    display: block
}

.c-cpo__warning-box {
    border-radius: 8px;
    border: 1px solid rgba(245,127,23,.2);
    background-color: rgba(245,127,23,.05);
    padding: 10px 15px;
    margin-top: 20px
}

.c-cpo__warning-box--error {
    background: rgba(239,86,97,.05);
    border-color: rgba(239,86,97,.75)
}

.c-cpo__warning-row {
    font-size: 13px;
    line-height: 1.92;
    color: #606265;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-cpo__warning-row:before {
        content: "-";
        margin-left: 10px
    }

.c-cpo__show-errors {
    margin-left: 10px
}

.c-cpo__error-row {
    color: #ef5661;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-cpo__error-row:before {
        content: "\F08D\00FE0E"
    }

    .c-cpo__error-row:before {
        font-size: 1.2em;
        margin-left: 10px
    }

.c-cpo__products-total {
    color: #9199a0;
    margin-left: auto
}

    .c-cpo__products-total span {
        color: #4fcce9;
        border-radius: 5px;
        background-color: #f5f7fa;
        padding: 3px 6px;
        font-weight: 700
    }

.c-cpo__table-footer {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.c-cpo__rules-modal .c-ui-table__cell {
    padding: 5px 0
}

.c-cpo__sort-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

    .c-cpo__sort-products .c-cpo__filter-container {
        background: #fff;
        height: 25px
    }

    .c-cpo__sort-products .c-cpo__radio-option {
        height: 25px;
        line-height: 25px;
        font-size: 12px
    }

.c-cpo__sort-options {
    margin: 0 10px
}

.c-cpo--alignment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo__title {
    text-align: right;
    color: #606265;
    line-height: 1.43;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700
}

.c-cpo__progres-bar {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-left: 30px
}

.c-cpo__progres-bar--digit {
    color: #606265;
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467;
    font-weight: 700
}

.c-cpo__progres-bar--active-produt {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #606265;
    line-height: 1.25;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    padding: 5px 20px 5px 0
}

.c-cpo__progres-bar--active-produt, .c-cpo__progres-bar--actived {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff
}

.c-cpo__progres-bar--actived {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    line-height: 1.79;
    color: #889098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 5px 30px 5px 10px;
    width: 60%;
    margin-left: 26px
}

.c-cpo__add-product-btn {
    margin-top: 34px
}

    .c-cpo__add-product-btn:after {
        content: "\F008\00FE0E"
    }

    .c-cpo__add-product-btn:after {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        margin-right: 22px
    }

.c-cpo__progress-bar-info-block {
    display: inline-block;
    min-width: 165px
}

.c-cpo__progress-bar-info-block--title {
    color: #889098;
    margin-bottom: 11px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-cpo__progress-bar-info-block--digit {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    line-height: 2.1;
    display: inline-block;
    margin: 0 20px;
    vertical-align: middle;
    color: #62666d
}

.c-cpo__progress-bar-info-block--icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: #4fcce9;
    display: inline-block;
    -webkit-box-shadow: 0 4px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 4px 12px 0 rgba(79,204,233,.2);
    border: 1px solid #4fcce9;
    background-color: #fff;
    font-size: 29px;
    text-align: center;
    vertical-align: middle;
    line-height: 53px
}

    .c-cpo__progress-bar-info-block--icon.dkpromotion:before {
        content: "\F058\00FE0E"
    }

    .c-cpo__progress-bar-info-block--icon.dkpromotion-start:before {
        content: "\F057\00FE0E"
    }

    .c-cpo__progress-bar-info-block--icon.successful-purchase:before {
        content: "\F0F3\00FE0E"
    }

    .c-cpo__progress-bar-info-block--icon.icrease-purchase:before {
        content: "\F088\00FE0E"
    }

.c-cpo__progres-bar-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff;
    padding: 0 30px;
    margin-left: 24px
}

.c-cpo__progres-bar-card--digit {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 1.467;
    font-weight: 700;
    color: #606265
}

.c-cpo__progres-bar-card--title {
    text-align: right;
    color: #889098;
    line-height: 1.79;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-cpo__status-filter {
    min-width: 125px
}

.c-cpo__campaign-status-info {
    font-size: 13px;
    font-size: .929rem;
    line-height: 2.5;
    border-radius: 15px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    white-space: nowrap;
    padding: 0 12px
}

    .c-cpo__campaign-status-info:before {
        content: "\F085\00FE0E"
    }

    .c-cpo__campaign-status-info[data-status=active] {
        background-color: rgba(87,207,177,.1);
        color: #0e73ad
    }

    .c-cpo__campaign-status-info[data-status=approved] {
        background-color: rgba(249,168,37,.1);
        color: #f9a825
    }

    .c-cpo__campaign-status-info:before {
        vertical-align: middle;
        font-size: 10px;
        margin-left: 10px
    }

.c-cpo__report-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

    .c-cpo__report-cards > div:nth-child(n+4) {
        margin-top: 16px !important
    }

    .c-cpo__report-cards > div {
        padding: 10px 24px !important
    }

        .c-cpo__report-cards > div:nth-child(3n) {
            margin-left: 0
        }

.c-cpo__report-list {
    border-radius: 0 0 8px 8px;
    background-color: #fff;
    padding: 0 15px
}

.c-cpo__footer-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0
}

.c-cpo__footer-list, .c-cpo__footer-list--alignment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo__footer-list--alignment {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-cpo__footer-list--align-option {
    margin-left: 40px
}

.c-cpo__footer-list--excel-btn {
    background-color: #0e73ad
}

    .c-cpo__footer-list--excel-btn:hover {
        text-decoration: none
    }

.c-cpo__footer-list--align-text {
    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-cpo__active-campaign {
    border-left: 1px solid #e6e9ed;
    padding-left: 14px
}

.c-cpo__add-product {
    border-radius: 10px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    background-color: #4fcce9;
    color: #fff;
    position: relative;
    left: -35px;
    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;
    cursor: pointer;
    padding: 13px
}

    .c-cpo__add-product:before {
        content: "\F008\00FE0E"
    }

    .c-cpo__add-product:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 1.222;
        font-weight: 400
    }

.c-cpo__wrapper {
    margin-top: 30px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff;
    padding: 0 15px
}

.c-cpo__empty-camp {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .c-cpo__empty-camp img {
        margin-top: 85px
    }

.c-cpo__empty-camp--empty-message {
    color: #606265;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    margin-top: 20px
}

.c-cpo__empty-camp--view-message {
    text-align: center;
    color: #777;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    margin-top: 5px
}

.c-cpo__empty-camp--active-btn {
    margin-top: 20px;
    color: #fff;
    background-color: #0e73ad;
    padding: 8px 5px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    margin-bottom: 85px;
    cursor: pointer
}

.c-cpo__process-camp {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    padding: 7px 9px;
    margin-right: 8px;
    height: 23px
}

    .c-cpo__process-camp span {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

.c-cpo--fs-14 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-cpo--deactive-row {
    background-color: #f9fafc
}

    .c-cpo--deactive-row td {
        opacity: .5
    }

    .c-cpo--deactive-row :last-child {
        opacity: 1
    }

.c-cpo__activate-camp {
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    cursor: pointer
}

.c-cpo__progress {
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    padding: 3px
}

    .c-cpo__progress span {
        color: #606265;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692
    }

.c-cpo__clicked {
    border-radius: 5px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    box-shadow: 0 6px 12px 0 rgba(79,193,233,.3);
    border: 1px solid hsla(0,0%,59.2%,.2);
    background-color: #4fcce9;
    color: #fff !important
}

.c-cpo__condition {
    padding: 4px 30px;
    cursor: pointer
}

.c-cpo__edite-btn {
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    box-shadow: 0 6px 12px 0 rgba(0,211,176,.2);
    background-color: #0e73ad;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 160px;
    padding: 6px 15px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    cursor: pointer;
    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-cpo__edite-btn:hover {
        color: #fff !important;
        text-decoration: none !important
    }

.c-cpo__back-btn {
    border-radius: 8px;
    min-width: 160px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    padding: 7px 30px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    outline: none;
    cursor: pointer
}

.c-cpo__edit-camp {
    height: 23px
}

    .c-cpo__edit-camp:before {
        content: "\F066\00FE0E"
    }

    .c-cpo__edit-camp:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-cpo__stop-camp {
    height: 23px;
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
    padding: 0 7px;
    cursor: pointer
}

    .c-cpo__stop-camp:before {
        content: "\F0A8\00FE0E"
    }

    .c-cpo__stop-camp:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-cpo__report {
    height: 23px
}

    .c-cpo__report:before {
        content: "\F0D0\00FE0E"
    }

    .c-cpo__report:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-cpo__report-button {
    border-radius: 5px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #606265;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 700;
    padding: 2px;
    margin-right: 10px;
    cursor: pointer
}

.c-cpo__activate-camp {
    height: 23px;
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important;
    margin-left: 5px
}

    .c-cpo__activate-camp:before {
        content: "\F0B4\00FE0E"
    }

    .c-cpo__activate-camp:before {
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 1.1
    }

.c-cpo__camp-message {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 700;
    margin-top: 39px;
    margin-bottom: 10px
}

.c-cpo__camp-message--subtitle {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    margin-bottom: 20px
}

.c-cpo__confirm-stop {
    border-radius: 8px;
    background-color: #d32f2f;
    color: #fff;
    padding: 8px 10px;
    cursor: pointer
}

.c-cpo__choosed {
    border-radius: 3px;
    background-color: #4fcce9;
    color: #fff;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 700;
    height: 80%;
    padding: 0 3px
}

.c-cpo__subtitle {
    border-right: 1px solid grey;
    padding-right: 20px
}

.c-cpo__card-report {
    padding: 30px
}

.c-cpo__card-report--img-controller {
    height: 100px;
    width: 100px;
    margin-left: 30px
}

.c-cpo__cp0-page-size {
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 29px
}

.c-cpo__cp0-page-size--label {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 10px;
    margin-right: 5px
}

.c-cpo__cp0-page-size--label, .c-cpo__winner-buy-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.c-cpo__winner-buy-box {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-cpo__winner-buy-box:after, .c-cpo__winner-buy-box:before {
        color: #0e73ad
    }

    .c-cpo__winner-buy-box:before {
        content: "";
        width: 10px;
        height: 10px;
        background: url(../files/2761ed40.svg) no-repeat 50%;
        background-size: contain;
        margin-left: 4px
    }

    .c-cpo__winner-buy-box:after {
        content: "برنده بای‌باکس";
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2;
        white-space: nowrap
    }

.c-cpo__status-modal {
    width: 43%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 48px 72px
}

.c-cpo__status-modal-title {
    font-size: 16px;
    text-align: center;
    color: #62666d;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0
}

    .c-cpo__status-modal-title:before {
        margin-left: 8.5px;
        color: #424750
    }

        .c-cpo__status-modal-title:before:before {
            content: "\F075\00FE0E"
        }

.c-cpo__status-modal-body {
    margin-top: 40px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-cpo__status-modal-progress {
    background-color: #f0f0f1;
    margin: 4px 0 3px;
    -webkit-box-flex: 10;
    -ms-flex: 10;
    flex: 10
}

.c-cpo__status-modal-progress, .c-cpo__status-modal-progress-fill {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    border-radius: 3px
}

.c-cpo__status-modal-progress-fill {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    background-color: #0e73ad
}

.c-cpo__status-modal-progress-name {
    margin-top: 3px;
    font-size: 14px;
    color: #a1a3a8
}

.c-cpo__status-modal-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.c-cpo__status-modal-detail--download-file {
    color: #4fcce9;
    font-size: 12px;
    line-height: 1.67
}

    .c-cpo__status-modal-detail--download-file:before {
        color: #4fcce9;
        font-size: 14px;
        margin-left: 8.4px
    }

        .c-cpo__status-modal-detail--download-file:before:before {
            content: "\F075\00FE0E"
        }

.c-cpo__status-modal-button {
    margin-top: 40px;
    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-cpo__status-modal-button--cancel-process {
    max-height: 40px;
    border-radius: 8px;
    border: 1px solid #e0e0e2;
    background-color: #f7f7f8;
    padding: 8px 16px;
    color: #81858b;
    min-width: 120px;
    text-align: center
}

.c-cpo__status-modal-button--confirm-process {
    max-height: 40px;
    border-radius: 8px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    box-shadow: 0 6px 12px 0 rgba(79,204,233,.2);
    background-color: #4fcce9;
    margin-left: 24px;
    padding: 8px 16px;
    color: #fff;
    min-width: 120px;
    text-align: center
}

.c-cpo__status-message, .c-cpo__status-modal--item {
    color: #62666d;
    font-size: 14px
}

.c-cpo__status-message {
    padding: 8px 44px;
    white-space: nowrap;
    max-height: 40px;
    border-radius: 8px;
    width: 84%
}

.c-cpo__status-message--success {
    border: 1px solid rgba(87,207,177,.2);
    background-color: rgba(87,207,177,.1)
}

.c-cpo__status-message--warning {
    margin-top: 40px;
    border-radius: 8px;
    border: 1px solid rgba(249,168,37,.2);
    background-color: rgba(249,168,37,.05);
    padding: 8px 12px 8px 16px;
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-cpo__status-message--warning > i {
        color: #f9a825;
        margin-left: 8px
    }

.c-cpo__status-message--error {
    border: 1px solid rgba(211,47,47,.1);
    background-color: rgba(211,47,47,.05)
}

.c-cpo__status-message--success-icon {
    color: #0e73ad;
    margin-left: 10px
}

    .c-cpo__status-message--success-icon:before {
        content: "\F033\00FE0E"
    }

.c-cpo__status-message--warning-icon {
    color: #f9a825;
    margin-left: 10px
}

.c-cpo__status-message--error-icon {
    color: #ef5661;
    margin-left: 10px
}

.c-cpo__up-comission {
    border: 1px solid #c0c2c5;
    border-radius: 8px;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-cpo__up-comission-details {
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    margin-right: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-cpo__up-comission-comission, .c-cpo__up-comission-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 85%
}

.c-cpo__up-comission-comission {
    margin-top: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-cpo__up-comission-comission:last-child {
        margin-left: 16px
    }

@media screen and (max-width:1400px) {
    .uk-modal-dialog {
        width: 80%
    }
}

@media screen and (max-width:1150px) {
    .uk-modal-dialog {
        width: 90%
    }
}

.highcharts-markers {
    border: 1px solid red
}

    .highcharts-markers:nth-last-child(3n) {
        fill: #0e73ad
    }

.highcharts-xaxis-labels {
    border: 1px solid red
}

    .highcharts-xaxis-labels:nth-last-child(3n) {
        color: #4caf50
    }

.c-cpo-promotion__steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 700px;
    margin: 0 auto
}

.c-cpo-promotion__step {
    position: relative;
    padding: 0 50px
}

.c-cpo-promotion__step-title:after {
    content: "";
    width: 24px;
    height: 24px;
    display: block;
    background: #e6e9ed;
    border-radius: 8px;
    margin: 15px auto 0;
    z-index: 1
}

.c-cpo-promotion__step:after, .c-cpo-promotion__step:before {
    content: "";
    height: 2px;
    background: #e6e9ed;
    width: calc(50% - 12px);
    display: block;
    position: absolute;
    bottom: 12px
}

.c-cpo-promotion__step:after {
    left: 0
}

.c-cpo-promotion__step:before {
    right: 0
}

.c-cpo-promotion__step:first-child:before {
    display: none
}

.c-cpo-promotion__step:last-child:after {
    display: none
}

.c-cpo-promotion__step--passed {
    position: relative
}

    .c-cpo-promotion__step--passed .c-cpo-promotion__step-title:before {
        content: "\F02E\00FE0E"
    }

    .c-cpo-promotion__step--passed .c-cpo-promotion__step-title:before {
        position: absolute;
        bottom: 5px;
        left: 50%;
        color: #fff;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-cpo-promotion__step--passed .c-cpo-promotion__step-title:after {
        background: #0e73ad;
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.3)
    }

.c-cpo-promotion__step--current {
    position: relative
}

    .c-cpo-promotion__step--current .c-cpo-promotion__step-title:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        background: #fff;
        border-radius: 50%;
        bottom: 8px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .c-cpo-promotion__step--current .c-cpo-promotion__step-title:after {
        background: #0e73ad;
        -webkit-box-shadow: 0 6px 12px 0 rgba(87,207,177,.3);
        box-shadow: 0 6px 12px 0 rgba(87,207,177,.3)
    }

.c-cpo-promotion__btn {
    -webkit-box-shadow: 0 6px 12px rgba(0,211,176,.2);
    box-shadow: 0 6px 12px rgba(0,211,176,.2)
}

    .c-cpo-promotion__btn, .c-cpo-promotion__btn:hover {
        text-decoration: none
    }

.c-cpo-promotion__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-cpo-promotion__timer--row {
    background: #f5f7fa;
    border-radius: 3px;
    padding: 0 5px
}

.c-cpo-promotion__timer-segment {
    text-align: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333%;
    flex: 0 0 33.3333333%
}

.c-cpo-promotion__timer-segment--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo-promotion__timer-segment:first-child .c-cpo-promotion__timer-number {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.c-cpo-promotion__timer-segment:last-child .c-cpo-promotion__timer-number {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.c-cpo-promotion__timer-segment:not(:last-child) .c-cpo-promotion__timer-number:after {
    content: ":";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-cpo-promotion__timer-number {
    position: relative;
    padding: 4px 11px;
    background: #f5f7fa;
    color: #ef5661;
    display: block
}

.c-cpo-promotion__timer-title {
    font-size: 11px
}

.c-cpo-promotion__date-range {
    font-size: 13px
}

.c-cpo-promotion__upload-input {
    display: none
}

.c-cpo-promotion__modal {
    text-align: right !important
}

.c-cpo-promotion__excel-errors-header {
    font-size: 14px;
    color: #ef5661;
    border-bottom: 1px solid #f5f7fa;
    text-align: right;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-cpo-promotion__excel-errors-header:before {
        content: "\F06D\00FE0E"
    }

    .c-cpo-promotion__excel-errors-header:before {
        margin-left: 5px
    }

.c-cpo-promotion__excel-errors-list {
    direction: rtl;
    list-style: none;
    padding: 15px 0;
    border-top: 1px solid #f5f7fa
}

.c-cpo-promotion__excel-errors-list-wrapper {
    height: 300px;
    overflow-y: scroll;
    direction: ltr;
    padding-right: 10px;
    margin-right: -10px;
    padding-bottom: 10px
}

    .c-cpo-promotion__excel-errors-list-wrapper::-webkit-scrollbar {
        width: 4px;
        background-color: #f5f7fa
    }

    .c-cpo-promotion__excel-errors-list-wrapper::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #bec4cb
    }

    .c-cpo-promotion__excel-errors-list-wrapper::-webkit-scrollbar-track {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 0 1px #fff
    }

.c-cpo-promotion__excel-errors-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-cpo-promotion__excel-errors-item:not(:first-child) {
        margin-top: 10px
    }

.c-cpo-promotion__excel-errors-item-line {
    padding: 3px 6px;
    border: 1px solid #ef5661;
    color: #ef5661;
    border-radius: 5px;
    margin-left: 15px
}

.c-cpo-promotion__excel-errors-footer {
    border-top: 1px solid #9199a0;
    padding-top: 30px
}

.c-cpo-promotion__select-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cpo-promotion__select-filter-input {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.c-cpo-promotion__select-filter .select2-selection {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.c-cpo-promotion__selected-products-text {
    font-size: 12px;
    color: #9199a0;
    margin-right: 20px
}

.c-cpo-promotion__selected-products-number {
    background: #f5f7fa;
    color: #4fcce9;
    padding: 2px 3px;
    border-radius: 5px;
    font-size: 13px
}

.c-cpo-promotion__price {
    color: #0e73ad;
    font-size: 13px
}

.c-cpo-promotion__price--small {
    font-size: 10px
}

.c-cpo-promotion__price--current {
    color: #f5a623
}

.c-cpo-promotion__price-cell {
    white-space: nowrap
}

    .c-cpo-promotion__price-cell p {
        margin: 4px 0
    }

.c-cpo-promotion__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-cpo-promotion__buttons > :not(:last-child) {
        margin-left: 10px
    }

.c-cpo-promotion__counter {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    color: #62666d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 80px
}

.c-cpo-promotion__counter-value {
    padding: 8px 10px
}

.c-cpo-promotion__counter-arrows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid #e6e9ed;
    font-size: .6rem;
    margin-right: auto
}

.c-cpo-promotion__counter-arrow, .c-cpo-promotion__counter-arrows {
    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-cpo-promotion__counter-arrow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    cursor: pointer;
    padding: 2px 5px
}

.c-cpo-promotion__counter-arrow--up {
    border-bottom: 1px solid #e6e9ed
}

    .c-cpo-promotion__counter-arrow--up:before {
        content: "\F01C\00FE0E"
    }

    .c-cpo-promotion__counter-arrow--up:before {
        font-size: .6rem
    }

.c-cpo-promotion__counter-arrow--down:before {
    content: "\F01C\00FE0E"
}

.c-cpo-promotion__counter-arrow--down:before {
    font-size: .6rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block
}

.c-cpo-promotion__table-input {
    border: 1px solid #e6e9ed;
    padding: 8px 5px;
    border-radius: 8px;
    background: #fff;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #62666d;
    overflow: hidden;
    min-width: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.c-cpo-promotion__table-input--has-error {
    border-color: #ef5661
}

.c-cpo-promotion__table-input-connector {
    width: 30px;
    height: 1px;
    background: #e0e0e2;
    position: absolute;
    left: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

.c-cpo-promotion__discount-input {
    border: 0;
    font-size: 13px;
    color: #62666d;
    width: 20px;
    background: transparent;
    line-height: 25px
}

    .c-cpo-promotion__discount-input:focus {
        outline: none;
        border: 0
    }

.c-cpo-promotion__discount:before {
    content: "%";
    margin-left: 2px
}

.c-cpo-promotion__discount--all:before {
    content: ""
}

.c-cpo-promotion__discount--price {
    max-width: 100px
}

.c-cpo-promotion__after-discount {
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    color: #62666d;
    padding: 8px 10px;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-cpo-promotion--no-wrap {
    white-space: nowrap
}

.c-cpo-promotion__pe-none {
    pointer-events: none
}

@keyframes loading-rotate {
    0% {
        -webkit-transform: translateY(-50%) rotate(0deg);
        transform: translateY(-50%) rotate(0deg)
    }

    to {
        -webkit-transform: translateY(-50%) rotate(1turn);
        transform: translateY(-50%) rotate(1turn)
    }
}

.c-customer-question {
    margin: 15px -10px
}

.c-customer-question__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-customer-question__product-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    margin-left: 10px;
    overflow: hidden
}

    .c-customer-question__product-image img {
        width: 100%;
        height: auto
    }

.c-customer-question__body {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%
}

.c-customer-question__header {
    font-size: 12px;
    font-size: .857rem;
    line-height: 22px;
    color: #777;
    margin: 0
}

.c-customer-question__dkp {
    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: #9199a0;
    font-size: 11px;
    font-size: .786rem;
    line-height: 18px;
    height: 20px;
    padding: 2px 5px 0;
    margin-right: 6px;
    border: 1px solid #e6e9ed;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.c-customer-question__content {
    color: #3e3f3f;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    margin-top: 5px
}

    .c-customer-question__content p {
        margin: 0;
        word-break: break-word
    }

.c-customer-question__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 10px
}

.c-customer-question__info-status {
    color: #4fcce9;
    font-size: 12px;
    font-size: .857rem;
    line-height: 25px;
    font-weight: 700
}

    .c-customer-question__info-status:before {
        content: "\F033\00FE0E"
    }

    .c-customer-question__info-status:before {
        position: relative;
        top: 4px;
        font-size: 15px;
        margin-left: 2px
    }

    .c-customer-question__info-status.is-rejected {
        color: #ef5661
    }

        .c-customer-question__info-status.is-rejected:before {
            content: "\F08D\00FE0E"
        }

        .c-customer-question__info-status.is-rejected:before {
            font-size: 15px
        }

    .c-customer-question__info-status.is-pending {
        color: #f5a623
    }

        .c-customer-question__info-status.is-pending:before {
            content: "\F03A\00FE0E"
        }

        .c-customer-question__info-status.is-pending:before {
            font-size: 15px
        }

.c-customer-question__date {
    color: #9199a0;
    font-size: 10px;
    font-size: .714rem;
    line-height: 22px;
    margin-left: 20px
}

.c-customer-question__date-label {
    margin-left: 10px
}

.c-customer-question__other-answers {
    font-size: 11px;
    font-size: .786rem;
    line-height: 22px;
    padding: 15px 0 0;
    margin: 0
}

    .c-customer-question__other-answers a {
        color: #4fcce9;
        white-space: normal !important;
        font-size: inherit !important;
        line-height: inherit !important;
        padding: 0 !important
    }

.c-customer-question__create-answer-btn {
    color: #4fcce9;
    font-size: 13px;
    font-size: .929rem;
    line-height: 23px;
    padding: 0;
    margin-right: auto;
    border: none;
    background-color: transparent;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

    .c-customer-question__create-answer-btn:before {
        content: "\F00D\00FE0E"
    }

    .c-customer-question__create-answer-btn:before {
        position: relative;
        top: 2px;
        font-size: 15px;
        margin-left: 5px
    }

    .c-customer-question__create-answer-btn:active span {
        text-decoration: underline
    }

.c-customer-question__answer-form {
    display: none;
    padding-right: 60px;
    margin-top: 15px
}

@media (max-width:767px) {
    .c-customer-question__answer-form {
        padding-right: 0
    }
}

.c-customer-question__answer-body {
    position: relative;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e6e9ed;
    background-color: rgba(245,247,250,.5)
}

.c-customer-question__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.c-customer-question__errors-container {
    margin: 10px 0
}

    .c-customer-question__errors-container .c-reg-form__error {
        color: #ef5661;
        padding: 10px 40px 10px 10px;
        margin-bottom: 10px;
        border-radius: 8px;
        border: 1px solid rgba(239,86,97,.2);
        background-color: rgba(239,86,97,.05);
        background-position: right 10px top 8px
    }

        .c-customer-question__errors-container .c-reg-form__error + .c-reg-form__error {
            margin-top: 10px
        }

.c-customer-question__actions-desc {
    color: #9199a0;
    font-size: 10px;
    font-size: .714rem;
    line-height: 18px;
    padding: 5px 0;
    margin: 0
}

    .c-customer-question__actions-desc a {
        color: #4fcce9;
        white-space: normal !important;
        font-size: inherit !important;
        line-height: inherit !important;
        padding: 0 !important
    }

.c-customer-question__btn-size {
    width: 115px;
    margin-left: 10px
}

.c-customer-question__answer-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 15px
}

@media (max-width:767px) {
    .c-customer-question__answer-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.c-customer-question__answer-label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #4fcce9;
    font-size: 10px;
    font-size: .714rem;
    line-height: 22px;
    margin-top: 8px;
    width: 60px
}

.c-customer-question__answer {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid rgba(79,204,233,.2);
    background-color: rgba(79,204,233,.05)
}

.c-customer-question__answer--rejected {
    border: 1px solid rgba(239,86,97,.2);
    background-color: rgba(239,86,97,.05)
}

.c-customer-question__answer--pending {
    border: 1px solid rgba(245,166,35,.2);
    background-color: rgba(245,166,35,.05)
}

.c-customer-question__answer-content {
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 22px;
    margin: 0 0 10px;
    word-break: break-word
}

.c-customer-question__answer-media {
    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;
    vertical-align: top;
    width: 80px;
    height: 80px;
    margin-left: 5px;
    border: 1px solid #bbbaba;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden
}

    .c-customer-question__answer-media img, .c-customer-question__answer-media video {
        width: 100%;
        height: auto
    }

.c-customer-question__answer-media-caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: none;
    border-radius: 0;
    background-color: transparent;
    vertical-align: top;
    width: 80px;
    margin-left: 5px;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-customer-question__answer-media-caption--img {
    border: 1px solid #bbbaba;
    border-radius: 8px;
    background-color: #fff
}

.c-customer-question__answer-media-caption img, .c-customer-question__answer-media-caption video {
    width: 100%;
    height: auto
}

.c-fraud {
    position: relative;
    z-index: 0;
    min-height: 100vh;
    background: url(../files/12d7ef52.svg) no-repeat 100% 0 #fff;
    background-size: 35% auto
}

    .c-fraud fieldset {
        border: 0;
        padding: 0;
        margin: 0
    }

@media screen and (max-width:560px) {
    .c-fraud {
        background-size: 27% auto
    }
}

.c-fraud__page {
    min-width: 320px;
    max-width: 1290px;
    padding: 55px 20px 30px;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .c-fraud__page {
        padding: 25px 0
    }
}

.c-fraud__header {
    margin-right: 44%
}

@media screen and (max-width:560px) {
    .c-fraud__header {
        margin-right: 0
    }
}

.c-fraud__logo img {
    width: 161px;
    height: auto
}

@media screen and (max-width:560px) {
    .c-fraud__logo {
        text-align: center
    }
}

.c-fraud__title {
    font-size: 30px;
    font-size: 2.143rem;
    line-height: 51px;
    color: #636464;
    font-weight: 700;
    margin: 80px 0 30px
}

@media screen and (max-width:560px) {
    .c-fraud__title {
        font-size: 25px;
        font-size: 1.786rem;
        line-height: 36px;
        text-align: center;
        margin: 20px 20px 10px
    }
}

.c-fraud__desc {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 35px;
    color: #606265;
    margin: 0 0 60px 14%
}

@media screen and (max-width:560px) {
    .c-fraud__desc {
        font-size: 12px;
        font-size: .857rem;
        line-height: 25px;
        margin: 0 20px 20px
    }
}

.c-fraud__pane {
    position: relative;
    padding: 40px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 30px 0 rgba(0,0,0,.1);
    box-shadow: 0 4px 30px 0 rgba(0,0,0,.1)
}

@media screen and (max-width:767px) {
    .c-fraud__pane {
        padding: 20px
    }
}

.c-fraud__form {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px
}

.c-fraud__form-title {
    color: #3e3f3f;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 25px;
    font-weight: 700;
    margin: 0 0 30px 60px
}

.c-fraud__form-subtitle {
    color: #606265;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    font-weight: 700;
    margin: 50px 0 30px
}

.c-fraud__p {
    margin: 40px 0 30px
}

.c-fraud__p--terms {
    line-height: 35px
}

.c-fraud__footer {
    color: #606265;
    text-align: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    padding: 10px;
    margin-top: 30px
}

    .c-fraud__footer em {
        color: #ef5661;
        font-style: normal
    }

    .c-fraud__footer p {
        margin: 10px 0
    }

.c-fraud__tab-control {
    position: absolute;
    left: 30px;
    top: 30px;
    font-size: 14px
}

    .c-fraud__tab-control:after {
        font-size: 12px;
        margin-right: 10px
    }

@media screen and (max-width:767px) {
    .c-fraud__tab-control {
        left: 10px;
        top: 10px
    }
}

.c-fraud__tab-control--cancel:after {
    content: "\F045\00FE0E"
}

.c-fraud__terms-list {
    font-size: 14px;
    font-size: 1rem;
    line-height: 35px;
    padding: 0;
    list-style: none;
    margin: 30px 0 50px
}

    .c-fraud__terms-list li {
        margin: 0 0 30px
    }

@media screen and (max-width:767px) {
    .c-fraud__submit {
        width: 100%
    }
}

.c-datepicker__day {
    position: relative
}

.c-datepicker__day--has-notif:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 6px;
    height: 2px;
    background-color: #0e73ad;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-notfound {
    height: 660px;
    padding-top: 70px
}

.c-notfound__container {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.05);
    background-color: #fff;
    padding-top: 113px
}

    .c-notfound__container > * {
        max-width: 80%
    }

.c-notfound__message {
    color: #62666d;
    margin-top: 64px;
    text-align: center
}

.c-notfound__back {
    padding: 8px 16px;
    margin-top: 60px;
    border-radius: 8px;
    border: 1px solid #e6eaef;
    background-color: #f9fafc;
    color: #81858b;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-marketing, .c-notfound__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-marketing {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

    .c-marketing + .c-marketing {
        margin-top: 5px
    }

a.c-marketing {
    text-decoration: none
}

.c-marketing__details {
    margin: 10px 0
}

a.c-marketing__details-bar-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: inherit;
    text-decoration: none
}

.c-marketing__details-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

a.c-marketing__details-bar {
    color: #606265;
    text-decoration: none
}

.c-marketing__details-bar--full {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

    .c-marketing__details-bar--full .c-rating-chart__details-progress {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

.c-marketing__details-bar--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-marketing__details-bar--profile + .c-marketing__details-bar--profile {
    padding-top: 15px
}

.c-marketing__details-bar--select {
    padding-top: 5px;
    padding-bottom: 5px
}

    .c-marketing__details-bar--select .c-rating-chart__details-progress {
        width: 100px;
        height: 6px;
        margin-right: auto
    }

        .c-marketing__details-bar--select .c-rating-chart__details-progress > span {
            left: 0;
            right: auto;
            border-radius: 3px
        }

    .c-marketing__details-bar--select .c-rating-chart__details-label {
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: auto;
        margin-left: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .c-marketing__details-bar--select .c-rating-chart__details-label.is-disabled {
            color: #bbbaba
        }

.c-marketing__inner-capacity-label {
    margin-right: auto;
    font-size: 10px;
    color: #a1a3a8;
    margin-left: 0 !important
}

.c-marketing__details-value {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 55px;
    text-align: left;
    font-weight: 700;
    color: #62666d
}

a.c-marketing__details-value {
    color: inherit;
    text-decoration: none
}

.c-marketing__details-value--full {
    text-align: right;
    width: auto
}

.c-marketing__details-value--large {
    font-size: 27px;
    font-size: 1.929rem;
    line-height: 30px;
    font-weight: 700;
    width: 83px
}

.c-marketing__details-value--profile {
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 30px;
    font-weight: 700;
    width: 80px
}

.c-marketing__details-value--medium {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 31px;
    width: auto
}

    .c-marketing__details-value--medium span {
        font-size: inherit !important
    }

.c-marketing__details-value--sub {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    width: auto;
    margin: 0 0 0 auto
}

.c-marketing__details-value span {
    font-size: 12px;
    line-height: 12px
}

.c-marketing__details-value--info {
    color: #4fcce9
}

.c-marketing__details-value--5 {
    color: #3dc3a2
}

.c-marketing__details-value--4 {
    color: #a0d468
}

.c-marketing__details-value--3 {
    color: #f6bb42
}

.c-marketing__details-value--2 {
    color: #fc6e51
}

.c-marketing__details-value--1 {
    color: #da4453
}

.c-marketing__details-value--default {
    color: #889098
}

.c-marketing__description {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    color: #899098;
    font-size: 14px;
    font-size: 1rem;
    line-height: 20px;
    width: 100%;
    margin-top: -5px
}

    .c-marketing__description.uk-inline {
        position: static
    }

.c-marketing__description--bar {
    line-height: 25px;
    margin-top: 0
}

.c-marketing__description--sub {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 20px;
    width: auto;
    margin-left: auto
}

.c-marketing__description-dropdown {
    position: relative;
    display: inline-block
}

    .c-marketing__description-dropdown:before {
        content: "\F05A\00FE0E"
    }

    .c-marketing__description-dropdown:before {
        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: 6px;
        height: 20px
    }

.c-marketing__description-tooltip {
    color: #606265;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    min-width: 150px;
    padding: 10px 15px;
    margin: 0;
    border: 1px solid hsla(0,0%,59.2%,.2);
    border-radius: 10px;
    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-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-break: break-word
}

    .c-marketing__description-tooltip:before {
        content: "";
        position: absolute;
        top: -6px;
        left: 50%;
        width: 10px;
        height: 10px;
        border-color: transparent;
        border-top: 1px solid hsla(0,0%,59.2%,.2);
        border-right: 1px solid hsla(0,0%,59.2%,.2);
        background-color: #fff;
        -webkit-transform: translateX(-50%) rotate(-45deg);
        transform: translateX(-50%) rotate(-45deg)
    }

.c-marketing__description-tooltip--small {
    min-width: 0;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1;
    padding: 10px;
    left: 40.0125px;
    top: 68.8px
}

.c-marketing__description-tooltip--left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-marketing__description-tooltip--left:before {
        right: 15%
    }

.c-marketing__description-tooltip--max-left {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .c-marketing__description-tooltip--max-left:before {
        right: 3px
    }

.c-marketing__description-tooltip--max-right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .c-marketing__description-tooltip--max-right:before {
        left: 13px
    }

.c-marketing__description-tooltip--right {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

    .c-marketing__description-tooltip--right:before {
        left: 15%
    }

.c-marketing__description-tooltip--top {
    margin-top: -10px
}

    .c-marketing__description-tooltip--top:before {
        top: unset;
        bottom: -6px;
        -webkit-transform: translateX(-50%) rotate(135deg);
        transform: translateX(-50%) rotate(135deg)
    }

.c-marketing__stat {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 4px
}

    .c-marketing__stat + .c-marketing__stat {
        border-right: 1px solid #f5f7fa
    }

.c-marketing__stat-value {
    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: #889098;
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 1;
    font-weight: 700;
    height: 45px;
    padding: 0 4px;
    margin: 0 5px;
    border-radius: 8px;
    background-color: #f5f7fa
}

.c-marketing__stat-value--success {
    color: #0e73ad
}

.c-marketing__stat-value--warning {
    color: #fdc364
}

.c-marketing__stat-value--danger {
    color: #ef5661
}

.c-marketing__stat-desc {
    color: #889098;
    text-align: center;
    font-size: 12px;
    font-size: .857rem;
    line-height: 18px;
    margin-bottom: 10px
}

.c-pricing-b2b__theader {
    display: block
}

.c-pricing-b2b .tr {
    text-align: right;
    color: #606265;
    font-size: 12px;
    line-height: 21px
}

.c-pricing-b2b .th {
    width: 155px
}

.c-pricing-b2b__tbody {
    display: block;
    overflow: auto;
    height: 114px
}

.c-pricing-b2b .input {
    width: 155px
}

.c-pricing-b2b .buttonsContainer {
    display: none;
    width: 300px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-pricing-b2b .removeButton {
    width: 40px;
    height: 40px;
    border: 1px solid #ef5661;
    font-size: 20px;
    margin: 0 10px
}

.c-pricing-b2b .binIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-pricing-b2b .addButton {
    background: #fff;
    width: 40px;
    height: 40px;
    border: 1px solid #e6e9ed;
    color: #e6e9ed;
    font-size: 20px
}

.c-pricing-b2b .addIcon {
    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-dynamic-guide__guide {
    height: 330px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0,0,0,.05);
    box-shadow: 0 0 12px rgba(0,0,0,.05);
    border-radius: 8px;
    margin: 0 0 22px;
    padding: 25px
}

.c-dynamic-guide__container {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-dynamic-guide .right-item, .c-dynamic-guide__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.c-dynamic-guide .right-item {
    height: 330px;
    border-left: 1px solid #e0e0e2;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .c-dynamic-guide .right-item p {
        font-weight: 700;
        font-size: 14px;
        line-height: 24px;
        text-align: right;
        color: #a1a3a8;
        margin: 0 0 25px
    }

.c-dynamic-guide .left-item {
    height: 330px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 30px 0 0
}

.c-dynamic-guide .left-item, .c-dynamic-guide .stepContainer {
    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
}

.c-dynamic-guide .stepContainer {
    background-color: #fff;
    border-radius: 8px;
    width: 342px;
    padding: 10px;
    margin: 0 0 10px 25px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-dynamic-guide .stepContainer--active {
    -webkit-box-shadow: 0 6px 12px rgba(3,10,22,.05);
    box-shadow: 0 6px 12px rgba(3,10,22,.05)
}

    .c-dynamic-guide .stepContainer--active:after {
        content: "\F030\00FE0E"
    }

.c-dynamic-guide .stepNumber {
    border-radius: 8px;
    text-align: center;
    font-weight: 900;
    font-size: 14px
}

.c-dynamic-guide .stepNumber--deactive {
    width: 28px;
    height: 28px;
    background: #f0f0f1;
    color: #c0c2c5;
    line-height: 32px
}

.c-dynamic-guide .stepNumber--active {
    width: 32px;
    height: 32px;
    background: #4fcce9;
    color: #fff;
    line-height: 36px
}

.c-dynamic-guide .stepTitle {
    width: 264px;
    margin: 0 10px 0 48px;
    font-weight: 700;
    font-size: 14px;
    line-height: 27px;
    text-align: right
}

.c-dynamic-guide .stepTitle--deactive {
    color: #c0c2c5
}

.c-dynamic-guide .stepTitle--active {
    color: #4fcce9
}

.c-dynamic-guide .title {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    text-align: right;
    color: #62666d;
    margin: 0 0 10px
}

.c-dynamic-guide .description {
    font-weight: 400;
    font-size: 13px;
    line-height: 29px;
    text-align: right;
    color: #62666d;
    margin: 0 0 10px
}

.c-dynamic-guide__description-container {
    height: 330px;
    margin: 0 0 0 40px;
    width: 511px
}

.c-dynamic-guide__video-container {
    height: 330px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-dynamic-guide .video {
    width: 387px;
    border-radius: 8px
}

.c-dynamic-guide .play-icon {
    position: absolute;
    left: 29%;
    margin: -103px 0 0 -100px;
    width: 44px;
    height: 44px;
    z-index: 2;
    background: url(../files/ac1bbef5.svg) no-repeat 50%
}

.c-dynamic-guide .video-title {
    margin: -20px 0 0 -155px
}

.c-dynamic-guide .video-time, .c-dynamic-guide .video-title {
    position: absolute;
    left: 29%;
    z-index: 2;
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.c-dynamic-guide .video-time {
    margin: 32px 0 0 -92px
}

.c-dynamic-guide .video-survey {
    position: absolute;
    left: 29%;
    margin: 65px 0 0 -198px;
    z-index: 2;
    width: 225px;
    height: 24px;
    border: 1px solid #f0f0f1;
    border-radius: 5px;
    padding: 10px 15px;
    color: #a1a3a8;
    background: rgba(3,10,22,.5);
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-dynamic-guide .video-survey span {
        font-size: 12px;
        line-height: 20px;
        text-align: right
    }

.c-dynamic-guide .moreInformation {
    width: 126px;
    height: 16px;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    color: #00cfed;
    border-bottom: 1px dashed #00cfed;
    cursor: pointer
}

.c-dynamic-guide__survey {
    width: 225px;
    height: 24px;
    border: 1px solid #f0f0f1;
    border-radius: 5px;
    padding: 10px 15px;
    margin: 10px 0 0;
    color: #a1a3a8;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .c-dynamic-guide__survey span {
        font-size: 12px;
        line-height: 20px;
        text-align: right
    }

.c-dynamic-guide .rating {
    font-size: 22px;
    cursor: pointer;
    color: #a1a3a8
}

.c-dynamic-guide .closeIcon {
    margin: -8px 0 0 -12px;
    cursor: pointer;
    font-size: 24px;
    float: left
}

.c-dynamic-guide .showMe {
    width: 126px;
    height: 16px;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    text-align: right;
    color: #00b993;
    border-bottom: 1px solid #00b993;
    cursor: pointer
}

.c-dynamic-guide__specific-place {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 232px;
    height: 48px
}

.c-dynamic-guide__specific-place--specific-tooltip-container {
    position: relative;
    display: inline-block
}

.c-dynamic-guide__specific-tool-tip {
    visibility: hidden;
    width: 180px;
    background-color: #00b993;
    color: #fff;
    border-radius: 6px;
    padding: 5px 8px;
    position: absolute;
    z-index: 1;
    top: 328px;
    right: 42px;
    -webkit-box-shadow: 0 6px 12px rgba(87,207,177,.2);
    box-shadow: 0 6px 12px rgba(87,207,177,.2);
    text-align: left
}

.c-dynamic-guide__hint-text {
    font-weight: 700;
    font-size: 11px;
    line-height: 29px;
    text-align: right
}

.c-dynamic-guide-hat-container .container {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-dynamic-guide-hat-container .hat {
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff url(../files/cd3d8a3a.svg) no-repeat 50%;
    cursor: pointer
}

.c-dynamic-guide-hat-container .tooltip {
    position: relative;
    display: inline-block
}

.c-dynamic-guide-hat-container .tooltip-text {
    visibility: hidden;
    width: 221px;
    background-color: #00b993;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 13%;
    left: 16%;
    margin-left: -60px
}

.c-ui-picker-container {
    width: 100%;
    height: 100%;
    border: 1px solid #e6e9ed;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .c-ui-picker-container:focus-within {
        border-color: #4fcce9
    }

    .c-ui-picker-container input[type=number] {
        border: none;
        font-family: IRANYekan,B Yekan,Yekan,serif;
        color: #606265;
        outline: none;
        -moz-appearance: textfield;
        margin: 0;
        width: 100%;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692
    }

    .c-ui-picker-container input::-webkit-inner-spin-button {
        display: none
    }

    .c-ui-picker-container input::-webkit-inner-spin-button, .c-ui-picker-container input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .c-ui-picker-container label {
        font-family: IRANYekan,B Yekan,Yekan,serif;
        color: #9b9b9b;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        min-width: 32px
    }

        .c-ui-picker-container label[for] {
            width: 100%
        }

    .c-ui-picker-container > div:first-of-type {
        padding-right: 15px !important;
        width: 50% !important
    }

    .c-ui-picker-container > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 50% !important;
        padding: 0 0 0 15px
    }

        .c-ui-picker-container > div > input {
            margin-right: 5%;
            border: none
        }

.c-see-pricing-other-sellers__time-badge {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    margin: 0 0 0 5px
}

.c-see-pricing-other-sellers--orange-badge {
    background: #f9a825
}

.c-see-pricing-other-sellers--green-badge {
    background: #0e73ad
}

.c-see-pricing-other-sellers--red-badge {
    background: #ef5661
}

.c-see-pricing-other-sellers__list-container {
    padding: 5px 36px;
    background: rgba(245,247,250,.5);
    margin: 15px 0;
    border: 1px solid #f0f0f1;
    border-radius: 8px
}

.c-see-pricing-other-sellers__price-list {
    width: 100%;
    border-radius: 8px;
    text-align: right;
    border-collapse: collapse
}

    .c-see-pricing-other-sellers__price-list th {
        border-bottom: 1px solid #e0e0e2;
        font-size: 12px;
        line-height: 20px;
        text-align: right;
        color: #81858b;
        padding: 15px
    }

    .c-see-pricing-other-sellers__price-list td {
        border-bottom: 1px solid #f0f0f1;
        font-size: 12px;
        line-height: 16px;
        text-align: right;
        color: #424750;
        padding: 15px
    }

.c-see-pricing-other-sellers__time-view {
    width: 4px;
    height: 24px;
    border-radius: 8px
}

.c-ticketing__table-col {
    width: 30%;
    height: 375px;
    border-left: 1px solid #e0e0e2 !important
}

.c-ticketing__table-col-height {
    min-height: 375px
}

.c-ticketing__table-col-title {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    border-bottom: 1px solid #e0e0e2;
    color: #62666d
}

.c-ticketing__desc {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border-bottom: 1px solid #e0e0e2;
    color: #62666d;
    font-weight: 400
}

.c-ticketing__new-details {
    border-radius: 8px
}

.c-ticketing__cancel {
    background: #f7f7f8;
    border: 1px solid #e0e0e2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
    min-width: 100px;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #62666d
}

.c-ticketing__detail-card {
    min-width: 400px
}

.c-ticketing__detail-card-title {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 400;
    line-heoght: 20px;
    color: #a1a3a8
}

.c-ticketing__detail-card-value {
    color: #62666d;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    line-height: 27px;
    font-weight: 700
}

.c-ticketing__detail-card-value--20 {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    line-height: 30px
}

.c-ticketing__detail-card-value--16 {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    line-height: 30px
}

.c-ticketing__chat-container {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.c-ticketing__header-title {
    color: #a1a3a8;
    padding: 0 15px;
    cursor: pointer;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

    .c-ticketing__header-title[data-active=true] {
        color: #62666d;
        position: relative
    }

        .c-ticketing__header-title[data-active=true]:after {
            content: "";
            width: 100%;
            position: absolute;
            height: 3px;
            top: calc(100% + 19px);
            right: 0;
            background-color: #4fcce9
        }

.c-ticketing__user-avatar {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7.5px 6px;
    width: 38px;
    height: 25px;
    background: #f6bb42;
    border-radius: 20px;
    color: #fff
}

.c-ticketing__user-message {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f0f0f1;
    border-radius: 16px 0 16px 16px
}

.c-ticketing__user-message-date {
    color: #a1a3a8;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 400
}

.c-ticketing__dk-avatar {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7.5px 6px;
    width: 38px;
    height: 25px;
    background: #f6bb42;
    border-radius: 20px
}

.c-ticketing__dk-message {
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 16px 0 16px 16px;
    background: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2)
}

.c-ticketing__dk-message-date {
    color: #a1a3a8;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    font-weight: 400
}

.c-ticketing__text-box {
    margin-top: 100px
}

    .c-ticketing__text-box > textarea {
        min-height: 80px;
        resize: vertical
    }

.c-ticketing__text-box-submit-container {
    position: relative;
    bottom: 60px;
    left: 20px
}

.c-ticketing__text-box-submit {
    padding: 8px 16px 8px 8px;
    width: 88px;
    background: #e6e9ed
}

.c-ticketing__text-box-attachment, .c-ticketing__text-box-submit {
    height: 40px;
    border: 1px solid #e6e9ed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.c-ticketing__text-box-attachment {
    width: 40px;
    background: #f9fafc
}

.c-modal-increase-revenue {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin: -30px
}

.c-modal-increase-revenue, .c-modal-increase-revenue__sales-increase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-modal-increase-revenue__sales-increase {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 400px;
    margin: auto
}

    .c-modal-increase-revenue__sales-increase p {
        line-height: 30px;
        text-align: center;
        color: #62666d
    }

.c-modal-increase-revenue__sales-increase-details {
    width: 452px;
    padding: 100px 0 40px;
    background: #f5f7fa;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}

.c-modal-increase-revenue__sales-increase-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #424750
}

.c-modal-increase-revenue .slides {
    display: none;
    text-align: center
}

.c-modal-increase-revenue img {
    vertical-align: middle
}

.c-modal-increase-revenue__slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto
}

.c-modal-increase-revenue .dot {
    cursor: pointer;
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #e0e0e2;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease
}

    .c-modal-increase-revenue .active, .c-modal-increase-revenue .dot:hover {
        background-color: #4fcce9
    }

.c-modal-increase-revenue .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s
}

@-webkit-keyframes fade {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

.c-modal-increase-revenue .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #424750;
    margin: 40px 0 20px
}

.c-modal-increase-revenue .description {
    display: block;
    line-height: 30px;
    text-align: center;
    color: #62666d
}

.c-adservice-page__card-container {
    padding: 20px
}

.c-adservice-page__card-container, .c-adservice-page__wallet-balance {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-adservice-page__wallet-balance {
    height: 40px;
    background: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2);
    border-radius: 8px;
    padding: 5px 20px
}

    .c-adservice-page__wallet-balance span {
        font-size: 12px;
        color: #81858b
    }

    .c-adservice-page__wallet-balance p {
        font-size: 20px;
        color: #62666d;
        font-weight: 700
    }

.c-adservice-page__deposit-amount p {
    display: block;
    font-size: 12px;
    color: #81858b
}

.c-adservice-page__deposit-amount span {
    display: block;
    font-size: 9px;
    color: #a1a3a8
}

.c-adservice-page__amount-image {
    width: 50px;
    height: 50px
}

.c-adservice-page__amount-image--deposit {
    background: url(../files/c9116e55.svg) no-repeat
}

.c-adservice-page__amount-image--spent {
    background: url(../files/0705ef81.svg) no-repeat
}

.c-adservice-page__amount-price {
    font-weight: 700;
    font-size: 16px
}

.c-adservice-page__amount-price--deposit {
    color: #0e73ad
}

.c-adservice-page__amount-price--spent {
    color: #ef5661
}

.c-adservice-page__item {
    width: 300px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px
}

.c-adservice-page__banner-container {
    margin: 60px 0 0;
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 8px
}

.c-adservice-page__banner-image {
    height: 165px;
    border-radius: 6px
}

.c-adservice-page__click-right-now {
    width: 156px;
    height: 24px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,#ffc444),color-stop(134.66%,#f36f56));
    background: linear-gradient(180deg,#ffc444 40%,#f36f56 134.66%);
    border-radius: 8px;
    padding: 8px 16px 8px 8px;
    margin: 10px 0 0;
    color: #fff;
    cursor: pointer
}

.c-adservice-page__banner-type-two {
    width: 685px;
    height: 160px;
    border-radius: 8px
}

.c-adservice-page__banner-type-three {
    width: 613px;
    height: 160px;
    border-radius: 8px
}

.c-adservice-page__service {
    width: 324px;
    margin: 60px 0 0;
    padding: 40px 20px 20px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-adservice-page__service-image {
    width: 110px;
    height: 110px
}

.c-adservice-page__separator-line {
    background: #0e73ad;
    width: 100px;
    height: 2px;
    margin: 40px 0 0
}

.c-multi-shipment {
    height: 800px;
    overflow: auto
}

    .c-multi-shipment::-webkit-scrollbar {
        width: 4px;
        height: 10px
    }

    .c-multi-shipment::-webkit-scrollbar-track {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 3px #e0e0e2;
        box-shadow: inset 0 0 3px #e0e0e2
    }

    .c-multi-shipment::-webkit-scrollbar-thumb {
        background-color: #c0c2c5;
        border-radius: 3px
    }

.c-multi-shipment__waiting-for-payment {
    border-right: 2px solid #f6bb42
}

.c-multi-shipment__sending {
    border-right: 2px solid #4fcce9
}

.c-multi-shipment__posted {
    border-right: 2px solid #3dc3a2
}

.c-multi-shipment__driver-info {
    padding: 10px;
    background: #f5f7fa;
    border: 1px solid #f5f7fa;
    border-radius: 6px
}

.c-multi-shipment__icon {
    width: 20px;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    vertical-align: middle;
    padding-top: 4px
}

.c-multi-shipment__icon--phone-icon {
    padding-right: 3px
}

.c-multi-shipment__shipment-details {
    border-top: 1px solid #f0f0f1
}

.c-multi-shipment__shipment-container {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px
}

.c-multi-shipment__status {
    background: rgba(160,212,104,.1);
    color: #a0d468
}

.c-multi-shipment__shipping-details-box {
    margin: 20px 0 40px;
    padding: 20px 20px 20px 0;
    background: rgba(79,204,233,.05);
    border: 1px solid rgba(79,204,233,.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.c-multi-shipment__wrapper {
    position: relative;
    direction: ltr;
    margin-top: 20px;
    padding: 15px 15px 15px 25px;
    background: rgba(245,247,250,.4);
    border: 1px solid #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px
}

.c-multi-shipment__table-wrapper {
    height: 208px;
    overflow: auto;
    padding: 0 10px
}

    .c-multi-shipment__table-wrapper::-webkit-scrollbar {
        width: 4px;
        height: 60px
    }

    .c-multi-shipment__table-wrapper::-webkit-scrollbar-track {
        border-radius: 3px;
        -webkit-box-shadow: inset 0 0 3px #e0e0e2;
        box-shadow: inset 0 0 3px #e0e0e2
    }

    .c-multi-shipment__table-wrapper::-webkit-scrollbar-thumb {
        background-color: #c0c2c5;
        border-radius: 3px
    }

.c-multi-shipment__orders-table {
    border-collapse: collapse
}

    .c-multi-shipment__orders-table tr {
        border-bottom: 1px solid #f0f0f1
    }

        .c-multi-shipment__orders-table tr:last-child {
            border: none
        }

    .c-multi-shipment__orders-table th {
        border-bottom: 1px solid #e0e0e2
    }


/*[PATH @digikala/supernova-digikala-marketplace/static/css/guide.css]*/
.guide * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .guide *:before,
    .guide *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.guide {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background-color: #ffffff;
}

    .guide input,
    .guide button,
    .guide select,
    .guide textarea {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .guide a {
        color: #337ab7;
        text-decoration: none;
    }

        .guide a:hover,
        .guide a:focus {
            color: #23527c;
            text-decoration: underline;
        }

        .guide a:focus {
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

    .guide figure {
        margin: 0;
    }

    .guide img {
        vertical-align: middle;
    }

    .guide .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .guide .img-rounded {
        border-radius: 6px;
    }

    .guide .img-thumbnail {
        padding: 4px;
        line-height: 1.42857143;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 4px;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        display: inline-block;
        max-width: 100%;
        height: auto;
    }

    .guide .img-circle {
        border-radius: 50%;
    }

    .guide hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eeeeee;
    }

    .guide .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .guide .sr-only-focusable:active,
    .guide .sr-only-focusable:focus {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
    }

    .guide [role="button"] {
        cursor: pointer;
    }

    .guide .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

@media (min-width: 768px) {
    .guide .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .guide .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .guide .container {
        width: 1170px;
    }
}

.guide .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.guide .row {
    margin-left: -15px;
    margin-right: -15px;
}

.guide .col-xs-1, .guide .col-sm-1, .guide .col-md-1, .guide .col-lg-1, .guide .col-xs-2, .guide .col-sm-2, .guide .col-md-2, .guide .col-lg-2, .guide .col-xs-3, .guide .col-sm-3, .guide .col-md-3, .guide .col-lg-3, .guide .col-xs-4, .guide .col-sm-4, .guide .col-md-4, .guide .col-lg-4, .guide .col-xs-5, .guide .col-sm-5, .guide .col-md-5, .guide .col-lg-5, .guide .col-xs-6, .guide .col-sm-6, .guide .col-md-6, .guide .col-lg-6, .guide .col-xs-7, .guide .col-sm-7, .guide .col-md-7, .guide .col-lg-7, .guide .col-xs-8, .guide .col-sm-8, .guide .col-md-8, .guide .col-lg-8, .guide .col-xs-9, .guide .col-sm-9, .guide .col-md-9, .guide .col-lg-9, .guide .col-xs-10, .guide .col-sm-10, .guide .col-md-10, .guide .col-lg-10, .guide .col-xs-11, .guide .col-sm-11, .guide .col-md-11, .guide .col-lg-11, .guide .col-xs-12, .guide .col-sm-12, .guide .col-md-12, .guide .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.guide .col-xs-1, .guide .col-xs-2, .guide .col-xs-3, .guide .col-xs-4, .guide .col-xs-5, .guide .col-xs-6, .guide .col-xs-7, .guide .col-xs-8, .guide .col-xs-9, .guide .col-xs-10, .guide .col-xs-11, .guide .col-xs-12 {
    float: left;
}

.guide .col-xs-12 {
    width: 100%;
}

.guide .col-xs-11 {
    width: 91.66666667%;
}

.guide .col-xs-10 {
    width: 83.33333333%;
}

.guide .col-xs-9 {
    width: 75%;
}

.guide .col-xs-8 {
    width: 66.66666667%;
}

.guide .col-xs-7 {
    width: 58.33333333%;
}

.guide .col-xs-6 {
    width: 50%;
}

.guide .col-xs-5 {
    width: 41.66666667%;
}

.guide .col-xs-4 {
    width: 33.33333333%;
}

.guide .col-xs-3 {
    width: 25%;
}

.guide .col-xs-2 {
    width: 16.66666667%;
}

.guide .col-xs-1 {
    width: 8.33333333%;
}

.guide .col-xs-pull-12 {
    right: 100%;
}

.guide .col-xs-pull-11 {
    right: 91.66666667%;
}

.guide .col-xs-pull-10 {
    right: 83.33333333%;
}

.guide .col-xs-pull-9 {
    right: 75%;
}

.guide .col-xs-pull-8 {
    right: 66.66666667%;
}

.guide .col-xs-pull-7 {
    right: 58.33333333%;
}

.guide .col-xs-pull-6 {
    right: 50%;
}

.guide .col-xs-pull-5 {
    right: 41.66666667%;
}

.guide .col-xs-pull-4 {
    right: 33.33333333%;
}

.guide .col-xs-pull-3 {
    right: 25%;
}

.guide .col-xs-pull-2 {
    right: 16.66666667%;
}

.guide .col-xs-pull-1 {
    right: 8.33333333%;
}

.guide .col-xs-pull-0 {
    right: auto;
}

.guide .col-xs-push-12 {
    left: 100%;
}

.guide .col-xs-push-11 {
    left: 91.66666667%;
}

.guide .col-xs-push-10 {
    left: 83.33333333%;
}

.guide .col-xs-push-9 {
    left: 75%;
}

.guide .col-xs-push-8 {
    left: 66.66666667%;
}

.guide .col-xs-push-7 {
    left: 58.33333333%;
}

.guide .col-xs-push-6 {
    left: 50%;
}

.guide .col-xs-push-5 {
    left: 41.66666667%;
}

.guide .col-xs-push-4 {
    left: 33.33333333%;
}

.guide .col-xs-push-3 {
    left: 25%;
}

.guide .col-xs-push-2 {
    left: 16.66666667%;
}

.guide .col-xs-push-1 {
    left: 8.33333333%;
}

.guide .col-xs-push-0 {
    left: auto;
}

.guide .col-xs-offset-12 {
    margin-left: 100%;
}

.guide .col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.guide .col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.guide .col-xs-offset-9 {
    margin-left: 75%;
}

.guide .col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.guide .col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.guide .col-xs-offset-6 {
    margin-left: 50%;
}

.guide .col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.guide .col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.guide .col-xs-offset-3 {
    margin-left: 25%;
}

.guide .col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.guide .col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.guide .col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 768px) {
    .guide .col-sm-1, .guide .col-sm-2, .guide .col-sm-3, .guide .col-sm-4, .guide .col-sm-5, .guide .col-sm-6, .guide .col-sm-7, .guide .col-sm-8, .guide .col-sm-9, .guide .col-sm-10, .guide .col-sm-11, .guide .col-sm-12 {
        float: left;
    }

    .guide .col-sm-12 {
        width: 100%;
    }

    .guide .col-sm-11 {
        width: 91.66666667%;
    }

    .guide .col-sm-10 {
        width: 83.33333333%;
    }

    .guide .col-sm-9 {
        width: 75%;
    }

    .guide .col-sm-8 {
        width: 66.66666667%;
    }

    .guide .col-sm-7 {
        width: 58.33333333%;
    }

    .guide .col-sm-6 {
        width: 50%;
    }

    .guide .col-sm-5 {
        width: 41.66666667%;
    }

    .guide .col-sm-4 {
        width: 33.33333333%;
    }

    .guide .col-sm-3 {
        width: 25%;
    }

    .guide .col-sm-2 {
        width: 16.66666667%;
    }

    .guide .col-sm-1 {
        width: 8.33333333%;
    }

    .guide .col-sm-pull-12 {
        right: 100%;
    }

    .guide .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .guide .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .guide .col-sm-pull-9 {
        right: 75%;
    }

    .guide .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .guide .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .guide .col-sm-pull-6 {
        right: 50%;
    }

    .guide .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .guide .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .guide .col-sm-pull-3 {
        right: 25%;
    }

    .guide .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .guide .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .guide .col-sm-pull-0 {
        right: auto;
    }

    .guide .col-sm-push-12 {
        left: 100%;
    }

    .guide .col-sm-push-11 {
        left: 91.66666667%;
    }

    .guide .col-sm-push-10 {
        left: 83.33333333%;
    }

    .guide .col-sm-push-9 {
        left: 75%;
    }

    .guide .col-sm-push-8 {
        left: 66.66666667%;
    }

    .guide .col-sm-push-7 {
        left: 58.33333333%;
    }

    .guide .col-sm-push-6 {
        left: 50%;
    }

    .guide .col-sm-push-5 {
        left: 41.66666667%;
    }

    .guide .col-sm-push-4 {
        left: 33.33333333%;
    }

    .guide .col-sm-push-3 {
        left: 25%;
    }

    .guide .col-sm-push-2 {
        left: 16.66666667%;
    }

    .guide .col-sm-push-1 {
        left: 8.33333333%;
    }

    .guide .col-sm-push-0 {
        left: auto;
    }

    .guide .col-sm-offset-12 {
        margin-left: 100%;
    }

    .guide .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .guide .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .guide .col-sm-offset-9 {
        margin-left: 75%;
    }

    .guide .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .guide .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .guide .col-sm-offset-6 {
        margin-left: 50%;
    }

    .guide .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .guide .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .guide .col-sm-offset-3 {
        margin-left: 25%;
    }

    .guide .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .guide .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .guide .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .guide .col-md-1, .guide .col-md-2, .guide .col-md-3, .guide .col-md-4, .guide .col-md-5, .guide .col-md-6, .guide .col-md-7, .guide .col-md-8, .guide .col-md-9, .guide .col-md-10, .guide .col-md-11, .guide .col-md-12 {
        float: left;
    }

    .guide .col-md-12 {
        width: 100%;
    }

    .guide .col-md-11 {
        width: 91.66666667%;
    }

    .guide .col-md-10 {
        width: 83.33333333%;
    }

    .guide .col-md-9 {
        width: 75%;
    }

    .guide .col-md-8 {
        width: 66.66666667%;
    }

    .guide .col-md-7 {
        width: 58.33333333%;
    }

    .guide .col-md-6 {
        width: 50%;
    }

    .guide .col-md-5 {
        width: 41.66666667%;
    }

    .guide .col-md-4 {
        width: 33.33333333%;
    }

    .guide .col-md-3 {
        width: 25%;
    }

    .guide .col-md-2 {
        width: 16.66666667%;
    }

    .guide .col-md-1 {
        width: 8.33333333%;
    }

    .guide .col-md-pull-12 {
        right: 100%;
    }

    .guide .col-md-pull-11 {
        right: 91.66666667%;
    }

    .guide .col-md-pull-10 {
        right: 83.33333333%;
    }

    .guide .col-md-pull-9 {
        right: 75%;
    }

    .guide .col-md-pull-8 {
        right: 66.66666667%;
    }

    .guide .col-md-pull-7 {
        right: 58.33333333%;
    }

    .guide .col-md-pull-6 {
        right: 50%;
    }

    .guide .col-md-pull-5 {
        right: 41.66666667%;
    }

    .guide .col-md-pull-4 {
        right: 33.33333333%;
    }

    .guide .col-md-pull-3 {
        right: 25%;
    }

    .guide .col-md-pull-2 {
        right: 16.66666667%;
    }

    .guide .col-md-pull-1 {
        right: 8.33333333%;
    }

    .guide .col-md-pull-0 {
        right: auto;
    }

    .guide .col-md-push-12 {
        left: 100%;
    }

    .guide .col-md-push-11 {
        left: 91.66666667%;
    }

    .guide .col-md-push-10 {
        left: 83.33333333%;
    }

    .guide .col-md-push-9 {
        left: 75%;
    }

    .guide .col-md-push-8 {
        left: 66.66666667%;
    }

    .guide .col-md-push-7 {
        left: 58.33333333%;
    }

    .guide .col-md-push-6 {
        left: 50%;
    }

    .guide .col-md-push-5 {
        left: 41.66666667%;
    }

    .guide .col-md-push-4 {
        left: 33.33333333%;
    }

    .guide .col-md-push-3 {
        left: 25%;
    }

    .guide .col-md-push-2 {
        left: 16.66666667%;
    }

    .guide .col-md-push-1 {
        left: 8.33333333%;
    }

    .guide .col-md-push-0 {
        left: auto;
    }

    .guide .col-md-offset-12 {
        margin-left: 100%;
    }

    .guide .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .guide .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .guide .col-md-offset-9 {
        margin-left: 75%;
    }

    .guide .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .guide .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .guide .col-md-offset-6 {
        margin-left: 50%;
    }

    .guide .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .guide .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .guide .col-md-offset-3 {
        margin-left: 25%;
    }

    .guide .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .guide .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .guide .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .guide .col-lg-1, .guide .col-lg-2, .guide .col-lg-3, .guide .col-lg-4, .guide .col-lg-5, .guide .col-lg-6, .guide .col-lg-7, .guide .col-lg-8, .guide .col-lg-9, .guide .col-lg-10, .guide .col-lg-11, .guide .col-lg-12 {
        float: left;
    }

    .guide .col-lg-12 {
        width: 100%;
    }

    .guide .col-lg-11 {
        width: 91.66666667%;
    }

    .guide .col-lg-10 {
        width: 83.33333333%;
    }

    .guide .col-lg-9 {
        width: 75%;
    }

    .guide .col-lg-8 {
        width: 66.66666667%;
    }

    .guide .col-lg-7 {
        width: 58.33333333%;
    }

    .guide .col-lg-6 {
        width: 50%;
    }

    .guide .col-lg-5 {
        width: 41.66666667%;
    }

    .guide .col-lg-4 {
        width: 33.33333333%;
    }

    .guide .col-lg-3 {
        width: 25%;
    }

    .guide .col-lg-2 {
        width: 16.66666667%;
    }

    .guide .col-lg-1 {
        width: 8.33333333%;
    }

    .guide .col-lg-pull-12 {
        right: 100%;
    }

    .guide .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .guide .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .guide .col-lg-pull-9 {
        right: 75%;
    }

    .guide .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .guide .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .guide .col-lg-pull-6 {
        right: 50%;
    }

    .guide .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .guide .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .guide .col-lg-pull-3 {
        right: 25%;
    }

    .guide .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .guide .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .guide .col-lg-pull-0 {
        right: auto;
    }

    .guide .col-lg-push-12 {
        left: 100%;
    }

    .guide .col-lg-push-11 {
        left: 91.66666667%;
    }

    .guide .col-lg-push-10 {
        left: 83.33333333%;
    }

    .guide .col-lg-push-9 {
        left: 75%;
    }

    .guide .col-lg-push-8 {
        left: 66.66666667%;
    }

    .guide .col-lg-push-7 {
        left: 58.33333333%;
    }

    .guide .col-lg-push-6 {
        left: 50%;
    }

    .guide .col-lg-push-5 {
        left: 41.66666667%;
    }

    .guide .col-lg-push-4 {
        left: 33.33333333%;
    }

    .guide .col-lg-push-3 {
        left: 25%;
    }

    .guide .col-lg-push-2 {
        left: 16.66666667%;
    }

    .guide .col-lg-push-1 {
        left: 8.33333333%;
    }

    .guide .col-lg-push-0 {
        left: auto;
    }

    .guide .col-lg-offset-12 {
        margin-left: 100%;
    }

    .guide .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .guide .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .guide .col-lg-offset-9 {
        margin-left: 75%;
    }

    .guide .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .guide .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .guide .col-lg-offset-6 {
        margin-left: 50%;
    }

    .guide .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .guide .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .guide .col-lg-offset-3 {
        margin-left: 25%;
    }

    .guide .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .guide .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .guide .col-lg-offset-0 {
        margin-left: 0%;
    }
}

.guide .clearfix:before,
.guide .clearfix:after,
.guide .container:before,
.guide .container:after,
.guide .container-fluid:before,
.guide .container-fluid:after,
.guide .row:before,
.guide .row:after {
    content: " ";
    display: table;
}

.guide .clearfix:after,
.guide .container:after,
.guide .container-fluid:after,
.guide .row:after {
    clear: both;
}

.guide .center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

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

.guide .pull-left {
    float: left !important;
}

.guide .hide {
    display: none !important;
}

.guide .show {
    display: block !important;
}

.guide .invisible {
    visibility: hidden;
}

.guide .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.guide .hidden {
    display: none !important;
}

.guide .affix {
    position: fixed;
}

.guide .seller-guide h3 {
    font-size: 26px;
    color: #ef5661;
    line-height: 35px;
}

.guide .seller-guide p {
    font-size: 16px;
    color: #777777;
    line-height: 35px;
    margin: 0 0 10px;
}

    .guide .seller-guide p a {
        font-size: 16px;
        color: #30a5f9;
        line-height: 35px;
    }

.guide .steps {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.guide .steps-one {
    width: 33.33333333%;
    order: 2;
}

.guide .steps-yes {
    width: 33.33333333%;
    order: 1;
}

.guide .steps-no {
    width: 33.33333333%;
    order: 3;
}

.guide .steps-four {
    width: 33.33333333%;
    order: 1;
}

.guide .steps-three {
    width: 33.33333333%;
    order: 2;
}

.guide .steps-two {
    width: 33.33333333%;
    order: 3;
}

.guide .steps-line {
    display: none;
}

@media (max-width: 990px) {
    .guide .steps-one {
        width: 100%;
        order: 1;
    }

    .guide .steps-yes {
        width: 50%;
        order: 2;
    }

    .guide .steps-no {
        width: 50%;
        order: 3;
    }

    .guide .steps-line {
        display: block;
        width: 50%;
        order: 1;
    }

    .guide .steps-two {
        width: 50%;
        order: 2;
    }

    .guide .steps-four {
        width: 50%;
        order: 3;
    }

    .guide .steps-three {
        width: 50%;
        order: 4;
    }
}

@media (max-width: 480px) {
    .guide .mobile-slider {
        display: block;
    }

    .guide .steps-one {
        display: none;
    }

    .guide .steps-yes {
        display: none;
    }

    .guide .steps-no {
        display: none;
    }

    .guide .steps-line {
        display: none;
    }

    .guide .steps-two {
        display: none;
    }

    .guide .steps-four {
        display: none;
    }

    .guide .steps-three {
        display: none;
    }
}

.guide .steps img {
    margin: auto;
}

.guide .steps h4 {
    margin: auto;
    font-size: 20px;
}

    .guide .steps h4 span:first-child {
        margin: auto;
        font-size: 20px;
        color: #fdc364;
    }

    .guide .steps h4 span:last-child {
        margin: auto;
        font-size: 20px;
        color: #777777;
    }

.guide .steps p {
    font-size: 16px;
    color: #777777;
    text-align: center;
    line-height: 30px;
}

.guide .steps .info-box {
    height: auto;
    width: 100%;
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    font-size: 16px;
    color: #777777;
    text-align: center;
    letter-spacing: 0.01em;
    line-height: 30px;
    padding: 20px;
}

.guide .step1-arrow-left {
    margin-top: 134px;
    width: 100%;
    height: 23px;
    background: url(../files/63b4556f.svg) no-repeat;
    background-position: left;
}

.guide .step1-arrow-right {
    margin-top: 134px;
    width: 100%;
    height: 23px;
    background: url(../files/d2817d31.svg) no-repeat;
    background-position: right;
}

.guide .step3-arrow-right {
    margin-top: 134px;
    width: 100%;
    height: 23px;
    background: url(../files/d2817d31.svg) no-repeat;
    background-position: right;
}

.guide .steps-arrow-down {
    margin-top: 134px;
    width: 22px;
    height: 142px;
    background: url(../files/247143b8.svg) no-repeat;
    margin: auto;
}

.guide .step-arrow-true-to-4 {
    margin-top: 134px;
    width: 22px;
    height: 578px;
    background: url(../files/ae27b614.svg) no-repeat;
    margin: auto;
    margin-top: -80px;
}

.guide .step-arrow-2-to-3 {
    display: none;
}

@media (max-width: 990px) {
    .guide .step3-arrow-right {
        display: none;
    }

        .guide .step3-arrow-right.tablet {
            display: block;
            margin-right: -45px;
        }

    .guide .step1-arrow-left {
        width: 100%;
        height: 142px;
        background: url(../files/2624a538.svg) no-repeat;
        background-position: left;
        margin-right: -145px;
        float: right;
    }

    .guide .step1-arrow-right {
        width: 100%;
        height: 142px;
        background: url(../files/9e55b4b1.svg) no-repeat;
        background-position: right;
        margin-left: -145px;
        float: left;
    }

    .guide .steps-arrow-down {
        margin-top: 134px;
        width: 22px;
        height: 80px;
        background: url(../files/ba74bb3d.svg) no-repeat;
        margin: auto;
    }

    .guide .step-arrow-2-to-3 {
        display: block;
    }

    .guide .true-to-four-desktop {
        display: none;
    }
}

.guide .orders-guide {
    width: 50%;
    float: right;
}

@media (max-width: 480px) {
    .guide .orders-guide {
        width: 100%;
    }
}

@media (min-width: 480px) {
    .guide .mobile-slider {
        display: none;
    }
}

.guide .guide-font-25 {
    font-size: 22px !important;
}

@media (max-width: 768px) {
    .guide .guide-font-25 {
        font-size: 20px !important;
    }

    .guide .step1-arrow-left {
        margin-right: -91px;
    }

    .guide .step1-arrow-right {
        margin-left: -91px;
    }
}

@media (max-width: 645px) {
    .guide .step1-arrow-left {
        margin-right: -65px;
    }

    .guide .step1-arrow-right {
        margin-left: -65px;
    }
}

@media (min-width: 990px) {
    .guide .step1-arrow-left {
        float: left;
        margin-left: -65px;
    }

    .guide .step1-arrow-right {
        float: right;
        margin-right: -65px;
    }

    .guide .step3-arrow-right.right {
        float: right;
        margin-right: -65px;
    }

    .guide .step3-arrow-right.left {
        float: left;
        margin-left: -65px;
    }
}

.guide .slick-dots li button:before {
    color: #fdc364;
    height: 12px;
    width: 12px;
    background-color: #fdc364;
    border-radius: 12px;
}

.guide .slick-dots li button:before {
    width: 12px !important;
    height: 12px !important;
    border-radius: 12px;
}

.guide .slick-dots li.slick-active button:before {
    width: 12px !important;
    height: 12px !important;
    border-radius: 12px;
}

.guide .slider-caption {
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    width: 100%;
    height: auto;
    padding: 15px;
    font-size: 13px;
    color: #777777;
    text-align: center;
    line-height: 25px;
}

.guide .flip.text-left {
    text-align: right;
}

.guide .flip.text-right {
    text-align: left;
}

.guide .list-unstyled {
    padding-right: 0;
    padding-left: initial;
}

.guide .list-inline {
    padding-right: 0;
    padding-left: initial;
    margin-right: -5px;
    margin-left: 0;
}

.guide dd {
    margin-right: 0;
    margin-left: initial;
}

@media (min-width: 768px) {
    .guide .dl-horizontal dt {
        float: right;
        clear: right;
        text-align: left;
    }

    .guide .dl-horizontal dd {
        margin-right: 180px;
        margin-left: 0;
    }
}

.guide blockquote {
    border-right: 5px solid #eeeeee;
    border-left: 0;
}

    .guide .blockquote-reverse,
    .guide blockquote.pull-left {
        padding-left: 15px;
        padding-right: 0;
        border-left: 5px solid #eeeeee;
        border-right: 0;
        text-align: left;
    }

.guide .col-xs-1, .guide .col-sm-1, .guide .col-md-1, .guide .col-lg-1, .guide .col-xs-2, .guide .col-sm-2, .guide .col-md-2, .guide .col-lg-2, .guide .col-xs-3, .guide .col-sm-3, .guide .col-md-3, .guide .col-lg-3, .guide .col-xs-4, .guide .col-sm-4, .guide .col-md-4, .guide .col-lg-4, .guide .col-xs-5, .guide .col-sm-5, .guide .col-md-5, .guide .col-lg-5, .guide .col-xs-6, .guide .col-sm-6, .guide .col-md-6, .guide .col-lg-6, .guide .col-xs-7, .guide .col-sm-7, .guide .col-md-7, .guide .col-lg-7, .guide .col-xs-8, .guide .col-sm-8, .guide .col-md-8, .guide .col-lg-8, .guide .col-xs-9, .guide .col-sm-9, .guide .col-md-9, .guide .col-lg-9, .guide .col-xs-10, .guide .col-sm-10, .guide .col-md-10, .guide .col-lg-10, .guide .col-xs-11, .guide .col-sm-11, .guide .col-md-11, .guide .col-lg-11, .guide .col-xs-12, .guide .col-sm-12, .guide .col-md-12, .guide .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.guide .col-xs-1, .guide .col-xs-2, .guide .col-xs-3, .guide .col-xs-4, .guide .col-xs-5, .guide .col-xs-6, .guide .col-xs-7, .guide .col-xs-8, .guide .col-xs-9, .guide .col-xs-10, .guide .col-xs-11, .guide .col-xs-12 {
    float: right;
}

.guide .col-xs-12 {
    width: 100%;
}

.guide .col-xs-11 {
    width: 91.66666667%;
}

.guide .col-xs-10 {
    width: 83.33333333%;
}

.guide .col-xs-9 {
    width: 75%;
}

.guide .col-xs-8 {
    width: 66.66666667%;
}

.guide .col-xs-7 {
    width: 58.33333333%;
}

.guide .col-xs-6 {
    width: 50%;
}

.guide .col-xs-5 {
    width: 41.66666667%;
}

.guide .col-xs-4 {
    width: 33.33333333%;
}

.guide .col-xs-3 {
    width: 25%;
}

.guide .col-xs-2 {
    width: 16.66666667%;
}

.guide .col-xs-1 {
    width: 8.33333333%;
}

.guide .col-xs-pull-12 {
    left: 100%;
    right: auto;
}

.guide .col-xs-pull-11 {
    left: 91.66666667%;
    right: auto;
}

.guide .col-xs-pull-10 {
    left: 83.33333333%;
    right: auto;
}

.guide .col-xs-pull-9 {
    left: 75%;
    right: auto;
}

.guide .col-xs-pull-8 {
    left: 66.66666667%;
    right: auto;
}

.guide .col-xs-pull-7 {
    left: 58.33333333%;
    right: auto;
}

.guide .col-xs-pull-6 {
    left: 50%;
    right: auto;
}

.guide .col-xs-pull-5 {
    left: 41.66666667%;
    right: auto;
}

.guide .col-xs-pull-4 {
    left: 33.33333333%;
    right: auto;
}

.guide .col-xs-pull-3 {
    left: 25%;
    right: auto;
}

.guide .col-xs-pull-2 {
    left: 16.66666667%;
    right: auto;
}

.guide .col-xs-pull-1 {
    left: 8.33333333%;
    right: auto;
}

.guide .col-xs-pull-0 {
    left: auto;
    right: auto;
}

.guide .col-xs-push-12 {
    right: 100%;
    left: 0;
}

.guide .col-xs-push-11 {
    right: 91.66666667%;
    left: 0;
}

.guide .col-xs-push-10 {
    right: 83.33333333%;
    left: 0;
}

.guide .col-xs-push-9 {
    right: 75%;
    left: 0;
}

.guide .col-xs-push-8 {
    right: 66.66666667%;
    left: 0;
}

.guide .col-xs-push-7 {
    right: 58.33333333%;
    left: 0;
}

.guide .col-xs-push-6 {
    right: 50%;
    left: 0;
}

.guide .col-xs-push-5 {
    right: 41.66666667%;
    left: 0;
}

.guide .col-xs-push-4 {
    right: 33.33333333%;
    left: 0;
}

.guide .col-xs-push-3 {
    right: 25%;
    left: 0;
}

.guide .col-xs-push-2 {
    right: 16.66666667%;
    left: 0;
}

.guide .col-xs-push-1 {
    right: 8.33333333%;
    left: 0;
}

.guide .col-xs-push-0 {
    right: auto;
    left: 0;
}

.guide .col-xs-offset-12 {
    margin-right: 100%;
    margin-left: 0;
}

.guide .col-xs-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0;
}

.guide .col-xs-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0;
}

.guide .col-xs-offset-9 {
    margin-right: 75%;
    margin-left: 0;
}

.guide .col-xs-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0;
}

.guide .col-xs-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0;
}

.guide .col-xs-offset-6 {
    margin-right: 50%;
    margin-left: 0;
}

.guide .col-xs-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0;
}

.guide .col-xs-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0;
}

.guide .col-xs-offset-3 {
    margin-right: 25%;
    margin-left: 0;
}

.guide .col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
}

.guide .col-xs-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0;
}

.guide .col-xs-offset-0 {
    margin-right: 0%;
    margin-left: 0;
}

@media (min-width: 768px) {
    .guide .col-sm-1, .guide .col-sm-2, .guide .col-sm-3, .guide .col-sm-4, .guide .col-sm-5, .guide .col-sm-6, .guide .col-sm-7, .guide .col-sm-8, .guide .col-sm-9, .guide .col-sm-10, .guide .col-sm-11, .guide .col-sm-12 {
        float: right;
    }

    .guide .col-sm-12 {
        width: 100%;
    }

    .guide .col-sm-11 {
        width: 91.66666667%;
    }

    .guide .col-sm-10 {
        width: 83.33333333%;
    }

    .guide .col-sm-9 {
        width: 75%;
    }

    .guide .col-sm-8 {
        width: 66.66666667%;
    }

    .guide .col-sm-7 {
        width: 58.33333333%;
    }

    .guide .col-sm-6 {
        width: 50%;
    }

    .guide .col-sm-5 {
        width: 41.66666667%;
    }

    .guide .col-sm-4 {
        width: 33.33333333%;
    }

    .guide .col-sm-3 {
        width: 25%;
    }

    .guide .col-sm-2 {
        width: 16.66666667%;
    }

    .guide .col-sm-1 {
        width: 8.33333333%;
    }

    .guide .col-sm-pull-12 {
        left: 100%;
        right: auto;
    }

    .guide .col-sm-pull-11 {
        left: 91.66666667%;
        right: auto;
    }

    .guide .col-sm-pull-10 {
        left: 83.33333333%;
        right: auto;
    }

    .guide .col-sm-pull-9 {
        left: 75%;
        right: auto;
    }

    .guide .col-sm-pull-8 {
        left: 66.66666667%;
        right: auto;
    }

    .guide .col-sm-pull-7 {
        left: 58.33333333%;
        right: auto;
    }

    .guide .col-sm-pull-6 {
        left: 50%;
        right: auto;
    }

    .guide .col-sm-pull-5 {
        left: 41.66666667%;
        right: auto;
    }

    .guide .col-sm-pull-4 {
        left: 33.33333333%;
        right: auto;
    }

    .guide .col-sm-pull-3 {
        left: 25%;
        right: auto;
    }

    .guide .col-sm-pull-2 {
        left: 16.66666667%;
        right: auto;
    }

    .guide .col-sm-pull-1 {
        left: 8.33333333%;
        right: auto;
    }

    .guide .col-sm-pull-0 {
        left: auto;
        right: auto;
    }

    .guide .col-sm-push-12 {
        right: 100%;
        left: 0;
    }

    .guide .col-sm-push-11 {
        right: 91.66666667%;
        left: 0;
    }

    .guide .col-sm-push-10 {
        right: 83.33333333%;
        left: 0;
    }

    .guide .col-sm-push-9 {
        right: 75%;
        left: 0;
    }

    .guide .col-sm-push-8 {
        right: 66.66666667%;
        left: 0;
    }

    .guide .col-sm-push-7 {
        right: 58.33333333%;
        left: 0;
    }

    .guide .col-sm-push-6 {
        right: 50%;
        left: 0;
    }

    .guide .col-sm-push-5 {
        right: 41.66666667%;
        left: 0;
    }

    .guide .col-sm-push-4 {
        right: 33.33333333%;
        left: 0;
    }

    .guide .col-sm-push-3 {
        right: 25%;
        left: 0;
    }

    .guide .col-sm-push-2 {
        right: 16.66666667%;
        left: 0;
    }

    .guide .col-sm-push-1 {
        right: 8.33333333%;
        left: 0;
    }

    .guide .col-sm-push-0 {
        right: auto;
        left: 0;
    }

    .guide .col-sm-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }

    .guide .col-sm-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0;
    }

    .guide .col-sm-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0;
    }

    .guide .col-sm-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }

    .guide .col-sm-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0;
    }

    .guide .col-sm-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0;
    }

    .guide .col-sm-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }

    .guide .col-sm-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0;
    }

    .guide .col-sm-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0;
    }

    .guide .col-sm-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .guide .col-sm-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }

    .guide .col-sm-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }

    .guide .col-sm-offset-0 {
        margin-right: 0%;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .guide .col-md-1, .guide .col-md-2, .guide .col-md-3, .guide .col-md-4, .guide .col-md-5, .guide .col-md-6, .guide .col-md-7, .guide .col-md-8, .guide .col-md-9, .guide .col-md-10, .guide .col-md-11, .guide .col-md-12 {
        float: right;
    }

    .guide .col-md-12 {
        width: 100%;
    }

    .guide .col-md-11 {
        width: 91.66666667%;
    }

    .guide .col-md-10 {
        width: 83.33333333%;
    }

    .guide .col-md-9 {
        width: 75%;
    }

    .guide .col-md-8 {
        width: 66.66666667%;
    }

    .guide .col-md-7 {
        width: 58.33333333%;
    }

    .guide .col-md-6 {
        width: 50%;
    }

    .guide .col-md-5 {
        width: 41.66666667%;
    }

    .guide .col-md-4 {
        width: 33.33333333%;
    }

    .guide .col-md-3 {
        width: 25%;
    }

    .guide .col-md-2 {
        width: 16.66666667%;
    }

    .guide .col-md-1 {
        width: 8.33333333%;
    }

    .guide .col-md-pull-12 {
        left: 100%;
        right: auto;
    }

    .guide .col-md-pull-11 {
        left: 91.66666667%;
        right: auto;
    }

    .guide .col-md-pull-10 {
        left: 83.33333333%;
        right: auto;
    }

    .guide .col-md-pull-9 {
        left: 75%;
        right: auto;
    }

    .guide .col-md-pull-8 {
        left: 66.66666667%;
        right: auto;
    }

    .guide .col-md-pull-7 {
        left: 58.33333333%;
        right: auto;
    }

    .guide .col-md-pull-6 {
        left: 50%;
        right: auto;
    }

    .guide .col-md-pull-5 {
        left: 41.66666667%;
        right: auto;
    }

    .guide .col-md-pull-4 {
        left: 33.33333333%;
        right: auto;
    }

    .guide .col-md-pull-3 {
        left: 25%;
        right: auto;
    }

    .guide .col-md-pull-2 {
        left: 16.66666667%;
        right: auto;
    }

    .guide .col-md-pull-1 {
        left: 8.33333333%;
        right: auto;
    }

    .guide .col-md-pull-0 {
        left: auto;
        right: auto;
    }

    .guide .col-md-push-12 {
        right: 100%;
        left: 0;
    }

    .guide .col-md-push-11 {
        right: 91.66666667%;
        left: 0;
    }

    .guide .col-md-push-10 {
        right: 83.33333333%;
        left: 0;
    }

    .guide .col-md-push-9 {
        right: 75%;
        left: 0;
    }

    .guide .col-md-push-8 {
        right: 66.66666667%;
        left: 0;
    }

    .guide .col-md-push-7 {
        right: 58.33333333%;
        left: 0;
    }

    .guide .col-md-push-6 {
        right: 50%;
        left: 0;
    }

    .guide .col-md-push-5 {
        right: 41.66666667%;
        left: 0;
    }

    .guide .col-md-push-4 {
        right: 33.33333333%;
        left: 0;
    }

    .guide .col-md-push-3 {
        right: 25%;
        left: 0;
    }

    .guide .col-md-push-2 {
        right: 16.66666667%;
        left: 0;
    }

    .guide .col-md-push-1 {
        right: 8.33333333%;
        left: 0;
    }

    .guide .col-md-push-0 {
        right: auto;
        left: 0;
    }

    .guide .col-md-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }

    .guide .col-md-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0;
    }

    .guide .col-md-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0;
    }

    .guide .col-md-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }

    .guide .col-md-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0;
    }

    .guide .col-md-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0;
    }

    .guide .col-md-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }

    .guide .col-md-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0;
    }

    .guide .col-md-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0;
    }

    .guide .col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .guide .col-md-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }

    .guide .col-md-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }

    .guide .col-md-offset-0 {
        margin-right: 0%;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .guide .col-lg-1, .guide .col-lg-2, .guide .col-lg-3, .guide .col-lg-4, .guide .col-lg-5, .guide .col-lg-6, .guide .col-lg-7, .guide .col-lg-8, .guide .col-lg-9, .guide .col-lg-10, .guide .col-lg-11, .guide .col-lg-12 {
        float: right;
    }

    .guide .col-lg-12 {
        width: 100%;
    }

    .guide .col-lg-11 {
        width: 91.66666667%;
    }

    .guide .col-lg-10 {
        width: 83.33333333%;
    }

    .guide .col-lg-9 {
        width: 75%;
    }

    .guide .col-lg-8 {
        width: 66.66666667%;
    }

    .guide .col-lg-7 {
        width: 58.33333333%;
    }

    .guide .col-lg-6 {
        width: 50%;
    }

    .guide .col-lg-5 {
        width: 41.66666667%;
    }

    .guide .col-lg-4 {
        width: 33.33333333%;
    }

    .guide .col-lg-3 {
        width: 25%;
    }

    .guide .col-lg-2 {
        width: 16.66666667%;
    }

    .guide .col-lg-1 {
        width: 8.33333333%;
    }

    .guide .col-lg-pull-12 {
        left: 100%;
        right: auto;
    }

    .guide .col-lg-pull-11 {
        left: 91.66666667%;
        right: auto;
    }

    .guide .col-lg-pull-10 {
        left: 83.33333333%;
        right: auto;
    }

    .guide .col-lg-pull-9 {
        left: 75%;
        right: auto;
    }

    .guide .col-lg-pull-8 {
        left: 66.66666667%;
        right: auto;
    }

    .guide .col-lg-pull-7 {
        left: 58.33333333%;
        right: auto;
    }

    .guide .col-lg-pull-6 {
        left: 50%;
        right: auto;
    }

    .guide .col-lg-pull-5 {
        left: 41.66666667%;
        right: auto;
    }

    .guide .col-lg-pull-4 {
        left: 33.33333333%;
        right: auto;
    }

    .guide .col-lg-pull-3 {
        left: 25%;
        right: auto;
    }

    .guide .col-lg-pull-2 {
        left: 16.66666667%;
        right: auto;
    }

    .guide .col-lg-pull-1 {
        left: 8.33333333%;
        right: auto;
    }

    .guide .col-lg-pull-0 {
        left: auto;
        right: auto;
    }

    .guide .col-lg-push-12 {
        right: 100%;
        left: 0;
    }

    .guide .col-lg-push-11 {
        right: 91.66666667%;
        left: 0;
    }

    .guide .col-lg-push-10 {
        right: 83.33333333%;
        left: 0;
    }

    .guide .col-lg-push-9 {
        right: 75%;
        left: 0;
    }

    .guide .col-lg-push-8 {
        right: 66.66666667%;
        left: 0;
    }

    .guide .col-lg-push-7 {
        right: 58.33333333%;
        left: 0;
    }

    .guide .col-lg-push-6 {
        right: 50%;
        left: 0;
    }

    .guide .col-lg-push-5 {
        right: 41.66666667%;
        left: 0;
    }

    .guide .col-lg-push-4 {
        right: 33.33333333%;
        left: 0;
    }

    .guide .col-lg-push-3 {
        right: 25%;
        left: 0;
    }

    .guide .col-lg-push-2 {
        right: 16.66666667%;
        left: 0;
    }

    .guide .col-lg-push-1 {
        right: 8.33333333%;
        left: 0;
    }

    .guide .col-lg-push-0 {
        right: auto;
        left: 0;
    }

    .guide .col-lg-offset-12 {
        margin-right: 100%;
        margin-left: 0;
    }

    .guide .col-lg-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0;
    }

    .guide .col-lg-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0;
    }

    .guide .col-lg-offset-9 {
        margin-right: 75%;
        margin-left: 0;
    }

    .guide .col-lg-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0;
    }

    .guide .col-lg-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0;
    }

    .guide .col-lg-offset-6 {
        margin-right: 50%;
        margin-left: 0;
    }

    .guide .col-lg-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0;
    }

    .guide .col-lg-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0;
    }

    .guide .col-lg-offset-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .guide .col-lg-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0;
    }

    .guide .col-lg-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0;
    }

    .guide .col-lg-offset-0 {
        margin-right: 0%;
        margin-left: 0;
    }
}

.guide .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.guide .btn-info,
.guide .btn-info:focus {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    text-decoration: none !important;
    box-shadow: none;
}

    .guide .btn-info:hover,
    .guide .btn-info:active {
        color: #fff;
        background-color: #31b0d5;
        border-color: #269abc;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

.guide .margin-top-30 {
    margin-top: 30px;
}

.guide .margin-top-15 {
    margin-top: 15px;
}

.guide .text-center {
    text-align: center;
}

.guide .margin-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.guide .margin-top-60 {
    margin-top: 60px;
}


/*[PATH @digikala/supernova-digikala-marketplace/static/css/persian-datepicker.min.css]*/
/*
** persian-datepicker - v1.2.0
** Reza Babakhani <babakhani.reza@gmail.com>
** http://babakhani.github.io/PersianWebToolkit/docs/datepicker
** Under MIT license
*/

.datepicker-plot-area {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

    .datepicker-plot-area .datepicker-time-view .down-btn, .datepicker-plot-area .datepicker-time-view .up-btn {
        transition: all 100ms ease
    }

    .datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable, .datepicker-plot-area .datepicker-month-view .month-item-disable {
        border-radius: 0
    }

    .datepicker-plot-area .datepicker-time-view .down-btn, .datepicker-plot-area .datepicker-time-view .up-btn {
        border-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .datepicker-plot-area .datepicker-time-view .down-btn {
        border-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .datepicker-plot-area, .datepicker-plot-area .datepicker-time-view > .time-segment {
        border-radius: 0
    }

        .datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item, .datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
            border-radius: 0
        }

.datepicker-plot-area {
    box-shadow: 0 5px 10px rgba(0,0,0,0.2)
}

    .datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item, .datepicker-plot-area .datepicker-month-view .month-item, .datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable, .datepicker-plot-area .datepicker-month-view .month-item-disable, .datepicker-plot-area .datepicker-time-view > .time-segment, .datepicker-plot-area .datepicker-time-view .down-btn, .datepicker-plot-area .datepicker-time-view .up-btn, .datepicker-plot-area .datepicker-time-view input, .datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev, .datepicker-plot-area .toolbox .pwt-btn-submit, .datepicker-plot-area .toolbox .pwt-btn-calendar, .datepicker-plot-area .toolbox .pwt-btn-today {
        cursor: pointer
    }

    .datepicker-plot-area .datepicker-day-view .table-days td span, .datepicker-plot-area .datepicker-year-view .year-item, .datepicker-plot-area .datepicker-month-view .month-item {
        font: 14px;
        background-color: #fff;
        color: #333;
        border: 0;
        text-shadow: none
    }

    .datepicker-plot-area .datepicker-day-view .table-days td.disabled span, .datepicker-plot-area .datepicker-year-view .year-item-disable, .datepicker-plot-area .datepicker-month-view .month-item-disable {
        background-color: #f1f1f1;
        color: #ccc;
        border: none;
        text-shadow: none;
        cursor: default
    }

    .datepicker-plot-area .datepicker-day-view .table-days td.today span {
        background-color: #333;
        color: #fff;
        border: 0;
        text-shadow: none
    }

    .datepicker-plot-area .datepicker-day-view .table-days td span.other-month {
        background-color: "";
        color: #ccc;
        border: none;
        text-shadow: none
    }

    .datepicker-plot-area .datepicker-day-view .table-days td.selected span, .datepicker-plot-area .datepicker-year-view .year-item.selected, .datepicker-plot-area .datepicker-month-view .month-item.selected {
        background-color: #005299;
        color: #fff;
        border: none;
        text-shadow: 1px 1px 1px #000
    }

        .datepicker-plot-area .datepicker-day-view .table-days td.selected span .datepicker-plot-area .datepicker-day-view .table-days td:hover, .datepicker-plot-area .datepicker-day-view .table-days td span:hover, .datepicker-plot-area .datepicker-year-view .year-item:hover, .datepicker-plot-area .datepicker-month-view .month-item:hover {
            background-color: #007be6;
            color: #fff;
            border: 0;
            text-shadow: none
        }

.datepicker-container {
    display: block;
    position: absolute;
    z-index: 100000;
    top: 0;
    direction: ltr
}

    .datepicker-container.pwt-hide {
        display: none
    }

.datepicker-plot-area {
    box-sizing: border-box;
    overflow: hidden;
    min-height: 70px;
    display: block;
    width: 200px;
    min-width: 200px;
    padding: 3px;
    position: absolute;
    font: 12px tahoma;
    border: 1px solid #ccc;
    background-color: #fff
}

    .datepicker-plot-area.datepicker-state-only-time {
        padding: 0
    }

    .datepicker-plot-area table, .datepicker-plot-area th, .datepicker-plot-area td {
        border: 0;
        background: none
    }

    .datepicker-plot-area * {
        text-align: center;
        color: #333
    }

    .datepicker-plot-area .datepicker-day-view, .datepicker-plot-area .datepicker-month-view, .datepicker-plot-area .datepicker-year-view {
        display: block;
        width: 100%;
        float: left;
        min-height: 200px;
        margin: 0
    }

.datepicker-plot-area-inline-view {
    display: block;
    width: 100%;
    position: static;
    float: left
}

.datepicker-plot-area .datepicker-time-view {
    display: block;
    float: left;
    width: 100%;
    padding: 5px;
    background: #f9f9f9;
    border-top: 1px solid #f1f1f1
}

    .datepicker-plot-area .datepicker-time-view > .time-segment {
        display: block;
        width: 22%;
        float: left;
        overflow: hidden
    }

        .datepicker-plot-area .datepicker-time-view > .time-segment:hover .down-btn, .datepicker-plot-area .datepicker-time-view > .time-segment:hover .up-btn {
            font-weight: bold
        }

    .datepicker-plot-area .datepicker-time-view .divider {
        display: block;
        width: 3%;
        height: 60px;
        line-height: 60px;
        float: left;
        overflow: hidden;
        font: 12px bold
    }

        .datepicker-plot-area .datepicker-time-view .divider span {
            height: 60px;
            line-height: 60px
        }

    .datepicker-plot-area .datepicker-time-view .down-btn, .datepicker-plot-area .datepicker-time-view .up-btn {
        display: block;
        float: left;
        width: 100%;
        margin: 0;
        height: 20px;
        line-height: 22px;
        color: #ccc
    }

        .datepicker-plot-area .datepicker-time-view .down-btn:hover, .datepicker-plot-area .datepicker-time-view .up-btn:hover {
            background-color: rgba(250,250,250,0.3);
            color: #807f7f
        }

    .datepicker-plot-area .datepicker-time-view input {
        display: block;
        width: 90%;
        margin: 0 5%;
        height: 20px;
        padding: 0;
        outline: none;
        border: none;
        background: transparent
    }

.datepicker-plot-area.datepicker-state-only-time .datepicker-time-view {
    padding: 0 5px;
    margin: 0
}

    .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view > .time-segment, .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view > .divider {
        padding: 5px 0
    }

.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view > .time-segment {
    width: 31.33%
}

.datepicker-plot-area.datepicker-state-no-meridian .datepicker-time-view > .meridian-divider {
    display: none
}

.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view > .time-segment {
    width: 31.33%
}

.datepicker-plot-area.datepicker-state-no-second .datepicker-time-view > .second-divider {
    display: none
}

.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .time-segment {
    width: 48%
}

.datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .second-divider, .datepicker-plot-area.datepicker-state-no-meridian.datepicker-state-no-second .datepicker-time-view > .meridian-divider {
    display: none
}

.datepicker-plot-area .datepicker-day-view .table-days {
    width: 100%;
    float: left;
    direction: rtl
}

    .datepicker-plot-area .datepicker-day-view .table-days td {
        width: 14.2%;
        height: 26px;
        padding: 0;
        margin: 0;
        position: relative
    }

        .datepicker-plot-area .datepicker-day-view .table-days td .alter-calendar-day {
            font-style: normal;
            position: absolute;
            font-size: 8.5px;
            bottom: 0;
            right: 2px;
            color: #f1f1f1
        }

        .datepicker-plot-area .datepicker-day-view .table-days td span {
            display: block;
            width: 100%;
            height: 26px;
            line-height: 26px;
            padding: 0;
            margin: 0
        }

.datepicker-plot-area .datepicker-day-view .month-grid-box {
    display: block;
    width: 100%;
    float: right;
    min-height: 180px;
    margin: 8px 0
}

    .datepicker-plot-area .datepicker-day-view .month-grid-box .header {
        display: block;
        width: 100%;
        float: left;
        padding-bottom: 8px
    }

        .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row {
            display: block;
            width: 100%;
            height: 25px;
            float: left
        }

        .datepicker-plot-area .datepicker-day-view .month-grid-box .header .header-row-cell {
            display: block;
            width: 14.2%;
            height: 25px;
            float: right;
            line-height: 25px;
            font: 11px;
            font-weight: bold;
            color: #333
        }

.datepicker-plot-area .datepicker-year-view, .datepicker-plot-area .datepicker-month-view {
    padding-top: 10px
}

    .datepicker-plot-area .datepicker-year-view .year-item, .datepicker-plot-area .datepicker-month-view .month-item {
        display: block;
        width: 33.333333%;
        margin: 2px 0 0;
        float: right;
        height: 42px;
        line-height: 42px
    }

.datepicker-plot-area .datepicker-navigator {
    display: block;
    width: 100%;
    float: left
}

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
        display: block;
        float: left;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        background-color: rgba(250,250,250,0.1);
        color: #333
    }

        .datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
            background-color: rgba(250,250,250,0.3)
        }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next {
        display: block;
        width: 15%;
        float: left
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
        display: block;
        width: 66%;
        margin: 0 2%;
        float: left
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
        display: block;
        width: 15%;
        float: left
    }

.datepicker-plot-area .toolbox {
    display: block;
    float: left;
    width: 100%;
    margin-top: 5px
}

    .datepicker-plot-area .toolbox .pwt-btn-submit, .datepicker-plot-area .toolbox .pwt-btn-calendar, .datepicker-plot-area .toolbox .pwt-btn-today {
        background-color: rgba(250,250,250,0.1);
        float: right;
        display: block;
        font-weight: bold;
        font-size: 11px;
        height: 24px;
        line-height: 24px;
        white-space: nowrap;
        margin: 0 auto;
        margin-left: 5px;
        padding: 0 5px;
        min-width: 50px
    }

        .datepicker-plot-area .toolbox .pwt-btn-submit:hover, .datepicker-plot-area .toolbox .pwt-btn-calendar:hover, .datepicker-plot-area .toolbox .pwt-btn-today:hover {
            background-color: rgba(250,250,250,0.3)
        }

.datepicker-plot-area .datepicker-navigator {
    display: block;
    width: 100%;
    float: left
}

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
        display: block;
        float: left;
        height: 28px;
        line-height: 28px;
        font-weight: bold;
        background-color: rgba(250,250,250,0.1);
        color: #333
    }

        .datepicker-plot-area .datepicker-navigator .pwt-btn-next:hover, .datepicker-plot-area .datepicker-navigator .pwt-btn-switch:hover, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev:hover {
            background-color: rgba(250,250,250,0.3)
        }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-next {
        display: block;
        width: 15%;
        float: left
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
        display: block;
        width: 66%;
        margin: 0 2%;
        float: left
    }

    .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
        display: block;
        width: 15%;
        float: left
    }

.datepicker-container.pwt-mobile-view {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    transition: all 1s
}

    .datepicker-container.pwt-mobile-view.pwt-hide {
        top: 100vh;
        height: 0
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit {
        color: #fff;
        background: #ccc
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

        .datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td, .datepicker-container.pwt-mobile-view .datepicker-plot-area .table-days td span {
            height: 44px;
            line-height: 44px;
            font-size: 14px
        }

        .datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-year-view .year-item, .datepicker-container.pwt-mobile-view .datepicker-plot-area .datepicker-month-view .month-item {
            height: 70px;
            line-height: 70px
        }

        .datepicker-container.pwt-mobile-view .datepicker-plot-area [class*='pwt-btn'] {
            height: 48px;
            line-height: 48px
        }

        .datepicker-container.pwt-mobile-view .datepicker-plot-area .pwt-btn-today {
            float: left
        }

        .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time {
            background: rgba(0,0,0,0.7);
            border: 0;
            padding-top: 60%
        }

            .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .pwt-btn-submit {
                margin-right: 5px
            }

            .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view input {
                height: 40px;
                line-height: 40px;
                font-size: 24px;
                margin: 5px 0
            }

            .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider, .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .divider span {
                font-size: 16px;
                display: block;
                height: 144px;
                line-height: 144px
            }

            .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .down-btn, .datepicker-container.pwt-mobile-view .datepicker-plot-area.datepicker-state-only-time .datepicker-time-view .up-btn {
                height: 48px;
                line-height: 48px
            }

    .datepicker-container.pwt-mobile-view .datepicker-time-view input {
        height: 32px;
        line-height: 34px;
        font-size: 18px
    }

    .datepicker-container.pwt-mobile-view .datepicker-time-view .divider, .datepicker-container.pwt-mobile-view .datepicker-time-view .divider span {
        height: 120px;
        line-height: 120px
    }

    .datepicker-container.pwt-mobile-view .datepicker-time-view .down-btn, .datepicker-container.pwt-mobile-view .datepicker-time-view .up-btn {
        height: 40px;
        line-height: 40px
    }

/*# sourceMappingURL=persian-datepicker.min.css.map */


/*[PATH @digikala/supernova-digikala-marketplace/static/css/fastselect.css]*/
/*----------------------------------------------------------------------------------------------------
General styling
----------------------------------------------------------------------------------------------------*/
@-webkit-keyframes fstAnimationEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1em, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}

@-moz-keyframes fstAnimationEnter {
    from {
        opacity: 0;
        -moz-transform: translate3d(0, -1em, 0);
    }

    to {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
    }
}

@keyframes fstAnimationEnter {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -1em, 0);
        -moz-transform: translate3d(0, -1em, 0);
        -ms-transform: translate3d(0, -1em, 0);
        -o-transform: translate3d(0, -1em, 0);
        transform: translate3d(0, -1em, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fstElement {
    display: inline-block;
    position: relative;
    border: 1px solid #D7D7D7;
    box-sizing: border-box;
    color: #232323;
    font-size: 1.1em;
    background-color: #fff;
}

    .fstElement > select,
    .fstElement > input {
        position: absolute;
        left: -999em;
    }

.fstToggleBtn {
    font-size: 1.4em;
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 0.71429em 1.42857em 0.71429em 0.71429em;
    min-width: 14.28571em;
    cursor: pointer;
}

    .fstToggleBtn:after {
        position: absolute;
        content: "";
        right: 0.71429em;
        top: 50%;
        margin-top: -0.17857em;
        border: 0.35714em solid transparent;
        border-top-color: #cacaca;
    }

.fstQueryInput {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    box-sizing: border-box;
    background: transparent;
    border: 0;
}

.fstResults {
    position: absolute;
    left: -1px;
    top: 100%;
    right: -1px;
    max-height: 30em;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #D7D7D7;
    border-top: 0;
    background-color: #FFF;
    display: none;
}

.fstResultItem {
    font-size: 12px;
    display: block;
    border-radius: 5px;
    padding: 1px 15px;
    margin: 0;
    cursor: pointer;
    color: #000;
}

    .fstResultItem.fstUserOption {
        color: #707070;
    }

    .fstResultItem.fstFocused {
        color: #000;
        background-color: #cccccc !important;
        border-color: #777777;
    }

    .fstResultItem.fstSelected {
        color: #fff;
        border-color: #285e8e;
        background-color: #3276b1;
    }

.fstGroupTitle {
    font-size: 1.4em;
    display: block;
    padding: 0.5em 0.71429em;
    margin: 0;
    font-weight: bold;
}

.fstGroup {
    padding-top: 1em;
}

    .fstGroup:first-child {
        padding-top: 0;
    }

.fstNoResults {
    font-size: 1.4em;
    display: block;
    padding: 0.71429em 0.71429em;
    margin: 0;
    color: #999;
}

/*----------------------------------------------------------------------------------------------------
Single Mode
----------------------------------------------------------------------------------------------------*/
.fstSingleMode .fstControls {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 100%;
    padding: 0.5em;
    border: 1px solid #D7D7D7;
    background-color: #fff;
    display: none;
}

.fstSingleMode .fstQueryInput {
    font-size: 1.4em;
    display: block;
    width: 100%;
    padding: 0.5em 0.35714em;
    color: #999;
    border: 1px solid #D7D7D7;
}

.fstSingleMode.fstActive {
    z-index: 100;
}

    .fstSingleMode.fstActive.fstElement,
    .fstSingleMode.fstActive .fstControls,
    .fstSingleMode.fstActive .fstResults {
        box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
    }

    .fstSingleMode.fstActive .fstControls {
        display: block;
    }

    .fstSingleMode.fstActive .fstResults {
        display: block;
        z-index: 10;
        margin-top: -1px;
    }

/*----------------------------------------------------------------------------------------------------
Multiple mode
----------------------------------------------------------------------------------------------------*/
.fstChoiceItem {
    display: inline-block;
    font-size: 13px;
    position: relative;
    float: right;
    border-radius: 4px;
    cursor: auto;
    color: #fff;
    border-color: #357ebd;
    background-color: #428bca;
    padding: .1em .4em .1em 1.6em;
    margin: 2px 2px 2px 0;
    -webkit-animation: fstAnimationEnter 0.2s;
    -moz-animation: fstAnimationEnter 0.2s;
    animation: fstAnimationEnter 0.2s;
}

    .fstChoiceItem.mod1 {
        background-color: #F9F9F9;
        border: 1px solid #D7D7D7;
        color: #232323;
    }

        .fstChoiceItem.mod1 > .fstChoiceRemove {
            color: #a4a4a4;
        }

.fstChoiceRemove {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
    background: none;
    font-size: 1.16667em;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.28571em;
    line-height: 1.28571em;
    margin-top: -0.64286em;
    text-align: center;
    color: black;
}

    .fstChoiceRemove::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

.fstMultipleMode .fstControls {
    box-sizing: border-box;
    padding: 5px 4px 0 1px;
    overflow: hidden;
    width: 20em;
    cursor: text;
}

.fstMultipleMode .fstQueryInput {
    font-size: 16px;
    float: left;
    padding: 0.28571em 0;
    margin: 0 0 0.35714em 0;
    width: 2em;
    color: #999;
}

.fstMultipleMode .fstQueryInputExpanded {
    float: none;
    width: 100%;
    padding: 0.28571em 0.35714em;
}

.fstMultipleMode .fstFakeInput {
    font-size: 1.4em;
}

.fstMultipleMode.fstActive,
.fstMultipleMode.fstActive .fstResults {
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.1);
}

    .fstMultipleMode.fstActive .fstResults {
        display: block;
        z-index: 10;
        border-top: 1px solid #D7D7D7;
    }