div.logo a {
    float: left;
    width: 184px;
    height: 76px;
    display: block;
    margin-top: 6px;
    margin-left: -14px;
    background: url(../../img/ptkp/imgAll.png) 0 0 no-repeat;
}
.btn-blue {
    background: rgb(235,150,53);
    background: linear-gradient(180deg, rgba(235,150,53,1) 21%, rgba(117,75,26,1) 100%);
}
.btn-blue:hover{
    background: rgb(162,106,43);
    background: linear-gradient(180deg, rgba(162,106,43,1) 26%, rgba(82,52,17,1) 100%);
}
.btn-green{
    background: rgb(56,193,9);
    background: linear-gradient(180deg, rgba(56,193,9,1) 33%, rgba(31,108,5,1) 100%);
}
.btn-green a{
    color: white;
}
.btn-green:hover{
    background: rgb(43,153,5);
    background: linear-gradient(180deg, rgba(43,153,5,1) 33%, rgba(21,73,4,1) 100%);
}
#nav {
    background-size: 100% 100px;
    background-position: top;
    width: 100%;
    height: 100%;
}
.head-menu{
    background: #212121;
    border-top: 1px solid #9D252E;
    border-bottom: 1px solid #9D252E;
}
.bg-head{
    /* background: #121212 0 0 no-repeat; */
    background: url(../../img/ptkp/main-back/main_head.webp) #121212 0 0 no-repeat;
    background-size: 100% 50% !important;
}
#content {
    /* background: #121212 0 0 no-repeat; */
    background: url(../../img/ptkp/main-back/main_back.webp) #121212 no-repeat;
    background-size: 100% 100%;
    padding-top: 10px;
    padding-bottom: 10px;

}
.menus a .sidemenu:hover{
    background: #333333;
    color: #9D252E;
}
.menus a li{
    color: white;
}
.infoterbaru{
    background: #3D4C5A;
}
.news-2 ul li a{
    color: #f99f38;
}
#globaljackpot_container{
    background: #8E1E24;
}
.globaljackpot_amount{
    background: #121212;
}
.link-container{
    border: 2px solid #8E1E24;
}
.latest_info_title{
    background: rgb(84,84,84);
    background: radial-gradient(circle, rgba(84,84,84,1) 0%, rgba(68,67,67,1) 28%, rgba(33,33,33,1) 85%);    
}
#nav {
    background-size: 100% 50%;
    width: 100%;
    height: 100%;
}
.bodycontent{
    background: #212121;
}
.latest-info{
    width: 30%;
    float: left;
    height: 280px;
    background-color: #212121;
    margin-top: 15px;
    border-radius: 6px;
    border: 2px solid #9D252E;
}
.latest-info .title{
    height: 33px;
    width: 100%; 
    padding: 10px;
}
.latest-info .title b{
    font-size: 20px;
}
.latest_info_black{
    padding: 10px 0px;
}
.news-wrapper{  
    padding: 10px 15px;
}
.news-wrapper:first-child,.news-wrapper:nth-child(3){
    background-color: #0D0D0D;
}
.news-wrapper span{
    display: block;
}
.promo_box2 a img{
    border: 1px solid #9D252E;
}
.promogames{
    border-top:none!important;
    /* background: url(../../img/general/patternbg.webp); */
}
.bodycontent{
    border-color: #9D252E;
}
.foot-menu{
    background: #212121;
}
.maincolor{
    color: #9D252E;
}
.termh2 {
    background-color: #85181F;
}
.avatar-default{
    background: url(../../img/ptkp/default.jpg) no-repeat;
    background-size: 100%;
    width: 100px;
    height: 100px;
}
.copyright{
    color: #1065a9;
}
.dpwdmenu li a:focus, .dpwdmenu li a.active {
    background-color: #f4c924 !important;
}

.altlink{
    height: 213px;
}

.tournament-box{
    background: #911c22;
    width: 49%;
    height: 90px;
    margin: 10px 0;
    padding: 10px;
    float: right;
    border-radius: 5px;
}

.tournament-title{
    background: #121212;
    text-align: left;
    padding-left: 10px;
}

.tournament-periode{
    float: right;
    margin-right: 10px;
}

.tournament-content{
    background: #212121;
    padding: 10px 15px;
    height: 51px;
    text-align: left;
}

.tournament-trophy{
    font-size: 30px !important;
    color: #fece05;
    text-shadow: 0 0 3px #fff;
}

.tournament-prize{
    font-size: 24px;
    font-weight: bold;
    text-shadow: 0 0 3px #fff;
    margin-left: 15px;
    display: inline-block;
    height: 100%;
    text-align: center;
}

.tournament-btn-view{
    background: #fedb03;
    background: linear-gradient(180deg, #fedb03 33%, #fdab0a 100%);
    width: 90px;
    float: right;
    padding: 6px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
    color: #000;
    font-weight: bolder;
    cursor: pointer;
}

.tournament-btn-view:hover, .tournament-btn-view:active{
    background: #fdab0a;
    background: linear-gradient(180deg, #fdab0a 33%, #fedb03 100%);
}

#tourlist{
    padding-top: 250px;
}

.modal-tournament{
    width: 650px;
    position: relative;
    background: #68191e;
    border: 10px solid #8f1e22;
    border-radius: 5px;
    padding: 0;
}

.modal-tournament-header{
    background: #000;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

.modal-tournament-title{
    width: 100%;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
}

.modal-tournament-periode{
    font-size: 12px;
}

.modal-tournament table{
    width: 100%;
}

.modal-tournament table tr:nth-child(even){
    background: #8f1e22;
}

.modal-tournament table tr td{
    padding: 10px 15px;
}

.modal-tournament-footer{
    width: 100%;
    display: inline-block;
    margin: 15px 0;
    text-align: center;
}

.closing-tournament{
    position: absolute;
    right: -20px;
    top: -10px;
    border: 2px solid #fff;
    padding: 1px 5px;
    border-radius: 20px;
    font-size: 20px;
    color: #fff;
}

.closing-tournament:hover{
    color: #fff;
}

.tourlist-table{
    background: #68191e;
    width: 100%;
}

.tourlist-table thead{
    background: #212121;
}

.tourlist-table tbody tr:nth-child(odd){
    background: #8d1e24;
}

.tourlist-table td{
    padding: 10px;
}

/*HEADER*/
.logo{
    width: 20%;
    float: left;
    margin-top: 15px; 
}

.dwf{
    width: 30%;
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-top: 25px;
}

.dwf img{
    width: 175px;
    height: auto;
}

.dwf a:hover{
    color: #2bb0bb;
}

.header-panel{
    width: 50%;
    float: right;
}

.spin {
    background: red;
    position: relative;
    width: 20px;
    margin: -88px -135px 0 0;
    border-radius: 10px;
    animation: changecolor 1s infinite;
    -moz-animation: changecolor 1s infinite;
    -webkit-animation: changecolor 1s infinite;
    -ms-animation: changecolor 1s infinite;
    -o-animation: changecolor 1s infinite;
}

@keyframes changecolor{
    0%   {color: white;}
    25%  {color: #dbb847;}
    50%  {color: blue;}
    100% {color: yellow;}
}
/* Mozilla Browser */
@-moz-keyframes changecolor{
    0%   {color: white;}
    25%  {color: #dbb847;}
    50%  {color: blue;}
    100% {color: yellow;}
}
/* WebKit browser Safari and Chrome */
@-webkit-keyframes changecolor{
    0%   {color: white;}
    25%  {color: #dbb847;}
    50%  {color: blue;}
    100% {color: yellow;}
}
/* IE 9,10*/
@-ms-keyframes changecolor{
    0%   {color: white;}
    25%  {color: #dbb847;}
    50%  {color: blue;}
    100% {color: yellow;}
}
/* Opera Browser*/
@-o-keyframes changecolor{
    0%   {color: white;}
    25%  {color: #dbb847;}
    50%  {color: blue;}
    100% {color: yellow;}
}
.detail-toto {
    background: #9D252E;
    height: 52px;
    padding: 2px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.detail-toto p{
    margin: 0;
}
.detail-1{
    display: inline-block;
    width: 39%;
    float: left;
    border-bottom-left-radius: 7px;
    margin-right: 2px;
}
.detail-2{
    display: inline-block;
    float: left;
    width: 60%;
    background: #000000;
    border-bottom-right-radius: 7px;
    padding: 2px;
}
.upperdet{
    background: #000000;
}
.clockdet{
    color: #DA9D1F;
    font-weight: bold;
    font-size: 13px;
}
.warpdet{
    display: inline-block;
    text-align: center;
}
.resultx{
    padding-top:4px; 
    background: #10528E;
}
    .tabs {
        margin: 0 auto;
        padding: 0 20px;
    }
    #tab-button {
        display: table;
        table-layout: fixed;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 20px;
        display: flex;
    }
    #tab-button li {
        display: table-cell;
        width: 20%;
    }
    #tab-button li a {
        display: block;
        padding: 0.5em;
        background: transparent;
        text-align: center;
        border-right: #606060 2px solid;
        color: #fff;
        text-decoration: none;
        font-size: 12px;
        font-weight: 500;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #tab-button li:not(:first-child) a {
        border-left: none;
    }
    #tab-button li:last-child a {
        border-right: none;
    }
    #tab-button li a:hover,
    #tab-button .is-active a {
        border-bottom: 1px solid #9d252e;
        background: transparent;
        color: #fff;
    }
    .White{
        color: #fff!important;
    }

    .tab-button-outer {
        display: none;
    }

    @media screen and (min-width: 768px) {
    .tab-button-outer {
        position: relative;
        z-index: 2;
        display: block;
    }
    .tab-select-outer {
        display: none;
    }
    .tab-contents {
        position: relative;
        top: -1px;
        margin-top: 0;
    }
    }
    .divider {
        display: flex;
        align-items: center;
        text-align: center;
        padding: 0 20px;
    }

    .divider::after{
        content: "";
        border: 1px solid #00afe9;
        flex: 1;
    }
    .divider::before {
        content: "";
        border: 1px solid #9d252e;
        flex: 1;
    }

    .divider:not(:empty)::before {
        margin-right: .25em;
    }

    .divider:not(:empty)::after {
        margin-left: .25em;
    }
    .btn-left-promo{
        color: #fff;
        border: none;
        background: #353535; /* Old browsers */
        background: -moz-linear-gradient(top, #353535 0%, #5d5d5d 2%, #666666 3%, #696969 6%, #696969 9%, #636363 16%, #646464 19%, #595959 36%, #565656 45%, #444444 78%, #3f3f3f 84%, #3f3f3f 88%, #3b3b3b 92%, #3c3c3c 94%, #373737 98%, #313131 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #353535 0%,#5d5d5d 2%,#666666 3%,#696969 6%,#696969 9%,#636363 16%,#646464 19%,#595959 36%,#565656 45%,#444444 78%,#3f3f3f 84%,#3f3f3f 88%,#3b3b3b 92%,#3c3c3c 94%,#373737 98%,#313131 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #353535 0%,#5d5d5d 2%,#666666 3%,#696969 6%,#696969 9%,#636363 16%,#646464 19%,#595959 36%,#565656 45%,#444444 78%,#3f3f3f 84%,#3f3f3f 88%,#3b3b3b 92%,#3c3c3c 94%,#373737 98%,#313131 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#313131',GradientType=0 ); /* IE6-9 */
        margin-bottom: 10px;
    }
    .btn-right-promo{
        color: #fff;
        border: none;
        background: #2a76c7; /* Old browsers */
        background: -moz-linear-gradient(top, #2a76c7 0%, #3181da 2%, #3783df 3%, #3182e7 6%, #3283e5 8%, #3077d1 25%, #2b71c7 37%, #2d6dbd 46%, #2968b8 54%, #265ea8 68%, #275da7 71%, #225799 83%, #235698 86%, #1f5190 94%, #205089 97%, #224d89 98%, #223d6a 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #2a76c7 0%,#3181da 2%,#3783df 3%,#3182e7 6%,#3283e5 8%,#3077d1 25%,#2b71c7 37%,#2d6dbd 46%,#2968b8 54%,#265ea8 68%,#275da7 71%,#225799 83%,#235698 86%,#1f5190 94%,#205089 97%,#224d89 98%,#223d6a 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #2a76c7 0%,#3181da 2%,#3783df 3%,#3182e7 6%,#3283e5 8%,#3077d1 25%,#2b71c7 37%,#2d6dbd 46%,#2968b8 54%,#265ea8 68%,#275da7 71%,#225799 83%,#235698 86%,#1f5190 94%,#205089 97%,#224d89 98%,#223d6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a76c7', endColorstr='#223d6a',GradientType=0 ); /* IE6-9 */
    }
.icon-special{background: url(../../img/ptkp/promo-ico/off/Special.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-special,#tab-button .is-active a .icon-special{background: url(../../img/ptkp/promo-ico/on/Special.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-poker{background: url(../../img/ptkp/promo-ico/off/Poker.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-poker,#tab-button .is-active a .icon-poker{background: url(../../img/ptkp/promo-ico/on/Poker.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-idnlive{background: url(../../img/ptkp/promo-ico/off/Idnlive.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-idnlive,#tab-button .is-active a .icon-idnlive{background: url(../../img/ptkp/promo-ico/on/Idnlive.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-livecasino{background: url(../../img/ptkp/promo-ico/off/Livecasino.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-livecasino,#tab-button .is-active a .icon-livecasino{background: url(../../img/ptkp/promo-ico/on/Livecasino.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-idnrng{background: url(../../img/ptkp/promo-ico/off/Idnrng.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-idnrng,#tab-button .is-active a .icon-idnrng{background: url(../../img/ptkp/promo-ico/on/Idnrng.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-tangkas{background: url(../../img/ptkp/promo-ico/off/Tangkas.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-tangkas,#tab-button .is-active a .icon-tangkas{background: url(../../img/ptkp/promo-ico/on/Tangkas.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-togel{background: url(../../img/ptkp/promo-ico/off/Togel.webp) no-repeat;background-size: 20px;width: 20px; height: 20px;}
#tab-button li a:hover .icon-togel,#tab-button .is-active a .icon-togel{background: url(../../img/ptkp/promo-ico/on/Togel.webp) no-repeat;background-size: 20px;width: 20px; height: 20px;}
.icon-esport{background: url(../../img/ptkp/promo-ico/off/Esport.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
#tab-button li a:hover .icon-esport,#tab-button .is-active a .icon-esport{background: url(../../img/ptkp/promo-ico/on/Esport.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-sportbook{background: url(../../img/ptkp/promo-ico/off/Sportbook.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}.sportbook-fnt{font-size: 10px;}
#tab-button li a:hover .icon-sportbook,#tab-button .is-active a .icon-sportbook{background: url(../../img/ptkp/promo-ico/on/Sportbook.webp) no-repeat;background-size: 15px;width: 15px; height: 20px;}
.icon-slot{background: url(../../img/ptkp/promo-ico/off/Slot.webp) no-repeat;background-size: 20px;width: 20px; height: 20px;}
#tab-button li a:hover .icon-slot,#tab-button .is-active a .icon-slot{background: url(../../img/ptkp/promo-ico/on/Slot.webp) no-repeat;background-size: 20px;width: 20px; height: 20px;}
/* HOT MATCH */
.hotmatchdv{background: #212121;width: 100%;min-height: 220px; margin-bottom: 5px;padding: 15px;border:2px solid #8A1D24;float: left;border-radius: 6px;}
.head-hotmatch h3, .head-hotmatch ul , .head-hotmatch ul li{display: inline;}
.head-hotmatch{text-align: left;}
.head-hotmatch h3{margin-right: 25px;}
.category-hotmatch li{margin: 0 10px;}
.catematch{cursor: pointer;padding: 5px 10px;border-radius: 5px;}
.catematch.active, .catematch:hover{background: #911C24}
.body-hotmatch{text-align: left;overflow: hidden;white-space: nowrap;width: 100%;display: block;}
.hotmatchcontent{display: none;padding-top: 20px;overflow-x: auto;white-space: nowrap;}
.matchdv{display: inline-block;margin-right: 10px;margin-bottom: 10px;width: 19rem}
.head-matchdv{background:#10528E;padding: 5px 10px;border-top-left-radius:5px;border-top-right-radius:5px;}
.hot80{display: inline-block;width: 79%;vertical-align: sub;margin-right: 10px;text-overflow: ellipsis;}
.hot20{display: inline-block;width: 19%;text-align: right;padding-right: 10px;}
.body-matchdv{padding: 10px;}
.teamvs{width:200px;text-overflow: ellipsis;overflow: hidden;}
.body-matchdv.sepakbola{background-image:url(../../img/ptkp/hotmatch/sepakbola.webp);background-size: 100%;min-height: 120px;}
.body-matchdv.basket{background-image:url(../../img/ptkp/hotmatch/basketball.webp);background-size: 100%;min-height: 120px;}
.body-matchdv.e-sport{background-image:url(../../img/ptkp/hotmatch/e-sport.webp);background-size: 100%;min-height: 120px;}
.homedv{margin-bottom: 10px;}
.bgteam{width: 10%;background: red;text-align: center;border-radius: 10px;padding: 3px;display: inline-block;}
.Hfont{background: #62B944;}
.Wfont{background: #FB0102;}
.teamname{display: inline-block;width: 79%;margin-left: 10px;}
.theodds{margin-top: 10px;text-align: center;}
.hdp,.odds{display: inline-block;width: 48%;color: black;background: white;border-radius: 10px;padding: 3px;}
.hdp{}
.odds{}
.hotplay{text-align: center;padding: 5px;color:white;background: rgb(40,134,8);background: linear-gradient(0deg, rgba(40,134,8,1) 0%, rgba(52,187,9,1) 48%);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
a:hover .hotplay{color:#393c3d;}
.hotmatchcontent::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.hotmatchcontent::-webkit-scrollbar{height: 8px;background-color: #F5F5F5;}
.hotmatchcontent::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #333333;}
/* END HOT MATCH */