:root {
    --font-family-dambla : 'Cairo' , 'Aref Ruqaa';
}

body,
html {
    color: #afb4bd;
    direction: rtl; 
    
    line-height: normal !important;
    font-family: var(--font-family-dambla) , sans-serif !important;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
td,
.main-nav__list>li>a,
label
{
    font-family: var(--font-family-dambla), sans-serif !important;
    direction: rtl !important 
}

.card-seat-live td , .numbers-scroll span {
    font-family: sans-serif !important;
}
label {
    font-weight: 400;
    font-size: 13px
}

.gallery__name {
    font-size: 16px;
    text-align: center
}

.gallery__date {
    font-size: 12px
}

.page-heading__title .highlight {
    text-shadow: #0000e0 3px 5px 2px;
    text-shadow: transparent 3px 5px 2px
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e7ed17;
    border-top: 1px solid rgba(231, 237, 23, .89)
}

.highlight {
    color: #ffdc11 !important
}

.border {
    border: 1px solid rgba(173, 173, 173, .125) !important;
    border-radius: 4px;
    border-collapse: inherit
}

.header--layout-1 .header__primary-inner::before {
    width: 40px
}

div.cs-skin-border.cs-active>span {
    color: inherit
}

.product__quantity {
    color: #fff;
    font-weight: 700
}

.featured-carousel .slick-slide::before {
    color: transparent;
    background: linear-gradient(rgba(0, 0, 43, 0), rgba(0, 0, 120, 0), rgba(0, 0, 36, 0))
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.site-content,
.section {
    padding: 5px
}

.site-content .container h5  {
    line-height: normal;
}

.posts--carousel-featured .posts__title {
    text-shadow: 0 1px #000
}

.team-roster--slider .team-roster__player-number {
    width: 20%
}

.team-roster--slider.xbox {
    background: #151719 url(../images/team-roster-slider-bg-xbox.jpg) 50% 50% no-repeat
}

.widget-player__team-logo {
    right: 72%;
    top: -3%;
    width: 27%
}

.product__slide-img::after {
    -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 10px rgba(0, 0, 0, .05)
}

.hero-unit__img img {
    transition: transform .5s
}



.team-roster__img img {
    transition: transform .5s
}

.team-roster__img img:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.scale {
    transition: transform .5s
}

.scale:hover {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.marquee-wrapper--boxed .marquee-label {
    background-color: #292c31
}

.marquee-label::before {
    background-color: #292c31 !important
}

.marquee::before {
    background-color: #292c31 !important
}

.product__bg-letters {
    left: inherit;
    top: -8px;
    opacity: .05;
    font-size: 80px;
    right: 5px;
    letter-spacing: 5px
}

.widget_categories a.active {
    color: #fc0
}

#tab-desciption {
    color: #fff
}

.products--list .product__slide-img img {
    max-width: 100%
}

.posts__cat-label {
    font-size: 10px
}

.marquee-wrapper--boxed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 4
}

.df-account-navigation .active,
.df-account-navigation__link--active a {
    background-color: #31404b
}

.form-control {
    color: #9a9da2 !important
}

a:not([href]):not([tabindex]) {
    color: #fff;
    text-decoration: none
}

.posts__item--card .posts__cta.remove::before,
.posts__item--card .posts__cta.remove::after {
    transform: translate(50%, -50%) rotate(-135deg) !important
}

.posts__item--card .posts__cta.remove {
    background-color: #bd2130;
    border-color: #b21f2d
}

select option {
    background-color: #384651
}

.text-end {
    text-align: left
}

.text-start {
    text-align: right
}

.float-start {
    float: right
}

.float-end {
    float: left
}

.x-autocomplete-container {
    margin-right: -1px
}

.search-box form input {
    direction: rtl;
    padding: 6px 10px 6px 60px
}

.search-box .header-mobile__search-submit {
    left: 0;
    right: initial;
    border-radius: 4px 0 0 4px
}

.header-search-form.search-box {
    overflow: initial
}

.header__primary {
    z-index: 0
}

.widget-player__name {

}

.full_width_banner .posts__inner {
    padding-right: 30px
}

.team-roster--slider .team-roster__player-name {
    margin-bottom: .4em
}

.hero-unit__img {
    position: absolute;
    left: 0;
    bottom: auto;
    max-width: 50%;
    top: 0
}

.info-block__link {
    direction: ltr
}

.hotline,
.main-nav__list>li>a.hotline {

    text-decoration: none;
    position: relative;
    font-family: montserrat, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    direction: ltr !important
}

.hotline i {
    font-size: 16px
}

.table .table {
    background-color: #31404b
}

.widget--footer .widget__title {
    margin-bottom: 1.5em
}

.hero-unit__img {
    top: 0
}

.table .table {
    background-color: #31404b
}

.onsale.reserve {
    background-color: #9a9da2;
    width: 55px;
    height: 55px;

}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: transparent !important
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: #fff
}

.footer-secondary--has-decor .footer-secondary__inner::before {
    right: initial;
    left: -20px
}

@media only screen and (max-width:991px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {

    }

    #list_products h2 {
        font-weight: 700;
        opacity: .9;
        font-size: 13px;
        text-align: right
    }

    .header-mobile__logo-img {
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 0 10px !important
    }

    .header-mobile__search-icon {
        right: auto;
        left: 35px
    }

    .main-nav .main-nav__list .footer-logo {
        padding: 0;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px
    }

    /*.main-nav .main-nav__list>li>a {*/
    /*    padding: 16px 20px*/
    /*}*/

    .main-nav__toggle {
        left: 15px;
        right: auto
    }

    .main-nav .main-nav__list {
        direction: ltr
    }

    .quantity-control .form-control {
        width: 25px;
        height: 30px;

    }

    .quantity-control .btn {
        height: 30px;
        padding: 0 0
    }


    .shop-table td.product__price,
    .shop-table .product__info>a,
    .shop-table td.product__total,
    .shop-table td.product__quantity {
        font-size: 11px !important;
        color: #f3f3f3 !important;
        text-align: right !important;
        font-weight: 400
    }

    .quantity-control .btn {
        font-size: 9px !important;
        color: #f3f3f3;
        text-align: right
    }

    .shop-table td.product__price,
    .shop-table td.product__total {
        font-weight: 400
    }

    .currency {
        font-size: 10px !important;
        font-weight: 400 !important
    }

    .page-heading {
        padding: 20px 0
    }

    /*.alert {*/
    /*    padding: 5px;*/
    /*    padding-right: 70px;*/
    /*    font-size: 12px;*/
    /*    color: #f3f3f3*/
    /*}*/

    .alert strong {
        margin-right: 5px
    }

    .footer-logo__img {
        max-width: 100%
    }

    .page-heading__title {
        font-size: 16px;
        letter-spacing: normal
    }

    .card__header>h4 {
        display: inline
    }

    .main-news-banner--img-left .main-news-banner__img {
        max-width: 40%
    }

    .header_btn {
        float: left
    }

    .header-mobile__logo {
        transform: translate(-50%, 0) !important;
        right: auto;
        text-align: right
    }

    .header-mobile__logo-img {
        max-width: 100%;
        width: auto;
        height: auto;
        padding: 35px 10px 0
    }

    .main-nav__list .header-mobile__logo-img {
        max-width: 75%;
        padding: 15px 0 0 10px
    }

    .main-nav .main-nav__back {
        left: 15px;
        right: auto;
        top: 15px
    }
}

.posts--simple-list .posts__title {

}

.social-links--main-nav {
    display: inline-block;
    padding-left: 20px;
    float: left
}

.header__top-bar-inner {
    float: right
}

.index_h1 {
    font-size: 8px;

    color: #9a9da2;
    font-weight: 400
}

.products--list-lg .product__excerpt h6 {
    font-size: 18px;

    margin-bottom: .7em
}

.product-tabs .nav-product-tabs .nav-link>small {
    display: block;
    font-size: 11px;

    color: #d4d4d4;
    font-weight: 400
}

#tab-desciption iframe {
    width: 100% !important
}

.flip_in_arabic {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.page-heading:before {
    background-image: url(../images/page-heading-pattern.png);
    background-position: 50%;
    background-size: cover;
    opacity: .6
}

.main-news-banner--bg.psn {
    background-image: none
}

.main-news-banner--bg.psn:before {
    background-image: url(/Web/alchemists_theme/assets/images/banners/psn_egypt.jpg);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.products--grid .product__header {
    text-align: right
}

.header-logo {
    position: absolute;
    height: 100px;
    z-index: 1001;
    bottom: 123px;
    left: 0;
    display: block
}

.corner_tag {
    left: initial;
    right: 85px
}

.corner_tag span {
    left: initial;
    right: -85px
}

.gallery.boxes_view .corner_tag {
    right: -8px;
    left: initial
}

.gallery.boxes_view .corner_tag span {
    left: initial;
    right: 15px
}

.lower_corner_tag {
    right: initial;
    left: -23px;
    bottom: 20px;
    width: 120px
}

.lower_corner_tag span {
    width: auto;
    font-size: 12px;
    height: auto;
    bottom: 1px;
    right: initial;
    left: 40%
}

.category {
    text-align: right
}

.shop-banner__discount::before {
    border-right: 0 solid transparent
}

@media(max-width:575px) {
    .metis.tparrows {
        display: none
    }

    .product__category {
        margin: 25px 0 0;
        text-align: right
    }

    #list_products .onsale {
        right: inherit;
        left: 10px;
        top: 50px
    }

    #list_products .product__item .product__img,
    #list_products .product__content.card__content {
        float: right
    }

    #list_products .offer_price,
    .products--grid .product__price {
        text-align: right
    }

    #list_products .offer_price .free_reserve,
    .products--grid .product__price .free_reserve {
        text-align: right;
        font-size: 12px !important
    }

    .lower_corner_tag {
        bottom: -25px
    }

    .lower_corner_tag span {
        bottom: 0;
        top: 0;
        height: auto;
        padding-top: 10px
    }

    .products--grid .product__price {
        bottom: 30px
    }

    #list_products .float_price {
        margin-top: -2px;
        float: right;
        padding-left: 5px
    }

    .shop-banner__discount:before {
        border-top: 120px solid #da2b2b;
        border-left: 120px solid transparent
    }
}

@media only screen and (max-width:991px) {
    .df-icon-stack {
        position: absolute;
        right: initial;
        left: 15px
    }

    .main-nav__list .header-mobile__logo-img {
        padding: 15px 10px 0 !important
    }

    .burger-menu-icon {
        right: 15px
    }
}

@media only screen and (min-width:992px) {
    .main-nav {
        text-align: right
    }

    .main-nav__list {
        padding-right: 55px
    }

    .social-links--main-nav {}

    .site-content,
    .section {
        padding: 30px 0
    }

    .main-nav__list>li>a {
        z-index: 5
    }

    .header-logo {
        z-index: 1;
        float: left !important
    }

    .product__footer.product_details {
        position: absolute;
        bottom: 35px
    }

    .header__secondary {
        text-align: right
    }

    .info-block__item.info-block__item--shopping-cart {
        float: right !important
    }

    .header-search-form {
        float: left;
        margin-left: 40px
    }

    .info-block--header .info-block__item.has-children.js-info-block__item--onhover>.info-block__link-wrapper {
        padding-right: 0
    }

    .header-logo {
        width: 195px;
        padding-top: 29px;
        position: relative;
        height: auto;
        z-index: 1001;
        bottom: inherit;
        top: inherit;
        left: inherit;
        display: block;
        float: right
    }

    .rev_slider_wrapper {
        max-width: 100%
    }

    .gallery__thumb i.fa {
        font-size: 25px;
        margin: 13px 14px 0 0
    }

    .info-block--header .info-block__item {
        display: inline-block;
        margin: 7px 0 0 26px
    }

    #hotline {
        padding-left: 0
    }

    .payments_icons {
        text-align: left
    }
}

@media only screen and (min-width:992px) and (max-width:1200px) {
    .main-nav__list>li>a {
        padding-left: 0 !important;
        padding-right: 15px !important
    }
}

@media(min-width:576px) and (max-width:767px) {
    .hero_img {
        right: 210px !important
    }

    .hero_content {
        right: 150px
    }

    .hero_title {
        right: 150px
    }

    .hero_btn {
        right: 380px
    }

    .alc-hero-slider__h--h1 {
        font-size: 90px
    }

    .products--grid .product__header {
        margin-bottom: 15px;
        text-align: right;
        direction: rtl
    }

    #list_products .onsale {
        right: inherit;
        left: 10px !important
    }

    .rev_slider_wrapper {
        max-width: 100%
    }
}

@media(min-width:768px) {
    .rev_slider_wrapper {
        max-width: 100%
    }
}

@media(min-width:1200px) {
    .rev_slider_wrapper {
        max-width: 100%
    }

    .main-nav__list>li>a {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-right: 0;
        margin-left: 70px
    }
}

@media(min-width:1436px) {
    .rev_slider_wrapper {
        margin-top: 0;
        max-width: 100%
    }
}

.x-autocomplete-item a {
    text-align: right
}

input.header-mobile__search-control {
    border-radius: 3px !important
}

.rev_slider_wrapper {
    padding: 0;
    background-color: #362b45
}

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

.rev_slider_wrapper .tp-bannertimer {
    display: none
}

.tp-dottedoverlay.fourxfour {
    background-image: url(../../assets/images/gridtile_4x4.gif)
}

.alc-hero-slider__h {
    font-family: roboto condensed, sans-serif;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    text-align: left
}

.alc-hero-slider__h--color-primary {
    color: #00ff5b
}

.alc-hero-slider__h--h1 {
    font-size: 42px;

    letter-spacing: -.03em
}

.alc-hero-slider__h--h2 {
    font-size: 34px;

    letter-spacing: -.02em
}

.alc-hero-slider__h--h5 {
    font-size: 14px;

}

.alc-hero-slider__h--h6 {
    font-size: 12px;

}

.alc-hero-slider__text {
    font-size: 14px;

}

.alc-hero-slider__label .posts__cat-label {
    font-size: 10px;
    padding-top: .6em
}

.metis.tparrows {
    width: 54px;
    height: 54px;
    padding: 7px
}

.metis.tparrows::before {
    font-family: fontawesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    color: #7a7283
}

.metis.tparrows.tp-leftarrow::before {
    content: "\f104"
}

.metis.tparrows.tp-rightarrow::before {
    content: "\f105"
}

.metis.tparrows:hover {
    background-color: #00ff5b
}

.metis.tparrows:hover::before {
    color: #fff
}

.product__slide-img.products_list_index {
    top: 15%;
    right: initial;
    transform: initial;
    -webkit-transform: initial
}

.products--grid .product__slider .product__slide-img {
    transform: initial;
    -webkit-transform: initial
}

.radio .radio-indicator.disabled {
    background-image: none !important
}

.widget__list li.has-children ul {
    border-top: none
}

.df-checkout-review-order-table tbody .product-name,
tfoot th {
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #cecece !important
}

.order-total th,
.order-total .amount {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important
}

#memberAddresses .payment_box {
    padding-right: 0 !important
}

.header--layout-1 .header__primary:after,
.header--layout-2 .header__primary:after,
.header--layout-3 .header__primary:after,
.header--layout-4 .header__primary:after {
    right: auto;
    left: 0
}

.info-block__link {
    font-family: montserrat, sans-serif !important;
    font-size: 12px
}

input.header-mobile__search-control {
    padding: 6px 60px 6px 20px
}

.info-block--header .info-block__item.has-children.js-info-block__item--onhover>.info-block__link-wrapper:after {
    left: 0;
    right: auto
}

.main-nav .main-nav__back {
    -webkit-transform: scaleX(-1) !important;
    transform: scaleX(-1) !important
}

.main-nav__sub>li.has-children>a::after {
    right: auto;
    left: 10px
}

.main-nav__sub li a {
    padding: 16px 20px 16px 40px
}

.shop-filter__control select.form-control {
    padding: 0 15px 0 40px;
    background-size: 10px 5px;
    background-position: right 50%
}

select option {
    font-family: var(--font-family-dambla), sans-serif !important;
    font-size: 12px;
    color: #c5c8ce
}

.shop-filter__control select.form-control {
    letter-spacing: 0
}

.btn-social-counter__add-icon {
    right: auto;
    left: 20px
}

.widget__list ul {
    padding: 18px 20px 10px 5px
}

.widget__list ul ul {
    padding: 10px 10px 10px 5px
}

select.form-control {
    background-position: right 1em center;
    padding-right: 2.2em;
    padding-left: 0
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem 0
}

.modal-footer {
    justify-content: center
}

.pre_order_landing_page .btn-lg {
    padding: 16px 116px;
    font-size: 16px
}

.content_header .descreption_btns a {
    margin-left: 10px;
    margin-right: 0
}

.content_header .description h2 {
    padding: 0 0 5px 10px
}

.error-404__figure::before,
.error-404__figure::after {
    bottom: 0;
    width: 120px
}

#hotline {
    left: 0;
    right: inherit
}

.pushy-panel {
    left: inherit;
    right: -380px
}

.pushy-panel__toggle {
    margin-left: 15px;
    margin-right: 0
}

.pushy-panel__back-btn {
    right: inherit;
    left: 30px
}

.pushy-panel__header {
    padding: 20px 35px 20px 30px;
    text-align: right
}

.aside_menu_section h2 {
    padding: 13px 36px 0 20px
}

.aside_menu_section h3 a {
    padding: 13px 36px 13px 20px
}

.aside_menu_section h3 a i {
    position: absolute;
    right: inherit;
    left: 20px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.pushy-panel__content {
    padding: 0
}

.site-wrapper--has-overlay-pushy .pushy-panel {
    left: inherit;
    right: 0
}

.pushy-panel__toggle {
    margin-left: 15px;
    margin-right: 0
}

@media only screen and (min-width:992px) {
    .main-nav__list {
        padding-right: 0
    }

    .main-nav__list>li>a {
        margin-left: 15px;
        padding-right: 5px !important
    }

    .info-block--header .info-block__item {
        margin: 7px 0 0 10px
    }
}

#hotline {
    left: 50px;
    right: inherit;
}
.main-nav__list>li>a {
    font-size: 16px;
}


.hero-slider-wrapper h1,
.hero-slider-wrapper h2,
.hero-slider-wrapper h3,
.hero-slider-wrapper h4,
.hero-slider-wrapper h5,
.hero-slider-wrapper h6,
.hero-slider-wrapper p,
.hero-slider-wrapper a,
.hero-slider-wrapper span,
.hero-slider-wrapper li,
.hero-slider-wrapper td,
.hero-slider-wrapper .main-nav__list>li>a,
.hero-slider-wrapper div {
    direction: ltr !important
}

.hero-slider-wrapper .posts__inner {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}
.slick-prev:before, .slick-next:before {
    font-family: "Font Awesome 5 Pro";
}
.page-heading {
    background-image: url(/assets/img/slider/1.png);
}
.match-preview__countdown .countdown__title {
    font-size: 15px;
}


.box-seats {
    background: #ffffff00;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
   
    border-radius: 6px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    user-select: none;
    font-size: 20px;
}
.box-seats .seat {
    width: 52px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
    color: #606060;
    cursor: pointer;
    background: #9b9b9b;
    color: #000;
    border-radius: 35%;
  
}
.box-seats .seat:hover {
    background: #F9D712;
    /*box-shadow: inset 0px 0px 13px;*/
    color: #000;
}

.card-seat .seat-space .inline-seat {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 15px;
    color: #b3beca;
    flex-direction: row-reverse;
}

table tr td {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.dambla-modal table {
    background: #33373f;
}

.dambla-modal .modal-content {
    top: 110px;
    border-radius: 55px;
    background-color: #3b3b2f;
}

.dambla-modal .modal-content .modal-title {
    margin: auto;
}

.bingo-modal .modal-content {
    width: 350px;
    margin: auto;
    top: 50%;
    left: 50%;
    position: fixed;
    transform: translate(-50%, -50%);
}


.bingo-modal .modal-header {
    background-image: linear-gradient(to bottom, #ffdc11, #f29400);
}

.bingo-modal .modal-body {
    padding: 0;
}
.bingo-modal .modal-header {
    background-image: linear-gradient(111deg, #ffdc11fa, #f29400);
    box-shadow: none;

}
.bingo-modal .modal-header h5 ,  .bingo-modal .modal-header button {
    color: #000;
}


.bingo-modal table tr td {
    font-size: 19px;
    text-align: center;
    font-weight: bold;
}
.card-bingo {
    width: 100%;
    margin: auto;
    font-size: 24px;
    background: repeating-linear-gradient(to bottom right,#b36729, #a1542f 30%);
    padding-bottom: 25px;
    border-radius: 15px 15px 0px 0px;
}
.card-bingo table tr td {
    color: #fff !important;
    font-size: 30px !important;
    padding: 8px !important;
}
.card-bingo table {
    background: transparent !important;
}
.card-bingo table {
    margin-bottom: 7px;
    width: 80%;
    margin: auto !important;
    padding-bottom: 15px;
    /* margin-bottom: 19px; */
    border-radius: 15px !important;
}
.card-bingo table tr td {
    border: 1px solid rgb(255 255 255 / 58%) !important;
    padding: 13px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

.bingo-modal table {
    margin-bottom: 0;
}


.bingo-modal .modal-body {
    background-image: linear-gradient(349deg, #ffdc1117, #f2940005);
}
.bingo-modal .modal-footer {
    padding: 15px;
    justify-content: space-between;
}
.bingo-modal .modal-footer button[data-dismiss="modal"] {
   float: left;
}

.list-double {
    width: 40%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #272323;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 17px rgb(0 0 0);
    border: 1px solid rgba(0,0,0,0.1);
    display: none;
}
.list-double.open {
    display: block;
}

.contest-double {
    background: #4b3dbd;
    border-radius: 6px;
    margin-top: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: revert;
    user-select: none;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    /* gap: 15px; */
    padding: 5px 0 5px 0;
}
.contest-double:first-child {
    background: #86ffa7;
    color: #000;
}
.contest-double:nth-child(2) {
    background: #9a52e2;
}
.contest-double:nth-child(3) {
    background: #f36a6a;
}
.contest-double:nth-child(4) {
    background: #50ad13;
}
.contest-double:nth-child(5) {
    background: #00becf;
}
.contest-double:nth-child(6) {
    background: #7894a2;
}
.contest-double:nth-child(7) {
    background: #ffc5a070;
}
.contest-double:nth-child(8) {
    background: #e72da2;
}
.contest-double:nth-child(9) {
    background: cornflowerblue;
}

.contest-double:hover {
    background: #74b52c;
}

.box-seats .active-blue {
    background-image: linear-gradient(240deg, #29ab5e, #a3c9b0);
    box-shadow: none;
}


.box-seats .seat.active {
    background-image: -webkit-gradient(linear, right top, right bottom, from(#ffdc11), to(#f29400));
    background-image: linear-gradient(to bottom, #ffdc11, #f29400);
    box-shadow: none;

}
.prize-number  .widget-player__details-value {
    color: #f5a203;
    font-size: 16px !important;
}


/*!* width *!*/
/*::-webkit-scrollbar {*/
/*    width: 5px;*/
/*}*/

/*!* Track *!*/
/*::-webkit-scrollbar-track {*/
/*    background: #9B9B9B;*/
/*}*/

/*!* Handle *!*/
/*::-webkit-scrollbar-thumb {*/
/*    background: #3e4550;*/
/*}*/

/*!* Handle on hover *!*/
/*::-webkit-scrollbar-thumb:hover {*/
/*    background: #555;*/
/*}*/

.label {
    font-size: 12px;
    font-family: var(--font-family-dambla), Arial, sans-serif;
}
#DataTables_Table_0_processing {
    text-align: center !important;
    background: #1e2024 !important;
}
.sp-table-wrapper .dataTables_paginate .next {
    margin-right: 25px !important;
}
.sp-table-wrapper .dataTables_paginate .previous {
    margin-left: 25px !important;
}
.live-title {
    padding: 5px 16px;
    background-color: #797979;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}
.live-video {
    margin-top: 15px;
    background: #f000;
    border-radius: 15px;

}
.live-video iframe {
    width: 100%;
    height: 600px;
    border-radius: 15px;
    border: 5px solid rgb(255 255 255 / 14%);
}
.drawn_balls_scroll {
    background: #3a3a3b;
    border-radius: 4px;
    direction: rtl;
    padding: 6px;
    margin-bottom: 13px;
}
.numbers-scroll {
    white-space: nowrap;
    scroll-behavior: smooth;
}

.numbers-scroll span {
    margin-left: -3px;
    display: inline-block;
    background-color: #f6d16d;
    color: black;
    font-weight: bold;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    user-select: none;
    box-shadow: inset -5px -5px 10px rgb(200 100 0 / 83%);
    line-height: 40px;
}

.numbers-scroll .mCSB_container {
    padding: 5px 5px;
    border-radius: 5px;
    min-height: 50px;
    left: 0 !important;
}
/* width */
.numbers-scroll::-webkit-scrollbar {
    height: 5px;
}

/* Track */
.numbers-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.numbers-scroll::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.numbers-scroll::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.title-seat {
    background-color: #eaeb0821;
    font-weight: bold;
    border-radius: 5px;
    font-size: 14px;
    margin: auto;
    width: 100%;
    text-align: center;
    display: block;
    padding: 13px;
}
.my-seat-info-win {
    margin: 0;
    justify-content: center;
}
.my-seat-info-win .title-seat {
    /*background: #b2222242; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0px;
    color: red;
    background: white;
}
.card_seat {
    margin-bottom: 3px;
    padding: 0px !important;
}
.card-seat-live {
    position: relative;
    margin: 0px auto;
    padding: 40px;
    user-select: none;
}
.card-seat-live .number-seat-live {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translate(-50%, 0px);
    background: #36a451;
    padding: 0px 40px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
}


.card-seat-live table {
    color: #fff;
    border-radius: 17px;
    border: none !important;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 12%);
    direction: ltr !important;
    overflow: hidden;
    margin-bottom: -6px;
}
.card-seat-live .seat.active {
    background: #f32178;
    box-shadow: inset 0px 0px 13px;
    color: #fff;
}
.card-seat-live .seat.active-blue {
    background: #21ccf3;
    box-shadow: inset 0px 0px 13px;
    color: #fff;
}

.card-seat-live .seat-space {
    margin-bottom: 0px;
}

.card-seat-live .seat-space .inline-seat {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 12px;
    color: #536374;
    flex-direction: row-reverse;
}

.card-seat-live .title {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    font-size: 14px;
    direction: rtl;
}
.card-seat-live .row {
    direction: ltr;
}
.card-seat-live .widget__title.card__header {
    padding: 5px 20px;
    border-radius: 4px 4px 0 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    overflow: hidden;
    background-color: transparent;
}
.card-seat-live table {
    background: #d7d7d7;
}
.card-seat-live table tr td {
    background: #ebf289;
    text-align: center;
    border-radius: 0 !important;
    color: #000;
    width: 16px;
    padding: 0px;
    font-weight: bold;
    border: 1px solid rgba(0,0,0,0.1);
    font-size: 13px;
}
.card-seat-live table tr td.active {
    position: relative;
    background-color: #fffafa;
    color: black;
    box-shadow: inset 0px 0px 9px rgb(0 0 0);
    animation-name: flash_active_card;
    animation-duration: 2s;
    /*text-decoration: line-through;*/
    /*text-decoration-thickness: 1.5px;*/
}
.card-seat-live table tr td.active::after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    background: #18ff214f;
    top: 21px;
    right: 0;
    transform: rotate(33deg);
}
.card-seat-live .repeat {
    position: absolute;
    top: 50%;
    left: 35px;
    width: 30px;
    height: 30px;
    background: #eebb14;
    color: #121212;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.card-seat-live:not(.bingo-live) .widget__content-secondary {
    padding: 40px;
}
.box-input-chat {
    margin-top: -8px;
    background: #3a3a3b;
    padding: 8px;
    border-radius: 4px;
    display: flex;
    gap: 8px;
}

.box-input-chat input {
    width: 90%;
    padding: 6px;
    border-radius: 5px;
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-size: 14px;
    background-color: #232323;
}
.box-input-chat input::placeholder {
    font-family: "Droid Arabic Kufi", sans-serif !important;
    font-size: 14px;
}
.box-input-chat button {
      text-align: center;
    border: none;
    background: #5f9865;
    color: #fff;
    font-weight: bold;
    border-radius: 25px;
    font-size: 15px;
    box-shadow: inset 0px 0px 6px rgb(234 211 211 / 83%);
}
.group-title-live-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.live-animation {
    animation: live 1s linear infinite;
}
.d-flex-header {
    display: flex;
    align-items: center;
    gap: 15px;
}
.card-seat {
    direction: ltr;
}

@keyframes live {
    0% {
        text-shadow: 0px 0px 0px firebrick;
    }
    50% {
        text-shadow: 0px 0px 30px red;
    }
    100% {
        text-shadow: 0px 0px 0px firebrick;
    }
}
@media (min-width: 1200px)
{
    .live-video iframe {
    height: 540px;
    }

    .posts--slider-top-news .posts__item-has-img .posts__img-player {
        width: 100%;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transform: translate(585px, 0);
        transform: none;
    }
    .slick-slide img {
        display: block;
        height: 100%;
    }
    .posts--slider-top-news .posts__item-has-img .posts__img-player {
        max-width: 100%;
    }
    .posts--slider-top-news .posts__title {
        font-size: 20px;
        text-align: center;
    }
    .group-flex-btns {
        display: flex;
        margin: auto;
        text-align: center;
        gap: 15px;
        justify-content: center;
    }
    .hero-unit__img {
        top: 0%;
        direction: ltr;
    }
    .hero-unit__img {
        top: 6%;
        direction: ltr;
    }
    .hero-unit__img img {
        max-height: 72%;
    }
    .main-nav {
        padding-right: 50px;
        padding-left: 50px;
    }
    .table-centered thead tr th , .table-centered thead tr td , .table-centered tbody tr td {
        text-align: center;
        font-size: 17px;
    }
    .widget-player__details-label {
        font-size: 15px;
        font-weight: bold;
    }
    .widget-player__details-value {
        font-size: 15px;
    }
}
.card-seat-live {
    padding: 0px 10px 0px 10px;
}
.collect-group-seat-win {
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 15px;
    margin-bottom: 9px;
}

.collect-group-seat-win .col-6  {
    padding-left: 2px;
    padding-right: 2px;
}

.name-card-win {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    align-items: center;
}
.name-card-win span {
    background: #e9e4bf;
    margin-right: 6px;
    color: #000;
    padding: 0px 9px;
    font-size: 14px;
    border-radius: 5px;
}
.group_win {
    background: #cadedf;
    color: #fbfbfb;
    justify-content: center;
    align-items: center;
    text-align: left;
    border-radius: 4px;
    display: table-caption;
    margin-bottom: 8px;
    padding: 3px;
}
.group_win .note-label {
    border-bottom: 1px solid #f2f7ee1a;
    text-align: right;
    font-size: 14px;
    text-wrap: nowrap;
    color: firebrick;
    font-weight: bold;
    background: #b2222229;
    padding: 1px 4px;
}
.group_win .note-label .info-number-card {
    color: #000;
}


.table-win tr td , .table-win tr th {
    font-size: 15px !important;
}
.live-play .name-card-win {
    display: none;
}
.live-play .collect-group-seat-win {
    border: none;
}
.box-profile .profile-top .info {
    font-size: 15px !important;
}
.alert-win-toastr .note-label {
    background: #cbdedf;
    padding: 0px 10px;
    border-radius: 5px;
    margin-left: 1px;
    margin-bottom: 3px;
    display: inline-grid;
}
.alert-win-toastr .note-label.danger {
    background: firebrick;
    color: #fff;
}

.group_card_line span {
    margin-left: -3px;
    display: inline-block;
    background-color: antiquewhite;
    color: black;
    font-weight: bold;
    width: 20px;
    height: 20px;

    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    user-select: none;
    box-shadow: inset -5px -5px 10px rgb(200 100 0 / 76%);
}

#content-prize-lines table tr th , #content-prize-lines table tr td {
    text-align: center;
    vertical-align: middle !important;
    font-size: 15px !important;
    text-wrap: nowrap;
}
.link-live {
    color: #ff8a8a !important;
    text-shadow: 0px 0px 10px;
}
.card-seat table {
    background: #c4cbd9;
    margin-bottom: 3px;
    border-radius: 6px;
    
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
    border: 1px solid rgb(75 69 69 / 32%);
}

.bingo-live tbody tr td {
  border: 7px solid rgb(75 69 69);
}

.modal-content .card-seat.dambla {
    border: 1px solid rgba(255,255,255,0.5);
    padding: 0px 12px 0px 12px;
    border-radius: 15px;
    direction: ltr;
    line-height: 0.9;
}

.mobile-display {
    display: none !important;
}
.modal-content .card-seat .active {
    background: darkgreen;
    color: #fff;
}
.modal-content .card-seat .active.red-active {
    background: #cd2c2cd6;
}
.modal-content .card-seat.dambla td {
    width: calc(100% / 9);
}
.countdown-counter__item+.countdown-counter__item::before {
    right: -4px;
    top: -16px;
}
.countdown-counter__item {
    width: 40px !important;
    float: unset !important;
}
.countdown__content {
    display: flex;
    justify-content: space-around;
}
.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
  line-height: normal;
}


@media only screen and (max-width: 600px)
{
    .card-seat-live .repeat {
        top: 33px !important;
        left: 15px !important;
    }
    .group_card_line span {
        line-height: 20px !important;
    }
    .mobile-display {
        display: block !important;
    }
    .card__header {
        padding: 10px 19px;
    }
    .table-centered thead tr th , .table-centered thead tr td , .table-centered tbody tr td {
        text-align: center !important;
        font-size: 12px;
    }
    .contest-list-map {
        margin-top: 20px;
    }
    .dambla-modal.modal.show .modal-dialog {
        width: 95% !important;
    }
}
.card-seat table tr td {
    padding: 2px;
    color: #000;
    font-size: 12px;
}
@media (max-width: 800px) {
    .modal-dialog {
        width: 90% !important;
    }

    .header__primary-inner {
        padding: 0 !important;
    }
}
@media (min-width: 700px) {
    .card-seat table tr td {
        padding: 0px;
        color: #000;
        font-size: 23px;
    }
}
@media only screen and (max-width: 700px) {

    .live-video iframe {
    height: 300px;
    }

    .modal-seat {
    width: 96% !important;
    }
    .card-seat .seat-space {
        padding-right: 3px;
        padding-left: 3px;
    }
    .card-seat table tr td {
        padding: 0px;
        color: #000;
        font-size: 13px;
        line-height: 1.3;
    }
    .card-seat .seat-space .inline-seat {
        font-size: 15px;
        direction: rtl;
    }
    .dambla-modal .btn-sm {
        padding: 6px 15px;
        font-size: 11px;

        border-radius: 2px;
    }
    .contest-body .widget-player__details__item {
        padding: 15px;
    }
    .contest-body .widget-player__details__item .widget-player__details-label  , .contest-body .widget-player__details__item  .widget-player__details-value{
        font-size: 13px;
    }
    .widget-player__photo img {
        width: 140px;
    }
    .widget-player__number {
        font-size: 20px !important;
        margin-top: 36px !important;
    }
     .widget__content.card__content {
         height: 90px !important;
    }

    .widget--sidebar {
        margin-bottom: 0;
    }
    /*.card-seat-live table tr td {*/
    /*    padding: 2px;*/
    /*    font-size: 25px;*/
    /*    height: 50px;*/
    /*}*/
    .card-seat-live table tr td:first-child {
        padding-right: 3px;
        padding-left: 3px;
    }
    .card-seat-live .title {
        font-weight: bold;
        font-size: 12px;
    }
    .card-seat-live:not(.bingo-live) .widget__content-secondary {
        padding: 4px;
    }
    .card-seat-live table {
        border-radius: 6px;
    }
    .box-input-chat button {
        width: auto;
    }
    .info-block__link {
        font-size: 16px !important;
    }
    .card-seat-live table tr td.active::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        background: #18ff214f;
        top: 9px;
        right: -2px;
        transform: rotate(33deg);
    }
    .page-heading {
        padding: 4px;
    }
    .card-seat-live table tr td {
        vertical-align: middle;
    }

}



@media only screen and (max-width: 400px) {
    .box-seats .seat {
        width: 45px;
        height: 45px;
    }
}
@media only screen and (max-width: 360px) {
    .box-seats .seat {
        width: 52px;
        height: 52px;
    }
}

@media only screen and (max-width:600px) {
 .live-video iframe {
    height: 320px;
    }
}

@media only screen and (max-width:500px) {

    .live-video iframe {
    height: 225px;
    }
}

@media only screen and (max-width: 400px) {

    .live-video iframe {
    height: 230px;
    }
}

@media only screen and (max-width: 360px) {

    .live-video iframe {
    height: 180px;
    }

}


#content-prize-lines table tr th, #content-prize-lines table tr td {
    text-align: right !important;
    vertical-align: middle !important;
    padding: 17px 1px 17px 0px;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #343a40;
}
.toast.toast-success {
    background-color: #d1e6dd;
    opacity: 1 !important;
    font-size: 17px;
    min-width: 300px !important;
    max-width: 400px !important;
    width: auto !important;
    color: #396252 !important;
    font-weight: bold;
}
.note-label.danger{
    background: #d4d2d5;
    display: inline-block;
    padding-right: 13px;
    padding-left: 13px;
    border-radius: 3px;
    color: firebrick;
    font-weight: bold;
    font-size: 15px;
}
.note-label.danger .info-number-card{
    color: #1e1b1b;
    font-weight: bold;
}
.toast-progress {
    background-color: #009132 !important;
}
#toast-container>.toast-success {
    background-image: none !important;
}
.live-content .alert-info::before {
    display:none;
}
.live-content .alert-info{
     padding-right: 0px;
    padding: 17px;
    width: 100%;
}


.otp-container-lucky .input-cell.active {
    color: #fff;
    color: #000000;
    box-shadow: inset 0px 0px 25px rgb(0 0 0);
    animation-name: flash_active_card;
    background-color: #fffafa;
  	animation-duration: 2s;
    text-decoration: line-through;
    text-decoration-thickness: from-font;
}



@keyframes flash_active_card {
    0%, 20%, 40%, 60%, 80% {
        background: #fffafa;
        /*color: white;*/
        box-shadow: inset 0px 0px 9px rgb(0 0 0);

    }
    10%, 30%, 50%, 70%, 90% {
        background: #ebf289;
        /*color: black;*/
        box-shadow: none;
        
    }
}
.swal2-popup {
    background: #292C31 !important;
    color: #ffffff !important;
}

.copyright {
    margin: auto;
    width: fit-content;
}

.fa, .fab, .fad, .fal, .far, .fas {
    line-height: normal !important;
}

 .bingo-live table tbody tr td {

    font-size: 30px;
    padding: 8px;
}

.modal-footer .btn-sm {
    font-size: 15px;
}

.table-centered tbody tr td a {
    font-size: 15px;
}
.header__primary-inner {
    padding: 17px;
}
.modal, .modal-open {
    overflow: auto !important;
    
}

.card--has-table .card__header h4 {
    font-size: 25px;
}