/* .top-40 {
    top: 35% !important;
} */

.channel-active {
    border-width: 3px;
    border-style: solid;
    border-color: rgb(40, 199, 112);
    /* background-color: rgb(40, 199, 112, 0.7) !important; */
}

.channel-active-status {
    padding: 4px;
    border-radius: 50%;
    left: 40%;
    bottom: 1px;
}

.channel {
    width: 50px;
    height: 50px;
    display: flex;
    margin-top: 10px;
    border-radius: 50% !important;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.8);
    /* background-color: rgba(72, 72, 72, 0.6); */
    margin-right: 10px;
}

/* COCK */

.channel-PH {
    margin: auto;
    width: 32px;
    content: url("/img/PH.png");
}

.channel-PH1 {
    margin: auto;
    width: 32px;
    content: url("/img/PH1.png");
}

.channel-SBB {
    margin: auto;
    width: 32px;
    content: url("/img/SBB.png");
}

.channel-GW {
    margin: auto;
    width: 32px;
    content: url("/img/GW.png");
}

.channel-SC {
    margin: auto;
    width: 32px;
    content: url("/img/SC.png");
}

.channel-KC999 {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1/1 !important;
    content: url("/img/GCF.png");
}
.channel-chreythom {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1/1 !important;
    content: url("/img/chreythom.png");
}
.channel-daga {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1/1 !important;
    content: url("/img/daga.png");
}
.channel-v168 {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1/1 !important;
    content: url("/img/V168.png");
}
.channel-GW {
    margin: auto;
    width: 32px;
    content: url("/img/GW.png");
}
.channel-SP777 {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1/1 !important;
    content: url("/img/S33.png");
}
.channel-KFC369 {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1/1 !important;
    content: url("/img/KFC369.jpg");
}

/* END COCK */

/* K99 */

.channel-K99 {
    margin: auto;
    width: 32px;
    content: url("/img/K99.png");
}

/* SEXY CASINO */
.channel-TD {
    margin: auto;
    width: 32px;
    content: url("/img/TD.png");
}

.channel-BAC {
    margin: auto;
    width: 32px;
    content: url("/img/BAC.png");
}

/* 369 CASINO */
.channel-369_BAC1 {
    margin: auto;
    width: 32px;
    content: url("/img/369.png");
}

.channel-369_BAC2 {
    margin: auto;
    width: 32px;
    content: url("/img/369.png");
}

.channel-369_TD1 {
    margin: auto;
    width: 42px;
    content: url("/img/369.png");
}

/* W8 CASINO */
.channel-W8_BAC1 {
    margin: auto;
    width: 42px;
    content: url("/img/W8.png");
}

.channel-W8_TD1 {
    margin: auto;
    width: 32px;
    content: url("/img/W8.png");
}

/* END CHANNEL */
.channel-more {
    margin: auto;
    width: 32px;
    content: url("/img/MORE.png");
}

/* RESERVED CHANNEL */

.channel-BAC1 {
    margin: auto;
    width: 45px;
    content: url("/img/369.png");
}

.channel-BAC2 {
    margin: auto;
    width: 45px;
    content: url("/img/369.png");
}

.channel-BAC3 {
    margin: auto;
    width: 45px;
    content: url("/img/369.png");
}

.channel-BAC4 {
    margin: auto;
    width: 32px;
    content: url("/img/W8.png");
}

.channel-TD1 {
    margin: auto;
    width: 46px;
    content: url("/img/369.png");
}

.channel-TD2 {
    margin: auto;
    width: 46px;
    content: url("/img/W8.png");
}

.channel-TD3 {
    margin: auto;
    width: 46px;
    content: url("/img/W8.png");
}

.channel-TD4 {
    margin: auto;
    width: 46px;
    content: url("/img/W8.png");
}

.channel-loto {
    margin: auto;
    width: 46px;
    content: url("/img/LOTO.png");
}

.channel-RB {
    margin: auto;
    width: 46px;
    content: url("/img/RB.png");
}

.channel-DSB {
    margin: auto;
    width: 46px;
    content: url("/img/DSB.png");
}

.channel-TSB {
    margin: auto;
    width: 46px;
    content: url("../images/menu-icons/SB24.png?v=1.0.2");
}

.channel-KCDM {
    margin: auto;
    width: 46px;
    content: url("../images/menu-icons/KCDM.png?v=1.0.2");
}

.channel-BPC {
    margin: auto;
    width: 40px !important;
    aspect-ratio: 1 / 1 !important;
    content: url("../images/menu-icons/BPC.png?v=1.0.0");
}

.channel-TBY {
    margin: auto;
    width: 50px;
    content: url("../images/menu-icons/CP.png?v=1.0.0");
}

.channel-CHT {
    margin: auto;
    width: 46px;
    content: url("../images/menu-icons/CHT.png?v=1.0.0");
}

.channel-2BW {
    margin: auto;
    width: 46px;
    content: url("../images/menu-icons/2BW.png?v=1.0.0");
}

.channel-CP {
    margin: auto;
    width: 46px;
    content: url("/img/CP.png");
}

.bg-transparent {
    background-color: transparent !important;
}

.text-dark-layout {
    background-color: #161d31;
}

#mantaining {
    padding: 8px;
    overflow-x: hidden;
}

#scroll-container {
    overflow: hidden;
}

#scroll-text {
    /* animation properties */
    /*width: 80vw;*/
    overflow: hidden;
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(20%);
    -moz-animation: my-animation 2s linear infinite;
    -webkit-animation: my-animation 2s linear infinite;
    animation: my-animation 60s linear infinite;
    display: table;
}

.video-channel>div>.menu_mobile__item>div {
    width: 49px !important;
    height: 49px !important;
}

.video-channel-row,
.video-channel-1 {
    visibility: hidden;
}

/* for Firefox */
@-moz-keyframes my-animation {
    from {
        -moz-transform: translateX(20%);
    }

    to {
        -moz-transform: translateX(-100%);
    }
}

/* for Chrome */
@-webkit-keyframes my-animation {
    from {
        -webkit-transform: translateX(100%);
    }

    to {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes my-animation {
    from {
        -moz-transform: translateX(150%);
        -webkit-transform: translateX(150%);
        transform: translateX(150%);
    }

    to {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 1120px) {
    .top-40 {
        top: 20% !important;
    }
}

@media screen and (max-width: 767px) {
    .video-channel {
        right: 0px !important;
        width: 50px !important;
        justify-content: end !important;
        height: 100%;
    }

    .video-channel>div {
        flex-direction: column !important;
        right: 0 !important;
        height: 100%;
        align-items: baseline !important;
        justify-content: end !important;
    }

    .video-channel>div {
        padding-bottom: 12px;
    }

    .video-channel-row>div {
        padding-bottom: 8px;
    }

    .video-channel>div>a,
    .video-channel-row>div>a {
        width: calc(100vw - 95vw) !important;
        height: calc(100vw - 95vw) !important;
    }

    .video-channel>div>.menu_mobile__item {
        margin-top: 10px;
    }

    .video-channel>div>.menu_mobile__item>div {
        width: calc(100vw - 95vw) !important;
        height: calc(100vw - 95vw) !important;
    }

    /*  */
    .video-channel>div>:nth-child(8),
    .video-channel>div>:nth-child(9),
    .video-channel>div>:nth-child(10),
    .video-channel>div>:nth-child(11),
    .video-channel>div>:nth-child(12) {
        display: none !important;
    }

    .video-channel>div>:last-child {
        display: block !important;
    }

    .video-channel-row {
        visibility: visible;
        padding-right: 4rem !important;
    }

    .video-channel-row>div>* {
        visibility: hidden !important;
    }

    .video-channel-row>div>:nth-child(8),
    .video-channel-row>div>:nth-child(9),
    .video-channel-row>div>:nth-child(10),
    .video-channel-row>div>:nth-child(11),
    .video-channel-row>div>:nth-child(12) {
        visibility: visible !important;
    }

    .channel-KC999,
    .channel-BPC {
        width: calc(100vw - 95.5vw) !important;
    }
}

@media screen and (max-width: 760px) {
    .video-channel>div {
        padding-bottom: 0px;
    }

    .video-channel-row>div {
        padding-bottom: 0px;
    }
}


@media screen and (max-width: 760px) {
    .video-channel>div {
        display: flex;
        justify-content: end !important;
        padding-bottom: 6px !important;
        padding-right: 6px !important;
    }

    .video-channel>div>a,
    .video-channel-row>div>a {
        width: calc(100vw - 94vw) !important;
        height: calc(100vw - 94vw) !important;
    }

    .video-channel>div>.menu_mobile__item>div {
        width: calc(100vw - 94vw) !important;
        height: calc(100vw - 94vw) !important;
    }

    .video-channel>div>:nth-child(7) {
        display: none !important;
    }

    .video-channel-row {
        visibility: visible;
        padding-right: 4rem !important;
        padding-bottom: 6px !important;
        /* bottom: 8px !important; */

    }



    .video-channel-row>div>* {
        visibility: hidden !important;
        margin: 0 !important;
        margin-left: 6px !important;
        margin-right: 6px !important;
    }

    .video-channel-row>div>:nth-child(7) {
        visibility: visible !important;
    }
}

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

    .video-channel>div>:nth-child(6),
    .video-channel>div>:nth-child(7) {
        display: none !important;
    }


    .video-channel-row>div>:nth-child(6),
    .video-channel-row>div>:nth-child(7) {
        visibility: visible !important;
    }

    .channel-TD1,
    .channel-BAC2,
    .channel-BAC1,
    .channel-W8_BAC1 {
        width: calc(100vw - 95vw) !important;
    }

    ul.more-channel-list>li>div>div {
        width: 75% !important;
    }

}

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

    .video-channel>div>:nth-child(5),
    .video-channel>div>:nth-child(6),
    .video-channel>div>:nth-child(7) {
        display: none !important;
    }


    .video-channel-row>div>:nth-child(5),
    .video-channel-row>div>:nth-child(6),
    .video-channel-row>div>:nth-child(7) {
        visibility: visible !important;
    }

    .video-channel>div>a,
    .video-channel-row>div>a {
        width: calc(100vw - 93.5vw) !important;
        height: calc(100vw - 93.5vw) !important;
        aspect-ratio: 1 / 1 !important;
    }

    .video-channel-row>div>a {
        /* width: calc(100vw - 93.5vw) !important;
    height: calc(100vw - 93.5vw) !important; */
        aspect-ratio: 1 / 1 !important;
    }



    .video-channel>div>.menu_mobile__item>div {
        width: calc(100vw - 93.5vw) !important;
        height: calc(100vw - 93.5vw) !important;
    }
}

@media screen and (max-width: 540px) {
    .video-channel {
        width: 34px !important;
    }

    .video-channel-row {
        padding-right: calc(100vw - 89vw) !important;
    }

    .video-channel>div>.menu_mobile__item>div {
        width: calc(100vw - 92vw) !important;
        height: calc(100vw - 92vw) !important;
    }

    .video-channel>div>a>span,
    .video-channel-row>div>a>span {
        /* width: 22px !important */
        width: calc(100vw - 93vw) !important
    }

    .video-channel {
        right: 10px !important;
    }


}

@media screen and (max-width: 540px) {
    .video-channel {
        width: 34px !important;
    }

    .video-channel-row {
        padding-right: calc(100vw - 89vw) !important;
    }

    .video-channel>div>a,
    .video-channel-row>div>a {
        width: calc(100vw - 93vw) !important;
        height: calc(100vw - 93vw) !important;
        aspect-ratio: 1 / 1 !important;
    }

    .video-channel>div>.menu_mobile__item>div {
        width: calc(100vw - 93vw) !important;
        height: calc(100vw - 93vw) !important;
        aspect-ratio: 1 / 1 !important;
    }

    .video-channel>div>a>span,
    .video-channel-row>div>a>span {
        /* width: 22px !important */
        width: calc(100vw - 95vw) !important
    }

    .video-channel {
        right: 10px !important;
    }
}

@media screen and (max-width: 500px) {
    .video-channel {
        right: 4px !important;
    }

    .video-channel>div {
        padding-right: 0 !important;
    }

    .video-channel-row {
        padding-right: calc(100vw - 90vw) !important;
    }

}

@media screen and (max-width: 460px) {
    .video-channel {
        width: 34px !important;
    }

    .video-channel-row {
        padding-right: calc(100vw - 89vw) !important;
    }

    .video-channel {
        right: 4px !important;
    }

    .video-channel-row {
        padding-right: calc(100vw - 90vw) !important;
    }
}

@media screen and (max-width: 400px) {
    .video-channel-row {
        padding-right: calc(100vw - 88vw) !important;
    }

    .video-channel {
        right: 3px !important;
    }

    .video-channel-row {
        padding-right: calc(100vw - 89vw) !important;
    }
}


.channel-info {
    white-space: nowrap;
    color: white !important;
    padding: 1px 3px;
    background-color: rgb(20, 137, 247);
}
