.picker.time .items {
    display: inline-block !important;
}
.preferred-location {
    width: 100% !important;
}
.other-location {
    width: 100% !important;
}

.other-location {
    overflow: hidden !important;
    transition: max-height 0.8s ease, opacity 0.8s ease !important;
    max-height: 0 !important;
    opacity: 0 !important;
}

    .other-location.visible {
        max-height: 2000px !important; /* A value large enough for your content */
        opacity: 1 !important;
    }

.picker.date .items a.active .item {
    padding: 10px 13px 12px;
}
.picker .items a .item p {
    font-size: 14px;
}
.picker .items a.active .item p {
    font-size: 14px;
}
html [dir="rtl"] .movies .item .movie-detail {
    padding: 120px 22px 20px 50px;
}
@media only screen and (min-width: 993px) {

    html[dir="rtl"] .movie-filtering {
        float: left;
    }
}

@media only screen and (max-width: 992px) {
    html[dir="rtl"] .left-menu .nav-item {
        width: 26%;
    }
    html[dir="rtl"] .movies .item .movie-detail {
        padding: 120px 5px 15px 58px;
    }
}
    .movie-detail .duration {
        font-size: 10px;
    }
        @media only screen and (max-width: 992px) {
            html[dir="rtl"] .movie-listing ul#pills-tab {
                justify-content: center;
            }
        }

        html [dir="rtl"] .accordion#ticketSummary .accordion-header .accordion-button:focus, .accordion#ticketSummary .accordion-header .accordion-button.active {
        left: 0 !important;
        right: auto !important;
    }

    html[dir="rtl"] .payment .accordion .accordion-button:not(.collapsed)::before {
        right: 18px !important;
        left: auto !important;
    }

    html[dir="rtl"] .accordion .accordion-button .img {
        left: 15px !important;
        right: auto !important;
    }

    html[dir="rtl"] .movie-detail .rating {
        right: auto !important;
        left : 10px;
    }

    html[dir="rtl"] .movie-detail .d-flex {
        width:100%;
    }

    html[dir="rtl"] .e-ticket .movie-detail.sm {
        padding: 50px 33px 16px 50px !important;
    }

    .accordion#ticketSummary .accordion-header .accordion-button:after {
        border-radius: 0;
    }

    .iframemodal {
        width: 40vw !important;
        height: 55vh !important;
        /*position: fixed;
    top: 30%;
    left: 30%;
    width: 40vw !important;
    height: 50vh !important;
    background: rgba(0, 0, 0, 0.5);  Dark backdrop 
    display: flex;
    justify-content: center;  Horizontally center 
    align-items: center;  Vertically center 
    z-index: 1000;*/
    }


    @media only screen and (max-width: 992px) {
        .iframemodal {
            width: 100% !important;
            height: 55vh !important;
            /*position: fixed;
        top: 20%;
        left: 0;
        width: 98vw !important;
        height: 50vh !important;
        background: rgba(0, 0, 0, 0.5);  Dark backdrop 
        display: flex;
        justify-content: center;  Horizontally center 
        align-items: center;  Vertically center 
        z-index: 1000;*/
        }
    }

    html[dir="rtl"] .e-ticket .movie-detail.sm .rating {
        left: 30px;
        right: auto;
    }

    html[dir="rtl"] .e-ticket .movie-detail.sm {
        padding-left: 90px;
    }

    html[dir="rtl"] .accordion#ticketSummary .accordion-header .accordion-button {
        left: 0px;
        right: auto;
    }


.movie-filtering .select-styled:after {
    right: 10px;
}

@media only screen and (max-width: 768px) {
    .movie-filtering {
        max-width: 155px;
    }
}

@media only screen and (max-width: 992px) {
    .alertdialog {
        bottom: 65px;
    }
}
@media only screen and (max-width: 992px) {
    .movie-details .item {
        width: 26%;
        float: left;
    }

    .movie-details .value {
        width: 74%;
        float: left;
    }
}
    @media only screen and (max-width: 992px) {
        html[dir="rtl"] body:not(.bookingflow) .left-menu {
            padding-right: 0px;
            direction: rtl;
            display: flex !important;
            flex-direction: row !important;
        }

            html[dir="rtl"] body:not(.bookingflow) .left-menu .nav-item.account {
                position: relative;
            }
    }

    .e-ticket .ticket-detail .item.booking {
        width: 58%;
        float: left;
    }

    .e-ticket .ticket-detail .item.screen {
        width: 31%;
        float: left;
        height: auto;
    }

    .e-ticket .ticket-detail .item.time {
        width: 27%;
        float: left;
    }

    .e-ticket .ticket-detail .item.date {
        width: 42%;
        float: left;
    }

    .e-ticket .ticket-detail .item.seats {
        width: 42%;
        float: left;
    }

    .picker .items {
        overflow-x: auto;
        scrollbar-width: none;
    }

    html[dir="rtl"] .movie-filtering .select-styled:after {
        right: unset;
        left: 10px;
    }

    @media only screen and (max-width: 768px) {
        html[dir="rtl"] .movie-header .movie-detail {
            padding: 25px 25px 25px 90px;
        }


        html[dir="rtl"] .movie-header .item .rating {
            left: 35px;
        }
    }


@media only screen and (max-width: 992px) {
    .left-menu .nav-item.account.active {
        background: url(../img/account-active.svg) no-repeat top center;
        background-size: 27px;
    }
}

#seat-layout {
    display: flex;
    flex-direction: column;
    align-items: center; /* Horizontal center */
    justify-content: center; /* Vertical center if container has height */
    text-align: center;
}