/************************/
/*  lineapp-canvas.css  */
/************************/
#stadium-container {
    position: relative;
    padding-bottom: 50px;
    display: flex;
    /*flex-direction: row-reverse;*/
    margin-top: 20px;
}

    #stadium-container .tui-image-editor-canvas-container canvas.lower-canvas {
        position: relative !important;
    }

.tui-image-editor-canvas-container {
    margin: 0;
    margin-bottom: 50px;
    position: relative;
    top: 0;
    box-shadow: 0 0 5px #555;
}

    .tui-image-editor-canvas-container canvas {
        width: 100% !important;
        height: auto !important;
        direction: ltr;
    }

    .tui-image-editor-canvas-container .canvas-zoom {
        position: absolute;
        bottom: -50px;
        left: 0;
        width: 100%;
        z-index: 1;
        display: block;
    }

        .tui-image-editor-canvas-container .canvas-zoom .canvas-zoom-wrapper {
            height: 50px;
            text-align: initial;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .tui-image-editor-canvas-container:hover .canvas-zoom {
        display: block;
    }

    .tui-image-editor-canvas-container .canvas-zoom .canvas-zoom-inner {
        margin: 5px;
    }

    .tui-image-editor-canvas-container .canvas-zoom button.canvas-zoom-button {
        width: 30px;
        height: 30px;
        font-size: 20px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--brand-primary-contrast);
        color: var(--brand-primary);
        border: 1px solid var(--brand-primary);
    }

    .tui-image-editor-canvas-container #tuiCanvasZoomDisplay {
        display: none;
    }

        .tui-image-editor-canvas-container #tuiCanvasZoomDisplay + label {
            float: right;
            padding: 5px;
            display: none;
        }

            .tui-image-editor-canvas-container #tuiCanvasZoomDisplay + label:after {
                content: "close";
            }

        .tui-image-editor-canvas-container #tuiCanvasZoomDisplay:checked + label:after {
            content: "open zoom buttons";
        }

        .tui-image-editor-canvas-container #tuiCanvasZoomDisplay:checked + label {
            position: relative;
            top: 30px;
        }

            .tui-image-editor-canvas-container #tuiCanvasZoomDisplay:checked + label + .canvas-zoom-wrapper {
                display: none;
            }

    .tui-image-editor-canvas-container.loading:after {
        content: "";
        background-image: url('https://cashcowmedia.blob.core.windows.net/system/stadium/Loadingsome.gif');
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background-position: center;
    }

#tuiCanvasZoomDisplay {
    display: none;
}

.tui-image-editor-canvas-container .hidden {
    display: none;
}

#stadium-container .cart-preview {
    position: absolute;
    top: 0;
    /*max-width: 250px;*/
    box-shadow: 0 0 5px black;
    padding: 10px;
    background-color: white;
    width: 100%;
}

    #stadium-container .cart-preview .ul-list ul {
        list-style-type: none;
        padding: 0;
    }

        #stadium-container .cart-preview .ul-list ul li {
            background-color: #f3f3f3;
            padding: 5px;
            margin-bottom: 5px;
        }

            #stadium-container .cart-preview .ul-list ul li div {
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

                #stadium-container .cart-preview .ul-list ul li div i {
                    cursor: pointer;
                }

            #stadium-container .cart-preview .ul-list ul li .selected-qty {
                justify-content: center;
                margin-top: 5px;
                font-size: 16px;
            }

    #stadium-container .cart-preview .ul-list input::-webkit-outer-spin-button,
    #stadium-container .cart-preview .ul-list input::-webkit-inner-spin-button,
    .tui-image-editor-canvas-container .tooltip input::-webkit-outer-spin-button,
    .tui-image-editor-canvas-container .tooltip input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    #stadium-container .cart-preview .ul-list input[type=number],
    .tui-image-editor-canvas-container .tooltip input[type=number] {
        -moz-appearance: textfield;
        text-align: center;
        background-color: transparent !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        pointer-events: none;
        width: auto;
        padding: 0;
    }

.tui-image-editor-canvas-container .tooltip i {
    cursor: pointer;
    font-size: 20px;
}

.tui-image-editor-canvas-container .tooltip {
    position: absolute;
    opacity: 0;
    display: inline-block;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    z-index: -1;
}
    /*.tui-image-editor-canvas-container .tooltip > span, 
.tui-image-editor-canvas-container .tooltip > div {
    flex-direction: row-reverse;
}*/
    .tui-image-editor-canvas-container .tooltip .tooltipqtyadd {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .tui-image-editor-canvas-container .tooltip .tooltipqtyadd > div {
            /*margin-top: 10px;*/
            margin: 10px;
            margin-bottom: 0;
        }

    .tui-image-editor-canvas-container .tooltip .tooltipqty {
        /*margin-top: 10px;*/
        display: flex;
        align-items: center;
        justify-content: space-between;
        justify-content: center;
    }

    .tui-image-editor-canvas-container .tooltip .tooltiptext {
        display: flex;
        align-items: center;
        justify-content: space-between;
        justify-content: center;
    }

    .tui-image-editor-canvas-container .tooltip .tooltippriceandcurrency {
        display: flex;
    }

    .tui-image-editor-canvas-container .tooltip .tooltiptext.remaining span.tooltipspace {
        display: none;
    }

    .tui-image-editor-canvas-container .tooltip .tooltiparrow {
        /*content: "";*/
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

    .tui-image-editor-canvas-container .tooltip .tooltipspace {
        width: 30px;
    }

    .tui-image-editor-canvas-container .tooltip .tooltiptext.remaining {
        margin-top: 5px;
    }
    /*.tui-image-editor-canvas-container .tooltip .tooltipname {
            margin-left: 20px;
        }
        .tui-image-editor-canvas-container .tooltip .tooltipnum {
            margin-right: 10px;
        }*/
    .tui-image-editor-canvas-container .tooltip .tooltipname {
        font-weight: bold;
        font-size: 16px;
    }

#stadium-container .cart-preview .cart-not-empty button[type="button"] {
    /*background-color: orange;*/
    outline: none !important;
    border-radius: 40px;
}

canvas.upper-canvas[style*="cursor: move"] {
    cursor: default !important;
}

div#tui-image-editor-container,
.tui-image-editor-grid-visual {
    display: none;
}

#stadium-container .cart-preview .ul-list ul {
    max-height: 320px;
    overflow: hidden;
    overflow-y: auto;
}

canvas.lower-canvas {
    z-index: 0;
}

canvas.upper-canvas {
    z-index: 1;
}

#stadium-container .cart-preview input.mobile-cart-preview,
#stadium-container .cart-preview input.mobile-cart-preview ~ label {
    display: none;
}

#stadium-container .cart-preview .cart-preview-inner > div > div {
    text-align: center;
}

.tui-image-editor-canvas-container .tooltip .tooltipqtyadd span,
.tui-image-editor-canvas-container .tooltip .tooltipqtyadd div {
    width: 100%;
}

.tui-image-editor-canvas-container .tooltip .tooltipqty .qtyinput {
    width: auto;
}

@media (max-width: 767px) {
    /* .tui-image-editor-canvas-container .tooltip .tooltiptext.info {
        flex-direction: column;
    }*/
    #stadium-container .tui-image-editor-canvas-container,
    #stadium-container .tui-image-editor-canvas-container canvas {
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
    }

    .tui-image-editor-canvas-container {
        margin-bottom: 0 !important;
    }

    #stadium-container {
        padding-bottom: 0 !important;
    }

    .tui-image-editor-canvas-container .canvas-zoom {
        /*font-size: 12px;*/
        display: none !important;
    }

    #stadium-container .tooltip .mobile-tooltip-add-btn {
        /*margin-top: 10px;*/
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

        #stadium-container .tooltip .mobile-tooltip-add-btn button {
            font-size: 1.4rem;
            line-height: 36px;
            display: inline-block;
            min-height: 36px;
            padding: 0 20px;
            font-weight: normal;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
            border-radius: 3px;
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: pointer;
            color: #fff;
            background-color: #026cdf;
            border: 0;
        }

            #stadium-container .tooltip .mobile-tooltip-add-btn button.not-available {
                opacity: 0.2;
                pointer-events: none;
                touch-action: none;
                user-select: none;
            }

    .tui-image-editor-canvas-container .tooltip .tooltipqtyadd .tooltipspace.hidden {
        display: block !important;
    }
}

@media (max-width: 767px) {
    #stadium-container .cart-preview {
        position: fixed !important;
        z-index: 9999;
        bottom: 0;
        left: 0;
        top: initial !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

        #stadium-container .cart-preview .cart-preview-inner {
            display: flex;
        }
        /*#stadium-container .cart-preview input.mobile-cart-preview {
        margin: 15px 5px;
        display: block;
    }*/
        #stadium-container .cart-preview .head {
            display: none
        }

        #stadium-container .cart-preview .cart-empty {
            display: none !important;
        }

        #stadium-container .cart-preview .cart-not-empty {
            display: flex;
            width: 100% !important;
            padding: 0 10px;
            background-color: white;
            height: 50px;
        }

        #stadium-container .cart-preview .cart-empty:not(.hidden) ~ input.mobile-cart-preview ~ label {
            /*display: none;*/
            opacity: 0;
            visibility: hidden;
        }

        #stadium-container .cart-preview input.mobile-cart-preview ~ label {
            display: flex;
            align-items: center;
            margin: 5px;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label {
            align-items: inherit;
            margin: 10px 5px;
        }

        #stadium-container .cart-preview label i.fas.fa-arrow-circle-up {
            font-size: 20px;
        }

        #stadium-container .cart-preview input.mobile-cart-preview ~ label i.fas.fa-arrow-circle-up:before {
            content: "\f161";
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label i.fas.fa-arrow-circle-up:before {
            content: "\f160";
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty {
            flex-direction: column;
            height: auto;
        }

        #stadium-container .cart-preview .cart-not-empty button[type="button"] {
            padding: 5px !important;
            font-size: 12px !important;
            height: auto;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty button[type="button"] {
            padding: 10px !important;
            font-size: 20px !important;
            width: 100%;
        }

        #stadium-container .cart-preview .cart-not-empty .head,
        #stadium-container .cart-preview .cart-not-empty .ul-list,
        #stadium-container .cart-preview .cart-not-empty .sum,
        #stadium-container .cart-preview .cart-not-empty .button {
            width: 100% !important;
        }

        #stadium-container .cart-preview .cart-not-empty .sum,
        #stadium-container .cart-preview .cart-not-empty .button {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50% !important;
            min-width: 99px;
            padding: 0 !important;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .sum,
        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .button {
            width: 100% !important;
        }

        #stadium-container .cart-preview .cart-not-empty .ul-list {
            padding: 0 5px !important;
            max-height: 50px;
            overflow: hidden;
            overflow-y: auto;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list {
            padding: 0 !important;
            max-height: inherit;
            overflow: inherit;
            overflow-y: inherit;
        }

        #stadium-container .cart-preview .cart-not-empty .ul-list ul {
            counter-reset: number;
            max-height: 130px;
        }

        #stadium-container .cart-preview .cart-not-empty .ul-list li {
            counter-increment: number;
            visibility: hidden;
            position: absolute;
            display: flex;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list li {
            counter-increment: inherit;
            visibility: inherit;
            position: inherit;
            display: inherit;
        }

        #stadium-container .cart-preview .cart-not-empty .ul-list li:last-child {
            visibility: visible;
            background-color: transparent;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list li:last-child {
            background-color: #f3f3f3;
        }

        #stadium-container .cart-preview .cart-not-empty .ul-list li * {
            display: none;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list li * {
            display: flex;
        }
        /*#stadium-container .cart-preview .cart-not-empty .ul-list li::before {
        content: counter(number)" ";
    }
    #stadium-container .cart-preview .cart-not-empty .ul-list li::after {
        content: "items";
        content: "כרטיסים";
        margin: 0 5px;
    }*/
        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list li::before,
        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list li::after {
            content: none;
        }

    body .cc-price-table-as-grid .attr-grid > div {
        max-height: 270px;
    }

    #productdetailscont .details-rub-inner > ul > li > div {
        margin: 30px 0px;
    }

    body .details-rub-inner {
        padding: 30px 15px;
    }

    #productdetailscont .details-rub-inner > ul {
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
    }

    .cc-price-table-as-grid {
        display: none;
    }

    #ShowTicketsAsList:checked + .cc-price-table-as-grid {
        display: block;
    }

    .tui-image-editor-canvas-container .tooltip .tooltiptext.info {
        flex-direction: column;
    }

    .tui-image-editor-canvas-container .tooltip .tooltiptext.remaining .tooltipspace {
        display: none;
    }

    html body .details-rub.choose-items-container #stadium-container .cart-preview {
        box-shadow: 0 0 5px 0px #ccc;
    }

    #stadium-container .cart-not-empty.hidden {
        display: flex !important;
        flex-direction: row !important;
        height: 50px !important;
    }

    #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty.hidden button[type="button"] {
        padding: 5px !important;
        font-size: 12px !important;
        height: auto;
        width: 100px;
    }

    .cc-page-type-product.buy-btn-fixed .btn-order-now + .btn-order-now {
        display: none;
    }

    html body .cc-page-main-container #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty > div {
        width: auto !important;
    }

    #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty {
        flex-flow: row wrap;
    }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .ul-list {
            flex: 1 100%;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .mobile-tickets-sum-counter {
            flex: 1 calc(50% - 50px);
            justify-content: flex-start;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .sum {
            flex: 1 calc(50% - 50px);
            justify-content: flex-end;
            padding: 0 7% !important;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .button {
            flex: 1 100px;
        }

        #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty button[type="button"] {
            padding: 5px !important;
            font-size: 12px !important;
            width: 100px;
        }

    #stadium-container .cart-preview input.mobile-cart-preview ~ label ~ .cart-not-empty .mobile-tickets-sum-counter {
        display: flex !important;
        align-items: center;
        justify-content: flex-start;
        height: 50px;
        width: 100%;
    }

    #stadium-container .cart-preview input.mobile-cart-preview:not(:checked) ~ label ~ .cart-not-empty .ul-list,
    #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .mobile-tickets-sum-counter {
        display: none;
    }

    #stadium-container .cart-preview .cart-not-empty .button {
        height: 50px;
    }

    #stadium-container .cart-preview .ul-list ul {
        margin-top: 5px;
    }
}

@media (max-width: 350px) {
    #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .mobile-tickets-sum-counter {
        flex: 1 calc(44% - 50px);
        justify-content: flex-start;
    }

    #stadium-container .cart-preview input.mobile-cart-preview:checked ~ label ~ .cart-not-empty .sum {
        flex: 1 calc(45% - 50px);
        justify-content: flex-end;
        padding: 0 5% !important;
    }
}

@media(min-width:768px) {
    .cc-price-table-as-grid {
        width: 670px;
    }

    #productdetailscont div.details-rub-inner > ul {
        position: relative;
        margin-bottom: 0;
    }

    div#stadium-container {
        position: inherit;
    }

    .checkout-scroll #stadium-container .cart-preview {
        position: fixed;
        margin-top: 30px;
    }

    .checkout-scroll-absolute #stadium-container .cart-preview {
        position: absolute;
        margin-top: 30px;
    }

    .cc-price-table-as-grid,
    .cart-not-empty {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}

@media (min-width: 768px) {
    .tui-image-editor-canvas-container .tooltip {
        position: fixed;
    }

    body .cc-page-main-container #stadium-container .cart-preview {
        position: fixed;
        top: 100px;
        left: 15px;
    }

    #productdetailscont .details-rub-inner > ul {
        position: relative;
        display: flex;
    }

    .attr-header-row {
        display: none;
    }

    body .cc-price-table-as-grid {
        width: auto;
    }

    body .cc-page-main-container div#stadium-container {
        margin: 0;
    }

    #productdetailscont div.details-rub-inner > ul > li#cc-tickets-li {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        z-index: 1;
    }

    .cc-price-table-as-grid .attr-grid > div::-webkit-scrollbar {
        width: 12px;
        background-color: #e8ecf2;
    }

    .cc-price-table-as-grid .attr-grid > div::-webkit-scrollbar-thumb {
        border-radius: 0;
        background-color: #d2d8e0;
        box-shadow: none;
    }

    html body .cc-price-table-as-grid .attr-grid > div {
        border: none;
        box-shadow: 0 0 0px 2px #616161;
        box-shadow: 0 0 1px 1px #e8ecf2;
    }

    body .cc-price-table-as-grid .attr-grid > div {
        max-height: 557px;
        min-height: 557px;
        height: 557px;
    }

    body .cc-page-main-container #stadium-container .cart-preview {
        position: absolute;
        top: 0;
        right: 15px;
        width: 300px;
        min-width: 300px;
        margin: 0 -15px;
        height: 557px;
        visibility: hidden;
        padding: 0;
    }

        body .cc-page-main-container #stadium-container .cart-preview .cart-preview-inner {
            height: 100%;
        }

        body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty {
            visibility: visible;
            background-color: white;
            padding: 15px;
            height: 100%;
        }

            body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .button {
                position: absolute;
                bottom: 0;
                width: 100%;
                left: 0;
            }

            body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .ul-list ul {
                max-height: 405px;
            }

        body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            z-index: 2;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
            box-shadow: 0 0 1px 1px #e8ecf2;
        }

            body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty.hidden {
                left: 100%;
                opacity: 0;
            }

    .cc-price-table-as-grid .attr-grid-row > div {
        line-height: 16px;
    }

    div#stadium-container .tui-image-editor-canvas-container,
    div#stadium-container .tui-image-editor-canvas-container > canvas {
        max-width: 100% !important;
        max-height: 100% !important;
        width: 100% !important;
        height: 100% !important;
    }

    .cc-price-table-as-grid .attr-grid-row.row .attr-qty-label-price {
        color: #026cdf;
        font-size: 1.4rem;
        line-height: 1.4;
        font-weight: bold;
        background-color: #EEEEEE;
        padding: 0px 5px;
        border-radius: 20px;
    }

    .cc-price-table-as-grid .attr-grid-row.row .attr-qty-label-name {
        font-size: 1.4rem;
        line-height: 1.4;
        display: flex;
        color: #262626;
    }


    .details-rub.choose-items-container .tabs-wrapper {
        width: 300px;
        max-width: 300px;
        min-width: 300px;
        display: flex;
        align-items: center;
        align-items: stretch;
        justify-content: center;
        position: relative;
        bottom: 0px;
        z-index: 5;
    }

        .details-rub.choose-items-container .tabs-wrapper .tab {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            background-color: white;
        }

            .details-rub.choose-items-container .tabs-wrapper .tab:not(.active) {
                margin-bottom: 5px !important;
                cursor: pointer;
                opacity: 0.5;
            }

            .details-rub.choose-items-container .tabs-wrapper .tab.active {
                font-weight: bold;
                font-size: 18px;
                pointer-events: none;
            }

        .details-rub.choose-items-container .tabs-wrapper .tab-space {
            width: 15px;
        }



    .full-screen {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
    }

        .full-screen > .details-rub-inner,
        .full-screen > .details-rub-inner > ul {
            height: 100% !important;
            width: auto !important;
        }

        .full-screen .details-colord-delimiter,
        .full-screen .product-details-title {
            display: none;
        }

        .full-screen #stadium-container .tui-image-editor-canvas-container {
            width: auto !important;
            height: 100% !important;
            margin: 0 auto;
        }

        .full-screen .cc-price-table-as-grid .attr-grid > div {
            max-height: inherit;
            min-height: inherit;
            height: calc(100% - 50px);
        }

        .full-screen .cc-price-table-as-grid,
        .full-screen .cc-price-table-as-grid > div,
        .full-screen .cc-price-table-as-grid .attributes,
        .full-screen .cc-price-table-as-grid .attr-grid,
        .full-screen .cc-price-table-as-grid .attr-header-row > div {
            height: 100%;
        }

    body .cc-page-main-container .full-screen #stadium-container .cart-preview {
        height: calc(100% - 50px);
    }

    .details-rub.choose-items-container > .details-rub-inner {
        position: relative;
    }

    #full-screen {
        position: absolute;
        top: 30px;
        left: 30px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        padding: 7.5px;
        background-color: white;
        box-shadow: 0 0 5px #ccc;
        border-radius: 20px;
    }

        #full-screen span, #full-screen i {
            font-size: 18px;
            margin: 0 5px;
            line-height: 20px;
            height: 20px;
        }

    .full-screen #full-screen .fa-expand-wide:before {
        content: "\f326";
    }

    .full-screen #full-screen span {
        visibility: hidden;
        position: relative;
    }

        .full-screen #full-screen span:after {
            content: "לחצו כאן לחזרה";
            visibility: visible;
            position: absolute;
            top: 0;
            right: 0;
            left: 0px;
            width: 100%;
            min-width: 125px;
        }

    body .details-rub.choose-items-container.full-screen #stadium-container .cart-preview .cart-not-empty .ul-list {
        height: calc(100% - 120px);
    }

        body .details-rub.choose-items-container.full-screen #stadium-container .cart-preview .cart-not-empty .ul-list ul {
            max-height: 100%;
        }

    body .details-rub.choose-items-container.full-screen #stadium-container .cart-preview .cart-not-empty .button {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        body .details-rub.choose-items-container.full-screen #stadium-container .cart-preview .cart-not-empty .button button {
            pointer-events: none;
            touch-action: none;
        }



    .details-rub.choose-items-container.full-screen {
        overflow-y: auto;
        overflow-x: hidden;
    }


        .details-rub.choose-items-container.full-screen > div > div {
            visibility: hidden;
        }

            .details-rub.choose-items-container.full-screen > div > div.tabs-wrapper,
            .details-rub.choose-items-container.full-screen > div > div#full-screen {
                visibility: visible;
            }
}

body .cc-price-table-as-grid .attr-grid > div > div .cc-only-qty-input > div {
    width: auto;
    height: 25px;
}

body .cc-price-table-as-grid .attr-grid > div > div .cc-only-qty-input {
    justify-content: center;
    padding: 0 !important;
}

    body .cc-price-table-as-grid .attr-grid > div > div .cc-only-qty-input i,
    body .cc-price-table-as-grid .attr-grid > div > div .cc-only-qty-input input {
        font-size: 16px;
    }

.attr-grid-row.row div.attr-grid-cell-qty {
    width: 100px;
}

body .cc-price-table-as-grid .attr-grid > div {
    margin: 0;
    padding: 0;
}

.cc-price-table-as-grid .attr-grid-row.row:hover,
.cc-price-table-as-grid .attr-grid-row.row:hover div,
.cc-price-table-as-grid .attr-grid-row.row.hover,
.cc-price-table-as-grid .attr-grid-row.row.hover div {
    background-color: #e6f0fc;
}

.cc-price-table-as-grid .attr-grid-row.row .attr-grid-cell-name {
    justify-content: space-between;
}

body .attr-grid .attr-grid-row > div {
    padding: 5px;
}

.details-rub.choose-items-container .details-rub-inner {
    background-color: #e8ecf2;
}

.cc-price-table-as-grid .attr-grid-row.row {
    flex-direction: column;
    padding: 0 15px;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
}
/*#productdetailscont .details-rub-inner>ul {
    margin-top: 30px;
}*/
#maincontent .productdetails .details-rub.choose-items-container .details-rub-inner h1 {
    margin-bottom: 30px;
}

#productdetailscont div.details-rub-inner > ul > li:last-child:nth-child(3) {
    display: none;
}

.item-option-qtywarning-msg {
    display: none;
}

.attr-grid-row.row.item-option-outofqty {
    display: none;
}

.attr-grid-row.row,
.attr-grid-row.row div {
    display: flex;
    width: 100%;
    align-items: center;
    margin: 0;
}

#productdetailscont div.details-rub-inner > ul > li {
    width: 100%;
}

.attr-grid-row.row .attr-grid-cell-price {
    display: none;
}

#stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar {
    -webkit-appearance: none;
}

    #stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar:vertical {
        width: 12px;
    }

    #stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar:horizontal {
        height: 12px;
    }

#stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

html body #stadium-container .tui-image-editor-canvas-container,
html body #stadium-container .cart-preview {
    box-shadow: 0 0 0px 2px #616161;
    box-shadow: none;
}

#stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
/* !important is needed sometimes */
#stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar {
    width: 12px !important;
}
/* Track */
#stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;*/
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}
/* Handle */
#stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #41617D !important;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; */
}

    #stadium-container .cart-preview .cart-not-empty .ul-list ul::-webkit-scrollbar-thumb:window-inactive {
        background: #41617D !important;
    }

.tui-image-editor-canvas-container .tooltip .tooltiptext.remaining .tooltipnum {
    direction: ltr;
}

.ShowTicketsAsList {
    height: 24px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    color: #026cdf;
    background-color: #fff;
    border: solid 1px #026cdf;
    border-radius: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    margin: 0 auto;
}

#ShowTicketsAsList {
    display: none;
}

html[dir="ltr"] #stadium-container {
    direction: ltr;
}

html[dir="rtl"] #stadium-container {
    direction: rtl;
}

html[dir="ltr"] #stadium-container .cart-preview .cart-empty .head h2:after {
    content: "Select Places";
}

html[dir="rtl"] #stadium-container .cart-preview .cart-empty .head h2:after {
    content: "בחירת כרטיסים";
}

html[dir="ltr"] #stadium-container .cart-preview .cart-not-empty .head h2:after {
    content: "your selection";
}

html[dir="rtl"] #stadium-container .cart-preview .cart-not-empty .head h2:after {
    content: "הכרטיסים שנבחרו";
}

html[dir="ltr"] #stadium-container .cart-preview .cart-not-empty .sum .sumtext:after {
    content: "Sum";
}

html[dir="rtl"] #stadium-container .cart-preview .cart-not-empty .sum .sumtext:after {
    content: 'סה"כ';
}

html[dir="ltr"] #stadium-container .cart-preview .cart-not-empty .button button:after {
    content: "Buy Now";
}

html[dir="rtl"] #stadium-container .cart-preview .cart-not-empty .button button:after {
    content: "הזמינו עכשיו";
}

html[dir="ltr"] #stadium-container .tooltip .mobile-tooltip-add-btn button:after {
    content: "Select";
}

html[dir="rtl"] #stadium-container .tooltip .mobile-tooltip-add-btn button:after {
    content: "בחירה";
}

html[dir="ltr"] #stadium-container .canvas-zoom .canvas-zoom-wrapper {
    direction: ltr;
}

html[dir="rtl"] #stadium-container .canvas-zoom .canvas-zoom-wrapper {
    direction: rtl;
}

html[dir="ltr"] #stadium-container .canvas-zoom .canvas-zoom-inner.explanation .text.line1:after {
    content: "* You can zoom in by using the ALT key and scrolling";
}

html[dir="rtl"] #stadium-container .canvas-zoom .canvas-zoom-inner.explanation .text.line1:after {
    content: "* אפשר לשנות את מרחק התצוגה באמצעות מקש ALT וגלילה";
}

html[dir="ltr"] #stadium-container .canvas-zoom .canvas-zoom-inner.explanation .text.line2:after {
    content: "* You can move the view by dragging after zoom";
}

html[dir="rtl"] #stadium-container .canvas-zoom .canvas-zoom-inner.explanation .text.line2:after {
    content: "* אפשר להזיז את התצוגה באמצעות גרירה לאחר זום";
}

html[dir="ltr"] #stadium-container .tooltip .tooltipprice:before {
    content: "price : ";
}

html[dir="rtl"] #stadium-container .tooltip .tooltipprice:before {
    content: "מחיר : ";
}

html[dir="ltr"] #stadium-container .tooltip .tooltipremaining:before {
    content: "remaining";
}

html[dir="rtl"] #stadium-container .tooltip .tooltipremaining:before {
    content: "כרטיסים זמינים ";
}
/*
html[dir="ltr"] #stadium-container .tooltip .tooltipprice:after {
    content: " $ ";
    float: right;
}
html[dir="rtl"] #stadium-container .tooltip .tooltipprice:after {
    content: " ₪ ";
    float: left;
}*/
html[dir="ltr"] #stadium-container .cart-preview {
    right: 0;
}

html[dir="rtl"] #stadium-container .cart-preview {
    left: 0;
}

html[dir="ltr"] #stadium-container .cart-preview .fa-arrow-right:before {
    content: "\f060";
}

html[dir="rtl"] #stadium-container .cart-preview .fa-arrow-right:before {
    content: "\f061";
}

.prod-onproduct-customer-details input {
    background-color: white !important;
    color: black !important;
}



/* Small */
@media(min-width:768px) and (max-width:991px) {
    #productdetailscont div.details-rub-inner > ul > li#cc-tickets-li {
        width: 200px;
        max-width: 200px;
        min-width: 200px;
        z-index: 1;
    }

    .cc-price-table-as-grid .attr-grid-row.row .attr-qty-label-name {
        font-size: 1.2rem;
        line-height: 1.2;
    }

    .cc-price-table-as-grid .attr-grid-row.row .attr-qty-label-price {
        font-size: 1.1rem;
        line-height: 1.1;
    }

    body .cc-price-table-as-grid .attr-grid > div {
        max-height: 329px;
        min-height: 329px;
        height: 329px;
    }

    body .cc-page-main-container #stadium-container .cart-preview {
        height: 329px;
        width: 200px;
        min-width: 200px;
    }

        body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .ul-list ul {
            max-height: 200px;
        }

    #stadium-container .cart-preview .cart-preview-inner > div > div > h2 {
        font-size: 18px;
    }

    #stadium-container .cart-preview .cart-not-empty button[type="button"] {
        font-size: 18px;
    }

    .details-rub.choose-items-container .tabs-wrapper {
        width: 200px;
        max-width: 200px;
        min-width: 200px;
    }

        .details-rub.choose-items-container .tabs-wrapper .tab {
            font-size: 14px;
        }

            .details-rub.choose-items-container .tabs-wrapper .tab.active {
                font-size: 15px;
            }
}
/* Medium */
@media(min-width:992px) and (max-width:1199px) {
    body .cc-price-table-as-grid .attr-grid > div {
        max-height: 415px;
        min-height: 415px;
        height: 415px;
    }

    body .cc-page-main-container #stadium-container .cart-preview {
        height: 415px;
    }

        body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .ul-list ul {
            max-height: 187px;
        }
}










/*****************************/
/*  hide button on cart 68px */
/*****************************/
@media (min-width: 768px) {
    body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .button {
        display: none;
    }

    body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .ul-list ul {
        max-height: 473px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .ul-list ul {
        max-height: 260px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    body .cc-page-main-container #stadium-container .cart-preview .cart-not-empty .ul-list ul {
        max-height: 333px;
    }
}
/*****************************/
/*  hide button on cart 68px */
/*****************************/



body #stadium-container .cart-preview .cart-not-empty button[type="button"],
body #prod-details-bg-head .details-rub.choose-items-container .prod-onproduct-customer-details .btn-order-now,
body .product-col .thumbnail .cc-event-buy a {
    background: var(--btn-buy-element) !important;
    color: var(--btn-buy-element-contrast) !important;
    box-shadow: 0 0 5px #555 !important;
    border: none !important;
}



#productdetailscont.stadium-display.both-display .prod-onproduct-customer-details {
    background-color: #e8ecf2;
    padding: 15px;
}

#productdetailscont.stadium-display.both-display div#prod-details-terms-accept {
    background-color: #e8ecf2;
    margin: 0;
    padding: 15px;
    padding-top: 0;
}


/****************/
/*  only canvas */
/****************/
@media(min-width:768px) {
    #productdetailscont.stadium-display:not(.both-display) .details-rub.choose-items-container:not(.full-screen) .tabs-wrapper {
        display: none;
    }

    #productdetailscont.stadium-display:not(.both-display) .details-rub.choose-items-container.full-screen .tabs-wrapper {
        visibility: hidden;
    }

    #productdetailscont.stadium-display:not(.both-display) .cart-not-empty {
        opacity: 1 !important;
        display: block !important;
        transition: none !important;
        right: 0 !important;
    }

    #productdetailscont.stadium-display:not(.both-display) li#cc-tickets-li {
        display: none;
    }

    #productdetailscont.stadium-display:not(.both-display) .cart-preview {
        top: 100% !important;
    }

    #productdetailscont.stadium-display:not(.both-display) .prod-onproduct-customer-details .prod-onproduct-customer-details-inner > div {
        width: 100%;
    }

    #productdetailscont.stadium-display:not(.both-display) .prod-onproduct-customer-details .prod-onproduct-customer-details-inner {
        width: calc(100% - 350px);
    }


    #productdetailscont.stadium-display:not(.both-display) .prod-onproduct-customer-details,
    #productdetailscont.stadium-display:not(.both-display) .prod-onproduct-customer-details .prod-onproduct-customer-details-inner {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    #productdetailscont.stadium-display:not(.both-display) #stadium-container .cart-preview .cart-not-empty .ul-list ul {
        max-height: 340px !important;
    }

    #productdetailscont.stadium-display:not(.both-display) #stadium-container .cart-preview {
        height: 430px !important;
        width: 300px !important;
        min-width: 300px !important;
    }

    #productdetailscont.stadium-display:not(.both-display) .prod-onproduct-customer-details {
        margin-top: 0;
        background-color: #e8ecf2;
        padding: 30px;
        box-shadow: 0 0 1px 1px #e8ecf2;
    }

    #productdetailscont.stadium-display:not(.both-display) .details-rub.choose-items-container.full-screen .cart-preview {
        display: none;
    }

    #productdetailscont.stadium-display:not(.both-display) div#prod-details-terms-accept {
        position: absolute;
        left: 30px;
        width: calc(100% - 500px);
        padding: 5px !important;
        margin: 0 30px !important;
        bottom: 150px;
    }

    #productdetailscont.stadium-display:not(.both-display) .prod-onproduct-customer-details .prod-onproduct-customer-details-inner button.btn-primary.btn-order-now.add {
        max-width: 300px;
        margin-top: 30px;
    }

    #productdetailscont.stadium-display:not(.both-display) .cart-preview {
        margin: 40px 25px !important;
    }
}