﻿.is-block-dark, .is-block-green {
    margin-left: 2px;
    margin-bottom: 5px
}

.modal-body li, .warnings-body li {
    list-style-type: disc
}

li, ol {
    list-style-type: none
}

.card-body {
    padding: 5px
}

.options-div {
    margin-top: 30px
}

.card-body-calc {
    display: flow-root;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px
}

.card-body-calc-btn, .tab-inner, .type_listdescr .div_image_text {
    padding: 15px
}

.control-label {
    padding-left: 10px !important;
    font-weight: 400 !important;
    margin-bottom: 4px !important;
    margin-top: 4px !important
}

.card-event h4 {
    font-weight: 700;
    height: auto;
    letter-spacing: 0;
    overflow: hidden;
    white-space: normal;
    padding: 0
}

.event-item-col {
    margin-bottom: 11px;
    padding-right: 5px;
    padding-left: 5px
}

.card-title, .pro_discount {
    margin-bottom: 0
}

.card-body-calc .RadComboBox_Bootstrap .rcbInput {
    font-size: 12pt !important;
    line-height: 1.42857143
}

.RadComboBox_Bootstrap table, .RadListBox_Bootstrap, .carousel a, .img_wtt {
    width: 100% !important
}

.apps-wrapper {
    padding: 26px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.calc-price {
    font-weight: 600;
    color: #ff9113;
    font-size: 38px
}

.card-title {
    margin-top: 2rem;
    padding: 3px
}

    .card-title .card-no {
        font-weight: bolder;
        background-color: #6a9976;
        color: #fff;
        border-radius: 50px;
        width: 40px;
        display: grid;
        position: relative;
        float: left;
        top: -9px;
        left: -11px;
        height: 40px;
        padding: 9px;
        text-align: center
    }

.major_sum, .option_header {
    margin-bottom: 0 !important
}

.pro_discount label {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 20px;
    text-decoration: line-through;
    color: #000;
    font-weight: 400
}

.expert, .mod_box input {
    text-decoration: underline
}

.major_sum {
    font-size: 20px;
    font-weight: 700
}

.major_sum_price {
    font-size: 16px;
    border-top: 1px solid;
    padding-top: 3px
}

.auto-price, .card-user-info .grid-col .col.to, .header-data, .ladel-value-price, .sum-ladel-value, .text-right {
    text-align: right
}

.custom-diam {
    margin-top: 0 !important;
    font-size: 14px;
    color: #138a72
}

.custom-label {
    font-weight: 700 !important
}

.option_header {
    color: #ff9800;
    padding-top: 5px !important;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #e0dfdf;
    margin-top: 5px
}

.chunk-title, .expert, .form-label, .label_pantone, .wizard_open {
    font-weight: 700
}

.fixed_top {
    position: fixed;
    top: 100px
}

.fixit_down {
    position: absolute;
    bottom: 0;
    top: inherit;
    width: 100%
}

.tooltipLock {
    color: #d7d7d7 !important;
    font-size: 20px !important;
    cursor: default !important
}

.chunk_icon_descr {
    margin-top: 14px
}

    .chunk_icon_descr .ln-shadow {
        background-color: #16a085;
        border-radius: 0;
        color: #fff;
        display: inline-block;
        font-size: 16px;
        height: 28px;
        line-height: 28px;
        overflow: hidden;
        text-align: center;
        vertical-align: middle;
        width: 28px
    }

    .chunk_icon_descr a {
        padding-left: 31px
    }

.line-calculator {
    border-bottom: 1px solid #f6f5f5;
    padding: 2px
}

    .line-calculator td {
        line-height: normal
    }

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mycheckbox label {
    font-weight: 400;
    margin-left: 5px
}

.panel-details ul li strong {
    font-weight: bolder;
    text-transform: none !important;
    margin-right: 3px;
    color: #000 !important
}

.is-block-dark .label-danger, .label-help-danger {
    color: red !important
}

.wizard_open {
    padding: 12px;
    display: block;
    color: #ff5722 !important;
    font-size: 16px
}

.calc_radiobutton, .calc_radiobutton_horizontal, .tooltip-inner {
    display: inline-table
}

.bs-wizard {
    margin-top: 40px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 0 10px
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative
    }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            font-size: 16px;
            margin-bottom: 5px
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info, .pending-top, .stats i, .tab-box li {
            font-size: 14px
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #138a72;
            top: 23px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #19b798;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0;
            height: 8px;
            box-shadow: none;
            margin: 20px 0
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0;
                box-shadow: none;
                background: #0c7c65
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar, .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none
        }

.green-border {
    border: 1px solid green !important
}

input:required:valid {
    border: 1px solid rgba(0,0,0,.15);
    outline: 0
}

input:required {
    border: 1px solid red;
    outline: 0
}

textarea:required:focus {
    border: 1px solid red;
    outline: 0
}

.square {
    width: 50px;
    height: 50px;
    float: left;
    padding-right: 10px;
    list-style-type: square !important
}

.list {
    width: 101% !important;
    left: -1px !important;
    border: 1px solid !important
}

.nice-select .option {
    line-height: 30px !important;
    min-height: 30px !important
}

    .calc_radiobutton .RadListBox_Bootstrap .rlbItem.rlbSelected, .nice-select .option.focus, .nice-select .option:hover {
        background-color: #028a44 !important;
        color: #fff !important
    }

    .nice-select .option.disabled {
        background-color: #d6d4d4 !important;
        color: #999 !important;
        cursor: default !important
    }

    .nice-select .option.selected {
        background-color: #ff9113 !important;
        color: #000 !important
    }

.pending-div {
    line-height: 1 !important;
    background-color: #ffdfdf !important;
    color: #000 !important
}

.pending-top {
    margin-top: 0;
    padding-top: 0;
    color: #000
}

    .pending-top::before {
        border-color: #000 transparent transparent
    }

    .pending-top::after {
        border-color: #ffdfdf transparent transparent
    }

.pending-comment {
    padding-top: 20px;
    border-bottom: 1px solid #000
}

.wrap-text {
    white-space: normal !important;
    word-wrap: break-word;
    text-align: left;
    cursor: pointer;
    line-height: 150%
}

.star_required {
    bottom: 6px;
    position: relative;
    color: red
}

.tooltipmodal, .tooltipmodalbutton {
    color: #6a9976 !important;
    cursor: pointer !important
}

.ads-details-info {
    min-height: 560px !important
}

.nice-select.form-control {
    padding: 4.5px 15px !important;
    line-height: 20px !important;
    height: 38px !important
}

.card-body-calc textarea, textarea.form-control {
    height: auto !important
}

.card-body-calc .form-control:not(.multi), .form-control-normal {
    height: 38px !important
}

.calc_radiobutton {
    padding: 5px !important
}

    .calc_radiobutton label, .calc_radiobutton_image label, .type_list label {
        font-weight: 400 !important;
        margin: 2px !important;
        line-height: normal !important
    }

    .calc_radiobutton .form-control, .photobox {
        padding: 10px !important
    }

.short-btn {
    padding-left: 10px !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

i {
    font-style: normal !important
}

.tooltipmodal {
    font-size: 20px !important;
    margin-right: 5px
}

.tooltipmodalbutton {
    font-size: 30px !important;
    line-height: 14px;
    position: relative;
    float: left
}

.tooltip-inner {
    padding: 8px
}

.tooltiperror, .tooltipwarning {
    padding-top: 4px;
    font-size: 20px !important
}

.tooltip.show {
    opacity: inherit !important
}

.tooltip {
    z-index: 10000000
}

.paperimgmod {
    width: 400px !important
}

.tooltiperror {
    color: red
}

.tooltipwarning {
    color: gray
}

.chunk-title {
    font-size: 20px !important;
    border-bottom: none;
    padding-top: 17px
}

.expertdiv a {
    font-size: 14px !important;
    color: #fff !important
}

.expert {
    color: red !important
}

.is-block-dark {
    border: 1px solid #d2d2d2;
    border-radius: 0;
    padding: 10px 6px 6px;
    background-color: #777 !important;
    clear: both;
    margin-top: 12px;
    color: #fff
}

.is-block-green {
    border-radius: 0;
    padding: 0;
    background-color: #fff !important;
    clear: both;
    color: #000
}

    .divthemeheader .col-9, .is-block-green.col-9 {
        padding: 0
    }

.divthemebt input {
    background-color: orange;
    color: #fff
}

.paper-item {
    margin-bottom: 1px !important;
    padding-right: 1px !important;
    padding-left: 1px !important
}

.paper-item-border {
    border: none !important
}

.RadWindow_Bootstrap .rwTitleWrapper, .card-paper-name {
    padding: 0 !important
}

    .card-paper-name h4 {
        font-size: 14px !important;
        margin: 0 !important
    }

.is-invalid .current, .no-selection .current {
    color: #d3d3d3 !important
}

.calc_radiobutton table {
    margin: 3px
}

.chunk-details {
    line-height: 1.2
}

.fpa {
    font-size: 14px;
    margin-bottom: 0
}

.panel-action {
    line-height: 1;
    background: #ff9113;
    padding: 5px !important
}

.pantone-div {
    margin: 6px 0 21px;
    background-color: #f8f8f8;
    margin-right: -12px;
    margin-left: -12px;
    border: 1px solid #eceaea;
    border-radius: 5px;
}

.line-choice {
    margin-top: -1px;
    border-bottom: 1px solid #eaeaea;
    border-top: 0 !important;
    padding-top: 12px;
    padding-bottom: 12px
}

.line-choice-places {
    margin-top: -1px;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 0
}

.master-div {
    margin-top: -1px;
    border-bottom: none !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important
}

.child-div, .middle-div {
    margin-top: -1px;
    padding-top: 0 !important
}

.child-div {
    border-bottom: 1px solid #eaeaea !important;
    padding-bottom: 20px !important
}

.middle-div {
    border-bottom: none;
    padding-bottom: 0 !important
}

.form-label {
    margin-top: 4px;
    margin-bottom: 2px;
    font-size: 16px;
    font-family: PFDinDisplayPro-Regular
}

.adrs-image, .calc_radiobutton input, .calc_radiobutton_color input, .calc_radiobutton_image input, .type_list input, .type_list_modal input, .type_listdescr input {
    visibility: hidden
}

.alert .warnings-title {
    float: inherit;
    clear: both
}

.warnings-body {
    font-size: 15px;
    margin-top: 15px
}

    .warnings-body li {
        margin-top: 15px
    }

.warning-tip {
    font-size: 15px;
    margin-top: 20px
}

.pantone_div_modal {
    width: 13.4%;
    height: 75px;
    font-size: 15px !important;
    margin: 2px;
    white-space: normal !important
}

.RadListBox .rlbList, .calc_radiobutton div, .myimages, .panel-collapse, .pantone_div, .shade {
    width: 100%
}

.div-full-name, .grid-overflow p {
    white-space: break-spaces
}

.deselected, .pantone_div_modal input {
    border: none
}

.btn-blue {
    border: 2px solid
}

.assets-table, .card-part, .checkbox-radios, .divthemebt, .fastprint, .tooltip-online {
    margin-top: 10px
}

.major, .offer-tiraz-div, .sum-left-line {
    margin-bottom: 0 !important
}

.control-image {
    margin-bottom: 20px;
    display: contents
}

.pantone_div, dl, ol, ul {
    margin-top: 0;
    margin-bottom: 0
}

.myimages {
    border: 1px solid rgba(0,0,0,.15);
    display: inline-table;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #fff !important;
    border-radius: 0
}

    .myimages.is-invalid {
        border: 1px solid #dc3545;
        border-radius: 0
    }

    .myimages:hover {
        border-color: rgba(0,0,0,.15)
    }

    .myimages a {
        float: left;
        padding-top: 3px;
        color: #000
    }

    .myimages img {
        border: 1px solid rgba(255,255,255,.15);
        border-radius: 0
    }

    .myimages .selected img {
        border: 1px solid #c8c8c8;
        border-radius: 0
    }

    .myimages .selected {
        color: #16a085 !important;
        font-weight: 700
    }

.pantone_div {
    height: 28px;
    border-radius: 0;
    margin-left: 5px
}

.shade {
    position: relative;
    margin: -16px 0 0;
    padding: 0;
    display: block;
    background: #111;
    height: 16px;
    opacity: .25;
    text-align: center
}

.fullheight, .normheight {
    position: relative !important
}

.fullheight {
    height: 68px !important
}

.normheight {
    height: 34px !important
}

.fullheightbottom {
    position: absolute !important;
    bottom: 0 !important
}

.type_list .Bootstrap_invalid, .type_listdescr .Bootstrap_invalid {
    border: 2px solid #dc3545 !important
}

.RadComboBox_Bootstrap table td.rcbArrowCell, .RadComboBox_Bootstrap table td.rcbInputCell {
    border: 1px !important
}

.RadComboBox .rcbInput {
    padding: 0 6px 1px !important
}

.RadComboBox_Bootstrap table td.rcbInputCell {
    width: 100%;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding: 0;
    border: 0
}

.RadComboBox_Bootstrap .rcbArrowCell a {
    width: 30px !important;
    height: 32px !important;
    background-position: -8px -60px !important
}

.label_pantone {
    display: inline;
    padding: 1.2em .6em .3em;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em;
    height: 39px;
    margin: 0;
    cursor: pointer
}

.card-img-top, .div-full-name, .item_buttons_sel {
    vertical-align: middle
}

.modal-body ol, .modal-body ul {
    padding-inline-start: 40px !important
}

.clear-filters label, .modal-body p, .short-alert .alert {
    margin: 0
}

ol {
    padding-top: 6px !important
}

.bg-black-active {
    background-color: #000 !important
}

.Bootstrap_Pantone li {
    float: left !important;
    width: 100% !important;
    padding: 1px !important
}

.no-margin {
    margin: 0 !important
}

.child, .list-title, .supoption_image_full_width .item_div_image {
    margin-top: 15px !important
}

.mettalic_div {
    background-image: url(../../../images/colors/metal_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 60px;
    border: 1px solid #dadada
}

.mettalic_div_l {
    background-image: url(../../../images/colors/metal_bg_l.png);
    background-size: cover
}

.text_foil {
    font-size: 20px;
    margin-right: 10px;
    float: right;
    padding-top: 6px
}

.pending_box {
    padding-top: 20px !important
}

.pending_details {
    margin-bottom: 20px
}

.card-title a, .chunk_div_enabled .chunk-name, .pending-line {
    color: #fff
}

.btnoff, .pending_header {
    color: red
}

.btn-in {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
    box-shadow: 0 2px 2px 0 rgba(0,188,212,.14),0 3px 1px -2px rgba(0,188,212,.2),0 1px 5px 0 rgba(0,188,212,.12);
    padding: 4px;
    border-radius: 0
}

.btnonoff {
    margin: 0 !important;
    text-align: right
}

.combmsg, .table-assets i {
    font-size: 15px !important
}

.RadUpload .ruFakeInput, .addReadMore.showlesscontent .SecSec, .addReadMore.showlesscontent .readLess, .addReadMore.showmorecontent .readMore, .line-choice-hover-locked .collapse-icon-arrow, td.ui-datepicker-week-end, th.ui-datepicker-week-end {
    display: none
}

.dd_more {
    color: red !important;
    font-weight: 700 !important
}

.auto-heading, .div-jobname, .metal > span, .order-1, .type_Image .rlbSelected span, .type_list .rlbSelected span, .type_list_modal .rlbSelected a {
    font-weight: 700
}

.rcbWidth {
    overflow-x: hidden !important
}

.alert h4 {
    display: table
}

.expert i {
    padding-right: 20px
}

.anises {
    padding-top: 5px;
    position: relative;
    margin-top: 5px;
    float: left
}

    .anises input {
        margin-right: 5px
    }

.control-image, .control-list {
    text-align: center;
    display: contents
}

.is-block-dark i, .pantone_div_modal input {
    color: #fff !important
}

.card-part .calc-partheader a {
    font-size: 28px !important
}

.card-part .panel-tip {
    background-color: #f8f8f8 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 2px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.calc-partheader {
    background-color: #fff;
    border-radius: 0 !important
}

    .RadListBox_Bootstrap .rlbItem.rlbSelected, .calc-partheader a, .card-pro-description, .card-pro-title_2 {
        color: #000 !important
    }

    .calc-partheader .collapsed .fa-chevron-circle-left, .calc-partheader .fa-angle-left {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .calc-partheader .collapsed .fa-angle-left {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .calc-partheader .fa-chevron-circle-left {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

.flex-cell {
    background: 0 0;
    border: none
}

.Bootstrap_invalid .rcbEmptyMessage {
    color: #222 !important
}

.metal {
    width: 100%;
    height: 34px;
    line-height: 1
}

    .metal > span {
        position: absolute;
        margin: 0;
        padding: 0;
        width: 90%;
        text-align: center;
        font-size: 25px;
        -webkit-background-clip: text;
        color: transparent
    }

        .metal > span:first-child {
            z-index: 2
        }

        .metal > span:nth-child(2) {
            z-index: 1;
            text-shadow: 1px 1px 0 #262626
        }

.mettalic_div_lt {
    background-image: url(../../Content/images/metal_bg_lt.png);
    background-size: cover
}

.bs-tooltip-right[x-out-of-boundaries], .item_select_label label {
    display: none !important
}

.calc_radiobutton_image {
    padding: 5px !important;
    display: contents;
    border: 2px solid #fff
}

    .calc_radiobutton_image .form-control, .type_list .form-control {
        padding: 10px !important;
        display: contents !important
    }

    .calc_radiobutton_image img, .type_list img, .type_list_modal img {
        height: 90px;
        position: relative;
        float: left;
        margin: auto !important
    }

    .calc_radiobutton_image li {
        display: grid;
        padding: 2px !important;
        float: left;
        height: 145px;
        text-align: center
    }

    .calc_radiobutton_image .list_no_image {
        height: 55px
    }

        .RadListBox_Bootstrap .rlbItem, .add-desc-box, .calc_radiobutton_image .list_no_image .rlbText, .file-box {
            margin: auto
        }

.auto-heading {
    position: relative;
    display: block;
    padding-right: 130px
}

.calc_radiobutton_image span, .type_list_modal .paperspan, .type_list_modal span {
    position: relative;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 14px
}

.calc_radiobutton_image .RadListBox_Bootstrap .rlbItem .item_div_in {
    height: 100%;
    border-radius: 5px;
    background: #f8f8f8
}

.calc_radiobutton_color .RadListBox_Bootstrap .rlbItem.rlbSelected .item_div_in, .calc_radiobutton_image .RadListBox_Bootstrap .rlbItem.rlbSelected .item_div_in, .type_list .RadListBox_Bootstrap .rlbItem.rlbSelected .item_div_in, .type_list_modal .RadListBox_Bootstrap .rlbItem.rlbSelected .item_div_in, .type_listdescr .RadListBox_Bootstrap .rlbItem.rlbSelected .item_div_in {
    background-color: #028a44;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0
}

.calc_radiobutton_image .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in, .type_list_modal .item_div_in {
    height: 100%;
    border-radius: 5px
}

.type_list, .type_list_modal, .type_listdescr {
    border: 2px solid #fff
}

.type_list {
    display: inline-table;
    padding: 5px !important;
    display: contents
}

.panel-paper, .photo-count, .prodspantext, .type_list_modal_color .rlbText a {
    display: flex
}

.type_list div, .type_list_modal div, .type_listdescr div {
    z-index: 1
}

.type_list li, .type_list_modal li, .type_listdescr li {
    display: grid;
    padding: 2px !important;
    float: left;
    height: 55px;
    text-align: center
}

.type_list span {
    position: relative;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 100%;
    line-height: 14px;
    font-weight: 400
}

.type_list .rlbText, .type_list_modal .rlbText, .type_listdescr .rlbText {
    padding: 2px !important;
    margin: auto
}

.type_list .paperspan, .type_listdescr .paperspan {
    padding-right: 30px !important
}

.calc_radiobutton_color .RadListBox_Bootstrap .rlbItem .item_div_in, .calc_radiobutton_color .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in, .item_div_out, .type_list .RadListBox_Bootstrap .rlbItem .item_div_in, .type_list .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in, .type_list_modal .RadListBox_Bootstrap .rlbItem .item_div_in, .type_list_modal .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in, .type_listdescr .RadListBox_Bootstrap .rlbItem .item_div_in {
    height: 100%
}

.type_list_modal_image li {
    height: 255px
}

.RadUpload, .type_list_modal_image img {
    height: auto
}

.type_list_modal .rlbSelected .item_div_in {
    background: #ffffff24 !important;
    box-shadow: rgb(255 255 255 / 40%) 0 2px 4px,rgb(255 255 255 / 30%) 0 7px 13px -3px,orange 0 0 1px 2px inset
}

.type_list_modal .rlbText a {
    color: #000;
    font-weight: 400
}

.type_list_modal .item_disabled {
    opacity: .5
}

.type_list_modal_color .item_disabled, .type_list_modal_image .item_disabled {
    opacity: .5;
    display: none
}

.type_list_modal_color .item_div_color {
    width: 40px;
    height: 40px;
    border-radius: 4px
}

.type_list_modal_color .item_div_color_label {
    position: absolute;
    margin: 12px 3px 14px 50px
}

.type_Image span {
    font-weight: 400
}

.panel-paper {
    padding: 10px;
    width: 100%
}

.type_listdescr img {
    height: 200px;
    position: relative;
    float: left;
    margin: auto !important;
    border: 1px solid #cdcdcd
}

.type_listdescr .paperspan {
    position: relative;
    float: left;
    font-size: 14px;
    text-align: left;
    width: 100%;
    line-height: 46px;
    padding-left: 15px !important
}

.type_listdescr .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in {
    height: 100%;
    box-shadow: none !important;
    border: none !important
}

.type_listdescr .rlbSelected {
    display: contents;
    min-height: 400px;
    overflow: hidden
}

    .type_listdescr .rlbSelected .rlbTemplate {
        overflow: hidden;
        background: #ffffff24 !important;
        box-shadow: rgb(255 255 255 / 40%) 0 2px 4px,rgb(0 0 0 / 30%) 0 7px 13px -3px,orange 0 0 1px 2px inset
    }

    .type_listdescr .rlbSelected .item_div_in {
        min-height: 50px
    }

.type_listdescr .calc_radiobutton_image .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in {
    display: flex;
    box-shadow: none !important;
    border: none !important
}

.type_listdescr .rlbSelected .paper_special_price {
    position: absolute !important;
    top: 12px;
    background-color: orange;
    padding: 0 17px;
    border-radius: 4px;
    color: #fff;
    -webkit-transform: none !important;
    font-size: 12px !important;
    line-height: 22px !important;
    width: inherit
}

.rlbDisabled .item_select_out_dis, .type_list_modal .item_disabled .item_select_out_dis {
    visibility: visible !important;
    transform: rotate(-45deg);
    overflow: hidden;
    position: absolute;
    width: 143px;
    display: inherit;
    text-align: center;
    opacity: 1
}

.rlbTexttt {
    z-index: 9999
}

.supoption_image_full_width li {
    display: grid;
    padding: 2px !important;
    float: left;
    height: inherit !important;
    text-align: center
}

.supoption_image_full_width img {
    width: 100%;
    padding: 10px;
    height: inherit !important
}

.supoption_image_full_width .item_div_in {
    padding-bottom: 20px
}

.calc_radiobutton_color {
    border: 2px solid #fff;
    display: inline-flex;
    height: 141px;
    padding: 5px
}

    .calc_radiobutton_color img {
        height: 90px;
        position: relative;
        float: left;
        margin: auto !important;
        padding: 12px
    }

    .calc_radiobutton_color li {
        display: grid;
        padding: 2px !important;
        float: left;
        height: 120px;
        text-align: center
    }

    .calc_radiobutton_color span {
        position: relative;
        float: left;
        font-size: 14px;
        text-align: center;
        width: 100%;
        line-height: 11px
    }

.item_div_in {
    box-shadow: inset 0 0 0 1px #e3e3e3
}

.item_div_image {
    display: flex;
    margin-top: 10px;
    margin-bottom: 5px
}

.item_div_label {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    height: 100%
}

.item_div_label_for_image {
    display: flex;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px
}

.category_div, .chunk_div {
    padding: 0 15px;
    margin-left: -15px;
    margin-right: -15px
}

.item_div_image img {
    position: relative;
    float: left;
    margin: auto !important
}

.image-color {
    margin-top: 0;
    margin-bottom: 3px
}

.RadListBox_Bootstrap .rlbGroup, .RadListBox_Bootstrap .rlbTemplateContainer {
    border: none;
    color: #333;
    background-color: #fff;
    border-color: #fff !important
}

.RadListBox_Bootstrap .rlbItem.rlbSelected, .img-calc {
    background-color: #fff !important
}

.nice-select.open .list {
    z-index: 5000
}

.panel-tip {
    background-color: #d1ecf1;
    border: 1px solid #bee5eb
}

.category_div {
    border-radius: 4px
}

.chunk_div {
    margin-top: 25px
}

.chunk_header {
    margin-left: -15px;
    margin-right: -15px;
    padding: 40px 16px 0
}

.chunk_button {
    display: flex;
    bottom: 4px;
    position: relative
}

.chunk_button_div {
    clear: both;
    display: flow-root;
    width: 100%
}

.chunk_button_hlp {
    display: flex;
    bottom: 8px;
    position: relative
}

.item_select_out_dis {
    visibility: hidden !important;
    display: none
}

.rlbDisabled .item_select_out_dis {
    color: red;
    background-color: red;
    left: -38px;
    top: 21px;
    line-height: 1;
    z-index: 100
}

.type_list_modal .item_disabled .item_select_out_dis {
    color: #fff;
    background-color: #fd7272;
    left: -37px;
    top: 17px;
    line-height: 1;
    z-index: 11111;
    font-size: 9px;
    pointer-events: none
}

.type_list_modal .item_disabled .paperlink {
    pointer-events: none;
    color: #a9a9a9
}

.paperlink {
    padding-right: 18px;
    display: block
}

.rlbDisabled .item_select_out, .rlbDisabled .item_select_out:hover, .rwIcon {
    display: none !important;
    visibility: hidden !important
}

.item_select_out_dis:disabled {
    background-color: red
}

.label-notav {
    display: block;
    text-align: center;
    margin: 0 !important;
    color: #fff;
    font-size: 8px
}

@media (max-width:768px) {
    .bs-tooltip-right, .btn-papers {
        display: none !important
    }

    .calc-partheader {
        padding: .75rem 0
    }

    .panel-tip {
        padding: 15px 0
    }

    .card-body-calc {
        padding-left: 0;
        padding-right: 0
    }
}

@media (pointer:none),(pointer:coarse) {
    .scrolldiv {
        pointer-events: none
    }
}

@media (max-width:1024px) {
    .adrs-details-info-calc h3 {
        padding-top: 29px !important;
        padding-bottom: 3px
    }

    .div_image_paper, .item_div_label .fa-image, .item_div_label .fa-picture-o {
        display: none !important
    }
}

.bs-tooltip-auto[x-placement^=right], .bs-tooltip-right {
    padding: 0 .4rem
}

    .bs-tooltip-right .tooltip-inner {
        border-radius: 6px !important
    }

    .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before {
        right: 0;
        border-width: .4rem .4rem .4rem 0;
        border-right-color: #fff
    }

.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0;
    border-width: .4rem .4rem 0;
    border-top-color: #fff
}

.RadComboBoxDropDown_Bootstrap .rcbHovered {
    background-color: #028a44 !important;
    color: #fff !important;
    width: 100% !important
}

.popover, .tooltip-inner {
    z-index: 0 !important;
    left: 10px;
    line-height: 1.5em;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    color: #555
}

.imgpaper {
    width: 300px !important;
    display: flex
}

    .imgpaper img {
        border: 1px solid #d0d0d0
    }

.modboxheader {
    font-size: 17px;
    margin-top: 10px;
    padding: 2px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 5px;
    background-color: #eee;
    color: #000;
    border-radius: 7px;
    padding-left: 9px
}

.myiconkaloupi, .myiconkaloupim {
    color: orange;
    position: absolute
}

.modalkoutitext {
    overflow-wrap: break-word
}

.myiconkaloupi {
    font-size: 26px !important;
    left: 10px;
    bottom: 75px
}

.myiconkaloupim {
    font-size: 21px !important;
    left: 8px;
    top: 13px
}

.mod_filt label {
    cursor: pointer;
    color: #878787
}

.mod_filt li {
    line-height: 1
}

.clear-filters {
    display: none;
    float: right;
    background: #028a44;
    padding: 5px;
    color: #fff;
    border-radius: 0;
    margin-right: 11px;
    font-size: 14px;
    margin-top: -18px;
    z-index: 10000
}

.filter-button_all {
    color: #028a44 !important
}

.mod_filt_head {
    margin-top: 10px;
    font-size: 13px
}

.mod_box_dim, .offer-icon {
    margin-top: 20px
}

.mod_box input {
    font-size: 15px !important;
    color: #028a44
}

.mod_kal_text {
    border-top: 1px solid gray;
    margin-top: 10px;
    color: gray
}

.warnings-body-net {
    float: inherit !important
}

    .div-paper-images-modal, .warnings-body-net div, .warnings-body-net span {
        display: contents
    }

.alert, .card-img-top {
    display: inline-block
}

.card-paper {
    padding: 10px;
    margin-top: 10px;
    margin-right: 10px
}

.stats {
    font-size: 14px;
    float: left
}

.card-footer-paper input {
    margin-left: 5px;
    font-size: 14px;
    padding: 0 3px
}

.card-img-top {
    overflow: hidden;
    text-align: center;
    border-radius: 0
}

.card-icon-paper {
    margin-top: 0 !important;
    margin-right: 13px !important;
    float: left;
    margin-bottom: 9px !important
}

.card-header-icon {
    z-index: 3 !important
}

    .card-header-icon h3 {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 8px
    }

.boxpaper {
    position: relative;
    margin: 40px auto;
    background: #fff;
    border-radius: 2px
}

    .boxpaper::before {
        left: 15px;
        transform: skew(-5deg) rotate(-5deg)
    }

    .boxpaper::after {
        right: 15px;
        transform: skew(5deg) rotate(5deg)
    }

    .boxpaper::after, .boxpaper::before {
        content: '';
        position: absolute;
        bottom: 10px;
        width: 40%;
        height: 10px;
        box-shadow: 0 5px 14px rgba(0,0,0,.7);
        z-index: -1;
        transition: .3s ease-in-out
    }

*, ::after, ::before {
    box-sizing: border-box
}

.form-control-locked {
    background-color: inherit !important;
    border: none !important
}

.RadTabStripTop .rtsLI i, .application_file_text {
    color: #d3d3d3
}

.flag img {
    width: 35px
}

.asset-down-icon {
    text-align: right;
    width: 142px;
    float: right
}

.DropZone1, .flip-icon, .item_div_image_sel, .item_div_label_sel, .matrix-day, .matrix-days-header, .panel-play, .price_grid_container {
    text-align: center
}

.table-assets td {
    padding: 10px 0 0;
    border: none !important
}

.table-assets a {
    min-height: 34px !important
}

.lb-order span, .standard_label {
    font-size: 17px !important
}

.img-template {
    max-height: inherit !important
}

.custom-size-div {
    background: #fff;
    margin-left: 15px;
    padding: 10px;
    border-radius: 0;
    border: 1px solid rgba(0,0,0,.15)
}

    .custom-size-div > div {
        margin-bottom: 3px
    }

.div-full-name {
    position: relative;
    top: -97px;
    background: #4644443b;
    color: #fff;
    border-radius: 0;
    padding: 3px;
    margin: 5px;
    line-height: 13px
}

.alert {
    width: 100%
}

.modal-paper-header {
    margin-bottom: 10px
}

.dd-list-header {
    color: #000;
    font-size: 20px
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border: 2px solid #fff !important;
    background-color: #f8d7da;
    border-radius: 4px
}

.size_title_div {
    background-color: #eee;
    font-size: 16px
}

.boxpaper span {
    position: absolute;
    left: 5px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #d3d3d3;
    padding: 0 6px;
    top: 5px;
    background-color: #028a441f
}

.panel-play {
    position: relative;
    padding: 0;
    top: -140px;
    margin-bottom: 0;
    display: grid;
    height: 0
}

.flip-icon {
    font-size: 65px;
    cursor: pointer;
    line-height: 40px;
    border: -1px solid #fff;
    color: #f5f5f5;
    text-decoration: none;
    transition: .3s;
    padding: 30px;
    margin-left: 50px;
    margin-right: 50px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ccc
}

.RadUpload .ruBrowse, .btn-more-options, .div-jobname {
    text-decoration: underline
}

.flip-icon:hover {
    text-shadow: 0 0 10px #333
}

.line-desc {
    line-height: 15px
}

.rblselect label {
    margin-left: 5px
}

.file-select {
    background-color: #fff;
    border: none;
    padding: 0
}

.chhid {
    max-width: 100%
}

.div-jobname {
    display: contents
}

    .div-jobname span {
        padding: 10px
    }

.tooltip.show {
    z-index: 100000 !important
}

.item-link .icon-link-big {
    font-size: 30px;
    margin-right: 14px
}

.borderLessDialog.RadWindow .rwTitleBar {
    margin: 0;
    padding: 20px
}

.RadWindow_Bootstrap {
    background: 0 0 !important
}

    .RadWindow_Bootstrap td.rwWindowContent {
        background-color: transparent !important
    }

.rwLoading .rwExternalContent {
    background-image: url(../../../images/loading.svg) !important;
    display: flex !important
}

.can_view {
    position: absolute;
    width: 100%;
    color: #989898;
    display: none
}

.img_box_sinlge_5:hover .can_view {
    display: block !important
}

.label-calc-title {
    font-size: 26px;
    color: #000
}

.btng {
    font-size: 14px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: inherit;
    min-height: 52px
}

.RadComboBox_Bootstrap .rcbInput {
    font-size: 17px;
    font-family: PFDinDisplayPro-Regular
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff
}

.card-pro-title {
    color: #9f000c !important
}

.card-pro-name {
    font-size: 21px;
    background-color: #607d8b;
    padding: 13px 50px 13px 13px;
    width: 100%;
    display: block;
    border-radius: 5px;
    color: #fff
}

    .card-pro-name i {
        position: absolute;
        right: 24px;
        font-size: 30px
    }

.btng span {
    margin: 0;
    font-size: 17px;
    line-height: 12px
}

.addReadMore .readLess, .addReadMore .readMore {
    font-weight: 700;
    margin-left: 2px;
    color: #000;
    cursor: pointer
}

.addReadMoreWrapTxt.showmorecontent .SecSec, .addReadMoreWrapTxt.showmorecontent .readLess, .container_check input:checked ~ .checkmark:after, .grid-overflow .row-overflow {
    display: block
}

.item_div_in_sel {
    display: flex;
    border: 1px solid #d1cece;
    margin: 6px
}

.item_div_image_sel {
    width: 280px
}

.item_div_label_sel {
    display: flow-root;
    font-size: 18px;
    position: relative;
    top: -6px
}

.btn-sel1, .btn-sel2 {
    position: relative;
    float: right;
    margin: 10px;
    min-width: 100px;
    padding: 15px 0
}

.btn-matrix-days, .btn-matrix-qty {
    box-shadow: none !important;
    border: 1px solid #eee;
    margin: 2px;
    color: #000;
    font-size: 14px
}

.btn-matrix-days {
    position: relative;
    overflow: hidden
}

.btn-printbay {
    background-color: #028a44;
    color: #fff
}

.btn_empty {
    cursor: inherit !important
}

.row-mh {
    margin-right: 0;
    margin-left: 0
}

.matrix-day {
    margin: 0 2px;
    border: 2px solid #028a44;
    border-radius: 2px;
    padding: 5px 1px
}

.btn-select {
    border: 2px solid orange;
    font-weight: 700
}

.btn-canvas, .modal_paper_chars span {
    margin-top: 15px
}

.alert-flex {
    display: flex !important
}

.ladel-desc {
    padding-right: 5px;
    padding-left: 10px
}

.ladel-value {
    padding-left: 0
}

.img_box_sinlge img {
    padding: 0 !important;
    box-shadow: 1px 1px 2px #c5c5c5
}

.adrs-details-info-calc, .adrs-details-info-calc .list-title {
    padding-top: 0 !important
}

    .adrs-details-info-calc h3 {
        padding-bottom: 20px !important
    }

.offer-tiraz {
    color: #000 !important;
    margin-bottom: 0 !important;
    font-size: 20px !important;
    width: 100%;
    margin-top: 19px;
    display: grid;
    line-height: 16px
}

.offer-gift {
    font-size: 13px;
    float: right
}

.chunk_fade {
    pointer-events: none;
    opacity: .5;
    cursor: not-allowed !important;
    max-height: 250px;
    overflow: hidden;
    background-color: #e5e5e5;
    -webkit-mask-image: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));
    mask-image: linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    z-index: 111111;
    border-radius: 10px
}

    .chunk_fade::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 4px dashed #000
    }

.help-disable {
    font-weight: 400;
    font-size: 1rem;
    color: #adadad;
    display: block;
    padding-top: 4px;
    font-style: italic
}

.btn-more-options, .btn-wizard {
    font-size: 18px;
    box-shadow: none
}

.chunk_div_candisable {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 18px;
    padding-right: 18px
}

    .chunk_div_candisable .chunk-name {
        font-weight: 700;
        font-family: PFDinDisplayPro-Regular
    }

    .chunk_div_candisable .line-choice {
        color: #000;
        font-size: 17px;
        font-family: PFDinDisplayPro-Regular;
        border-left: none;
        border-right: none
    }

    .chunk_div_candisable .chunk_button {
        float: inherit;
        position: inherit;
        display: inherit;
        padding-left: 9px;
        margin-left: 20px
    }

.chunk_div_enabled .chunk_header {
    background-color: #c3c3c3;
    margin-left: -19px;
    margin-right: -19px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 1px
}

.readyfile span {
    font-size: 14px;
    line-height: 14px;
    min-width: 118px
}

.createonlinelabel span {
    font-size: 14px;
    line-height: 14px;
    width: 180px
}

.calc_radiobutton_image.display_1 li {
    height: inherit
}

.calc_radiobutton_image.display_1 .item_div_in {
    padding: 0 10px 20px !important
}

.calc_radiobutton_image.display_1 img, .thumb-item-link {
    height: inherit !important
}

.item-slider {
    display: block;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bx-wrapper {
    background: inherit !important
}

@media (min-width:1200px) {
    .bx-viewport img {
        max-height: 600px
    }
}

@media (min-width:992px) {
    .bx-viewport img {
        max-height: 400px
    }
}

.adrs-image .bx-viewport img, .div-calc-top .bx-viewport img {
    max-height: fit-content;
    min-width: 100%
}

.noshadow img {
    box-shadow: none !important
}

.offer_descr_note {
    clear: both;
    float: inherit !important
}

.event-location-offer_descr {
    text-shadow: none !important;
    color: #000 !important;
    margin-bottom: 10px
}

.RadListBox .rlbTemplate {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-pad8 {
    padding: 8px !important
}

.modal-dialog-full-width {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important
}

.modal-content-full-width {
    height: auto !important;
    min-height: 100% !important;
    border-radius: 0 !important;
    background-color: #696969db !important
}

.modal-header-full-width {
    border-bottom: 1px solid #9ea2a2 !important
}

.modal-footer-full-width {
    border-top: 1px solid #9ea2a2 !important;
    background-color: #fff
}

.modal-content-full-width {
    background-color: #e1e1e1 !important
}

.radio label {
    padding-left: 6px
}

.more-options .rlbTemplate {
    background-color: #e3fcff
}

.more-options span {
    font-size: large
}

.btn-wizard {
    text-decoration: underline !important;
    color: #028a44 !important
}

.RadComboBoxDropDown_Bootstrap .rcbHovered, .RadComboBoxDropDown_Bootstrap .rcbItem {
    margin: 0;
    padding: 5px 1em !important;
    margin-bottom: 3px !important
}

.div-calc-top {
    margin-bottom: 25px;
    min-height: 450px
}

@media (min-width:1025px) {
    .div_image_paper {
        display: none
    }
}

@media (max-width:1025px) {
    .div-calc-top {
        min-height: 880px
    }

    .calc_paper_image .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in {
        background: #fff !important
    }

    .calc_paper_image img {
        height: 150px;
        position: relative;
        float: left;
        margin-bottom: 50px;
        width: 100%;
        position: inherit;
        border: 1px solid #dbdbdb
    }

    .calc_paper_image .div_image_text {
        position: relative;
        clear: both;
        padding: 5px;
        background-color: #fff;
        margin: 23px 15px;
        white-space: break-spaces;
        top: 11px
    }

    .calc_paper_image .div_image_paper {
        display: none
    }

    .calc_paper_image .rlbSelected {
        height: auto;
        padding-bottom: 20px;
        min-height: 200px
    }

        .calc_paper_image .rlbSelected .div_image_paper {
            display: block
        }

        .calc_paper_image .rlbSelected .item_div_label {
            display: inherit
        }

        .calc_paper_image .rlbSelected .rlbTexttt {
            height: 48px;
            padding-top: 12px !important
        }

    .div_image_paper {
        width: 100%
    }
}

.btn-matrix-days-header {
    font-size: small;
    border: 2px solid #c3c3c3
}

.grid-overflow {
    -webkit-overflow-scrolling: touch;
    margin-top: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap
}

    .grid-overflow .row-overflow > [class*=col-] {
        display: inline-block;
        vertical-align: top
    }

.price_grid_container {
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    font-family: Open Sans,sans-serif;
    font-size: 13px;
    font-weight: 400;
    padding: 0 15px
}

.item_template_icon_div span, .lb-order {
    font-family: PFDinDisplayPro-Regular,Helvetica,Arial,sans-serif
}

.price_grid_container .row.heading-base-height {
    height: 49px
}

@media (min-width:768px) {
    .bx-viewport img {
        max-height: 300px
    }

    .price_grid_container .grid_btn_container {
        padding: 0 4px 5px
    }
}

@media (max-width:425px) {
    .card-body-calc-btn, .quantities-column {
        padding: 0
    }

    .btn-matrix-days, .btn-matrix-qty {
        font-size: 12px
    }
}

.custom-sizes {
    margin-top: 10px;
    width: 100%
}

.custom-sizes-out {
    padding: 7px
}

.custom-sizes-in {
    padding: 20px;
    background-color: #f3f3f3;
    display: flex
}

.container_right .banner_div, .container_right aside {
    margin: 20px 0;
    border: 1px solid #ddd;
    background: #f8f8f8;
    position: relative;
    font-size: 14px;
    border-radius: 5px
}

.RadUpload .ruRemove, .RadUpload .ruUploadProgress {
    font-size: 16px !important
}

.container_right aside img, .offer_banner img {
    border-radius: 5px
}

.item_div_label > i {
    margin-top: 18px
}

.item_template_icon_div span {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    padding-top: 3px
}

.inner-box .modal-header .close {
    padding-right: 0 !important;
    width: 30px
}

.float-right, .pull-right {
    float: right;
    margin-left: 15px
}

.auto-price, .auto-price-checkout {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
    display: grid
}

.tt_div .panel-collapse {
    background-color: #fff;
    border-top: 3px solid #d3d3d3
}

.paper_special_price {
    position: absolute !important;
    top: 12px;
    background-color: orange;
    padding: 0 17px;
    right: 129px;
    border-radius: 4px;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    font-size: 12px !important;
    line-height: 22px !important
}

.paper_label_text, .paper_label_text_too {
    position: absolute !important;
    background-color: orange;
    padding: 0 17px;
    border-radius: 4px;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    font-size: 10px !important;
    line-height: 14px !important;
    font-weight: 400 !important
}

.paper_special_price div {
    display: inline-flex;
    font-size: 19px;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    font-weight: 700
}

.paper_label_text {
    top: 17px;
    right: 134px
}

.paper_label_text_too {
    top: 19px;
    right: 104px
}

.lb-tem {
    font-size: xx-large
}

.span-tem {
    margin-left: 2px;
    text-decoration: none;
    text-transform: lowercase;
    color: gray;
    margin-top: 4px
}

.etoimaprotypa, .text-help {
    color: #6a9976
}

.arrow-pro {
    font-size: 30px;
    color: #9f000c;
    display: block
}

.calc_radiobutton_image .RadListBox_Bootstrap .rlbItem.rlbSelected span .item_div_in {
    font-weight: 700;
    background: #ffffffff !important;
    box-shadow: rgb(255 255 255 / 40%) 0 2px 4px,rgb(0 0 0 / 30%) 0 7px 13px -3px,orange 0 0 1px 2px inset
}

.bx-wrapper {
    border: none;
    box-shadow: none
}

    .bx-wrapper img {
        display: block;
        margin: 0 auto !important;
        max-width: 100%
    }

.div-rating {
    padding-top: 10px;
    display: flex
}

.col-sm-50 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .bx-viewport img {
        max-height: 250px
    }

    .col-sm-50 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        position: relative
    }
}

.alert-production {
    padding: 5px !important;
    margin-top: 10px;
    color: #000 !important;
    background-color: #fff !important;
    border-color: #f44336 !important
}

    .alert-production h4 {
        font-size: 14px;
        font-style: italic
    }

.prodspanicon {
    width: 31px;
    float: left;
    font-size: 20px
}

.icon--calc {
    background-color: orange;
    padding: 9px;
    border-radius: 6px;
    color: #fff;
    margin-left: 62px;
    margin-top: 14px;
    position: absolute;
    z-index: 1;
    width: 40px
}

.div-paper-images-modal .bx-viewport {
    height: 300px !important
}

    .div-paper-images-modal .bx-viewport img {
        width: 100% !important;
        border: 1px solid #dfdfdf
    }

.div-paper-images-modal .bx-controls-direction a:after {
    width: 20px;
    background: rgb(223 223 223 / 22%);
    border-radius: 3px;
    color: #fff;
    font-family: Font Awesome 6 Pro;
    position: absolute;
    text-align: center;
    text-indent: 0;
    opacity: 0;
    -webkit-transition: .15s ease-in-out;
    -moz-transition: .15s ease-in-out;
    -o-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    opacity: 1 !important;
    font-size: 19px !important;
    margin: 0
}

.RadTabStripTop .rtsUL {
    width: 100%;
    display: flex !important
}

.RadTabStripTop .rtsTxt, .line-choice-hover a {
    color: #000
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding-right: 17px !important;
    border-radius: 4px 4px 0 0;
    background: #f8f8f8 !important;
    box-shadow: rgb(255 255 255 / 40%) 0 2px 4px,rgb(0 0 0 / 30%) 0 7px 13px -3px,#e7e7e7 0 0 1px 2px inset
}

.RadTabStripTop .rtsSelected i {
    color: orange
}

.RadTabStripTop .rtsUL .rtsSelected span {
    font-weight: 700;
    text-decoration: underline
}

.RadTabStripTop .rtsUL .rtsSelected .rtsTxt {
    border-radius: 4px 4px 0 0;
    background: #ffffffff !important;
    box-shadow: rgb(255 255 255 / 40%) 0 2px 4px,rgb(0 0 0 / 30%) 0 7px 13px -3px,orange 0 3px 1px 0 inset
}

.RadUpload .ruBrowse, .RadUpload .ruRemove {
    border: 0;
    background-position: 4px -70px;
    cursor: pointer
}

.RadTabStrip .rtsIn, .RadTabStripVertical .rtsIn {
    padding: 0 3px;
    display: block
}

.tab-box li i {
    margin: 12px
}

.modal_paper_chars {
    display: grid
}

.div_paper_name_descr {
    margin-bottom: 10px;
    margin-top: 10px
}

.lb-order {
    font-size: 20px !important;
    line-height: 18px !important
}

.RadUpload .ruButton {
    padding: 5px;
    width: 100px !important
}

.div-files-out {
    min-height: 100px;
    display: flex;
    padding: 10px
}

.files-title {
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
    display: block
}

.DropZone1, .file-title {
    font-size: 16px
}

.productsFieldset {
    width: 100%;
    margin: auto;
    padding: 10px
}

.file-row {
    border-bottom: 1px solid #ddd
}

.file-extension {
    position: absolute;
    width: 30px;
    bottom: 0
}

.DropZone1 {
    width: 100%;
    height: 90px;
    background-color: #028a44;
    float: left;
    color: #fff;
    border: 2px dashed
}

.cbreplace {
    padding-top: 30px
}

.upload-button {
    padding: 0 !important;
    position: relative;
    margin-top: 39px;
    display: grid
}

.RadUpload {
    width: 100% !important;
    text-align: left;
    border: none !important
}

    .RadUpload .ruFileWrap {
        position: relative;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        line-height: 20px;
        zoom: 1;
        overflow: hidden !important;
        height: 32px
    }

    .RadUpload .ruRemove {
        overflow: visible;
        width: auto;
        padding-left: 44px;
        color: red;
        position: relative;
        top: -3px;
        float: right !important
    }

    .RadUpload .ruBrowse {
        width: 100% !important;
        padding: 0;
        font-size: 18px !important;
        margin: 0
    }

    .RadUpload .ruInputs li {
        margin: 0 0 18px !important;
        min-height: 36px;
        width: 100%
    }

        .RadUpload .ruInputs li:last-child {
            position: absolute;
            display: block
        }

.ruErrorMessage {
    float: left;
    display: block;
    color: red
}

.card-event-info .label-name {
    color: #000;
    margin-bottom: 10px;
    display: block
}

.modal-paper_attribute_title {
    color: gray
}

.modal-paper_attribute {
    margin-left: 5px;
    color: #000
}

@-moz-document url-prefix() {
    .bxslider {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }
}

.search-fa {
    position: absolute;
    z-index: 1;
    font-size: 31px;
    left: 43px;
    top: 20px;
    color: #ccccccab
}

.WindowChat {
    border: none !important;
    box-shadow: none !important;
    position: fixed !important;
    top: 10px !important;
    right: 10px !important;
    left: inherit !important
}

.MyChatWindow {
    position: fixed
}

.calc-partheader .collapsed .fa-chevron-left {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.calc-partheader .fa-chevron-left {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.modal .job-item {
    padding-top: 20px
}

    .modal .job-item .job-title {
        font-size: 20px;
        padding-bottom: 6px
    }

    .modal .job-item .jobs-desc {
        color: #6b6b6b;
        line-height: 18px
    }

.form-a-control {
    display: flex;
    padding-top: 10px;
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.paper-note, .type_list_modal_image .paper-note {
    font-size: 20px;
    position: absolute !important;
    margin: 15px 5px !important
}

.form-a-control label {
    cursor: pointer !important;
    font-weight: 700
}

.paper-note {
    top: -13px !important
}

.type_list_modal_image .paper-note {
    bottom: -18px !important;
    top: inherit !important
}

.line-choice-hover {
    transition: box-shadow .3s;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0
}

.form-a-control:hover {
    box-shadow: 1px 1px 7px 1px #bfbfbf;
    cursor: pointer !important
}

.form-a-control[aria-expanded=true] {
    box-shadow: 1px 1px 7px 1px #bfbfbf;
    margin-bottom: 20px
}

.line-choice-hover-locked {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f5f5f5;
    cursor: not-allowed
}

    .line-choice-hover-locked .form-a-control, .line-choice-hover-locked .form-a-control:hover {
        box-shadow: none !important;
        cursor: not-allowed !important;
        pointer-events: none !important
    }

    .line-choice-hover-locked .btn-link {
        pointer-events: auto !important
    }

.collapse-icon-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 28px
}

    .collapse-icon-arrow i {
        transition: transform .3s
    }

.a-topic[aria-expanded=false] .collapse-icon-arrow i, .padding-10[aria-expanded=false] .collapse-icon-arrow i {
    transform: rotate(0)
}

.a-topic[aria-expanded=true] .collapse-icon-arrow i, .padding-10[aria-expanded=true] .collapse-icon-arrow i {
    transform: rotate(-90deg)
}

.modal-help {
    line-height: 20px
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #c3d6c8;
    border: 1px solid #fff
}

.container_check label {
    margin-left: 20px
}

.container_check:hover input ~ .checkmark {
    background-color: #ccc
}

.container_check input:checked ~ .checkmark {
    background-color: #6a9976
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container_check .checkmark:after {
    left: 7px;
    top: 2px;
    width: 9px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup-message {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    padding: 10px 20px;
    min-width: 250px;
    max-width: 90%;
    box-shadow: 0 2px 6px rgba(0,0,0,.2);
    opacity: 0;
    transition: opacity .5s ease-in-out;
    pointer-events: none
}

    .popup-message.show {
        opacity: 1;
        pointer-events: auto
    }

@media (max-width:576px) {
    .popup-message {
        font-size: .9rem;
        padding: 8px 16px
    }
}

.line-choice.panel-shadow {
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    background: #c3d6c84f
}

.themerow {
    margin: 2px 0
}

.padding-10 {
    width: 100%;
    margin: auto
}

.custom-order {
    order: 3
}

    .custom-order .btn-link {
        margin-left: 10px
    }

@media (min-width:1400px) {
    .custom-order {
        order: 5
    }
}

.RadComboBoxDropDown .rcbScroll {
    overflow-y: auto !important;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain
}

.short_info_css {
    text-align: left;
    line-height: 16px
}

    .short_info_css .short-alert {
        background-color: #fff;
        padding: 10px 10px 0
    }
