.global-container {
    background: var(--green);
}

.footer-configurator {
    margin-bottom: 30px;
}

.configurator-topbar {
    background: var(--black);
    width: 100%;
    min-height: 70px;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .25);
    position: fixed;
    bottom: 0;
    z-index: 100 !important;
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-top: 2px solid var(--white);
}

.configurator-topbar .custom-button:first-child {
    background: transparent;
    width: 270px;
}

.configurator-topbar .custom-button:first-child:hover {
    border-color: var(--white);
    background: var(--green);
}

.configurator-topbar .right-side .custom-button:hover {
    border-color: var(--green);
}

.configurator-topbar .custom-button span {
    color: var(--white);
}

.configurator-topbar .right-side, .configurator-topbar .right-side > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.configurator-topbar .right-side *:not(div) {
    color: var(--white);
}

.configurator-topbar .right-side > div > div {
    display: flex;
    flex-direction: column;
    margin-left: 25px;
}

.configurator-topbar .right-side strong span {
    font-size: 18px;
}

.configurator-section {
    padding: 40px 0;
}

.configurator-page-container .configurator-section .content-menu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.configurator-page-container .configurator-section .content-menu-images {
    position: relative;
    width: 370px;
    height: 260px;
    margin-right: 70px;
}

.configurator-page-container .configurator-section .content-menu-images > img:not(:first-child) {
    display: none;
}

.configurator-page-container .configurator-section .content-menu-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .15);
    background-color: var(--secondary);
    border: 1px solid #e5e5e5;
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.configurator-page-container .configurator-section .content-menu-main {
    max-width: 500px;
    width: 100%;
}

.configurator-page-container .configurator-section .content-menu-main li,
.configurator-page-container .configurator-section .content-menu-main li .custom-link {
    cursor: pointer;
    width: 100%;
    display: block;
}

.configurator-page-container .configurator-section .content-menu-main li:not(:last-child) {
    margin-bottom: 6px;
}

.configurator-page-container .configurator-section .content-menu-main li .custom-link {
    font-weight: 500;
    font-size: 14px;
}

.configurator-page-container .configurator-section .content-menu-main li.active-content-menu > .custom-link {
    color: var(--green);
    text-decoration: underline;
}

.configurator-page-container .configurator-section .category-sub-target {
    display: none;
}

.configurator-page-container .configurator-section .content-menu-main-submenu {
    background: var(--black);
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    margin: 5px 0;
    display: none;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
}

.configurator-page-container .configurator-section .content-menu-main-submenu a {
    font-size: 12px !important;
    color: var(--white);
}

/* Form */
.configurator-page-form .content-configurator {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.configurator-page-form .content-configurator > div {
    height: 100%;
    width: 50%;
}

.configurator-page-form .content-configurator .right-side {
    padding-left: 50px;
    width: 45%;
}

.configurator-page-form .subtitle-config {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.configurator-page-form .subtitle-config h1 {
    font-weight: 500;
}

.configurator-page-form .subtitle-config .subtitle-config-checkbox input,
.configurator-page-form .section-content .list-small-boxes input {
    display: none !important;
}

.configurator-page-form .subtitle-config .subtitle-config-checkbox input + label,
.configurator-page-form .subtitle-config .subtitle-config-checkbox button,
.configurator-page-form .subtitle-config .subtitle-config-checkbox a,
.configurator-page-form .section-content .list-small-boxes input + label {
    font-size: 14px;
    border: 2px solid #EDEDED;
    border-radius: 10px;
    width: 222px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .4s;
    font-weight: 500;
    margin-bottom: 0;
}

.configurator-page-form .subtitle-config .subtitle-config-checkbox button {
    color: #3f4254 !important;
}

.configurator-page-form .subtitle-config .subtitle-config-checkbox input + label:hover,
.configurator-page-form .subtitle-config .subtitle-config-checkbox input:checked + label,
.configurator-page-form .section-content .list-small-boxes input + label:hover,
.configurator-page-form .section-content .list-small-boxes input:checked + label,
.configurator-page-form .subtitle-config .subtitle-config-checkbox button:hover,
.configurator-page-form .subtitle-config .subtitle-config-checkbox a:hover {
    border-color: var(--green);
    background: rgba(0, 228, 155, .25);
}

.configurator-page-form .section-content .section-subtitle {
    margin-bottom: 20px;
}

.configurator-page-form .section-shape:not(:last-child) {
    padding-bottom: 38px;
    border-bottom: 1px solid var(--green);
    margin-bottom: 38px;
}

.configurator-page-form .section-shape .list-big-boxes {
    width: 100%;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
}

.configurator-page-form .section-content .list-big-boxes > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 106px;
    margin-top: 10px;
}

.configurator-page-form .section-content .list-big-boxes input {
    display: none !important;
}

.configurator-page-form .section-content .config-box {
    width: 100%;
    height: 106px;
    position: relative;
    margin-bottom: 5px;
}

.configurator-page-form .section-content .config-box label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 2px solid #EDEDED;
    background: var(--white);
    position: relative;
}

.configurator-page-form .section-content .config-box label:hover,
.configurator-page-form .section-content .config-box input:checked + label {
    border-color: var(--green);
    background: rgba(0, 228, 155, .25);
}

.configurator-page-form .badge {
    font-size: 19px;
    cursor: default;
    padding: 0;
}

.configurator-page-form #configurator .badge {
    position: absolute;
    top: -6px;
    right: -5px;
}

.configurator-page-form #configurator .list-small-boxes .badge {
    right: 6px;
}

.configurator-page-form .section-content .config-box + span {
    color: #4D4D4D;
    font-size: 12px;
    text-align: center;
}

.configurator-page-form .section-content .subsection {
    margin: 35px 0 8px;
}

.configurator-page-form .section-content .subsection > p {
    margin-bottom: 0;
}

.configurator-page-form .section-content .list-small-boxes {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.configurator-page-form .section-content .list-small-boxes div {
    margin-top: 10px;
}

.configurator-page-form .section-content .list-small-boxes input + label {
    width: 100%;
    padding: 5px 15px;
    display: inline-flex;
    font-size: 12px;
    min-height: 35px;
    border-radius: 6px;
    flex-direction: column;
    text-align: center;
    height: 100%;
}

.configurator-page-form .input-box-counter div {
    display: flex;
    align-items: center;
}

.configurator-page-form .counter-info {
    display: block;
    font-size: 12px;
    color: #444;
}

.configurator-page-form .input-box-counter .btn-counter,
.configurator-page-form .input-box-counter .input-counter {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 2px solid #EDEDED;
    color: var(--black);
    font-size: 13px;
    font-weight: 500;
    transition: .4s;
}

.configurator-page-form .input-box-counter .btn-counter:hover {
    border-color: var(--green);
}

.configurator-page-form .input-box-counter .input-counter {
    width: 70px;
    border-color: #999;
    margin: 0 10px;
    text-align: center;
}

.configurator-page-form .input-box-counter div > span {
    display: block;
    margin-left: 10px;
    font-size: 12px;
}

.configurator-page-form .select2-container--default .select2-selection--multiple,
.configurator-page-form .select2-container--default .select2-selection--single {
    border: 2px solid #999;
    border-radius: 10px;
    font-weight: 500;
}

.select2-container--default .select2-dropdown {
    border: 2px solid #999;
    border-top: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.configurator-page-form .role-size, .configurator-page-form .sheet-size {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    width: 294px !important;
}

.configurator-page-form .role-size.role-params {
    max-width: 312px !important;
    width: auto !important;
}

.configurator-page-form .sheet-size {
    margin-top: 28px;
}

.configurator-page-form .role-size > img {
    height: 100%;
}

.configurator-page-form .role-size > div,
.configurator-page-form .sheet-size > div,
#section-role_params .role-size > div {
    position: absolute;
    font-weight: 500;
}

[data-shape-name="rectangle"] {
    left: 18%;
    top: 41%;
}

[data-shape-name="ellipse"] {
    left: 19%;
    top: 45%;
}

[data-shape-name="circle"] {
    top: 39%;
    left: 22%;
}

[data-shape-name="star"] {
    top: 38%;
    left: 21%;
}

.configurator-page-form .role-size > div.role-size-width,
.configurator-page-form .sheet-size > div.role-size-width,
.configurator-page-form .diameter-outside {
    top: 25%;
    left: -2%;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.configurator-page-form .role-size > div.role-size-height,
.configurator-page-form .sheet-size > div.role-size-height,
.configurator-page-form .diameter-inside {
    transform: rotate(270deg);
    right: -4%;
    top: 62%;
}

.configurator-page-form .sheet-size > div.role-size-width {
    top: -8%;
    left: auto;
    right: 54%;
}

.configurator-page-form .sheet-size > div.role-size-height {
    right: -3%;
    top: 49%;
}

#configuration-upload, #configuration-summary {
    display: none;
}

.configurator-page-form .diameter-outside {
    top: -7%;
    left: 0;
}

.configurator-page-form .diameter-inside {
    top: 16%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    transform: rotate(0);
}

.irs--big .irs-handle {
    background: var(--green);
    border-color: var(--green);
    border-radius: 5px;
}

.irs--big .irs-from,
.irs--big .irs-single,
.irs--big .irs-to {
    background: var(--white);
    border: 2px solid var(--green);
    color: var(--black);
    width: 30px;
    top: -4px;
    text-align: center;
    font-weight: 500;
}

.irs--big .irs-bar {
    background: linear-gradient(to bottom, #fff 0, var(--green) 30%, var(--green) 100%);
    border-color: var(--green);
}

.irs--big .irs-max,
.irs--big .irs-min {
    width: 30px;
    text-align: center;
    font-weight: 500;
    background: #e5e5e5;
    color: var(--black);
}

.irs--round .irs-handle {
    border-color: var(--green);
    cursor: pointer;
}

.irs--round .irs-from,
.irs--round .irs-single,
.irs--round .irs-to,
.irs--round .irs-bar {
    background-color: var(--green);
    color: var(--black);
}

.irs--round .irs-from:before,
.irs--round .irs-single:before,
.irs--round .irs-to:before {
    border-top-color: var(--green);
}

#section-circulation .order-footer {
    margin-top: 20px;
}

#section-circulation .order-footer button {
    width: 100%;
}

#section-circulation .order-table {
    width: 100%;
    padding: 20px;
    border: 2px solid var(--green);
    border-radius: 10px;
    margin-top: 20px;
    background: #fafafa;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
}

#section-circulation .order-table table.only-cyfra:not(.only-flexo) thead th:not(.show-flexo):last-child {
    display: none;
}

#section-circulation .order-table table.only-cyfra:not(.only-flexo) thead th:nth-child(2),
#section-circulation .order-table table.only-cyfra:not(.only-flexo) tbody td:nth-child(2) {
    padding-left: 20px;
}

#section-circulation .order-table table,
#section-circulation .order-table table.only-cyfra:not(.only-flexo) thead th:nth-child(2),
#section-circulation .order-table table.only-cyfra:not(.only-flexo) tbody td:nth-child(2),
#section-circulation .order-table table.only-cyfra:not(.only-flexo) tbody td:nth-child(2) div {
    width: 100%;
}

#section-circulation .order-table table.only-flexo:not(.only-cyfra) thead th:nth-child(2),
#section-circulation .order-table table.only-flexo:not(.only-cyfra) tbody td:nth-child(2) {
    display: none;
}

#section-circulation .order-table table.only-flexo:not(.only-cyfra) thead th:last-child,
#section-circulation .order-table table.only-flexo:not(.only-cyfra) tbody td:last-child {
    padding-left: 20px;
}

#section-circulation .order-table table,
#section-circulation .order-table table.only-flexo:not(.only-cyfra) thead th:last-child,
#section-circulation .order-table table.only-flexo:not(.only-cyfra) tbody td:last-child,
#section-circulation .order-table table.only-flexo:not(.only-cyfra) tbody td:last-child div {
    width: 100%;
}

#section-circulation .order-table table.only-flexo .cheaper-by {
    display: none;
}

#section-circulation .order-table table tr {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#section-circulation .order-table table thead th {
    padding-bottom: 10px;
}

#section-circulation .order-table table thead th:last-child > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

#section-circulation .order-table table thead th:last-child > div .badge {
    padding-left: 5px;
}

#section-circulation .order-table table tbody tr > td div {
    width: 106px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #EDEDED;
    margin: 0 auto;
    background: var(--white);
    transition: .4s;
}

#section-circulation .order-table table tbody tr > td:first-child div,
#section-circulation .order-table table thead th:first-child {
    width: 106px;
}

#section-circulation .order-table table tbody tr > td:not(:first-child) div,
#section-circulation .order-table table thead th:not(:first-child) {
    width: 183px;
}

#section-circulation .order-table table tr > td:not(:first-child) div {
    justify-content: space-between;
    padding: 0 10px;
}

#section-circulation .order-table table tbody tr {
    transition: .4s;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 3px;
    border-radius: 10px;
    margin-top: 5px;
}

#section-circulation .order-table table tbody tr:hover,
#section-circulation tr.choose-tr {
    border-color: var(--green) !important;
}

.popover.bs-popover-bottom,
.popover.bs-popover-auto {
    border: 2px solid var(--green) !important;
    border-radius: 10px;
}

.popover-body {
    padding: 8px;
}

#section-circulation tr.choose-tr {
    background: var(--green-light);
}

#section-circulation tr td.choose-printing div {
    background: var(--green) !important;
}

.popover.bs-popover-bottom > .arrow::before,
.popover.bs-popover-auto > .arrow::before,
.popover.bs-popover-bottom > .arrow::after,
.popover.bs-popover-auto > .arrow::after {
    border-bottom-color: var(--green);
}

.content-files-upload a.custom-button, .order-visualization label.custom-button {
    background: var(--white);
    border-color: var(--green);
    width: 270px;
    text-align: center;
    justify-content: center !important;
    padding: 0;
}

.content-files-upload a.custom-button:hover span,
.order-visualization label.custom-button:hover span,
.order-visualization input:checked + label.custom-button span {
    color: var(--white) !important;
}

.order-visualization input:checked + label.custom-button {
    background: var(--green);
    border-color: var(--black);
}

.order-visualization input {
    display: none !important;
}

.order-visualization label {
    cursor: pointer;
}

.content-files-upload a.custom-link {
    text-decoration: underline !important;
}

.box-uploader .btn-add-uploader {
    width: 100%;
    border: 2px solid #EDEDED;
    border-radius: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    font-weight: 600;
    transition: .4s;
}

.box-uploader .btn-add-uploader:hover {
    background: #fafafa;
}

.box-uploader .template-row-uploader {
    margin-bottom: 20px;
    display: none;
}

.box-uploader .template-row-uploader.is-font-file .form-group-labels {
    display: none !important;
}

.box-uploader .template-row-uploader .header-uploader {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.box-uploader .template-row-uploader .header-uploader .filename {
    font-size: 11px;
    font-weight: 500;
    max-width: 78%;
}

.box-uploader .template-row-uploader .header-uploader .custom-link {
    text-decoration: underline;
    font-size: 11px;
}

.box-uploader .template-row-uploader .header-uploader .custom-link:first-child {
    margin-right: 15px;
}

.box-uploader .template-row-uploader .inside-box-uploader {
    padding: 20px;
    background: #fafafa;
    border: 1px solid #EDEDED;
    border-radius: 10px;
}

.box-uploader .template-row-uploader .top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.box-uploader .template-row-uploader .top button {
    font-size: 12px;
}

.box-uploader .template-row-uploader button.custom-button {
    background: var(--white);
    border-color: var(--green);
    margin-top: 10px;
    width: 100%;
}

.box-uploader .template-row-uploader button.custom-button:hover {
    background: var(--green);
}

.box-uploader .template-row-uploader button.custom-button:hover > span {
    color: var(--white) !important;
}

.box-uploader .template-row-uploader textarea, .box-uploader .template-row-uploader .qnty-labels {
    box-shadow: none;
    font-weight: 500;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    padding: 18px;
    border-radius: 20px;
}

.uppy-upload-file {
    margin-bottom: 20px;
}

.uppy .uppy-Root {
    border-color: var(--green);
    border-radius: 10px;
    height: 170px !important;
}

.uppy .uppy-ProgressBar {
    border-radius: 20px;
    overflow: hidden;
    margin-top: 3px;
    height: 10px;
}

.uppy .uppy-ProgressBar .uppy-ProgressBar-inner {
    animation: 1s linear infinite progress-bar-stripes;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
    background-color: #0BB783 !important;
}

.uppy .uppy-thumbnails .uppy-thumbnail-container {
    border: 1px solid #e5e5e5;
}

.uppy-progress-hide {
    display: none;
}

.uppy.input-danger .uppy-Root {
    border-color: var(--danger);
}

.input-danger {
    border-color: var(--danger) !important;
}

.uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-thumbnail-label {
    font-size: 11px;
}

.text-overflow, .uppy .uppy-thumbnails .uppy-thumbnail-container .uppy-thumbnail-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.section-buttons .back-to-configurator, .section-buttons .back-to-uploader {
    border-color: var(--green);
}

.section-buttons .back-to-configurator img, .section-buttons .back-to-uploader img {
    margin-right: 15px;
}

.summary-dialog .modal-header {
    border-color: var(--green);
    align-items: flex-start;
}

.summary-dialog .modal-title {
    font-weight: bold !important;
    font-size: 20px !important;
    margin-bottom: 5px;
}

.summary-dialog .modal-header a.custom-link {
    font-size: 12px !important;
    text-decoration: underline !important;
}

.summary-dialog .modal-header .close {
    opacity: 1;
    text-shadow: none;
}

.summary-dialog .modal-header .close i {
    color: var(--green) !important;
}

.summary-dialog .modal-header .close i:before {
    font-size: 20px !important;
    font-weight: bold !important;
}

.summary-dialog .modal-content {
    background: var(--black);
    padding: 0 25px;
    border-radius: 0;
}

.summary-dialog .modal-content > div {
    padding-left: 0;
    padding-right: 0;
}

.summary-dialog .modal-footer {
    border-color: var(--green);
}

.list-summary {
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.list-summary li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list-summary li:not(:last-child) {
    margin-bottom: 5px;
}

.list-summary li > div {
    width: 50%;
    text-align: left;
}

.list-summary li > div:last-child {
    margin-left: 20px;
}

.list-summary li *:not(div) {
    color: var(--white);
    font-size: 12px;
}

.summary-dialog .modal-footer {
    justify-content: space-between;
}

.summary-dialog .modal-footer *:not(div) {
    color: var(--white);
}

.summary-dialog .modal-footer strong {
    font-size: 18px;
}

.summary-dialog .modal-footer .flex-column {
    font-size: 9px;
    margin-left: 10px;
}

/*.summary-dialog .modal-footer .flex-column > span:first-child {*/
/*    text-decoration: line-through;*/
/*}*/

#configuration-summary .list-summary li *:not(div) {
    color: var(--black);
    font-size: 13px;
}

#configuration-summary .list-files li:not(:last-child) {
    margin-bottom: 10px;
}

#configuration-summary .list-files li *:not(div) {
    font-size: 12px;
}

#configuration-summary .list-files li div {
    background: #fafafa;
    border: 1px solid #EDEDED;
    border-radius: 5px;
    padding: 10px;
}

#configuration-summary .list-files li div p:first-child {
    margin-bottom: 5px;
}

#configuration-summary .list-files li div p:last-child span {
    font-style: italic;
}

.configurator-page-form .section-content .list-medium-boxes li {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
}

.configurator-page-form .section-content .list-medium-boxes input + label {
    height: auto;
    text-align: left;
    align-items: flex-start;
    padding: 5px 15px;
    width: 100%;
    flex-wrap: wrap;
}

.configurator-page-form .section-content .list-medium-boxes input + label p {
    margin-top: 8px;
    font-style: italic;
}

.total-amount-wrapper strong, .total-amount-brutto-wrapper strong {
    color: var(--warning) !important;
    font-weight: bold;
}

.total-amount-wrapper small, .total-amount-brutto-wrapper small {
    font-weight: 500;
    font-size: 10px !important;
}

.discount-amount-wrapper * {
    color: var(--danger) !important;
    font-weight: bold;
}

.total-amount-wrapper {
    border-top: 1px solid var(--warning);
    padding-top: 10px;
    margin-top: 10px;
}

.discount-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 450px;
    width: 100%;
    margin-top: 15px;
}

.discount-form input, .form-delivery-inputs input {
    box-shadow: none;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    font-size: 13px;
    margin-right: 10px;
}

.discount-form button {
    border-color: var(--green);
}

.form-delivery-inputs label {
    font-size: 11px;
    color: #666;
    margin-bottom: 2px
}

.form-delivery-inputs .col-lg-6 {
    padding-top: 5px;
    padding-bottom: 5px;
}

#category-delivery-time .delivery-time-box {
    border: 2px solid var(--green);
    border-radius: 10px;
    width: 100%;
    padding: 25px;
    margin-top: 25px;
}

#category-delivery-time .delivery-time-box .top {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#category-delivery-time .delivery-time-box .top strong {
    display: block;
    margin: 0 15px;
}

#category-delivery-time .delivery-time-box .top *:not(img) {
    font-size: 15px;
}

#category-delivery-time .delivery-time-box .help {
    margin-top: 10px;
}

#category-delivery-time .delivery-time-box .help span {
    color: var(--gray);
}

.configurator-page-form .section-hide {
    display: none !important;
}

.counter-wrapper > *:first-child,
.select-wrapper > *:first-child,
.range-wrapper > *:first-child {
    margin-top: 10px;
}

.counter-wrapper > *:not(:first-child),
.select-wrapper > *:not(:first-child),
.range-wrapper > *:not(:first-child) {
    margin-top: 15px;
}

.categories-wrapper > *:not(:first-child),
.subcategories-wrapper > *:not(:first-child) {
    margin-top: 25px;
}

.categories-wrapper .categories-two-cols > *:not(:first-child):not(:nth-child(2)) {
    margin-top: 35px;
}

label {
    margin-bottom: 9px;
}

.configurator-page-form [class*='temp-show-section-'] {
    display: inline-flex !important;
    flex-direction: column;
    width: 100%;
}

.configurator-page-form .section-hidden {
    display: none !important;
}

.select-wrapper {
    position: relative;
}

.preloader-api-extension {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, .7);
    display: none;
    align-items: center;
    justify-content: center;
}

.gallery-preloader {
    display: none;
}

.gallery-images {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    align-items: start;
}

.gallery-images li {
    width: 25%;
    padding: 10px;
    display: inline-flex;
    min-width: 100px;
}

.gallery-images li img {
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
}

.calc-matrix, .calc-matrix-info {
    font-size: 16px;
}

.shipment-days {
    position: absolute;
    top: 43%;
    font-weight: 700;
    color: var(--green);
    font-size: 20px;
}

/* BANKS */
.banks {
    display: none;
    margin-top: 10px;
}

.banks .tpay-groups-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.banks .tpay-groups-wrapper .tpay-group-holder {
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #fff;
    padding: 10px;
    border: 2px solid #e5e5e5;
    max-width: 120px;
    height: 60px;
    width: 100%;
    margin: 10px 1px;
    border-radius: 5px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
}

.banks .tpay-groups-wrapper .tpay-group-holder:hover, .banks .tpay-groups-wrapper .tpay-group-holder.tpay-active {
    border-color: var(--green);
}

.banks .tpay-group-logo-holder {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banks .tpay-groups-wrapper .tpay-group-holder img {
    max-width: 80%;
}

.banks .tpay-group-name {
    display: none;
}

.table-circulation-info.only-cyfra, .alert.alert-custom.alert-conflict-circulation, .labels-hide, .table-flexo-info {
    display: none;
}

.circulation-table, .circulation-calc-now {
    display: none;
}

#configurator, .is-disabled-again {
    position: relative;
}

#configurator.calculation-progress * {
    user-select: none !important;
}

#configurator.calculation-progress:before, .is-disabled-again:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    opacity: .4;
    top: 0;
    z-index: 10;
}

.circulation-empty-data div {
    background: #e5e5e5 !important;
}

#btn-table-scroll {
    border-radius: 7px;
    border: 1px solid #e5e5e5;
    background: #000;
    color: #fff;
    cursor: pointer;
    float: right;
    margin-bottom: 10px;
    margin-top: 5px;
    font-weight: 500;
    width: 100%;
    padding: 8px;
    text-align: center;
    display: none;
}

.configurator-help {
    border: 2px solid var(--green);
    border-radius: 30px;
    padding: 5px 10px;
    background: rgba(0, 228, 155, .6);
    font-size: 11px;
    font-weight: 600;
}

/* Media Queries */
@media screen and (max-width: 1366px) {
    .global-configurator-container .subheader-page {
        height: 400px;
    }
}

@media screen and (max-width: 1140px) {
    .configurator-page-form .role-size, .configurator-page-form .sheet-size {
        width: 250px !important;
    }

    .configurator-page-form .role-size > div {
        max-width: 155px;
    }

    [data-shape-name="star"] {
        left: 19%;
    }

    [data-shape-name="circle"] {
        top: 36%;
        left: 19%;
    }
}

.calc-matrix-list {
    display: flex;
}

.calc-matrix-list li {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.calc-matrix-list li strong {
    font-size: 18px;
}

.calc-matrix-list li small {
    max-width: 46px;
    display: flex;
    font-size: 10px;
}

.calc-matrix-list li:nth-child(2) {
    margin-right: 7px;
    margin-left: -8px;
}

.calc-matrix-list li:nth-child(4) {
    margin-right: 6px;
}

.calc-matrix-list .calc-matrix-opt {
    margin-top: 1px;
}

.calc-matrix-list li:nth-child(4) {
    margin-left: 6px;
}

.calc-matrix-list li:nth-child(6) {
    margin-left: 7px;
}

.calc-matrix-list li:nth-child(6) {
    margin-right: 5px;
}

.calc-matrix-list li:last-child {
    max-width: inherit;
}

@media screen and (max-width: 1100px) {
    .global-configurator-container .subheader-page {
        height: 250px;
    }
}

@media screen and (max-width: 1080px) {
    #shape-sizes {
        flex-direction: column;
    }

    .configurator-page-form .content-configurator .right-side {
        width: 50%;
    }
}

@media screen and (max-width: 1024px) {
    .configurator-section {
        padding: 30px 0;
    }

    .footer-configurator {
        margin-bottom: 70px;
    }
}

@media screen and (max-width: 991px) {
    .configurator-page-form .content-configurator {
        flex-direction: column;
    }

    .configurator-page-form .content-configurator > div {
        width: 100% !important
    }

    .configurator-page-form .content-configurator .right-side {
        padding-left: 0;
    }

    .configurator-page-form .left-side > .section-shape:last-child {
        padding-bottom: 40px;
        border-bottom: 1px solid var(--green);
        margin-bottom: 40px;
    }

    #shape-sizes {
        flex-direction: row;
    }

    .configurator-page-form .subtitle-config .subtitle-config-checkbox button,
    .configurator-page-form .subtitle-config .subtitle-config-checkbox a {
        width: auto;
        padding: 0 15px;
        font-size: 12px;
    }

    .configurator-page-form .section-shape:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .configurator-page-container .configurator-section .content-menu-images {
        display: none;
    }

    .configurator-page-container .configurator-section .content-menu-main {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .configurator-topbar .fluid-container {
        flex-direction: column;
    }

    .configurator-topbar .right-side {
        width: 100%;
        margin-top: 30px;
    }

    .configurator-topbar .custom-button:first-child {
        width: 100%;
    }

    .categories-wrapper .categories-two-cols > *:not(:first-child) {
        margin-top: 25px;
    }

    .footer-configurator {
        margin-bottom: 140px;
    }
}

@media screen and (max-width: 680px) {
    .configurator-page-container .configurator-section .content-menu-main {
        width: 100%;
    }

    .content-submenu {
        display: none;
    }

    .configurator-page-container .configurator-section .content-menu-main li:not(:last-child) {
        margin-bottom: 15px;
    }

    .circulation-wrapper {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .custom-circulation-button {
        margin-top: 10px;
        width: 100%;
        display: flex;
    }
}

@media screen and (max-width: 600px) {
    .footer-configurator {
        margin-bottom: 90px
    }

    #summary-configurator {
        display: none;
    }

    .configurator-topbar .right-side {
        margin-top: 0;
    }
}

@media screen and (max-width: 430px) {
    .list-big-boxes > div, .list-small-boxes > div {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .configurator-topbar .right-side {
        flex-direction: column;
    }

    .configurator-topbar .right-side .custom-button {
        margin-left: 0 !important;
    }

    .configurator-topbar .right-side {
        margin-top: 15px;
    }

    .configurator-topbar .right-side .custom-button {
        width: 100%;
        margin-top: 10px;
    }
}