#gameStage,
.cc-addgame-left-container .wrapper,
.cc-addgame-left-container .wrapper.toggled .page-content-wrapper,
.cc-changephoto-content,
.cc-gamedetail-left-container .content,
.cc-gamedetail-left-container .wrapper,
.cc-gamedetail-left-container .wrapper.toggled .page-content-wrapper,
.cc-gamedetail-right-container .wrapper,
.cc-gamelist-topbar-btns,
.cc-gamelist-topbar-btns ul,
.cc-gamemenu-left-container .wrapper.toggled .page-content-wrapper,
.cc-insurance-content-pot,
.cc-player-container,
.cc-player-container .cc-player-info-container,
.cc-player-container .cc-player-stats-container,
.cc-player-container .cc-quick-menu-container,
.cc-player-container .cc-throw-emoji-container,
.cc-pop-up-content,
.cc-quick-menu-container ul.quick-menu-ul,
.cc-wallet-stack,
.cc-wallet-stack-overlay,
.core-pages-container,
.fixed-container .select-table,
.gamemenu-left-bar,
.live-score-area .content,
.loading-container,
.lobby-overlay,
.modal-table-container,
.odds-section .odds-table .odds-table-math,
.scroll-container .scroll-container-content,
.spectators-area .content,
.tn-el-item-content,
.tn-el-item-content .tn-el-left-content,
.tn-el-item-content .tn-el-right-content,
.tn-el-left-content .tn-dateinfo,
.tn-el-left-content .tn-textinfo,
.tn-home-topbar-btns,
.tn-home-topbar-btns ul,
.tn-livescore-container .wrapper,
.tn-top-left-content,
.tn-top-right-content,
ul.cc-insurance-tabs,
ul.tn-joined-ul {
    height: 100%;
    width: 100%
}

#gameStageCanvas,
.all-pref-list-ul,
.bulletin .eventlist .event .toggle-panel pre,
.cards-list span.tick:before,
.cc-addgame-left-container,
.cc-buttons-area ul.cc-buttons-ul,
.cc-gamedetail-left-container,
.cc-gamedetail-right-container,
.cc-gamelist-topbar-btns ul,
.cc-gamelist-topbar-btns ul li h6,
.cc-gamemenu-left-container,
.cc-gamemenu-left-container .wrapper,
.cc-games-list,
.cc-games-list .gameslist-ul,
.cc-howtoplay-container ul,
.cc-ingame-settings-popup .all-pref-list-ul,
.cc-ingame-settings-popup ul.card-style-ul,
.cc-ingame-settings-popup ul.domino-style-ul,
.cc-ingame-settings-popup ul.table-style-ul,
.cc-insurance-mandatory h6,
.cc-insurance-slider .slider-container h6,
.cc-jackpot-page-container .opk-page-header .select-menu,
.cc-leaderboard-page-container .opk-page-header .select-menu,
.cc-player-container,
.cc-player-label-container .player-label-holder ul.player-label-list-ul,
.cc-popup-container,
.cc-preferences-page-container .cc-preferences-list,
.cc-profile-page-container .settings-panel ul.grid,
.cc-quick-menu-container .quick-menu-holder,
.cc-quick-menu-container ul.quick-menu-ul,
.cc-quick-menu-container ul.quick-menu-ul li .quick-menu-item,
.cc-reset-page-container .resetpw-tabs-ul,
.cc-statement-page-container .statement-breadcrumbs,
.cc-tableslist-page-container .completed-date-list,
.cc-tableslist-page-container .lb-jackpot-ul,
.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info,
.cc-tableslist-page-container .lb-tableslist-filter-ul,
.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .content,
.cc-tableslist-page-container table.lb-tableslist-ul,
.cc-throw-emoji-container .emoji-holder,
.cc-throw-emoji-container .emoji-holder ul.throw-emoji-ul,
.cc-tn-joined-container,
.cc-tourney-info-container table.taxInfo tr td p,
.cc-verifypin-page-container ul.keyboard-area,
.cc-verifypin-page-container ul.pin-area,
.core-pages-container,
.gamedetail-header h3 span.hand-detail-table,
.gamemenu-sidebar-ul,
.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container,
.gamemenu-sidebar-ul li.menu-items ul,
.live-score-area .poker-top-bar,
.lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav,
.manageclub-list p ul.manageclub-ul,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul,
.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-menu,
.opk-nav-ul,
.pd-hand-rank,
.pd-ins-amount,
.pd-player-name,
.pd-win-loss-amount,
.poker-top-bar,
.spectators-area .poker-top-bar,
.spectators-area ul.spectator-list-ul,
.tn-ev-countdown .label,
.tn-ev-main-tabs,
.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr td p,
.tn-home-content ul.tn-home-completed-tabs,
.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul,
.tn-home-topbar-btns ul,
.tn-home-topbar-btns ul li h6,
.tn-livescore-container,
.tn-livescore-spectator-popup ul.tn-livescore-spectator-ul,
.tn-livescore-top-box ul,
.ts-item-section .right-section h4,
.ts-item-section .right-section p,
html,
html body,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
table.lb-statement-table,
table.tn-ev-blinds-structure-table tr td p,
table.tn-ev-entries-table tr td p,
table.tn-ev-prizes-table tr td p,
table.tn-ev-satellites-table tr td p,
ul.cc-dates-list,
ul.cc-dates-list li,
ul.cc-insurance-tabs,
ul.modal-tabs,
ul.mp-list-ul,
ul.report-player-ul,
ul.tn-home-eventlist-ul,
ul.tn-joined-ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: 400
}

.biography-area p,
.cc-manage-players-container p.mp-title,
.cc-nicknames-list .nicknames-table tr td,
.cc-nicknames-list .nicknames-table tr th,
.live-score-area table.live-score-area-table tr td,
.live-score-area table.live-score-area-table tr th,
.manageclub-list p,
.manageclub-list p ul.manageclub-ul li.manage-item,
.time-left-area,
ul.mp-list-ul li {
    border-bottom: .083rem solid #444
}

.modal-table-container .modal-container.tambola-modal .modal-content,
.modal-table-container .modal-container.tambola-modal .modal-footer button.btn {
    background-image: linear-gradient(101deg, #b07515, #fce692 10%, #ffffd7 25%, #fce692 35%, #b07515 50%, #fce692 60%, #ffffd7 75%, #fce692 85%, #b07515)
}

.modal-table-container .modal-container.tambola-modal .modal-header h4 {
    background-image: linear-gradient(15deg, #725a00 0, #c6952b 30%, #fce692 60%, #ffca00 80%, #fe9a00);
    font-style: normal;
    font-stretch: normal;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

html {
    height: 100vh;
    width: 100%;
    position: relative;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

@media (max-width:359px) {
    html {
        font-size: 10px
    }
}

@media (min-width:360px) {
    html {
        font-size: 11px
    }
}

@media (min-width:414px) {
    html {
        font-size: 12px
    }
}

@media (min-width:768px) {
    html {
        font-size: 13px
    }
}

@media (min-width:992px) {
    html {
        font-size: 13px
    }
}

@media (min-width:1200px) {
    html {
        font-size: 13px
    }
}

html.cordovaApp {
    height: 100vh;
    min-height: 100vh
}

html.cordovaApp body {
    height: 100vh
}

html.browserApp {
    max-height: -webkit-fill-available
}

html.browserApp body {
    max-height: -webkit-fill-available
}

html.pwaApp {
    max-height: 100%;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom)
}

html.pwaApp body {
    max-height: 100%
}

html body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    font-family: Kanit, Ubuntu, Helvetica, Arial;
    background: #080812;
    touch-action: manipulation;
    -webkit-overflow-scrolling: touch;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto
}

html body::-webkit-scrollbar {
    display: none
}

html body::-webkit-scrollbar-thumb {
    background: 0 0
}

html body::-webkit-input-placeholder {
    opacity: .7
}

html ::-webkit-scrollbar {
    width: 6px;
    height: 0
}

html ::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

html ::-webkit-scrollbar-thumb {
    background-color: #5bc377;
    background-clip: content-box;
    border: 1px solid transparent;
    border-width: 0 1px 0 1px;
    border-radius: 10px
}

html ::-webkit-scrollbar-thumb:hover {
    background-color: #fff
}

html ::-webkit-scrollbar-thumb:active {
    background-color: #fff
}

html ::-webkit-scrollbar-track {
    background: #3a3a3a;
    border: none;
    border-radius: 0
}

html ::-webkit-scrollbar-track:hover {
    background: #3a3a3a
}

html ::-webkit-scrollbar-track:active {
    background: #3a3a3a
}

html ::-webkit-scrollbar-corner {
    background: 0 0
}

html a,
html li {
    -webkit-tap-highlight-color: transparent
}

html a:active,
html a:hover,
html a:link,
html a:visited {
    text-decoration: none;
    color: #fff
}

html input {
    display: block;
    width: 100%;
    outline: 0;
    border: 1px solid #111;
    border-radius: 3px;
    padding: .5rem;
    color: #999;
    text-align: center;
    font-size: 1rem;
    font-family: Ubuntu-R;
    text-indent: 0;
    background: #000
}

html input::-webkit-input-placeholder {
    color: #999;
    opacity: .8
}

html input:-moz-placeholder {
    color: #999;
    opacity: .8
}

html input::-moz-placeholder {
    color: #999;
    opacity: .8
}

html input:-ms-input-placeholder {
    color: #999;
    opacity: .8
}

html textarea {
    border: 0;
    text-align: left;
    box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, .4), 0 -1px 1px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .1)
}

html button {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Kanit;
    font-size: 1.142rem;
    font-weight: 500;
    text-align: center;
    color: #e0e0e0;
    cursor: pointer;
    padding: .5rem 1rem;
    margin: 1.5rem auto;
    border-radius: 6px;
    border: solid 1px #333;
    box-shadow: 0 0 0 1px #111;
    background: -moz-linear-gradient(bottom, #444 0, #999 100%);
    background: -webkit-linear-gradient(bottom, #444 0, #999 100%);
    background: -o-linear-gradient(bottom, #444 0, #999 100%);
    background: -ms-linear-gradient(bottom, #444 0, #999 100%);
    background: linear-gradient(bottom, #444 0, #999 100%)
}

html button.active {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

html button.disabled {
    filter: grayscale(1);
    pointer-events: none
}

html .click-resize {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    -webkit-transform: scale(.97);
    -moz-transform: scale(.97);
    -ms-transform: scale(.97);
    -o-transform: scale(.97);
    transform: scale(.97)
}

html .click-resize2 {
    -webkit-transition: all 50ms ease-in;
    -moz-transition: all 50ms ease-in;
    -ms-transition: all 50ms ease-in;
    -o-transition: all 50ms ease-in;
    transition: all 50ms ease-in;
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

html .positive {
    color: #8bec44 !important
}

html .negative {
    color: #ff4a4a !important
}

html .neutral {
    color: #ddd !important
}

.no-flick {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.upper {
    text-transform: uppercase
}

.lower {
    text-transform: lowercase
}

.capitalize {
    text-transform: capitalize
}

.loading-container {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: rgba(0, 0, 0, .2);
    z-index: 999
}

.loading-container img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 60px;
    margin: auto
}

.core-pages-container {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 640px;
    margin: 0 auto;
    padding: 6.5rem 1.214rem 6rem 1.214rem;
    overflow: hidden
}

@media (min-width:768px) {
    .core-pages-container {
        max-width: unset;
        padding: 7.25rem 1.214rem
    }
}

.hrLine-or {
    color: #aaa
}

.cc-credits {
    width: 100%;
    position: absolute;
    bottom: 1rem;
    font-size: .75rem;
    text-align: center;
    color: #ddd
}

.field-input-area {
    width: 97%;
    position: relative;
    margin: .75rem auto
}

.field-input-area .icon-lock2,
.field-input-area .icon-mail2,
.field-input-area .icon-mobile,
.field-input-area .icon-quote,
.field-input-area .icon-shield,
.field-input-area .icon-user2 {
    font-size: 1.25rem;
    color: #ddd;
    position: absolute;
    top: .875rem;
    left: 1.25rem
}

.field-input-area .icon-cross2 {
    font-size: 1rem;
    color: #aaa;
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    display: none
}

.field-input-area.disable-field .icon-cross2 {
    display: none
}

.field-input-area.disable-field .icon-lock2,
.field-input-area.disable-field .icon-mail2,
.field-input-area.disable-field .icon-mobile,
.field-input-area.disable-field .icon-quote,
.field-input-area.disable-field .icon-shield,
.field-input-area.disable-field .icon-user2 {
    color: #666
}

.carousel-indicators {
    bottom: -.5rem
}

.carousel-indicators li {
    width: 2rem;
    height: .25rem;
    border: 0;
    background-color: #ddd;
    opacity: .8;
    margin: 0 .125rem;
    border-radius: 0
}

.carousel-indicators li.active {
    width: 2rem;
    height: .25rem;
    margin: 0 .125rem;
    background-color: #20c44e
}

.left.carousel-control,
.right.carousel-control {
    opacity: .01
}

.carousel-inner {
    height: 100%
}

.carousel-inner img {
    width: 100%
}

.cc-pages-container {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
    background: url(../images/variation-img/lobby_images/big_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top
}

.lobby-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .3);
    display: none;
    z-index: 10
}

.popup-modal-div {
    width: 100%;
    text-align: center;
    padding-top: 1rem
}

.popup-modal-div .icon-info2,
.popup-modal-div .icon-tick2 {
    position: relative;
    background-color: #000;
    border-radius: 50%;
    font-size: 4rem
}

.popup-modal-div .icon-tick2 {
    color: #8bec44
}

.popup-modal-div .icon-info2 {
    color: #ff4a4a
}

.popup-modal-div .modal-text {
    width: 100%;
    padding: 1rem;
    margin: 0;
    font-size: 1.125rem;
    text-align: center;
    color: #fff
}

.marquee {
    position: absolute;
    top: 64px;
    right: 0;
    left: 0;
    height: 20px;
    display: none;
    overflow: hidden;
    width: 95%;
    margin: auto;
    border: none;
    background-color: #0b0b0b;
    color: #fff;
    z-index: 999;
    white-space: nowrap
}

.marquee div {
    font-size: 12px;
    line-height: 20px
}

.gamescreen .marquee {
    width: 75%;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    right: 0;
    left: auto
}

.browser-ipad.gamescreen .marquee,
.real-ipad.gamescreen .marquee {
    width: 80%
}

.opk-page-header {
    margin: 0 auto
}

.opk-page-header h4 {
    font-family: 'Exo 2', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #999;
    font-weight: bolder;
    font-style: italic
}

.resizeItem:active {
    transform: scale(.95);
    transition: transform 50ms ease
}

img {
    -webkit-touch-callout: none
}

.title-wrap {
    display: flex;
    margin: 1.142rem auto 0 auto;
    width: 100%
}

.title-wrap .sideL,
.title-wrap .sideR {
    width: 1.785rem;
    background: no-repeat center top/100% 100%;
    background-image: url(../images/variation-img/lobby_images/line_L.png)
}

.title-wrap .sideR {
    background-image: url(../images/variation-img/lobby_images/line_R.png)
}

.title-wrap .lineL,
.title-wrap .lineR {
    width: 30%;
    background: url(../images/variation-img/lobby_images/line_center.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center top;
    flex: 1 1
}

.title-wrap div.title-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/variation-img/lobby_images/title_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    padding: 3px 2rem;
    min-width: 12rem;
    max-width: 90%;
    min-height: 1.785rem;
    height: max-content;
    transform: translateY(-30%);
    text-transform: uppercase
}

.title-wrap div.title-bg h2.title {
    color: #fff;
    font-size: 1.142rem;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    word-break: break-word;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px
}

.common-page-container {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    width: 100%;
    max-width: 600px;
    margin: 0 auto
}

.common-page-container .page-header {
    width: 85%;
    margin: 0 auto;
    padding: 0;
    border: none
}

.common-page-container .page-header>.title-wrap {
    width: 70%
}

.common-page-container .page-header>.tabs-wrap {
    width: 100%
}

.common-page-container .page-header .tabs-wrap {
    height: 30px;
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.common-page-container .page-header .tabs-wrap .tab.active,
.common-page-container .page-header .tabs-wrap .tab:active {
    color: #fff
}

.common-page-container .page-header .tabs-wrap .tab.active,
.common-page-container .page-header .tabs-wrap .tab.active::after,
.common-page-container .page-header .tabs-wrap .tab.active::before,
.common-page-container .page-header .tabs-wrap .tab:active,
.common-page-container .page-header .tabs-wrap .tab:active::after,
.common-page-container .page-header .tabs-wrap .tab:active::before {
    background: linear-gradient(180deg, #38c05f, #1f6432) !important
}

.common-page-container .page-header .tabs-wrap .tab {
    flex: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 1rem;
    text-transform: uppercase;
    border: 1px solid #12161b;
    border-width: 1px 0 1px 0;
    background: linear-gradient(0deg, #12161b, #4a586a);
    cursor: pointer
}

.common-page-container .page-header .tabs-wrap .tab+.tab {
    border-left: 1px solid #12161b
}

.common-page-container .page-header .tabs-wrap .tab:first-child {
    position: relative;
    margin-left: 10px
}

.common-page-container .page-header .tabs-wrap .tab:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #12161b;
    border-width: 1px 0 1px 1px;
    transform: skewX(-20deg) translateX(calc(-100% + 15px));
    background: linear-gradient(0deg, #12161b, #4a586a)
}

.common-page-container .page-header .tabs-wrap .tab:last-child {
    position: relative;
    margin-right: 10px
}

.common-page-container .page-header .tabs-wrap .tab:last-child::after {
    content: '';
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #12161b;
    border-width: 1px 1px 1px 0;
    transform: skewX(20deg) translateX(calc(100% - 15px));
    background: linear-gradient(0deg, #12161b, #4a586a)
}

.common-page-container .page-header .tabs-wrap .tab:only-child {
    pointer-events: none
}

.common-page-container .page-body {
    position: relative;
    top: -1px;
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    background: linear-gradient(to bottom, #29313b, #191e24 100%);
    border: 1px solid #111
}

.common-page-container .page-footer {
    width: 85%;
    margin: 0 auto
}

.common-page-container .page-footer .footer-block {
    position: relative;
    top: -2px;
    height: 30px;
    border: 1px solid #12161b;
    border-width: 1px 0 1px 0;
    background: linear-gradient(180deg, #12161b, #4a586a);
    position: relative;
    margin-left: 10px;
    position: relative;
    margin-right: 10px
}

.common-page-container .page-footer .footer-block::before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #12161b;
    border-width: 1px 0 1px 1px;
    transform: skewX(20deg) translateX(calc(-100% + 15px));
    background: linear-gradient(180deg, #12161b, #4a586a)
}

.common-page-container .page-footer .footer-block::after {
    content: '';
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 0;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #12161b;
    border-width: 1px 1px 1px 0;
    transform: skewX(-20deg) translateX(calc(100% - 15px));
    background: linear-gradient(180deg, #12161b, #4a586a)
}

.common-page-container.full-height .page-body {
    flex-grow: 1
}

.common-page-container.bordered .page-body {
    border: 1px solid #111
}

.common-page-container.rounded .page-body {
    border-radius: 6px
}

.common-page-container.fill-background .page-body {
    background: linear-gradient(to bottom, #29313b, #191e24 100%)
}

@media (min-width:768px) {
    .common-page-container {
        max-width: 80%
    }
}

span.pill {
    border-radius: 4px;
    background: linear-gradient(to bottom, #49535b 0, #0c1026);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .5), inset 0 1px 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 1px 0 rgba(0, 0, 0, .4);
    padding: .25rem .5rem;
    font-size: .642rem;
    font-family: Kanit;
    line-height: 1;
    white-space: nowrap
}

span.pill:not(:last-child) {
    margin-right: .428rem
}

.common-input {
    display: block;
    width: 100%;
    outline: 0;
    border: 1px solid #111;
    border-radius: 3px;
    padding: .5rem;
    color: #fff;
    text-align: center;
    font-size: 1rem;
    font-family: Ubuntu;
    text-indent: 0;
    background: #191e24
}

.common-input::-webkit-input-placeholder {
    color: #999;
    opacity: .8;
    text-transform: capitalize !important
}

.common-input:-moz-placeholder {
    color: #999;
    opacity: .8;
    text-transform: capitalize !important
}

.common-input::-moz-placeholder {
    color: #999;
    opacity: .8;
    text-transform: capitalize !important
}

.common-input:-ms-input-placeholder {
    color: #999;
    opacity: .8;
    text-transform: capitalize !important
}

.common-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Kanit;
    font-size: 1.142rem;
    font-weight: 500;
    text-align: center;
    color: #e0e0e0;
    cursor: pointer;
    padding: .5rem 1rem;
    margin: 1.5rem auto;
    border-radius: 6px;
    border: solid 1px #333;
    box-shadow: 0 0 0 1px #111;
    background: -moz-linear-gradient(bottom, #444 0, #999 100%);
    background: -webkit-linear-gradient(bottom, #444 0, #999 100%);
    background: -o-linear-gradient(bottom, #444 0, #999 100%);
    background: -ms-linear-gradient(bottom, #444 0, #999 100%);
    background: linear-gradient(bottom, #444 0, #999 100%)
}

.common-btn.active {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.common-btn.disabled {
    filter: grayscale(1);
    pointer-events: none
}

.avatar-circle {
    position: relative;
    width: 100%;
    max-width: 100px;
    border: 1px solid #333;
    border-radius: 50%;
    box-shadow: 0 0 2px 2px #111;
    margin: 0 auto;
    background: linear-gradient(to bottom, #000, #13161b 100%);
    overflow: hidden
}

.avatar-circle::before {
    content: '';
    display: block;
    padding-top: 100%
}

.avatar-circle>:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 87% !important;
    height: 87% !important;
    padding: 0 !important;
    margin: 0 !important;
    background-size: cover;
    background-position: 50% 50%;
    border: 1px solid #333;
    border-radius: 50%
}

.avatar-circle>:first-child~* {
    display: none
}

.promptBox {
    text-align: center;
    font-size: 1rem;
    padding: .875rem
}

.vue-toggle {
    position: absolute;
    top: .562rem;
    right: 1rem;
    display: inline-block;
    height: 2rem;
    width: 4rem;
    font-size: 1rem;
    font-weight: 400;
    border-radius: 3px;
    overflow: hidden;
    border: 0
}

.vue-toggle .btn {
    display: flex;
    align-items: center
}

.vue-toggle .toggle-off,
.vue-toggle .toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    border: 0;
    border-radius: 0
}

.vue-toggle .toggle-on {
    left: 0;
    right: 50%
}

.vue-toggle .toggle-off {
    left: 50%;
    right: 0
}

.vue-toggle.off .toggle-group {
    left: -100%
}

.vue-toggle.on span.toggle-handle {
    background: linear-gradient(to bottom, #20c44e, #0e5b24)
}

@font-face {
    font-family: app-icons;
    src: url(../fonts/app-icons/app-icons.eot?opbfw1);
    src: url(../fonts/app-icons/app-icons.eot?opbfw1#iefix) format("embedded-opentype"), url(../fonts/app-icons/app-icons.woff2?opbfw1) format("woff2"), url(../fonts/app-icons/app-icons.ttf?opbfw1) format("truetype"), url(../fonts/app-icons/app-icons.woff?opbfw1) format("woff"), url(../fonts/app-icons/app-icons.svg?opbfw1#app-icons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

i {
    font-family: app-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-withdraw:before {
    content: "\e98d"
}

.icon-addgame:before {
    content: "\e990"
}

.icon-topup:before {
    content: "\e991"
}

.icon-standup:before {
    content: "\e992"
}

.icon-sitout:before {
    content: "\e993"
}

.icon-game-setting:before {
    content: "\e994"
}

.icon-leavetable:before {
    content: "\e995"
}

.icon-profile-edit:before {
    content: "\e996"
}

.icon-lottery-ticket:before {
    content: "\e98e";
    color: #f6c560
}

.icon-jackpot-ticket:before {
    content: "\e98f";
    color: #b2b2b2
}

.icon-idr1:before {
    content: "\e98b"
}

.icon-gem3:before {
    content: "\e98c"
}

.icon-jackpot:before {
    content: "\e987"
}

.icon-leaderboard3:before {
    content: "\e988"
}

.icon-rules3:before {
    content: "\e989"
}

.icon-statement2:before {
    content: "\e98a"
}

.icon-open-book:before {
    content: "\e900"
}

.icon-earth:before {
    content: "\e97b"
}

.icon-musical-note:before {
    content: "\e97c"
}

.icon-refresh-arrow:before {
    content: "\e97d"
}

.icon-3house_f:before {
    content: "\e93c"
}

.icon-quickjoin:before {
    content: "\e939"
}

.icon-gem:before {
    content: "\e96e"
}

.icon-gem2:before {
    content: "\e96f"
}

.icon-handrank:before {
    content: "\e970"
}

.icon-inbox:before {
    content: "\e971"
}

.icon-inbox2:before {
    content: "\e972"
}

.icon-statement:before {
    content: "\e973"
}

.icon-buygem:before {
    content: "\e974"
}

.icon-cross3:before {
    content: "\e901"
}

.icon-nav-last2:before {
    content: "\e902"
}

.icon-nav-first2:before {
    content: "\e903"
}

.icon-clock2:before {
    content: "\e904"
}

.icon-nav-next2:before {
    content: "\e905"
}

.icon-nav-prev2:before {
    content: "\e906"
}

.icon-flag2:before {
    content: "\e907"
}

.icon-nav-play2:before {
    content: "\e908"
}

.icon-info2:before {
    content: "\e909"
}

.icon-tick2:before {
    content: "\e90a"
}

.icon-vip:before {
    content: "\e90b"
}

.icon-user2:before {
    content: "\e90c"
}

.icon-bullet2:before {
    content: "\e90d"
}

.icon-bullet:before {
    content: "\e90e"
}

.icon-tourney2:before {
    content: "\e90f"
}

.icon-champion_fill:before {
    content: "\e93a"
}

.icon-tourney:before {
    content: "\e910"
}

.icon-rules2:before {
    content: "\e911"
}

.icon-rules:before {
    content: "\e912"
}

.icon-bagtick2:before {
    content: "\e913"
}

.icon-bagtick:before {
    content: "\e914"
}

.icon-bag2:before {
    content: "\e915"
}

.icon-bag:before {
    content: "\e916"
}

.icon-medal2:before {
    content: "\e917"
}

.icon-medal:before {
    content: "\e918"
}

.icon-rank:before {
    content: "\e93b"
}

.icon-stand2:before {
    content: "\e919"
}

.icon-stand:before {
    content: "\e91a"
}

.icon-table:before {
    content: "\e91b"
}

.icon-video:before {
    content: "\e91c"
}

.icon-video2:before {
    content: "\e91d"
}

.icon-video1:before {
    content: "\e91e"
}

.icon-tick1:before {
    content: "\e91f"
}

.icon-nav-play:before {
    content: "\e920"
}

.icon-nav-next:before {
    content: "\e921"
}

.icon-nav-prev:before {
    content: "\e922"
}

.icon-nav-first:before {
    content: "\e923"
}

.icon-nav-last:before {
    content: "\e924"
}

.icon-nav-pause:before {
    content: "\e925"
}

.icon-nav-pause2:before {
    content: "\e926"
}

.icon-add2:before {
    content: "\e927"
}

.icon-arrow-left:before {
    content: "\e928"
}

.icon-arrow-up:before {
    content: "\e929"
}

.icon-arrow-down:before {
    content: "\e92a"
}

.icon-arrow-right:before {
    content: "\e92b"
}

.icon-tick:before {
    content: "\e92c"
}

.icon-cross:before {
    content: "\e92d"
}

.icon-refresh:before {
    content: "\e92e"
}

.icon-plus:before {
    content: "\e92f"
}

.icon-cross2:before {
    content: "\e930"
}

.icon-mode:before {
    content: "\e931"
}

.icon-clock:before {
    content: "\e932"
}

.icon-exclamation:before {
    content: "\e933"
}

.icon-flag:before {
    content: "\e934"
}

.icon-info:before {
    content: "\e935"
}

.icon-addgame1:before {
    content: "\e936"
}

.icon-changepw:before {
    content: "\e937"
}

.icon-history:before {
    content: "\e938"
}

.icon-manage2:before {
    content: "\e93d"
}

.icon-manage:before {
    content: "\e93e"
}

.icon-voicehistory:before {
    content: "\e93f"
}

.icon-quote:before {
    content: "\e940"
}

.icon-hash:before {
    content: "\e941"
}

.icon-message:before {
    content: "\e942"
}

.icon-withdraw1:before {
    content: "\e943"
}

.icon-settings2:before {
    content: "\e944"
}

.icon-settings:before {
    content: "\e945"
}

.icon-edit:before {
    content: "\e946"
}

.icon-edit2:before {
    content: "\e947"
}

.icon-terms2:before {
    content: "\e948"
}

.icon-terms:before {
    content: "\e949"
}

.icon-ipgps:before {
    content: "\e94a"
}

.icon-leave:before {
    content: "\e94b"
}

.icon-home2:before {
    content: "\e94c"
}

.icon-home:before {
    content: "\e94d"
}

.icon-user:before {
    content: "\e94e"
}

.icon-nametag:before {
    content: "\e94f"
}

.icon-createclub2:before {
    content: "\e950"
}

.icon-createclub:before {
    content: "\e951"
}

.icon-rotate2:before {
    content: "\e952"
}

.icon-rotate:before {
    content: "\e953"
}

.icon-scorecard2:before {
    content: "\e954"
}

.icon-scorecard:before {
    content: "\e955"
}

.icon-leaderboard2:before {
    content: "\e956"
}

.icon-leaderboard:before {
    content: "\e957"
}

.icon-preferences:before {
    content: "\e958"
}

.icon-briefcase:before {
    content: "\e959"
}

.icon-briefcase2:before {
    content: "\e95a"
}

.icon-lock2:before {
    content: "\e95b"
}

.icon-lock:before {
    content: "\e95c"
}

.icon-mail-read:before {
    content: "\e95d"
}

.icon-mail:before {
    content: "\e95e"
}

.icon-mail2:before {
    content: "\e95f"
}

.icon-mail-read2:before {
    content: "\e960"
}

.icon-levelup:before {
    content: "\e961"
}

.icon-levelup2:before {
    content: "\e962"
}

.icon-chip3:before {
    content: "\e963"
}

.icon-chip:before {
    content: "\e964"
}

.icon-chipstack2:before {
    content: "\e965"
}

.icon-chip4:before {
    content: "\e966"
}

.icon-chip2:before {
    content: "\e967"
}

.icon-levelup3:before {
    content: "\e968"
}

.icon-chipstack:before {
    content: "\e969"
}

.icon-csd:before {
    content: "\e96a"
}

.icon-refresh1:before {
    content: "\f021"
}

.icon-calendar:before {
    content: "\f073"
}

.icon-sign-out:before {
    content: "\f08b"
}

.icon-sign-in:before {
    content: "\f090"
}

.icon-arrow-circle-left:before {
    content: "\f0a8"
}

.icon-arrow-circle-right:before {
    content: "\f0a9"
}

.icon-sort-list:before {
    content: "\f0dc"
}

.icon-sort-desc:before {
    content: "\f0dd"
}

.icon-sort-asc:before {
    content: "\f0de"
}

.icon-undo:before {
    content: "\f0e2"
}

.icon-circle-arrow-left:before {
    content: "\f137"
}

.icon-circle-arrow-right:before {
    content: "\f138"
}

.icon-circle-arrow-up:before {
    content: "\f139"
}

.icon-circle-arrow-down:before {
    content: "\f13a"
}

.icon-long-arrow-left:before {
    content: "\f177"
}

.icon-long-arrow-right:before {
    content: "\f178"
}

.icon-backspace:before {
    content: "\e986"
}

.icon-more-dots:before {
    content: "\e985"
}

.icon-list2:before {
    content: "\e9bb"
}

.icon-joined2:before {
    content: "\e984"
}

.icon-joined:before {
    content: "\e981"
}

.icon-upcoming:before {
    content: "\e982"
}

.icon-completed:before {
    content: "\e983"
}

.icon-rulesball:before {
    content: "\e980"
}

.icon-more_down:before {
    content: "\e97f"
}

.icon-entries:before {
    content: "\e97a"
}

.icon-spade:before {
    content: "\e96b"
}

.icon-club:before {
    content: "\e96c"
}

.icon-diamond:before {
    content: "\e96d"
}

.icon-cart:before {
    content: "\e975"
}

.icon-keyboard:before {
    content: "\e976"
}

.icon-display:before {
    content: "\e977"
}

.icon-laptop:before {
    content: "\e978"
}

.icon-mobile:before {
    content: "\e979"
}

.icon-mobile2:before {
    content: "\e97e"
}

.icon-shield:before {
    content: "\e9b4"
}

.icon-smile:before {
    content: "\e9e1"
}

.icon-smile2:before {
    content: "\e9e2"
}

.icon-sad:before {
    content: "\e9e5"
}

.icon-sad2:before {
    content: "\e9e6"
}

.icon-volume-high:before {
    content: "\ea26"
}

.icon-sort:before {
    content: "\ea4c"
}

.icon-filter:before {
    content: "\ea5b"
}

.icon-facebook:before {
    content: "\ea90"
}

.icon-facebook2:before {
    content: "\ea91"
}

.icon-question:before {
    content: "\ea09"
}

.icon-circle-right:before {
    content: "\ea42"
}

.icon-circle-left:before {
    content: "\ea44"
}

.icon-radio-checked:before {
    content: "\ea54"
}

.cc-popup-container {
    position: relative;
    width: 100%;
    background: 0 0;
    overflow: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.cc-popup-container.club {
    height: 480px;
    padding-bottom: 0
}

.cc-pop-up-content {
    padding: 0;
    overflow: auto
}

.modal-table-container {
    overflow: hidden;
    position: absolute;
    display: table;
    background: rgba(0, 0, 0, .5);
    table-layout: fixed;
    z-index: 131
}

.modal-table-container .modal-container {
    width: 100%;
    display: table-cell;
    vertical-align: middle
}

.modal-table-container .modal-container .modal-content {
    position: relative;
    border: 2px solid #111;
    border-radius: 5px;
    background: linear-gradient(to bottom, #29313b, #191e24);
    width: calc(100% - 30px);
    margin: auto;
    min-width: 300px;
    min-height: 50px;
    max-width: 560px
}

.modal-table-container .modal-container .modal-content.insurance {
    padding: 2px;
    border: 2px solid #0e5b24;
    border-radius: 5px;
    background: linear-gradient(to bottom, #29313b, #191e24)
}

@media (min-width:768px) {
    .modal-table-container .modal-container .modal-content {
        width: 70%
    }
}

.modal-table-container .modal-container .modal-content.updateApp .modal-header .icon-cross {
    font-size: 0;
    display: none
}

.modal-table-container .modal-container .modal-content.updateApp .modal-body .jsContent {
    padding: 1.25rem .625rem
}

.modal-table-container .modal-container .modal-content .modal-header {
    position: relative;
    background-color: transparent;
    border-radius: 3px 3px 0 0;
    padding: 0;
    min-height: 0;
    border: 0
}

.modal-table-container .modal-container .modal-content .modal-header.insurance {
    height: 0;
    top: -2px
}

.modal-table-container .modal-container .modal-content .modal-header h4 {
    position: relative;
    font-size: 1.125rem;
    text-align: center;
    line-height: 3rem;
    color: #20c44e
}

.modal-table-container .modal-container .modal-content .modal-header .icon-arrow-left {
    font-size: 1.25rem;
    position: absolute;
    top: .937rem;
    left: 1.25rem;
    color: #ddd;
    display: none;
    cursor: pointer
}

.modal-table-container .modal-container .modal-content .modal-header .icon-cross {
    font-size: 1.142rem;
    position: absolute;
    top: .571rem;
    right: .571rem;
    color: #ddd;
    cursor: pointer;
    z-index: 10
}

.modal-table-container .modal-container .modal-content .modal-header .icon-cross.no-background {
    font-family: Ubuntu, Helvetica, Arial !important;
    font-size: 1rem;
    font-weight: 600;
    color: #20c44e;
    top: 50%;
    transform: translateY(-50%);
    left: -60%
}

.modal-table-container .modal-container .modal-content .modal-header .icon-cross.no-background:before {
    display: none
}

.modal-table-container .modal-container .modal-content .modal-header .header-background {
    position: relative;
    top: -2px;
    width: calc(100% - 17 * 2px - 30 * 2px);
    margin: 0 auto;
    height: 17px;
    z-index: 1;
    border-width: 1px 0 2px 0
}

.modal-table-container .modal-container .modal-content .modal-header .header-background::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border-width: 1px 0 1px 1px;
    transform: skewX(30deg) translateX(calc(-100% + 15px))
}

.modal-table-container .modal-container .modal-content .modal-header .header-background::after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border-width: 1px 1px 1px 0;
    transform: skewX(-30deg) translateX(calc(100% - 15px))
}

.modal-table-container .modal-container .modal-content .modal-header .header-background .header-group {
    margin: 0 auto;
    display: flex;
    height: 22px;
    width: 100%;
    position: absolute;
    bottom: -2px
}

.modal-table-container .modal-container .modal-content .modal-header .sideL,
.modal-table-container .modal-container .modal-content .modal-header .sideR {
    width: 30px;
    background: no-repeat center top/100% 100%;
    background-image: unset
}

.modal-table-container .modal-container .modal-content .modal-header .sideL {
    background-image: url(../images/variation-img/lobby_images/popup_line_l.png)
}

.modal-table-container .modal-container .modal-content .modal-header .sideR {
    background-image: url(../images/variation-img/lobby_images/popup_line_r.png)
}

.modal-table-container .modal-container .modal-content .modal-header .lineL,
.modal-table-container .modal-container .modal-content .modal-header .lineR {
    width: 30%;
    background: url(../images/variation-img/lobby_images/popup_line.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center top;
    flex: 1 1
}

.modal-table-container .modal-container .modal-content .modal-header div.title-bg {
    background: url(../images/variation-img/lobby_images/title_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    transform: translateY(-40%);
    padding: 2px 2.5rem;
    min-width: 12rem;
    max-width: 90%;
    min-height: 2.142rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-table-container .modal-container .modal-content .modal-header div.title-bg h2.title,
.modal-table-container .modal-container .modal-content .modal-header div.title-bg h4.modal-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    font-size: 1.142rem;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    word-break: break-word;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px;
    text-transform: uppercase
}

.modal-table-container .modal-container .modal-content .modal-body {
    border: 0;
    padding: 0;
    color: #ddd;
    border-radius: 3px;
    overflow: auto
}

.modal-table-container .modal-container .modal-content .modal-body.insurance {
    padding-top: 15px
}

.modal-table-container .modal-container .modal-content .modal-body.insurance .cc-pop-up-content {
    padding: 0 5px;
    border-radius: 6px;
    overflow: hidden
}

.modal-table-container .modal-container .modal-content .modal-body .jsContent {
    text-align: center;
    font-size: 1rem;
    padding: .875rem
}

.modal-table-container .modal-container .modal-content .modal-footer {
    padding: .714rem;
    border-top: 0;
    display: flex;
    flex-flow: row nowrap
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn {
    font-size: 1rem;
    line-height: 1;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Kanit;
    font-size: 1rem;
    text-align: center;
    color: #e0e0e0;
    cursor: pointer;
    height: 2.857rem;
    padding: .5rem 1rem;
    margin: 0 auto;
    border-radius: 6px;
    border: solid 1px #333;
    box-shadow: 0 0 0 1px #111;
    background: -moz-linear-gradient(bottom, #444 0, #999 100%);
    background: -webkit-linear-gradient(bottom, #444 0, #999 100%);
    background: -o-linear-gradient(bottom, #444 0, #999 100%);
    background: -ms-linear-gradient(bottom, #444 0, #999 100%);
    background: linear-gradient(bottom, #444 0, #999 100%)
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn+button.btn {
    margin-left: 1rem
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn-one {
    display: none;
    width: 100%;
    color: #fff;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn-left {
    color: #fff
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn-left:disabled {
    opacity: 1;
    background-color: #1a1a1a;
    color: #666
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn-right {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    color: #fff !important
}

.modal-table-container .modal-container .modal-content .modal-footer button.btn-right:disabled {
    opacity: 1;
    background: -moz-linear-gradient(bottom, #19983d 0, #014c1a 100%);
    background: -webkit-linear-gradient(bottom, #19983d 0, #014c1a 100%);
    background: -o-linear-gradient(bottom, #19983d 0, #014c1a 100%);
    background: -ms-linear-gradient(bottom, #19983d 0, #014c1a 100%);
    background: linear-gradient(bottom, #19983d 0, #014c1a 100%);
    color: #333
}

.modal-table-container .modal-container .modal-content .footer-addition {
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0
}

.modal-table-container .modal-container .modal-content .footer-addition .bar {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30 * 2px);
    height: 15px;
    z-index: 1;
    border: 1px solid #13161b;
    background: linear-gradient(0deg, #13161b, #000)
}

.modal-table-container .modal-container .modal-content .footer-addition .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #13161b;
    border-width: 1px 0 1px 1px;
    transform: skewX(30deg) translateX(calc(-100% + 15px));
    background: linear-gradient(0deg, #13161b, #000)
}

.modal-table-container .modal-container .modal-content .footer-addition .bar::after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #13161b;
    border-width: 1px 1px 1px 0;
    transform: skewX(-30deg) translateX(calc(100% - 15px));
    background: linear-gradient(0deg, #13161b, #000)
}

.modal-table-container .modal-container.noButtons .modal-body {
    width: 100%;
    padding: 0;
    overflow-x: hidden
}

.modal-table-container .modal-container.noButtons .modal-footer {
    display: none
}

.modal-table-container .modal-container.oneButtons .modal-footer button.btn-one {
    display: block;
    margin: 0 !important
}

.modal-table-container .modal-container.oneButtons .modal-footer button.btn-left,
.modal-table-container .modal-container.oneButtons .modal-footer button.btn-right {
    display: none
}

.modal-table-container .modal-container.addGameMenu .modal-header .icon-arrow-left {
    display: inline-block
}

.modal-table-container .modal-container.playerProfileModal .modal-body {
    padding: 0
}

.modal-table-container .modal-container.tambola-modal .modal-content {
    position: relative;
    z-index: 0;
    border-radius: 3px
}

.modal-table-container .modal-container.tambola-modal .modal-content:before {
    content: '';
    box-sizing: border-box;
    z-index: -1;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background-color: #000
}

.modal-table-container .modal-container.tambola-modal .modal-header {
    height: 4rem;
    background-color: transparent;
    border-bottom: none
}

.modal-table-container .modal-container.tambola-modal .modal-header h4 {
    font-size: 1.625rem;
    text-align: left;
    line-height: 4rem;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .3);
    text-indent: 10px
}

.modal-table-container .modal-container.tambola-modal .modal-header .icon-leave,
.modal-table-container .modal-container.tambola-modal .modal-header .icon-list2,
.modal-table-container .modal-container.tambola-modal .modal-header .icon-question,
.modal-table-container .modal-container.tambola-modal .modal-header .icon-rulesball,
.modal-table-container .modal-container.tambola-modal .modal-header .icon-settings2,
.modal-table-container .modal-container.tambola-modal .modal-header .icon-sign-out,
.modal-table-container .modal-container.tambola-modal .modal-header .icon-user2 {
    font-size: 2rem;
    vertical-align: middle;
    margin-right: .75rem
}

.modal-table-container .modal-container.tambola-modal .modal-header .icon-cross {
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: #888;
    z-index: 10
}

.modal-table-container .modal-container.tambola-modal .modal-body {
    position: relative;
    z-index: 0;
    background-color: transparent;
    padding: 0 .937rem 1rem .937rem
}

.modal-table-container .modal-container.tambola-modal .modal-footer {
    margin: 0 auto 1rem auto;
    border: 0 !important
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn {
    position: relative;
    width: calc(50% - 1.5rem);
    height: 3rem;
    background-color: transparent;
    z-index: 0;
    border-radius: 3px
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn-one {
    width: calc(100% - 2rem);
    margin: 0 1rem !important;
    color: #aaa
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn-one:before {
    content: '';
    box-sizing: border-box;
    z-index: -1;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: -moz-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: -webkit-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: -o-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: -ms-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: linear-gradient(top, #cd2d00 0, #470000 100%)
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn-left {
    margin: 0 .5rem 0 1rem !important;
    color: #aaa
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn-left:before {
    content: '';
    box-sizing: border-box;
    z-index: -1;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: -moz-linear-gradient(top, #222 0, #111 100%);
    background: -webkit-linear-gradient(top, #222 0, #111 100%);
    background: -o-linear-gradient(top, #222 0, #111 100%);
    background: -ms-linear-gradient(top, #222 0, #111 100%);
    background: linear-gradient(top, #222 0, #111 100%)
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn-right {
    margin: 0 1rem 0 .5rem !important;
    color: #aaa
}

.modal-table-container .modal-container.tambola-modal .modal-footer button.btn-right:before {
    content: '';
    box-sizing: border-box;
    z-index: -1;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    background: -moz-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: -webkit-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: -o-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: -ms-linear-gradient(top, #cd2d00 0, #470000 100%);
    background: linear-gradient(top, #cd2d00 0, #470000 100%)
}

ul.modal-tabs {
    width: 100%
}

ul.modal-tabs li {
    width: 33.3%;
    text-align: center;
    padding: 0;
    display: inline-block;
    color: #ddd;
    background-color: #444;
    overflow: none
}

ul.modal-tabs li:first-child {
    border-radius: 3px 0 0 0
}

ul.modal-tabs li:last-child {
    border-radius: 0 3px 0 0
}

ul.modal-tabs li a {
    font-size: .875rem;
    font-weight: 600;
    line-height: 2.4;
    color: #aaa
}

ul.modal-tabs li.active {
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%)
}

ul.modal-tabs li.active a {
    color: #111
}

ul.modal-tabs.insurance li {
    width: 24%
}

.cc-club-notice-msg {
    padding: 1rem 0
}

.cc-club-notice-msg p {
    width: 90%;
    color: #fff;
    margin: auto;
    text-align: justify
}

.cc-gem-rewards {
    position: relative;
    width: 90%;
    text-align: center;
    margin: 1rem auto .25rem auto;
    border-radius: 6px;
    border: 1px solid #111;
    overflow: hidden
}

.cc-gem-rewards img {
    top: 0;
    left: 0;
    width: 100%
}

.cc-gem-rewards h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    padding: 1rem 0
}

.cc-gem-rewards h4 {
    font-size: 1.75rem;
    font-weight: 600;
    color: #20c44e;
    padding: .5rem 0
}

.cc-gem-rewards h6 {
    font-size: 1rem;
    margin: 0
}

.cc-gem-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.tourney-register-slider {
    width: 100%;
    padding: 1rem 0 1.5rem 0
}

.tourney-register-slider .slider.slider-horizontal {
    width: 70% !important
}

.bullets-icon-div {
    padding: 1rem 0
}

.bullets-icon-div i {
    font-size: 2rem
}

.bullets-icon-div i.icon-bullet {
    color: #fff
}

.bullets-icon-div i.icon-bullet2 {
    color: #fff
}

.bullets-count-div {
    color: #fff
}

.bullets-count-div .icon-chip {
    font-size: 1rem;
    margin: 0 .187rem 0 .062rem;
    vertical-align: middle;
    color: #ffea00
}

.bullets-count-div bullet-cost {
    color: #fff
}

.browser-ipad .modal-table-container .modal-container .modal-content,
.real-ipad .modal-table-container .modal-container .modal-content {
    width: 70%
}

.upload-demo .upload-demo-wrap,
.upload-demo .upload-result,
.upload-demo.ready .upload-msg {
    display: none
}

.upload-demo.ready .upload-demo-wrap {
    display: block
}

.upload-demo.ready .upload-result {
    display: inline-block
}

.upload-demo-wrap {
    height: 28rem;
    margin: 0 auto
}

.slider .slider-horizontal {
    border: solid 3px #111;
    border-radius: 15px !important
}

.slider .slider-track-high,
.slider .slider.slider-horizontal {
    border-radius: 5%
}

.slider .slider-track-high {
    border: 0
}

.slider .slider-handle.min-slider-handle.round {
    top: -30%
}

.slider .slider-selection {
    background: #111 !important;
    height: 15px;
    top: -6px;
    border-radius: 7px
}

.slider-handle {
    background: url(../images/variation-img/lobby_images/silderbtn.png);
    background-size: 100% 100%;
    width: 3rem;
    height: 3rem;
    box-shadow: 0 0 6px #000
}

.slider.slider-horizontal {
    width: 100% !important;
    height: 1.5rem
}

.slider.slider-horizontal .slider-track {
    height: 18px !important;
    border: solid 3px #017f2b;
    border-radius: 15px
}

.slider.slider-horizontal .slider-selection {
    background: #20c44e !important
}

.slider.slider-horizontal .slider-track-high,
.slider.slider-horizontal .slider-track-low {
    background: #000 !important;
    border-radius: 15px
}

.slider.slider-horizontal .slider-handle,
.slider.slider-horizontal .slider-tick {
    margin-left: -1.42rem
}

.history-controls-slider .slider {
    display: block !important;
    width: 87%;
    background-color: transparent;
    margin: auto
}

.history-controls-slider .slider.slider-horizontal {
    width: calc(100% - 4rem) !important;
    height: 3rem
}

.history-controls-slider .slider.slider-horizontal .slider-handle {
    margin-top: .75rem
}

.history-controls-container .slider .slider-horizontal {
    border: none;
    margin-top: none
}

.notifyjs-corner {
    width: 80% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    z-index: 99999 !important
}

.notifyjs-corner .notifyjs-container,
.notifyjs-corner .notifyjs-wrapper {
    width: 100% !important
}

.notifyjs-corner .notifyjs-container>*,
.notifyjs-corner .notifyjs-wrapper>* {
    font-weight: 400
}

.notifyjs-bootstrap-base {
    white-space: unset !important;
    padding-left: 2rem !important
}

.toggle {
    height: 2em !important;
    width: 4.571rem !important;
    min-height: 0 !important;
    min-width: 0 !important
}

.panel-body {
    border: 0 !important
}

.cc-insurance-slider .sliderlens.fixed {
    background-color: #13161b !important
}

.cc-insurance-slider .sliderlens svg>path {
    stroke: #fff !important
}

.cc-insurance-slider .sliderlens svg>g>text {
    fill: #fff !important;
    font-size: .7rem !important
}

.cc-insurance-slider .slider-container .sliderlens {
    width: 100% !important;
    height: 3.25rem !important
}

.cc-insurance-slider .slider.slider-horizontal .slider-track-high,
.cc-insurance-slider .slider.slider-horizontal .slider-track-low {
    background-color: #ddd !important
}

.notifyjs-bootstrap-base {
    background-position: 10px 8px !important;
    border-radius: 18px !important;
    padding-left: 3.5rem !important;
    border: 0 !important;
    text-shadow: none !important;
    font-family: Ubuntu, Helvetica, Arial !important;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.notifyjs-bootstrap-info {
    background-color: #58b8ef !important;
    color: #00192d !important
}

.notifyjs-bootstrap-warn {
    background-color: #f1c78a !important;
    color: #6a4600 !important
}

.notifyjs-bootstrap-success {
    background-color: #79d277 !important;
    color: #006702 !important
}

.notifyjs-bootstrap-error {
    background-color: #ef8282 !important;
    color: #7b0200 !important
}

.report-player-reason p {
    font-weight: 400;
    border-radius: 3px 3px 0 0 !important
}

.report-player-reason textarea {
    background-color: #191e24 !important;
    border-radius: 0 0 3px 3px !important
}

.report-player-section .modal-footer .btn-right:disabled {
    color: #777 !important
}

@font-face {
    font-family: Ubuntu-R;
    src: url(../fonts/ubuntu-r-webfont.woff2) format("woff2"), url(../fonts/ubuntu-r-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(../fonts/4iCs6KVjbNBYlgoKcg72nU6AF7xm.woff2) format("woff2");
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(../fonts/4iCs6KVjbNBYlgoKew72nU6AF7xm.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(../fonts/4iCs6KVjbNBYlgoKcw72nU6AF7xm.woff2) format("woff2");
    unicode-range: U+1F00-1FFF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(../fonts/4iCs6KVjbNBYlgoKfA72nU6AF7xm.woff2) format("woff2");
    unicode-range: U+0370-03FF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(../fonts/4iCs6KVjbNBYlgoKcQ72nU6AF7xm.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(../fonts/4iCs6KVjbNBYlgoKfw72nU6AFw.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: Ubuntu;
    src: url(../fonts/Ubuntu-R.ttf) format("truetype")
}

@font-face {
    font-family: DS-Digital;
    src: url(../fonts/ds-digi.ttf) format("truetype")
}

.card {
    max-width: 100%;
    background-color: #aaa;
    border-radius: 2px;
    width: 23px;
    display: inline-block;
    margin: auto
}

.card:before {
    content: "";
    padding-bottom: 133%;
    width: 100%;
    display: block
}

.cardv1 {
    background: url(../images/game_sprites/v1-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv2 {
    background: url(../images/game_sprites/v2-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv3 {
    background: url(../images/game_sprites/v3-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv4 {
    background: url(../images/game_sprites/v4-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv5 {
    background: url(../images/game_sprites/v5-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv6 {
    background: url(../images/game_sprites/v6-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv7 {
    background: url(../images/game_sprites/v7-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cardv8 {
    background: url(../images/game_sprites/v8-pokerCards-small.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv1 {
    background: url(../images/game_sprites/v1-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv2 {
    background: url(../images/game_sprites/v2-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv3 {
    background: url(../images/game_sprites/v3-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv4 {
    background: url(../images/game_sprites/v4-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv5 {
    background: url(../images/game_sprites/v5-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv6 {
    background: url(../images/game_sprites/v6-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv7 {
    background: url(../images/game_sprites/v7-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.crackcardv8 {
    background: url(../images/game_sprites/v8-pokerCards-small-crack.png) no-repeat;
    background-size: 1246.341463414634% 551.7241379310345%
}

.cd2 {
    background-position: 69.57446808510639% 74.04580152671755%
}

.cd3 {
    background-position: 79.36170212765957% 74.04580152671755%
}

.cd4 {
    background-position: 89.14893617021276% 74.04580152671755%
}

.cd5 {
    background-position: 98.93617021276596% 74.04580152671755%
}

.cd6 {
    background-position: 1.0638297872340425% 98.09160305343511%
}

.cd7 {
    background-position: 10.851063829787234% 98.09160305343511%
}

.cd8 {
    background-position: 20.638297872340427% 98.09160305343511%
}

.cd9 {
    background-position: 30.425531914893618% 98.09160305343511%
}

.cd10 {
    background-position: 40.212765957446805% 98.09160305343511%
}

.cd11 {
    background-position: 50% 98.09160305343511%
}

.cd12 {
    background-position: 59.787234042553195% 98.09160305343511%
}

.cd13 {
    background-position: 69.57446808510639% 98.09160305343511%
}

.cd1 {
    background-position: 59.787234042553195% 74.04580152671755%
}

.cd202 {
    background-position: 30.425531914893618% 25.954198473282442%
}

.cd203 {
    background-position: 40.212765957446805% 25.954198473282442%
}

.cd204 {
    background-position: 50% 25.954198473282442%
}

.cd205 {
    background-position: 59.787234042553195% 25.954198473282442%
}

.cd206 {
    background-position: 69.57446808510639% 25.954198473282442%
}

.cd207 {
    background-position: 79.36170212765957% 25.954198473282442%
}

.cd208 {
    background-position: 89.14893617021276% 25.954198473282442%
}

.cd209 {
    background-position: 98.93617021276596% 25.954198473282442%
}

.cd210 {
    background-position: 1.0638297872340425% 50%
}

.cd211 {
    background-position: 10.851063829787234% 50%
}

.cd212 {
    background-position: 20.638297872340427% 50%
}

.cd213 {
    background-position: 30.425531914893618% 50%
}

.cd201 {
    background-position: 20.638297872340427% 25.954198473282442%
}

.cd302 {
    background-position: 10.851063829787234% 1.9083969465648856%
}

.cd303 {
    background-position: 20.638297872340427% 1.9083969465648856%
}

.cd304 {
    background-position: 30.425531914893618% 1.9083969465648856%
}

.cd305 {
    background-position: 40.212765957446805% 1.9083969465648856%
}

.cd306 {
    background-position: 50% 1.9083969465648856%
}

.cd307 {
    background-position: 59.787234042553195% 1.9083969465648856%
}

.cd308 {
    background-position: 69.57446808510639% 1.9083969465648856%
}

.cd309 {
    background-position: 79.36170212765957% 1.9083969465648856%
}

.cd310 {
    background-position: 89.14893617021276% 1.9083969465648856%
}

.cd311 {
    background-position: 98.93617021276596% 1.9083969465648856%
}

.cd312 {
    background-position: 1.0638297872340425% 25.954198473282442%
}

.cd313 {
    background-position: 10.851063829787234% 25.954198473282442%
}

.cd301 {
    background-position: 1.0638297872340425% 1.9083969465648856%
}

.cd102 {
    background-position: 50% 50%
}

.cd103 {
    background-position: 59.787234042553195% 50%
}

.cd104 {
    background-position: 69.57446808510639% 50%
}

.cd105 {
    background-position: 79.36170212765957% 50%
}

.cd106 {
    background-position: 89.14893617021276% 50%
}

.cd107 {
    background-position: 98.93617021276596% 50%
}

.cd108 {
    background-position: 1.0638297872340425% 74.04580152671755%
}

.cd109 {
    background-position: 10.851063829787234% 74.04580152671755%
}

.cd110 {
    background-position: 20.638297872340427% 74.04580152671755%
}

.cd111 {
    background-position: 30.425531914893618% 74.04580152671755%
}

.cd112 {
    background-position: 40.212765957446805% 74.04580152671755%
}

.cd113 {
    background-position: 50% 74.04580152671755%
}

.cd101 {
    background-position: 40.212765957446805% 50%
}

.cd401 {
    background-position: 79.36170212765957% 98.09160305343511%
}

.cd402 {
    background-position: 89.14893617021276% 98.09160305343511%
}

.cd403 {
    background-position: 98.93617021276596% 98.09160305343511%
}

.darkCard {
    opacity: .5
}

.domino {
    max-width: 100%;
    background-color: transparent;
    width: 20px;
    display: inline-block;
    margin: auto;
    background-size: 880% 2305.7471264367814%;
    background-image: url(../images/game_sprites/css-dominoTiles.png)
}

.domino:before {
    content: "";
    padding-bottom: 193.33333333333334%;
    width: 100%;
    display: block
}

.v1-t0b0 {
    background-position: 1.1396011396011396% .20844189682126107%
}

.v1-t0b1 {
    background-position: 1.1396011396011396% 4.9504950495049505%
}

.v1-t0b2 {
    background-position: 1.1396011396011396% 9.69254820218864%
}

.v1-t0b3 {
    background-position: 1.1396011396011396% 14.43460135487233%
}

.v1-t0b4 {
    background-position: 1.1396011396011396% 19.17665450755602%
}

.v1-t0b5 {
    background-position: 1.1396011396011396% 23.918707660239708%
}

.v1-t0b6 {
    background-position: 1.1396011396011396% 28.660760812923396%
}

.v1-t1b1 {
    background-position: 1.1396011396011396% 33.40281396560709%
}

.v1-t1b2 {
    background-position: 1.1396011396011396% 38.144867118290776%
}

.v1-t1b3 {
    background-position: 1.1396011396011396% 42.886920270974464%
}

.v1-t1b4 {
    background-position: 1.1396011396011396% 47.62897342365815%
}

.v1-t1b5 {
    background-position: 1.1396011396011396% 52.37102657634185%
}

.v1-t1b6 {
    background-position: 1.1396011396011396% 57.113079729025536%
}

.v1-t2b2 {
    background-position: 1.1396011396011396% 61.855132881709224%
}

.v1-t2b3 {
    background-position: 1.1396011396011396% 66.59718603439292%
}

.v1-t2b4 {
    background-position: 1.1396011396011396% 71.3392391870766%
}

.v1-t2b5 {
    background-position: 1.1396011396011396% 76.0812923397603%
}

.v1-t2b6 {
    background-position: 1.1396011396011396% 80.82334549244398%
}

.v1-t3b3 {
    background-position: 1.1396011396011396% 85.56539864512767%
}

.v1-t3b4 {
    background-position: 1.1396011396011396% 90.30745179781135%
}

.v1-t3b5 {
    background-position: 1.1396011396011396% 95.04950495049505%
}

.v1-t3b6 {
    background-position: 1.1396011396011396% 99.79155810317874%
}

.v1-t4b4 {
    background-position: 15.0997150997151% .20844189682126107%
}

.v1-t4b5 {
    background-position: 15.0997150997151% 4.9504950495049505%
}

.v1-t4b6 {
    background-position: 15.0997150997151% 9.69254820218864%
}

.v1-t5b5 {
    background-position: 15.0997150997151% 14.43460135487233%
}

.v1-t5b6 {
    background-position: 15.0997150997151% 19.17665450755602%
}

.v1-t6b6 {
    background-position: 15.0997150997151% 23.918707660239708%
}

.v1-tb {
    background-position: 15.0997150997151% 28.660760812923396%
}

.v2-t0b0 {
    background-position: 15.0997150997151% 33.40281396560709%
}

.v2-t0b1 {
    background-position: 15.0997150997151% 38.144867118290776%
}

.v2-t0b2 {
    background-position: 15.0997150997151% 42.886920270974464%
}

.v2-t0b3 {
    background-position: 15.0997150997151% 47.62897342365815%
}

.v2-t0b4 {
    background-position: 15.0997150997151% 52.37102657634185%
}

.v2-t0b5 {
    background-position: 15.0997150997151% 57.113079729025536%
}

.v2-t0b6 {
    background-position: 15.0997150997151% 61.855132881709224%
}

.v2-t1b1 {
    background-position: 15.0997150997151% 66.59718603439292%
}

.v2-t1b2 {
    background-position: 15.0997150997151% 71.3392391870766%
}

.v2-t1b3 {
    background-position: 15.0997150997151% 76.0812923397603%
}

.v2-t1b4 {
    background-position: 15.0997150997151% 80.82334549244398%
}

.v2-t1b5 {
    background-position: 15.0997150997151% 85.56539864512767%
}

.v2-t1b6 {
    background-position: 15.0997150997151% 90.30745179781135%
}

.v2-t2b2 {
    background-position: 15.0997150997151% 95.04950495049505%
}

.v2-t2b3 {
    background-position: 15.0997150997151% 99.79155810317874%
}

.v2-t2b4 {
    background-position: 29.05982905982906% .20844189682126107%
}

.v2-t2b5 {
    background-position: 29.05982905982906% 4.9504950495049505%
}

.v2-t2b6 {
    background-position: 29.05982905982906% 9.69254820218864%
}

.v2-t3b3 {
    background-position: 29.05982905982906% 14.43460135487233%
}

.v2-t3b4 {
    background-position: 29.05982905982906% 19.17665450755602%
}

.v2-t3b5 {
    background-position: 29.05982905982906% 23.918707660239708%
}

.v2-t3b6 {
    background-position: 29.05982905982906% 28.660760812923396%
}

.v2-t4b4 {
    background-position: 29.05982905982906% 33.40281396560709%
}

.v2-t4b5 {
    background-position: 29.05982905982906% 38.144867118290776%
}

.v2-t4b6 {
    background-position: 29.05982905982906% 42.886920270974464%
}

.v2-t5b5 {
    background-position: 29.05982905982906% 47.62897342365815%
}

.v2-t5b6 {
    background-position: 29.05982905982906% 52.37102657634185%
}

.v2-t6b6 {
    background-position: 29.05982905982906% 57.113079729025536%
}

.v3-t0b0 {
    background-position: 29.05982905982906% 66.59718603439292%
}

.v3-t0b1 {
    background-position: 29.05982905982906% 71.3392391870766%
}

.v3-t0b2 {
    background-position: 29.05982905982906% 76.0812923397603%
}

.v3-t0b3 {
    background-position: 29.05982905982906% 80.82334549244398%
}

.v3-t0b4 {
    background-position: 29.05982905982906% 85.56539864512767%
}

.v3-t0b5 {
    background-position: 29.05982905982906% 90.30745179781135%
}

.v3-t0b6 {
    background-position: 29.05982905982906% 95.04950495049505%
}

.v3-t1b1 {
    background-position: 29.05982905982906% 99.79155810317874%
}

.v3-t1b2 {
    background-position: 43.01994301994302% .20844189682126107%
}

.v3-t1b3 {
    background-position: 43.01994301994302% 4.9504950495049505%
}

.v3-t1b4 {
    background-position: 43.01994301994302% 9.69254820218864%
}

.v3-t1b5 {
    background-position: 43.01994301994302% 14.43460135487233%
}

.v3-t1b6 {
    background-position: 43.01994301994302% 19.17665450755602%
}

.v3-t2b2 {
    background-position: 43.01994301994302% 23.918707660239708%
}

.v3-t2b3 {
    background-position: 43.01994301994302% 28.660760812923396%
}

.v3-t2b4 {
    background-position: 43.01994301994302% 33.40281396560709%
}

.v3-t2b5 {
    background-position: 43.01994301994302% 38.144867118290776%
}

.v3-t2b6 {
    background-position: 43.01994301994302% 42.886920270974464%
}

.v3-t3b3 {
    background-position: 43.01994301994302% 47.62897342365815%
}

.v3-t3b4 {
    background-position: 43.01994301994302% 52.37102657634185%
}

.v3-t3b5 {
    background-position: 43.01994301994302% 57.113079729025536%
}

.v3-t3b6 {
    background-position: 43.01994301994302% 61.855132881709224%
}

.v3-t4b4 {
    background-position: 43.01994301994302% 66.59718603439292%
}

.v3-t4b5 {
    background-position: 43.01994301994302% 71.3392391870766%
}

.v3-t4b6 {
    background-position: 43.01994301994302% 76.0812923397603%
}

.v3-t5b5 {
    background-position: 43.01994301994302% 80.82334549244398%
}

.v3-t5b6 {
    background-position: 43.01994301994302% 85.56539864512767%
}

.v3-t6b6 {
    background-position: 43.01994301994302% 90.30745179781135%
}

.v3-tb {
    background-position: 43.01994301994302% 95.04950495049505%
}

.v4-t0b0 {
    background-position: 43.01994301994302% 99.79155810317874%
}

.v4-t0b1 {
    background-position: 56.98005698005698% .20844189682126107%
}

.v4-t0b2 {
    background-position: 56.98005698005698% 4.9504950495049505%
}

.v4-t0b3 {
    background-position: 56.98005698005698% 9.69254820218864%
}

.v4-t0b4 {
    background-position: 56.98005698005698% 14.43460135487233%
}

.v4-t0b5 {
    background-position: 56.98005698005698% 19.17665450755602%
}

.v4-t0b6 {
    background-position: 56.98005698005698% 23.918707660239708%
}

.v4-t1b1 {
    background-position: 56.98005698005698% 28.660760812923396%
}

.v4-t1b2 {
    background-position: 56.98005698005698% 33.40281396560709%
}

.v4-t1b3 {
    background-position: 56.98005698005698% 38.144867118290776%
}

.v4-t1b5 {
    background-position: 56.98005698005698% 47.62897342365815%
}

.v4-t1b6 {
    background-position: 56.98005698005698% 52.37102657634185%
}

.v4-t2b2 {
    background-position: 56.98005698005698% 57.113079729025536%
}

.v4-t2b3 {
    background-position: 56.98005698005698% 61.855132881709224%
}

.v4-t2b4 {
    background-position: 56.98005698005698% 66.59718603439292%
}

.v4-t2b5 {
    background-position: 56.98005698005698% 71.3392391870766%
}

.v4-t2b6 {
    background-position: 56.98005698005698% 76.0812923397603%
}

.v4-t3b3 {
    background-position: 56.98005698005698% 80.82334549244398%
}

.v4-t3b4 {
    background-position: 56.98005698005698% 85.56539864512767%
}

.v4-t3b5 {
    background-position: 56.98005698005698% 90.30745179781135%
}

.v4-t3b6 {
    background-position: 56.98005698005698% 95.04950495049505%
}

.v4-t4b4 {
    background-position: 56.98005698005698% 99.79155810317874%
}

.v4-t4b5 {
    background-position: 70.94017094017094% .20844189682126107%
}

.v4-t4b6 {
    background-position: 70.94017094017094% 4.9504950495049505%
}

.v4-t5b5 {
    background-position: 70.94017094017094% 9.69254820218864%
}

.v4-t5b6 {
    background-position: 70.94017094017094% 14.43460135487233%
}

.v4-t6b6 {
    background-position: 70.94017094017094% 19.17665450755602%
}

.v4-tb {
    background-position: 70.94017094017094% 23.918707660239708%
}

.v5-t0b0 {
    background-position: 70.94017094017094% 28.660760812923396%
}

.v5-t0b1 {
    background-position: 70.94017094017094% 33.40281396560709%
}

.v5-t0b2 {
    background-position: 70.94017094017094% 38.144867118290776%
}

.v5-t0b3 {
    background-position: 70.94017094017094% 42.886920270974464%
}

.v5-t0b4 {
    background-position: 70.94017094017094% 47.62897342365815%
}

.v5-t0b5 {
    background-position: 70.94017094017094% 52.37102657634185%
}

.v5-t0b6 {
    background-position: 70.94017094017094% 57.113079729025536%
}

.v5-t1b1 {
    background-position: 70.94017094017094% 61.855132881709224%
}

.v5-t1b2 {
    background-position: 70.94017094017094% 66.59718603439292%
}

.v5-t1b3 {
    background-position: 70.94017094017094% 71.3392391870766%
}

.v5-t1b4 {
    background-position: 70.94017094017094% 76.0812923397603%
}

.v5-t1b5 {
    background-position: 70.94017094017094% 80.82334549244398%
}

.v5-t1b6 {
    background-position: 70.94017094017094% 85.56539864512767%
}

.v5-t2b2 {
    background-position: 70.94017094017094% 90.30745179781135%
}

.v5-t2b3 {
    background-position: 70.94017094017094% 95.04950495049505%
}

.v5-t2b4 {
    background-position: 70.94017094017094% 99.79155810317874%
}

.v5-t2b5 {
    background-position: 84.9002849002849% .20844189682126107%
}

.v5-t2b6 {
    background-position: 84.9002849002849% 4.9504950495049505%
}

.v5-t3b3 {
    background-position: 84.9002849002849% 9.69254820218864%
}

.v5-t3b4 {
    background-position: 84.9002849002849% 14.43460135487233%
}

.v5-t3b5 {
    background-position: 84.9002849002849% 19.17665450755602%
}

.v5-t3b6 {
    background-position: 84.9002849002849% 23.918707660239708%
}

.v5-t4b4 {
    background-position: 84.9002849002849% 28.660760812923396%
}

.v5-t4b5 {
    background-position: 84.9002849002849% 33.40281396560709%
}

.v5-t4b6 {
    background-position: 84.9002849002849% 38.144867118290776%
}

.v5-t5b5 {
    background-position: 84.9002849002849% 42.886920270974464%
}

.v5-t5b6 {
    background-position: 84.9002849002849% 47.62897342365815%
}

.v5-t6b6 {
    background-position: 84.9002849002849% 52.37102657634185%
}

.v5-tb {
    background-position: 84.9002849002849% 57.113079729025536%
}

.v6-t0b0 {
    background-position: 84.9002849002849% 61.855132881709224%
}

.v6-t0b1 {
    background-position: 84.9002849002849% 66.59718603439292%
}

.v6-t0b2 {
    background-position: 84.9002849002849% 71.3392391870766%
}

.v6-t0b3 {
    background-position: 84.9002849002849% 76.0812923397603%
}

.v6-t0b4 {
    background-position: 84.9002849002849% 80.82334549244398%
}

.v6-t0b5 {
    background-position: 84.9002849002849% 85.56539864512767%
}

.v6-t0b6 {
    background-position: 84.9002849002849% 90.30745179781135%
}

.v6-t1b1 {
    background-position: 84.9002849002849% 95.04950495049505%
}

.v6-t1b2 {
    background-position: 84.9002849002849% 99.79155810317874%
}

.v6-t1b3 {
    background-position: 98.86039886039886% .20844189682126107%
}

.v6-t1b4 {
    background-position: 98.86039886039886% 4.9504950495049505%
}

.v6-t1b5 {
    background-position: 98.86039886039886% 9.69254820218864%
}

.v6-t1b6 {
    background-position: 98.86039886039886% 14.43460135487233%
}

.v6-t2b2 {
    background-position: 98.86039886039886% 19.17665450755602%
}

.v6-t2b3 {
    background-position: 98.86039886039886% 23.918707660239708%
}

.v6-t2b4 {
    background-position: 98.86039886039886% 28.660760812923396%
}

.v6-t2b5 {
    background-position: 98.86039886039886% 33.40281396560709%
}

.v6-t2b6 {
    background-position: 98.86039886039886% 38.144867118290776%
}

.v6-t3b3 {
    background-position: 98.86039886039886% 42.886920270974464%
}

.v6-t3b4 {
    background-position: 98.86039886039886% 47.62897342365815%
}

.v6-t3b5 {
    background-position: 98.86039886039886% 52.37102657634185%
}

.v6-t3b6 {
    background-position: 98.86039886039886% 57.113079729025536%
}

.v6-t4b4 {
    background-position: 98.86039886039886% 61.855132881709224%
}

.v6-t4b5 {
    background-position: 98.86039886039886% 66.59718603439292%
}

.v6-t4b6 {
    background-position: 98.86039886039886% 71.3392391870766%
}

.v6-t5b5 {
    background-position: 98.86039886039886% 76.0812923397603%
}

.v6-t5b6 {
    background-position: 98.86039886039886% 80.82334549244398%
}

.v6-t6b6 {
    background-position: 98.86039886039886% 85.56539864512767%
}

.v6-tb {
    background-position: 98.86039886039886% 90.30745179781135%
}

.minigame-flex-row {
    display: flex;
    width: 100%
}

.minigame-flex-row .item {
    flex: 1
}

.minigame-statement {
    max-width: 100%;
    background-color: transparent;
    display: inline-block;
    margin: auto;
    background-image: url(../images/game_sprites/css-minigame-statement.png)
}

.minigame-statement.ball {
    width: 82px;
    height: 82px
}

.minigame-statement.chess {
    width: 52px;
    height: 50px
}

.minigame-statement.dice {
    width: 50px;
    height: 50px;
    margin: 0 3px
}

.minigame-statement.rps {
    width: 60px;
    height: 60px;
    margin: 0 3px
}

.minigame-statement.lose-hand {
    opacity: .5;
    filter: brightness(.7)
}

.minigame-statement.LuckyDash {
    width: 80px;
    height: 80px;
    margin: 0 3px
}

.minigame-statement.GOAL {
    width: 67px;
    height: 67px;
    margin: 0 3px
}

.minigame-statement:before {
    content: "";
    padding-bottom: 193.33333333333334%;
    width: 100%;
    display: block
}

.v1-mg-balls_1 {
    background-position: -5px -5px
}

.v1-mg-balls_2 {
    background-position: -97px -5px
}

.v1-mg-balls_3 {
    background-position: -5px -97px
}

.v1-mg-balls_4 {
    background-position: -97px -97px
}

.v1-mg-balls_5 {
    background-position: -189px -5px
}

.v1-mg-balls_6 {
    background-position: -189px -97px
}

.v1-mg-chess_0 {
    background-position: -5px -249px
}

.v1-mg-chess_1 {
    background-position: -5px -189px
}

.v1-mg-dice_1 {
    background-position: -67px -189px
}

.v1-mg-dice_2 {
    background-position: -127px -189px
}

.v1-mg-dice_3 {
    background-position: -189px -189px
}

.v1-mg-dice_4 {
    background-position: -281px -5px
}

.v1-mg-dice_5 {
    background-position: -281px -65px
}

.v1-mg-dice_6 {
    background-position: -281px -125px
}

.v1-mg-rps_1 {
    background-position: 0 -310px
}

.v1-mg-rps_0 {
    background-position: -70px -310px
}

.v1-mg-rps_2 {
    background-position: -140px -310px
}

.v1-mg-lucky_red {
    background-position: -5px -380px
}

.v1-mg-lucky_yellow {
    background-position: -96px -380px
}

.v1-mg-lucky_black {
    background-position: -187px -380px
}

.v1-mg-lucky_lred {
    background-position: -96px -470px
}

.v1-mg-lucky_lyellow {
    background-position: -5px -470px
}

.v1-mg-lucky_lblack {
    background-position: -187px -470px
}

.v1-mg-goal-gleft {
    background-position: -4px -552px
}

.v1-mg-goal-gright {
    background-position: -140px -552px
}

.v1-mg-goal-gmid {
    background-position: -70px -552px
}

.v1-mg-goal-sleft {
    background-position: -4px -620px
}

.v1-mg-goal-sright {
    background-position: -140px -620px
}

.v1-mg-goal-smid {
    background-position: -70px -620px
}

.throwIcon-1 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-1::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 0 0;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-1::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-10 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-10::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 0 33.333333333333336%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-10::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-11 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-11::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 0 66.66666666666667%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-11::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-12 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-12::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 0 100%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-12::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-13 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-13::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 33.333333333333336% 0;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-13::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-14 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-14::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 66.66666666666667% 0;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-14::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-15 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-15::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 100% 0;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-15::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-16 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-16::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 33.333333333333336% 33.333333333333336%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-16::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-2 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-2::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 33.333333333333336% 66.66666666666667%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-2::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-3 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-3::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 33.333333333333336% 100%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-3::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-4 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-4::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 66.66666666666667% 33.333333333333336%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-4::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-5 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-5::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 100% 33.333333333333336%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-5::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-6 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-6::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 66.66666666666667% 66.66666666666667%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-6::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-7 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-7::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 66.66666666666667% 100%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-7::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-8 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-8::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 100% 66.66666666666667%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-8::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.throwIcon-9 {
    max-width: 150px;
    max-height: 150px
}

.throwIcon-9::after {
    content: '\00a0';
    display: inline-block;
    width: 150px;
    height: 150px;
    background-position: 100% 100%;
    background-size: 400% 400%;
    background-image: url(../images/game_sprites/sprite_throwEmojiIcons.png);
    padding: 0
}

div.throwIcon-9::after {
    max-width: 150px;
    width: 100%;
    height: 0;
    padding: 0 0 100% 0
}

.cc-verifypin-page-container {
    width: 90%;
    height: 100%;
    margin: auto
}

@media (min-width:768px) {
    .cc-verifypin-page-container {
        width: 70%
    }
}

.cc-verifypin-page-container .verify-pin-wrapper {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 1.5rem 0;
    text-align: center
}

.cc-verifypin-page-container .verify-pin-wrapper p {
    font-size: 1.125rem;
    text-align: justify;
    color: #20c44e
}

.cc-verifypin-page-container .verify-pin-wrapper ul {
    width: 100%
}

.cc-verifypin-page-container .verify-pin-wrapper ul li {
    font-size: 1rem;
    text-align: justify;
    color: #fff
}

.cc-verifypin-page-container ul.pin-area {
    width: 90%;
    margin: auto;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0
}

@media (min-width:768px) {
    .cc-verifypin-page-container ul.pin-area {
        padding: 5rem 0
    }
}

.cc-verifypin-page-container ul.pin-area li {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 4.5rem;
    width: 3.25rem;
    font-size: 2.75rem;
    color: #20c44e;
    background-color: #fff;
    border-radius: 3px
}

.cc-verifypin-page-container ul.pin-area li.backspace-box {
    width: 4rem;
    background-color: transparent;
    padding-left: .5rem
}

.cc-verifypin-page-container ul.pin-area li.backspace-box i {
    font-size: 3rem;
    background-image: linear-gradient(to bottom, #38c05f 60%, #1f6432);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.cc-verifypin-page-container ul.keyboard-area {
    width: 90%;
    margin: auto;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 3px;
    padding: 1rem 3rem
}

.cc-verifypin-page-container ul.keyboard-area li {
    width: 33.333%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .75rem .5rem
}

.cc-verifypin-page-container ul.keyboard-area li .wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 5rem;
    width: 5rem;
    border-radius: 50%;
    background-color: #13161b;
    font-size: 2.75rem;
    color: #20c44e
}

.cc-verifypin-page-container ul.keyboard-area li.submit .wrapper {
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%);
    font-size: 1.25rem;
    color: #fff
}

.cc-verifypin-page-container ul.keyboard-area li.logout .wrapper {
    background: -moz-linear-gradient(top, #830000 0, #560000 100%);
    background: -webkit-linear-gradient(top, #830000 0, #560000 100%);
    background: -o-linear-gradient(top, #830000 0, #560000 100%);
    background: -ms-linear-gradient(top, #830000 0, #560000 100%);
    background: linear-gradient(top, #830000 0, #560000 100%);
    font-size: 1.125rem;
    color: #fff
}

.cc-changepw-page-container .opk-changepw-container {
    text-align: center;
    overflow: auto;
    padding: .714rem
}

.cc-changepw-page-container .opk-changepw-container .top-info {
    font-size: 1.071rem;
    text-align: left;
    color: #fff;
    padding: .75rem;
    border-radius: 3px;
    background-color: #13161b;
    margin-bottom: .714rem
}

.cc-changepw-page-container .opk-changepw-container .top-info p {
    margin: 0 auto 0 auto;
    text-align: left
}

.cc-changepw-page-container .opk-changepw-container .top-info .change-pw-ul {
    text-align: left;
    padding: .375rem 0 0 1rem;
    margin-bottom: 0
}

.cc-changepw-page-container .opk-changepw-container .top-info .change-pw-ul li {
    font-size: .875rem;
    color: #ddd;
    list-style: disc;
    list-style-position: inside;
    line-height: 2
}

.cc-changepw-page-container .opk-changepw-container .change-pw-form>div.input-wrap {
    position: relative
}

.cc-changepw-page-container .opk-changepw-container .change-pw-form>div.input-wrap .common-input {
    text-indent: 3rem;
    text-align: left;
    height: 3rem
}

.cc-changepw-page-container .opk-changepw-container .change-pw-form>div.input-wrap i {
    color: #999;
    position: absolute;
    top: 50%;
    left: 1.5rem;
    transform: translateY(-50%)
}

.cc-changepw-page-container .opk-changepw-container .change-pw-form>div.input-wrap+div.input-wrap {
    margin-top: .714rem
}

.cc-changepw-page-container .opk-changepw-container .submit-button {
    width: 60%;
    margin: 2.5rem auto;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.cc-feedback-page-container .opk-page-header {
    display: flex;
    justify-content: space-around;
    flex: 0 0 3.25rem;
    order: 1
}

.cc-feedback-page-container .opk-feedback {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
    order: 2;
    margin: auto;
    padding: .714rem;
    overflow: auto
}

.cc-feedback-page-container p {
    font-size: 1rem;
    text-align: justify;
    line-height: normal;
    color: #fff;
    font-style: italic;
    font-family: Kanit;
    padding: .75rem;
    border-radius: 3px;
    background-color: #13161b;
    margin-bottom: .714rem
}

.cc-feedback-page-container textarea {
    width: 100%;
    font-size: 1.142rem;
    text-align: left;
    color: #fff;
    font-family: Kanit;
    padding: 10px;
    border: 0;
    border: 1px solid #111;
    border-radius: 3px;
    resize: none;
    background-color: #191e24;
    box-shadow: none
}

.cc-feedback-page-container .submit-button {
    width: 100%;
    max-width: 60%;
    margin: 2.5rem auto;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

@media (min-width:768px) {
    .cc-feedback-page-container .submit-button {
        width: 70%
    }
}

.cc-nav2-container {
    width: 100%;
    height: auto;
    z-index: 11;
    background-color: rgba(0, 0, 0, .5);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .9) 20%, #000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.opk-nav-ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    overflow: auto
}

.opk-nav-ul li {
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    padding: 0 .357rem .357rem .357rem;
    margin: 0 .75rem;
    cursor: pointer
}

@media (min-width:768px) {
    .opk-nav-ul li {
        margin: 0 1.5rem
    }
}

.opk-nav-ul li img {
    width: 3.5rem
}

.opk-nav-ul li h6 {
    font-size: .85rem;
    font-weight: 500;
    color: #999;
    line-height: 1;
    padding: 2px 0 0 0;
    text-shadow: 0 0 5px #000
}

.opk-nav-ul li.active img {
    transform: scale(1.06);
    transform-origin: bottom
}

.opk-nav-ul li.active h6 {
    color: #20c44e
}

.opk-nav-ul li .unreaed {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 10px
}

.opk-nav-ul li .unreaed img {
    width: 100%
}

.opk-nav-ul li.reddot .unreaed {
    display: block
}

.cc-all-pages-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.all-pages-topnav {
    position: relative;
    margin: 0
}

.all-pages-topnav.back .opk-header-container .header-left .header-club-icon-container .btn-back {
    display: flex
}

.all-pages-topnav.back .opk-header-container .header-left .header-club-icon-container .icon-club {
    display: none
}

#royalHeader {
    display: none
}

.opk-header-container {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 1;
    padding: 2.5rem 1% 0 1%;
    margin: 0 auto;
    max-width: 768px;
    height: 7.642rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0, rgba(0, 0, 0, .9) 70%, rgba(0, 0, 0, 0) 100%)
}

.opk-header-container .header-bar-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    height: 1rem;
    width: 100%;
    background: -moz-linear-gradient(bottom, #000 0, #0e5b24 100%);
    background: -webkit-linear-gradient(bottom, #000 0, #0e5b24 100%);
    background: -o-linear-gradient(bottom, #000 0, #0e5b24 100%);
    background: -ms-linear-gradient(bottom, #000 0, #0e5b24 100%);
    background: linear-gradient(bottom, #000 0, #0e5b24 100%)
}

.opk-header-container .header-left {
    position: relative;
    width: 50%;
    max-width: 300px;
    min-width: 160px
}

.opk-header-container .header-left .header-club-icon-container {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 30%;
    height: 0;
    padding-bottom: 30%;
    background: url(../images/variation-img/lobby_images/topbg_3.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.opk-header-container .header-left .header-club-icon-container .icon-wrap {
    transform: translate(-50%, -50%);
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #7998bd;
    border-radius: 50%;
    overflow: hidden
}

.opk-header-container .header-left .header-club-icon-container .icon-wrap .icon-club {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.opk-header-container .header-left .header-club-icon-container .icon-wrap .icon-club img {
    width: 100%
}

.opk-header-container .header-left .header-club-icon-container .icon-wrap .btn-back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    background: #222;
    cursor: pointer
}

.opk-header-container .header-left .header-club-icon-container .icon-wrap .btn-back img {
    width: 75%
}

.opk-header-container .header-left .header-club-dropdown {
    float: left;
    position: relative;
    top: 1rem;
    left: -10px;
    width: 70%;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 2px solid #20c44e;
    border-bottom: 2px solid #20c44e;
    padding: .5rem 0
}

.opk-header-container .header-left .header-club-dropdown .current-club-name {
    display: inline-block;
    color: #e0e0e0;
    font-size: 1.142rem;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    font-style: italic;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 2.285rem
}

@media (min-width:768px) {
    .opk-header-container .header-left .header-club-dropdown .current-club-name {
        font-size: 1.285rem
    }
}

.opk-header-container .header-left .header-club-dropdown .btn-drop {
    width: 2.285rem;
    height: 0;
    padding-bottom: 2.285rem;
    position: absolute;
    right: 0;
    top: 45%;
    z-index: 1;
    transform: translateY(-45%);
    background: url(../images/variation-img/lobby_images/btn_open.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer
}

@media (min-width:768px) {
    .opk-header-container .header-left .header-club-dropdown .btn-drop {
        width: 2.6rem;
        padding-bottom: 2.6rem
    }
}

.opk-header-container .header-left .header-club-dropdown .btn-drop::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-width: 9px 0 0 0;
    border-left: .428rem solid transparent;
    border-right: .428rem solid transparent;
    border-top: .571rem solid #20c44e
}

.opk-header-container .header-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.opk-header-container .header-right .player-avatar {
    width: 40px;
    height: 40px;
    margin-right: 8px
}

@media (min-width:768px) {
    .opk-header-container .header-right .player-avatar {
        width: 53px;
        height: 53px
    }
}

.opk-header-container .header-right .player-info .player-credits,
.opk-header-container .header-right .player-info .player-gems {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 1.428rem;
    font-size: .857rem;
    padding: .214rem;
    padding-left: 1rem;
    background: url(../images/variation-img/lobby_images/chipsbox.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: .25rem
}

@media (min-width:768px) {
    .opk-header-container .header-right .player-info .player-credits,
    .opk-header-container .header-right .player-info .player-gems {
        width: 140px;
        height: 2rem
    }
}

.opk-header-container .header-right .player-info .icon-gem3 {
    color: #1be785;
    line-height: unset
}

.opk-header-container .header-right .player-info .icon-chip3 {
    color: #ffea00;
    line-height: unset
}

.opk-header-container .header-right .player-info .credits,
.opk-header-container .header-right .player-info .gems {
    flex: 1 0;
    text-align: center;
    color: #fff
}

.opk-header-container .header-right .player-info .credits {
    font-size: .785rem
}

.opk-header-container .header-right .player-info .gems {
    font-size: .857rem
}

@media (min-width:768px) {
    .opk-header-container {
        max-width: unset
    }
}

.cc-preferences-page-container .cc-preferences-list {
    display: flex;
    flex-direction: column;
    flex: 1;
    order: 2;
    width: 100%;
    padding: .75rem 0;
    overflow: auto
}

.cc-preferences-page-container .cc-preferences-list p {
    font-size: 1rem;
    color: #20c44e;
    text-indent: 1.25rem;
    width: 97%;
    margin: 0 auto;
    padding: .312rem;
    background-color: #111;
    border-radius: 3px 3px 0 0;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

@media (min-width:768px) {
    .cc-preferences-page-container .cc-preferences-list {
        margin: auto
    }
}

.all-pref-list-ul {
    width: 95%;
    margin: 0 auto;
    border-radius: 3px
}

.all-pref-list-ul h5 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #e0e0e0;
    font-weight: 400;
    display: inline-block;
    padding: .812rem 0 .812rem 1rem;
    vertical-align: middle
}

.all-pref-list-ul span.group-title {
    border-radius: 3px;
    background-color: #191e24;
    display: block;
    color: #20c44e;
    font-family: Kanit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    padding: 5px;
    margin-bottom: 5px
}

.all-pref-list-ul span.group-title:not(:first-child) {
    margin-top: 1rem
}

.all-pref-list-ul li.pref-item {
    position: relative;
    margin: 0;
    margin-bottom: .5rem
}

.all-pref-list-ul li.pref-item.pref-color-theme {
    display: none
}

.all-pref-list-ul li.pref-item .bar-style {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    border: 1px solid #111;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #12161b, #12161b)
}

.all-pref-list-ul li.pref-item .bar-style>:first-child {
    flex: 1
}

.all-pref-list-ul .toggle {
    margin-left: auto;
    margin-right: 1.2rem
}

.all-pref-list-ul .toggle .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1rem;
    border: none;
    box-shadow: none
}

.all-pref-list-ul .toggle span.toggle-handle {
    border: none;
    border-radius: 0;
    background: linear-gradient(to bottom, #20c44e, #0e5b24)
}

.all-pref-list-ul .toggle-off.ios,
.all-pref-list-ul .toggle-on.ios,
.all-pref-list-ul .toggle.ios {
    border-radius: 3px;
    border: 0
}

.all-pref-list-ul .btn-primary {
    font-size: 1rem;
    font-weight: 400;
    color: #20c44e;
    background: #333;
    border: 0
}

.all-pref-list-ul .btn-default {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(to bottom, #979797, #5b5b5b);
    border: 0
}

.all-pref-list-ul .btn-default:focus {
    border: 1px solid #252525
}

.all-pref-list-ul .off .btn-default {
    font-size: 1rem;
    font-weight: 400;
    color: #999;
    background: linear-gradient(to bottom, #4a586a, #12161b);
    border: 0
}

.all-pref-list-ul .off span.toggle-handle {
    border: none;
    border-radius: 0;
    background: linear-gradient(to bottom, #394452, #020203)
}

.all-pref-list-ul .panel-heading a:after {
    float: right;
    content: "";
    display: inline-block;
    position: relative;
    top: -.687rem;
    right: 1.25rem;
    font-size: .625rem;
    font-weight: 100;
    font-style: normal;
    color: #aaa;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear
}

.all-pref-list-ul a[aria-expanded=true]:after {
    content: "\e258";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.all-pref-list-ul a[aria-expanded=false]:after {
    content: "\e258";
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.all-pref-list-ul .pref-select-theme {
    height: 100%;
    float: right;
    display: flex;
    flex-direction: row;
    padding-right: .687rem
}

.all-pref-list-ul .pref-select-theme div.theme-item {
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 3px;
    border: 2px solid #666;
    margin: .312rem;
    cursor: pointer
}

.all-pref-list-ul .pref-select-theme div.theme-item.active {
    border: 2px solid #20c44e
}

.all-pref-list-ul .pref-select-theme div.theme-item.dark {
    background: -moz-linear-gradient(135deg, #252525 0, #000 100%);
    background: -webkit-linear-gradient(135deg, #252525 0, #000 100%);
    background: -o-linear-gradient(135deg, #252525 0, #000 100%);
    background: -ms-linear-gradient(135deg, #252525 0, #000 100%);
    background: linear-gradient(135deg, #252525 0, #000 100%)
}

.all-pref-list-ul .pref-select-theme div.theme-item.light {
    background: -moz-linear-gradient(135deg, #bbb 0, #eee 100%);
    background: -webkit-linear-gradient(135deg, #bbb 0, #eee 100%);
    background: -o-linear-gradient(135deg, #bbb 0, #eee 100%);
    background: -ms-linear-gradient(135deg, #bbb 0, #eee 100%);
    background: linear-gradient(135deg, #bbb 0, #eee 100%)
}

.cc-language-accordion .panel {
    border: 0;
    background: #29313b
}

.cc-language-accordion .panel-group {
    margin-bottom: 0
}

.cc-language-accordion .panel-heading {
    overflow: hidden;
    border: 0;
    background-color: #191e24;
    border-radius: 0;
    padding: .812rem 0;
    line-height: 0
}

.cc-language-accordion .panel-heading h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #e0e0e0;
    padding: 0 0 0 1rem
}

.cc-language-accordion-list {
    padding-left: 1rem
}

.cc-language-accordion-list li {
    position: relative;
    font-size: .937rem;
    line-height: 2.5rem;
    color: #fff;
    padding: .312rem 0;
    border-bottom: .083rem solid #555;
    list-style-type: none
}

.cc-language-accordion-list li .icon-tick {
    position: absolute;
    top: 1rem;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #20c44e
}

.cc-preferences-auto-rebuy input {
    width: auto;
    height: 1.75rem;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.cc-preferences-auto-rebuy h3 {
    padding: .5rem 0;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.25rem;
    color: #aaa
}

.cc-preferences-auto-rebuy h3 strong {
    color: #fff;
    font-weight: 500
}

.cc-preferences-auto-rebuy .auto-rebuy-checkbox {
    width: 100%;
    height: 3rem;
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .25rem
}

.cc-preferences-auto-rebuy .auto-rebuy-checkbox label {
    font-size: 1.125rem;
    line-height: 2rem;
    color: #20c44e;
    font-weight: 400;
    margin: 0 0 0 .5rem;
    vertical-align: middle
}

.cc-preferences-auto-rebuy .auto-rebuy-checkbox input[type=checkbox] {
    float: left;
    height: 2rem;
    width: 1.5rem;
    vertical-align: middle;
    margin: 0
}

.cc-preferences-auto-rebuy .auto-rebuy-content {
    width: 100%;
    padding-left: 1rem
}

.cc-preferences-auto-rebuy .auto-rebuy-box {
    display: none;
    flex-direction: column;
    width: 100%
}

.cc-preferences-auto-rebuy .auto-rebuy-box.orderType1 .main1 {
    order: 1
}

.cc-preferences-auto-rebuy .auto-rebuy-box.orderType1 .main2 {
    order: 3
}

.cc-preferences-auto-rebuy .auto-rebuy-box.orderType1 .sub {
    order: 2
}

.cc-preferences-auto-rebuy .auto-rebuy-box.orderType2 .main1 {
    order: 1
}

.cc-preferences-auto-rebuy .auto-rebuy-box.orderType2 .main2 {
    order: 2
}

.cc-preferences-auto-rebuy .auto-rebuy-box.orderType2 .sub {
    order: 3
}

.cc-preferences-auto-rebuy .auto-rebuy-box .auto-rebuy-sub-content {
    width: 100%;
    padding-left: 1rem
}

.cc-preferences-auto-rebuy .auto-rebuy-box .auto-rebuy-sub-content .rebuy-box-item {
    background-color: rgba(0, 0, 0, .4)
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item {
    height: 2.5rem;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: .25rem;
    padding: .25rem 1rem;
    margin: .25rem 0;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 2rem;
    color: #fff
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item.inactive {
    background-color: rgba(0, 0, 0, .3);
    color: #666
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item.inactive .text-label h2 {
    color: #666
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item.inactive .text-label .rebuy-box-inner-item label {
    color: #666
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item input[type=radio] {
    float: left;
    height: 2rem;
    width: 1.5rem;
    vertical-align: middle;
    margin: 0
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label {
    padding: 0 0 0 2rem
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label .rebuy-box-inner-item,
.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label h2 {
    float: left
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label h2 {
    font-size: .937rem;
    line-height: 2rem;
    color: #20c44e
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label .rebuy-box-inner-item {
    padding-left: 1rem
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label .rebuy-box-inner-item label {
    font-size: .937rem;
    line-height: 2rem;
    color: #20c44e;
    font-weight: 400;
    margin: 0 0 0 .5rem;
    vertical-align: middle
}

.cc-preferences-auto-rebuy .auto-rebuy-box .rebuy-box-item .text-label .rebuy-box-inner-item input[type=number] {
    float: left;
    height: 2rem;
    width: 80px;
    padding: 0 .25rem;
    text-indent: 0;
    font-size: 1rem;
    text-align: center;
    color: #20c44e;
    background-color: rgba(0, 0, 0, .5)
}

.cc-preferences-auto-rebuy .auto-rebuy-btn {
    width: 100%;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.preferences-styles h6 {
    font-size: 1rem;
    font-weight: 500;
    color: #20c44e;
    font-family: Kanit;
    font-style: italic;
    text-indent: .375rem;
    margin: .75rem 0 .5rem 0
}

.preferences-styles .game-raise-options {
    padding: 0 1rem 1.25rem 1rem
}

.preferences-styles .game-raise-options.ingame {
    padding: 0 1rem 1.25rem .625rem
}

.preferences-styles .btn-group {
    width: 100%;
    margin: auto;
    display: flex
}

.preferences-styles .btn-group button {
    flex: 1;
    width: 100%;
    font-size: .875rem;
    font-weight: 400;
    text-align: center;
    line-height: .875rem;
    color: #e0e0e0;
    font-style: normal;
    border-radius: 0;
    margin: 0;
    padding: .25rem 0;
    border: 1px solid #111;
    border-width: 1px 1px;
    background: linear-gradient(to bottom, #29313b, #191e24);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.preferences-styles .btn-group button.active {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    color: #fff
}

.preferences-styles .btn-group button.active span {
    color: #fff
}

.preferences-styles .btn-group button.active h6 {
    background-color: #20c44e
}

.preferences-styles .btn-group button:focus {
    outline: 0
}

.preferences-styles .btn-group button:first-child {
    border-radius: 3px 0 0 3px
}

.preferences-styles .btn-group button:last-child {
    border-radius: 0 3px 3px 0
}

.preferences-styles .btn-group button span {
    font-size: .75rem;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.25rem;
    color: #e0e0e0;
    display: block
}

.preferences-styles .omaha-pot-settings .btn-group button {
    width: 16.6%
}

.register-main-container {
    text-align: center;
    overflow: auto;
    padding: .714rem
}

.register-main-container .top-info {
    font-size: 1.071rem;
    text-align: left;
    color: #fff;
    padding: .75rem;
    border-radius: 3px;
    background-color: #000;
    margin-bottom: .714rem
}

.register-main-container .top-info p {
    margin: 0 auto 0 auto;
    text-align: left
}

.register-main-container .top-info .register-ul {
    text-align: left;
    padding: .375rem 0 0 1rem;
    margin-bottom: 0
}

.register-main-container .top-info .register-ul li {
    font-size: .875rem;
    color: #ddd;
    list-style: disc;
    list-style-position: inside;
    line-height: 2
}

.register-main-container .register-form {
    width: 80%;
    margin: 0 auto
}

.register-main-container .register-form .input-wrap {
    position: relative
}

.register-main-container .register-form .input-wrap .common-input {
    text-indent: 3rem;
    text-align: left;
    height: 3rem
}

.register-main-container .register-form .input-wrap i {
    color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.register-main-container .register-form .input-wrap i.left {
    left: 1.5rem
}

.register-main-container .register-form .input-wrap i.right {
    right: 1.5rem
}

.register-main-container .register-form .input-wrap i.icon-tick {
    color: #8bec44
}

.register-main-container .register-form .input-wrap i.icon-cross {
    color: #ff4a4a
}

.register-main-container .register-form .input-wrap+div.input-wrap {
    margin-top: .714rem
}

.register-main-container .register-form .input-wrap.capcha {
    display: flex;
    align-items: center
}

.register-main-container .register-form .input-wrap.capcha .common-input {
    flex: 1;
    margin-right: .6rem
}

.register-main-container .register-form .input-wrap.capcha .capchaImg {
    flex: 0 6.5rem;
    width: 6.5rem;
    height: auto;
    border-radius: 3px
}

.register-main-container .submit-button {
    width: 80%;
    margin: 2.5rem auto;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.cc-reset-page-container {
    text-align: center
}

.cc-reset-page-container p {
    width: 85%;
    margin: auto;
    font-size: 1rem;
    text-align: justify;
    color: #aaa;
    padding: 2rem 0
}

.cc-reset-page-container button {
    width: 85%
}

.cc-reset-page-container .resetpw-tabs-ul {
    width: 85%;
    height: 2.5rem;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    margin: 1rem auto 0 auto
}

.cc-reset-page-container .resetpw-tabs-ul li {
    width: 50%;
    height: 100%;
    font-size: 1rem;
    text-align: center;
    line-height: 2.5rem;
    color: #fff;
    background-color: #222;
    display: inline-block
}

.cc-reset-page-container .resetpw-tabs-ul li.active {
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%);
    color: #111
}

.cc-reset-page-container .resetpw-page-content {
    width: 85%;
    border-radius: 0 0 3px 3px;
    margin: 0 auto;
    padding: .5rem 0;
    background-color: #1e222a
}

.cc-reset-page-container .resetpw-page-content p {
    width: 95%;
    padding: 1rem 0
}

.cc-reset-page-container .resetpw-page-content p.reset-by-email-text {
    display: none
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-email {
    display: none
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-captcha {
    height: 5rem;
    margin: .25rem auto
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-captcha img {
    width: 35%;
    float: left;
    height: 100%;
    padding: .25rem;
    border-radius: 3px;
    margin: 0
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-captcha input {
    float: right;
    padding: 0;
    height: 100%;
    width: 64%;
    margin: 0;
    text-indent: 15px
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile {
    width: 95%;
    position: relative;
    margin: .75rem auto
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .input-group-btn button {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 100%;
    height: 3rem;
    margin: 0;
    border: 0;
    border-radius: 3px;
    background-color: #111
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .input-group-btn button:focus {
    outline-color: transparent;
    outline-style: none
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .dropdown-menu {
    background-color: #111;
    height: 15rem
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .btn-default.active.focus,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .btn-default.active:focus,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .btn-default.active:hover,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .btn-default:active.focus,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .btn-default:active:focus,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .btn-default:active:hover,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .open>.dropdown-toggle.btn-default.focus,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .open>.dropdown-toggle.btn-default:focus,
.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .open>.dropdown-toggle.btn-default:hover {
    background-color: #111;
    border: 0;
    color: #fff
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .register-mobile-group {
    position: relative;
    width: 97%;
    float: right;
    border-radius: 3px;
    overflow: hidden
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .register-mobile-group .icon-mobile {
    font-size: 1.25rem;
    z-index: 9999;
    color: #ddd;
    position: absolute;
    top: .875rem;
    left: 1.25rem
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile .register-mobile-group.disable-field .icon-mobile {
    color: #666
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile input {
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    color: #fff;
    height: 3rem;
    width: 100%;
    text-indent: 3.5rem;
    border-radius: 3px;
    border: 0;
    margin: 0;
    padding: 0;
    outline: 0;
    background-color: #111
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile input.popup-input {
    text-indent: 0;
    text-align: center
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile input:focus {
    outline: 0;
    box-shadow: none
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile input::placeholder {
    opacity: .7
}

.cc-reset-page-container .resetpw-page-content .resetpw-content-mobile input:disabled {
    color: #fefefe
}

@media (min-width:768px) {
    .cc-reset-page-container {
        width: 70%;
        margin: auto
    }
}

.cc-gameslist-wallet {
    display: block;
    width: 100%;
    height: 2rem;
    margin: auto;
    position: relative
}

.cc-wallet-stack {
    position: absolute;
    background-color: #111;
    margin: auto;
    text-align: center;
    z-index: 1
}

.cc-wallet-stack-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #222;
    z-index: 0
}

.gamelist-chipBar,
.gamelist-gemBar {
    display: inline-block;
    color: #fff;
    padding: .25rem .5rem .062rem .5rem;
    margin: 0 .25rem
}

.gamelist-chipBar i,
.gamelist-gemBar i {
    vertical-align: sub;
    margin-right: .25rem
}

.gamelist-chipBar i.icon-gem2,
.gamelist-gemBar i.icon-gem2 {
    font-size: 1.25rem;
    color: #1be785
}

.gamelist-chipBar i.icon-chip3,
.gamelist-gemBar i.icon-chip3 {
    font-size: 1.125rem;
    color: #ffea00
}

.gamelist-chipBar span,
.gamelist-gemBar span {
    font-size: .875rem;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1rem;
    display: inline-block
}

.cc-gameslist-page-container {
    height: 100%;
    margin: 0 auto;
    padding-top: 1.785rem;
    padding-bottom: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    flex-flow: column nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background: -moz-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: -webkit-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: -o-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: -ms-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: linear-gradient(to bottom, #29313b 0, #191e24 100%)
}

.cc-gameslist-page-container::-webkit-scrollbar {
    display: none
}

.cc-gameslist-page-container::-webkit-scrollbar-thumb {
    background: 0 0
}

.cc-gamelist-topbar {
    height: 3rem;
    width: 95%;
    margin: 0 auto;
    margin: .75rem auto;
    order: 2;
    flex: 3rem 0;
    overflow: hidden
}

.cc-gamelist-topbar-btns {
    border-radius: 3px
}

.cc-gamelist-topbar-btns ul {
    display: flex;
    justify-content: space-between;
    border-radius: 3px;
    text-indent: 0
}

.cc-gamelist-topbar-btns ul li {
    width: 25%;
    height: 100%;
    text-align: center;
    background-color: #333;
    border: 1px solid #0b0b0b
}

.cc-gamelist-topbar-btns ul li:first-child {
    border-radius: 3px 0 0 3px
}

.cc-gamelist-topbar-btns ul li:last-child {
    border-radius: 0 3px 3px 0
}

.cc-gamelist-topbar-btns ul li h6 {
    height: 100%;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    font-size: .812rem;
    color: #fff
}

.cc-gamelist-topbar-btns ul i {
    font-size: 1.5rem;
    margin: 0 .375rem 0 0;
    color: #0b0b0b;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cc-gamelist-topbar-btns .gl-manage-btn {
    display: none
}

.cc-gamelist-topbar-btns.col5 li {
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center
}

.cc-gamelist-topbar-btns.col5 .gl-manage-btn {
    display: inline-block
}

.cc-games-list {
    overflow: auto;
    max-width: 768px;
    padding: 0;
    margin: 0 auto .714rem auto
}

.cc-games-list .gameslist-ul {
    margin: 0 auto;
    overflow: auto;
    max-width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: .714rem;
    padding: .714rem
}

@media (min-width:540px) {
    .cc-games-list .gameslist-ul {
        max-width: 600px
    }
}

@media (min-width:768px) {
    .cc-games-list .gameslist-ul {
        max-width: 100%
    }
}

.cc-games-list .gameslist-ul li.game-item {
    display: flex;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 3px 3px 0 0 #00521b
}

.cc-games-list .gameslist-ul li.game-item .game-item-container {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-direction: row;
    width: 100%;
    border: 1px solid #111;
    border-radius: 6px;
    background-image: linear-gradient(to bottom, #000 0, #333);
    padding: 0;
    overflow: hidden;
    font-family: Ubuntu
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .left {
    width: 3.571rem
}

@media (min-width:768px) {
    .cc-games-list .gameslist-ul li.game-item .game-item-container .left {
        width: 3.5rem
    }
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .left img.game-item-img {
    width: 100%;
    height: auto
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .mid {
    flex: 1 0;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    border: 1px solid #111;
    border-width: 0 1px
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .mid .game-item-subtitle,
.cc-games-list .gameslist-ul li.game-item .game-item-container .mid .game-item-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    background-image: linear-gradient(to bottom, #000 0, #333);
    overflow: hidden;
    text-align: center;
    text-transform: uppercase
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .mid .game-item-subtitle h2,
.cc-games-list .gameslist-ul li.game-item .game-item-container .mid .game-item-title h2 {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .mid .game-item-title h2 {
    font-size: .928rem;
    color: #75e0a0 !important;
    text-transform: uppercase
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .mid .game-item-subtitle h2 {
    font-size: .857rem;
    font-weight: 400;
    color: #e0e0e0
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .right {
    width: 3rem;
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    padding: 0 .25rem
}

@media (min-width:768px) {
    .cc-games-list .gameslist-ul li.game-item .game-item-container .right {
        width: 3.5rem
    }
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .right .bottom,
.cc-games-list .gameslist-ul li.game-item .game-item-container .right .top {
    line-height: 1.125rem;
    font-size: .785rem;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .right .bottom *,
.cc-games-list .gameslist-ul li.game-item .game-item-container .right .top * {
    flex: 1
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .right .bottom i,
.cc-games-list .gameslist-ul li.game-item .game-item-container .right .top i {
    font-size: 1rem;
    color: #fff
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .right.green .bottom,
.cc-games-list .gameslist-ul li.game-item .game-item-container .right.green .top {
    color: #8bec44
}

.cc-games-list .gameslist-ul li.game-item .game-item-container .right.green .bottom i,
.cc-games-list .gameslist-ul li.game-item .game-item-container .right.green .top i {
    color: #8bec44
}

.cc-games-list .gameslist-ul li.game-item.active {
    border: solid 2px #75e0a0;
    border-radius: 5px
}

.lobby-top-container .main .cc-gamelist-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 768px;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
}

.lobby-top-container .main .cc-gamelist-carousel img {
    border-radius: 0
}

.lobby-top-container .main .cc-gamelist-carousel .carousel {
    border-radius: 0 0 3px 3px;
    height: 100%;
    width: 100%
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-inner {
    height: 0;
    padding-top: 75%
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-inner .item {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-inner .item a {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(ellipse at center, transparent 60%, #000);
    pointer-events: none
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-indicators {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: .6rem;
    bottom: 0 !important
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-indicators li {
    flex: 1;
    max-width: 3rem;
    margin: 0 .5rem !important;
    height: .428rem !important;
    border-radius: 1rem !important;
    background-color: #666
}

.lobby-top-container .main .cc-gamelist-carousel .carousel .carousel-indicators li.active {
    background-color: #0e5b24
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download {
    display: none;
    position: absolute;
    right: 0;
    bottom: -2rem;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    width: 80%;
    height: 4.25rem;
    border-radius: 3px;
    overflow: hidden;
    flex-direction: column;
    margin: auto
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content {
    width: 100%;
    flex: 0 0 3rem;
    display: flex;
    flex-direction: row;
    border: 1px solid #0b0b0b;
    border-radius: 3px;
    overflow: hidden;
    background: -moz-linear-gradient(bottom, rgba(13, 41, 63, .8) 0, rgba(29, 22, 63, .8) 100%);
    background: -webkit-linear-gradient(bottom, rgba(13, 41, 63, .8) 0, rgba(29, 22, 63, .8) 100%);
    background: -o-linear-gradient(bottom, rgba(13, 41, 63, .8) 0, rgba(29, 22, 63, .8) 100%);
    background: -ms-linear-gradient(bottom, rgba(13, 41, 63, .8) 0, rgba(29, 22, 63, .8) 100%);
    background: linear-gradient(bottom, rgba(13, 41, 63, .8) 0, rgba(29, 22, 63, .8) 100%)
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content>div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    width: 50%;
    padding: 0 .5rem
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content>div:not(:first-child) {
    border-left: 1px solid #0b0b0b
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content>div img {
    width: 20px;
    height: 20px;
    margin-right: 8px
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content>div h5 {
    font-size: .937rem;
    text-transform: uppercase;
    color: #fff
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content>div .dl-base64 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABmJLR0QA/wD/AP+gvaeTAAABi0lEQVRIie2WPUvDQBjHf6eiZOqqjoVOXdOl6JBP4BucKKjgh1AnBQXRD+GiIFjwZSho/Qq9jMUt3foBeoXEYj2HNmirTWINTv1Pl3vu+f/uOZLcI4hRrVabDoLgxBizBcwNhBvAlWVZh/l8vh3lMxUH8n3/GNgbEp4H9n3fBziI8pmIAwHbCdbsxC1IAho8rp80mwYoFY1BY9D/g8TXh2q1uiaEuAEm/+jbMcasFwqF23CiryLbtu+Buz9CAMr1ev3h60QfSAjx7nneBnA9KkEI8ZjJZNallJ2hIAApZcfzvO1RYMaYp2azuZrL5V6/bWBYUqlUmsxms5fAZlJIq9VacRwn+Ck+9K37ZWWVKAhEVBQqQWUVrfVyFCQRKAb2rLVeioMACKWUAbBtOxLag13wecmV2+22LBaLflRe6B97lYeSUnaMMbuu674AM1rrU8dx3pLmJwZB9zsDzn+TE+pff6oNAKXUQtrmrusu9oYNoZQ6A/bThgzobMqyrMNeX7ZFt09LU2GDefQBQc2Uof4+34YAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    width: 12px;
    margin-right: 4px
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-content .download-pwa img {
    width: 25px;
    height: 25px
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-info {
    width: 100%;
    display: flex;
    flex: 1 1 1rem;
    align-items: center
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-info p {
    width: 100%;
    font-size: .75rem;
    text-align: center;
    color: #fff;
    padding: .25rem 0;
    margin: 0
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-info p span.purple {
    color: #017f2b;
    font-weight: bolder
}

.lobby-top-container .main .cc-gamelist-carousel .cc-carousel-download .download-info p b {
    color: #20c44e;
    font-weight: bolder
}

.lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav {
    position: absolute;
    right: 0;
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6rem .5rem 0 0
}

@media (min-width:768px) {
    .lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav {
        padding: 8rem .5rem 5rem 0
    }
}

.lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav li.nav-item {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav li.nav-item img.item-icon {
    width: 2.5rem;
    height: auto
}

@media (min-width:480px) {
    .lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav li.nav-item img.item-icon {
        width: 2.5rem
    }
}

.lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav li.nav-item p.item-name {
    font-family: Ubuntu;
    font-size: .714rem;
    text-align: center;
    color: #fff;
    margin: 0
}

.lobby-top-container .main .cc-gamelist-carousel ul.lobby-nav li.nav-item a {
    text-align: center
}

.lobby-bottom-container {
    flex: 1 0;
    z-index: 20;
    padding: 0 .5rem 5rem .5rem;
    background: linear-gradient(to bottom, #000 0, #191e24, 40%, #29313b 100%)
}

.lobby-bottom-container #floatPanel {
    max-width: 600px;
    margin: 0 auto
}

@media (min-width:768px) {
    .lobby-bottom-container #floatPanel {
        max-width: 80%
    }
}

.lobby-bottom-container .title-wrap div.title-bg h2.title {
    background-image: linear-gradient(to bottom, #fff 36%, #fff 79%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.all-games-area,
.top-games-area {
    margin-top: .428rem
}

.top-games {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: center;
    overflow: auto;
    margin: 0 auto;
    max-width: 540px
}

@media (max-width:540px) {
    .top-games {
        max-width: 90%
    }
}

.top-games .item {
    margin: 0 .285rem;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.top-games .item .gamecard-wrap {
    position: relative;
    min-width: 75px;
    max-width: 136px;
    padding: 3px;
    height: 100%
}

@media (min-width:768px) {
    .top-games .item .gamecard-wrap {
        max-width: 160px
    }
}

.top-games .item .gamecard-wrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 1;
    background: url(../images/variation-img/lobby_images/side_L.png), url(../images/variation-img/lobby_images/side_R.png);
    background-repeat: no-repeat;
    background-size: 1.571rem;
    background-position: left 0, right 0
}

.top-games .item .gamecard-wrap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.9rem;
    border-style: solid;
    border-width: 0 .428rem .428rem .428rem;
    border-radius: 0 0 1.428rem 1.428rem;
    border-color: #404040
}

.top-games .item .gamecard {
    display: flex;
    flex-flow: column;
    border: 1px solid #333;
    box-shadow: 0 0 1px 1px #444;
    border-radius: 1.071rem;
    overflow: hidden;
    height: 100%;
    cursor: pointer
}

.top-games .item .gamecard .img-wrap {
    position: relative
}

.top-games .item .gamecard .img-wrap img.game-img {
    width: 100%;
    height: auto
}

.top-games .item .gamecard .img-wrap div.info {
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-evenly;
    font-size: .928rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 1rem;
    padding: .142rem;
    background-color: rgba(0, 0, 0, .6)
}

.top-games .item .gamecard .img-wrap div.info .info-players,
.top-games .item .gamecard .img-wrap div.info .info-tables {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center
}

.top-games .item .gamecard .img-wrap div.info .info-players i,
.top-games .item .gamecard .img-wrap div.info .info-tables i {
    font-size: 1rem;
    line-height: 1;
    color: #fff
}

.top-games .item .gamecard .img-wrap div.info .info-players span,
.top-games .item .gamecard .img-wrap div.info .info-tables span {
    font-size: 1rem;
    line-height: 1;
    color: #fff;
    margin-left: .4rem
}

.top-games .item .gamecard .img-wrap div.info.green .info-players i,
.top-games .item .gamecard .img-wrap div.info.green .info-players span,
.top-games .item .gamecard .img-wrap div.info.green .info-tables i,
.top-games .item .gamecard .img-wrap div.info.green .info-tables span {
    color: #8bec44
}

.top-games .item .gamecard .name {
    padding: 2px 3px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    background-image: linear-gradient(to bottom, #29313b 0, #191e24);
    font-size: 1.142rem;
    font-family: Ubuntu;
    text-align: center;
    text-transform: uppercase;
    word-break: break-word;
    color: #75e0a0 !important;
    border-bottom: 1px solid #111;
    min-height: 1.7rem
}

.top-games .item .gamecard .limit {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #13161b;
    text-align: center;
    text-transform: uppercase;
    font-size: .928rem;
    line-height: 1.05;
    word-break: break-word;
    color: #e0e0e0;
    padding: 3px 3px 5px 3px;
    min-height: 1.7rem
}

.cc-tableslist-page-container .lb-tableslist-items {
    width: 100%;
    margin: auto;
    display: flex;
    flex-flow: column nowrap;
    padding: 0;
    overflow: hidden
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 24.5%;
    height: 3rem;
    border-radius: 3px;
    border: 1px solid #0b0b0b;
    padding: 0 .5rem
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full i {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #888
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full span {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: .875rem;
    text-align: center;
    line-height: 1rem;
    color: #888;
    margin: 0;
    padding: 0
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full.active {
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full.active p {
    color: #20c44e
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full.active i {
    color: #8bec44
}

.cc-tableslist-page-container .lb-tableslist-sub-bar .lb-tableslist-hide-full.active span {
    color: #fff
}

.cc-tableslist-page-container .lb-jackpot-ul,
.cc-tableslist-page-container .lb-tableslist-filter-ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    background: -moz-linear-gradient(0, #191e24 0, #29313b 100%);
    background: -webkit-linear-gradient(0, #191e24 0, #29313b 100%);
    background: -o-linear-gradient(0, #191e24 0, #29313b 100%);
    background: -ms-linear-gradient(0, #191e24 0, #29313b 100%);
    background: linear-gradient(0, #191e24 0, #29313b 100%)
}

.cc-tableslist-page-container .lb-jackpot-ul li,
.cc-tableslist-page-container .lb-tableslist-filter-ul li {
    width: 100%;
    height: auto;
    padding: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    border-bottom: 2px solid #222;
    font-size: .937rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #e0e0e0
}

.cc-tableslist-page-container .lb-jackpot-ul li span.upper,
.cc-tableslist-page-container .lb-tableslist-filter-ul li span.upper {
    font-style: italic;
    font-size: .785rem
}

.cc-tableslist-page-container .lb-jackpot-ul li span.badge,
.cc-tableslist-page-container .lb-tableslist-filter-ul li span.badge {
    color: #fff;
    font-size: .75rem;
    font-weight: 400;
    padding: 2px 10px;
    background-color: #0e5b24
}

.cc-tableslist-page-container .lb-jackpot-ul li.active,
.cc-tableslist-page-container .lb-tableslist-filter-ul li.active {
    background: -moz-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: -webkit-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: -o-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: -ms-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: linear-gradient(bottom, #1a3822 0, #326c43 100%);
    color: #ccc
}

.cc-tableslist-page-container .lb-jackpot-ul.sub-bar li,
.cc-tableslist-page-container .lb-tableslist-filter-ul.sub-bar li {
    flex-direction: column
}

.cc-tableslist-page-container .lb-jackpot-ul.sub-bar li span.upper,
.cc-tableslist-page-container .lb-tableslist-filter-ul.sub-bar li span.upper {
    color: #fff
}

.cc-tableslist-page-container .lb-jackpot-ul.sub-bar li.active,
.cc-tableslist-page-container .lb-tableslist-filter-ul.sub-bar li.active {
    background: -moz-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: -webkit-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: -o-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: -ms-linear-gradient(bottom, #1a3822 0, #326c43 100%);
    background: linear-gradient(bottom, #1a3822 0, #326c43 100%);
    color: #ccc;
    border-bottom: 2px solid #63a462
}

.cc-tableslist-page-container .completed-date-list {
    height: 50px;
    display: inline-flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    padding: .5rem;
    overflow: hidden;
    background-color: #13161b
}

.cc-tableslist-page-container .completed-date-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 14.28%;
    height: 100%;
    border-radius: 6px;
    background-image: linear-gradient(to bottom, #29313b 0, #191e24 100%);
    border: 1px solid #29313b;
    color: #fff;
    cursor: pointer
}

.cc-tableslist-page-container .completed-date-list li .tn-completed-tab-item {
    width: 100%;
    text-align: center
}

.cc-tableslist-page-container .completed-date-list li h6 {
    font-size: .75rem;
    color: #aaa;
    width: 100%;
    margin-bottom: 3px
}

.cc-tableslist-page-container .completed-date-list li h3 {
    font-size: 1rem;
    color: #999;
    width: 100%;
    font-weight: 400
}

.cc-tableslist-page-container .completed-date-list li.active {
    background-image: linear-gradient(to bottom, #38c05f 0, #1f6432 100%)
}

.cc-tableslist-page-container .completed-date-list li.active h6 {
    color: #fff
}

.cc-tableslist-page-container .completed-date-list li.active h3 {
    color: #fff
}

.cc-tableslist-page-container .tourney-list-filter {
    background: #13161b;
    padding: .5rem
}

.cc-tableslist-page-container .tourney-list-filter .filter-row {
    display: flex;
    align-items: center;
    padding: .5rem .714rem;
    background: #191e24;
    border: 1px solid #13161b;
    border-radius: 3px
}

.cc-tableslist-page-container .tourney-list-filter .filter-row .name {
    color: #ccc;
    font-size: .785rem;
    margin-right: 1rem;
    width: 7rem
}

.cc-tableslist-page-container .tourney-list-filter .filter-row:nth-child(1) .pill {
    background: #650071
}

.cc-tableslist-page-container .tourney-list-filter .filter-row:nth-child(2) .pill {
    background: #936f00
}

.cc-tableslist-page-container .tourney-list-filter .filter-row .pills {
    flex: 1;
    display: flex;
    flex-flow: row nowrap;
    overflow: auto
}

.cc-tableslist-page-container .tourney-list-filter .filter-row .pills .pill {
    color: #fff;
    text-transform: capitalize
}

.cc-tableslist-page-container .tourney-list-filter .filter-row .pills .pill.unabled {
    background: #232323
}

.cc-tableslist-page-container .tourney-list-filter .filter-row+.filter-row {
    margin-top: .785rem
}

.cc-tableslist-page-container .lb-tableslist-content {
    width: 100%;
    max-height: 100%;
    overflow: auto;
    margin: .75rem 0
}

.cc-tableslist-page-container .lb-tableslist-content p.p-no-tournaments {
    font-size: .875rem;
    text-align: center;
    color: #ddd;
    padding: .5rem 0;
    margin: 0
}

.cc-tableslist-page-container .lb-tableslist-content.tourney .lb-tableslist-ul tbody tr td {
    vertical-align: middle
}

.cc-tableslist-page-container .lb-tableslist-content h6 {
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: .5rem 0;
    border-radius: 3px 3px 0 0;
    background-color: #0b0b0b
}

.cc-tableslist-page-container .lb-tableslist-content .lb-tableslist-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px
}

.cc-tableslist-page-container .lb-tableslist-content .lb-jackpot-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px
}

.cc-tableslist-page-container .lb-tableslist-content .lb-jackpot-wrapper .game-content {
    overflow: auto;
    height: 100%
}

.cc-tableslist-page-container .lb-tableslist-content .list-table {
    position: relative;
    min-height: 65px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    color: #fff;
    font-size: 1.142rem;
    font-family: Kanit;
    background: linear-gradient(to bottom, #29313b, #191e24);
    cursor: pointer
}

.cc-tableslist-page-container .lb-tableslist-content .list-table+.list-table {
    margin-top: .642rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table>div:not(:last-of-type) {
    border-right: 2px solid rgba(255, 255, 255, .05)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left {
    word-break: break-all;
    width: 20%;
    min-width: 85px;
    max-width: 100px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 5px;
    background: linear-gradient(to bottom, #13161b 0, #000 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left span {
    line-height: 1
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left span+span {
    margin-top: 5px
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .bet {
    color: #20c44e;
    font-size: 1.1rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .bet.size1 {
    font-size: 1rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .bet.size2 {
    font-size: 1.142rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .bet.size3 {
    font-size: 1.428rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .bet.size4 {
    font-size: 1.714rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .rule {
    color: #fff;
    font-size: .714rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .rule.color-orange {
    color: #fa9800
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .left .ante {
    font-size: .714rem;
    background: #454545;
    border-radius: 3px;
    line-height: 1;
    padding: 2px 3px;
    text-align: center;
    min-width: 100%
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .mid {
    word-break: break-all;
    width: 11%;
    min-width: 75px;
    max-width: 80px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
    text-align: left;
    font-size: .785rem;
    padding: 5px;
    background: linear-gradient(to bottom, #191e24, #191e24)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .mid>div {
    white-space: nowrap
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .mid>div i {
    color: #ccc;
    vertical-align: middle;
    margin-right: 2px
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .mid>div span {
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .mid.green i.icon-user2,
.cc-tableslist-page-container .lb-tableslist-content .list-table .mid.green span.players {
    color: #8bec44
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right {
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
    text-align: left;
    padding-right: 1px
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right .top {
    width: 100%;
    min-height: 30px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    background: #13161b
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right .top div.info-text {
    font-size: .714rem;
    padding: 3px 6px
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right .top div.info-text span.text {
    margin: 0;
    display: block
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right .bottom {
    width: 100%;
    flex: 1;
    display: flex
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right .bottom div.info-pills {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 2px
}

.cc-tableslist-page-container .lb-tableslist-content .list-table .right .bottom div.info-pills .pill {
    margin: .142rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-table span.no-table-available {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e0e0e0;
    font-family: Kanit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    background: rgba(125, 125, 125, .1);
    cursor: default
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.soft-light>div {
    mix-blend-mode: soft-light
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat0 .left {
    background: linear-gradient(to bottom, #12161b 0, #12161b 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat2 .left {
    background: linear-gradient(to bottom, #03c177 0, #007849 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat2 .left .bet {
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat4 .left {
    background: linear-gradient(to bottom, #ffac00 0, #964100 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat4 .left .bet {
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat6 .left {
    background: linear-gradient(to bottom, red 0, #700000 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-table.seat6 .left .bet {
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney {
    display: flex;
    flex-flow: row nowrap;
    min-height: 76px;
    overflow: hidden;
    color: #fff;
    font-size: 1.142rem;
    font-family: Kanit;
    background: linear-gradient(to bottom, #29313b, #191e24);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .1);
    cursor: pointer
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney+.list-tourney {
    margin-top: .642rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney div {
    overflow: hidden
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left {
    width: 24%;
    min-width: 74px;
    max-width: 110px;
    background: linear-gradient(to bottom, #03c177 0, #007849 84%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .1)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left * {
    white-space: nowrap
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .top {
    height: 42%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, .2);
    padding: 6px
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .top .status-text {
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .3);
    padding: 1px 3px;
    border-radius: 3px
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .bottom {
    height: 58%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 6px
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .bottom .status-text-sub {
    text-transform: uppercase;
    text-align: center;
    font-size: .642rem;
    line-height: 1
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .bottom .status-text-sub i {
    color: #fff;
    vertical-align: middle;
    margin-right: 2px;
    font-size: .9rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .bottom .status-text-sub span {
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .left .bottom .status-time {
    font-size: 1rem;
    font-style: italic;
    line-height: 1;
    text-align: center;
    margin-top: .3rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid {
    flex: 1;
    padding: 6px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid>* {
    white-space: nowrap
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid .title {
    font-size: .857rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid .pills {
    display: flex;
    flex-flow: row nowrap;
    padding: .4rem 1px
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid .pills .pill {
    text-transform: capitalize
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid .pills .pill.green {
    background: #0a6777
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid .pills .pill.purple {
    background: #650071
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid .pills .pill.yellow {
    background: #936f00
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid p.date {
    font-size: .714rem;
    margin-bottom: .3rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info {
    display: flex;
    flex-flow: row nowrap;
    font-size: .714rem;
    white-space: nowrap
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info li i {
    color: #ccc;
    vertical-align: middle;
    margin-right: 2px
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info li span {
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info li+li {
    margin-left: 1.5rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info .buy-in,
.cc-tableslist-page-container .lb-tableslist-content .list-tourney .mid ul.info .people {
    display: flex;
    align-items: center
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 5px 5px 5px 0
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool {
    min-width: 75px;
    background: #13161b;
    padding: 2px;
    white-space: nowrap
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-label {
    font-size: .857rem;
    text-align: center;
    line-height: 1;
    padding: 4px;
    color: #20c44e
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-value {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, .1);
    text-align: center;
    padding: 4px
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-value .icon-currency-type {
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/variation-img/lobby_images/chips001.svg)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-value .icon-currency-type.chip {
    background-image: url(../images/variation-img/lobby_images/chips001.svg)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-value .icon-currency-type.ticket {
    background-image: url(../images/variation-img/lobby_images/ticket.svg)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-value i {
    color: #020202;
    vertical-align: middle;
    margin-right: 2px;
    font-size: .8rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney .right .prize-pool .pool-value span.value {
    color: #fff;
    font-size: .714rem;
    line-height: 1;
    margin-left: .3rem
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney.joined .left,
.cc-tableslist-page-container .lb-tableslist-content .list-tourney.live .left {
    background: linear-gradient(to bottom, #03c177 0, #007849 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney.latereg .left {
    background: linear-gradient(to bottom, #ffac00 0, #964100 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney.registering .left {
    background: linear-gradient(to bottom, #ffc800 0, #865d00 84%)
}

.cc-tableslist-page-container .lb-tableslist-content .list-tourney.completed .left {
    background: linear-gradient(to bottom, #616161 0, #1b1b1b 84%)
}

.cc-tableslist-page-container .lb-tableslist-quickseat {
    display: block;
    width: 100%;
    height: calc(100% - 3.25rem);
    padding: .5rem 0;
    overflow: hidden
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #29313b;
    border-radius: 3px;
    padding: .25rem
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    flex-flow: wrap;
    width: 100%;
    margin: auto;
    background-color: #29313b;
    overflow: hidden;
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .header-left,
.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .header-right {
    display: inline-flex;
    align-items: center;
    height: 3rem
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .header-left {
    justify-content: space-around;
    width: 15%;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    font-size: 1.375rem
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .header-right {
    justify-content: flex-start;
    width: 85%;
    padding-left: 1rem;
    background-color: #0b0b0b;
    font-size: 1rem;
    text-transform: uppercase;
    color: #20c44e
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .content {
    height: calc(100% - 3rem);
    width: 100%;
    padding: .5rem;
    overflow: auto;
    background-color: #0b0b0b
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .content li {
    font-size: 1rem;
    display: inline-flex;
    background-color: #222;
    border-radius: 3px;
    padding: .375rem .75rem;
    margin: .25rem
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper>* .content li.active {
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%);
    color: #fff
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-1 {
    height: 46%
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-2 {
    height: 20%
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-3 {
    height: 20%
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper h6 {
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: .5rem 0;
    border-radius: 3px 3px 0 0;
    background-color: #0b0b0b;
    justify-content: center
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-text {
    height: 7%;
    color: #fff;
    background: -moz-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: linear-gradient(bottom, #38c05f 0, #1f6432 100%)
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-btn,
.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-text {
    justify-content: flex-start;
    align-items: center;
    font-size: 1rem;
    padding: 0 1rem
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-btn p,
.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-text p {
    padding: 0;
    margin: 0
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-btn {
    height: 7%;
    border-radius: 3px 3px 0 0;
    justify-content: center;
    border-radius: 0 0 3px 3px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.cc-tableslist-page-container .lb-tableslist-quickseat .quickseat-wrapper .quickseat-btn img {
    height: 1.25rem;
    padding-right: .5rem;
    filter: invert(0)
}

.cc-tableslist-page-container table.lb-tableslist-ul {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0 0 3px 3px;
    display: flex;
    flex-flow: column;
    overflow: hidden
}

.cc-tableslist-page-container table.lb-tableslist-ul thead {
    flex: 0 0 auto;
    width: 100%
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: -moz-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -webkit-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -o-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -ms-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: linear-gradient(bottom, #20c44e 0, #017f2b 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr th {
    font-size: .937rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: .375rem 0;
    cursor: pointer
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr th i {
    vertical-align: middle;
    margin-left: .25rem
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr th i.icon-refresh {
    font-size: 1.25rem
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr th input.hidefull {
    width: 20px;
    height: 20px
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr.tourneyTr th:nth-child(1) {
    width: 22% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr.tourneyTr th:nth-child(2) {
    width: 42% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr.tourneyTr th:nth-child(3) {
    width: 20% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul thead tr.tourneyTr th:nth-child(4) {
    width: 16% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody {
    display: block;
    flex: 1 1 auto;
    overflow-y: auto;
    height: 100%;
    background-color: #0b0b0b
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr._tr:nth-child(odd) {
    background-color: #353535
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr._tr:nth-child(even) {
    background-color: #252525
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr.tourneyTr td:nth-child(1) {
    width: 22% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr.tourneyTr td:nth-child(2) {
    width: 42% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr.tourneyTr td:nth-child(3) {
    width: 20% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody tr.tourneyTr td:nth-child(4) {
    width: 16% !important
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.text-left {
    text-align: left;
    padding-left: .5rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td {
    font-size: .875rem;
    text-align: center;
    color: #fff;
    padding: .75rem .25rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.lightgreen {
    color: #90ee90
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.joined h4 {
    background: -moz-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -webkit-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -o-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -ms-linear-gradient(top, #6cb946 0, #386522 100%);
    background: linear-gradient(top, #6cb946 0, #386522 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.registering h4 {
    background: -moz-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -webkit-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -o-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -ms-linear-gradient(top, #c09102 0, #906e07 100%);
    background: linear-gradient(top, #c09102 0, #906e07 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.latereg h4 {
    background: -moz-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -webkit-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -o-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -ms-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: linear-gradient(top, #b0512c 0, #a7390d 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.live h4 {
    background: -moz-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -webkit-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -o-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -ms-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: linear-gradient(top, #00a24c 0, #005e2c 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td.completed h4 {
    background: -moz-linear-gradient(top, #666 0, #333 100%);
    background: -webkit-linear-gradient(top, #666 0, #333 100%);
    background: -o-linear-gradient(top, #666 0, #333 100%);
    background: -ms-linear-gradient(top, #666 0, #333 100%);
    background: linear-gradient(top, #666 0, #333 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td h5.tourney-title {
    font-size: 1rem;
    color: #20c44e;
    padding-bottom: .25rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td .tourney-label {
    font-size: .937rem;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    margin: 0;
    padding: .125rem 0
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td .tourney-label span {
    font-size: .75rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p {
    width: 100%;
    font-size: .875rem;
    display: inline-flex;
    align-items: center;
    padding: 0;
    margin: 0
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p i.icon-chip3,
.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p i.icon-medal2,
.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p i.icon-user2 {
    font-size: .875rem;
    line-height: initial;
    vertical-align: middle;
    color: #aaa;
    margin-right: .25rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p i.icon-chip3.margin-left,
.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p i.icon-medal2.margin-left,
.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p i.icon-user2.margin-left {
    margin-left: .5rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p span {
    color: #aaa;
    margin-left: .25rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p span.pills {
    font-size: .75rem;
    line-height: 1rem;
    color: #fff;
    border-radius: 3px;
    padding: 0 .25rem;
    margin: .125rem .5rem .125rem 0 !important
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p span.pills.prizeType {
    background-color: #191e24
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td p.tourney-p span.pills.gameSpeed {
    background-color: #191e24
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td span.turbo {
    display: inline-block;
    background-color: #4a7e49;
    color: #fff;
    font-size: 10px;
    margin-left: 3px;
    padding: 0 5px;
    border-radius: 2px
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td[data-type=action] {
    max-width: 5rem
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td button.btn-play {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 1.75rem;
    font-size: .937rem;
    margin: 0 auto;
    max-width: 5rem;
    color: #111;
    border-radius: 3px
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td button.btn-play i {
    font-size: 1.5rem;
    color: inherit;
    cursor: pointer
}

.cc-tableslist-page-container table.lb-tableslist-ul tbody td h4 {
    font-size: .937rem;
    font-weight: 900;
    text-align: center;
    line-height: 1.5rem;
    color: #000;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .2)
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable {
    margin-bottom: .75rem
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable thead tr {
    border-radius: 0
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr:nth-child(1) {
    background: -moz-linear-gradient(top, #b88d08 0, #b08007 100%);
    background: -webkit-linear-gradient(top, #b88d08 0, #b08007 100%);
    background: -o-linear-gradient(top, #b88d08 0, #b08007 100%);
    background: -ms-linear-gradient(top, #b88d08 0, #b08007 100%);
    background: linear-gradient(top, #b88d08 0, #b08007 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr:nth-child(2) {
    background: -moz-linear-gradient(top, #c5c5c5 0, #8f8f8f 100%);
    background: -webkit-linear-gradient(top, #c5c5c5 0, #8f8f8f 100%);
    background: -o-linear-gradient(top, #c5c5c5 0, #8f8f8f 100%);
    background: -ms-linear-gradient(top, #c5c5c5 0, #8f8f8f 100%);
    background: linear-gradient(top, #c5c5c5 0, #8f8f8f 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr:nth-child(3) {
    background: -moz-linear-gradient(top, #98845f 0, #564930 100%);
    background: -webkit-linear-gradient(top, #98845f 0, #564930 100%);
    background: -o-linear-gradient(top, #98845f 0, #564930 100%);
    background: -ms-linear-gradient(top, #98845f 0, #564930 100%);
    background: linear-gradient(top, #98845f 0, #564930 100%)
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr td {
    color: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr td:first-child {
    color: #20c44e
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr:nth-child(-n+3) {
    border-bottom: 1px solid #222
}

.cc-tableslist-page-container table.lb-tableslist-ul.championTable tbody tr:nth-child(-n+3) td:first-child b {
    background-color: #110e21;
    width: 1.5rem;
    line-height: 1.5rem;
    border-radius: 100%;
    display: inline-block;
    color: #fff
}

.cc-changephoto-page-container {
    text-align: center
}

.cc-changephoto-page-container p {
    width: 97%;
    font-size: 1rem;
    text-align: left;
    color: #fff;
    padding: .5rem 1.25rem;
    margin: 1rem auto;
    border-radius: 3px;
    background-color: #111;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

@media (min-width:768px) {
    .cc-changephoto-page-container {
        width: 70%;
        margin: auto
    }
}

.cc-changephoto-content {
    text-align: center;
    padding-bottom: 4rem
}

.cc-changephoto-content .savePhoto {
    margin-top: 0
}

.cc-changephoto-content .croppie-container {
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.cc-changephoto-content .photo-lib-select-btn {
    background: -moz-linear-gradient(top, #979797 0, #5b5b5b 100%);
    background: -webkit-linear-gradient(top, #979797 0, #5b5b5b 100%);
    background: -o-linear-gradient(top, #979797 0, #5b5b5b 100%);
    background: -ms-linear-gradient(top, #979797 0, #5b5b5b 100%);
    background: linear-gradient(top, #979797 0, #5b5b5b 100%);
    color: #111
}

.cc-changephoto-content .upload-demo-wrap {
    width: 97%;
    position: relative;
    border-radius: 3px;
    overflow: hidden
}

.cc-changephoto-content .upload-rotate {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 3rem;
    color: #20c44e;
    z-index: 1
}

.croppie-container .cr-slider-wrap {
    display: none
}

.cc-updateprofile-page-container {
    text-align: center
}

.cc-updateprofile-page-container .editprofile-content {
    padding-top: 1em
}

.cc-updateprofile-page-container textarea {
    width: 100%;
    padding: 1rem;
    font-size: 1rem;
    color: #ddd;
    border-radius: 0 0 3px 3px;
    background-color: #151515;
    resize: none
}

.cc-updateprofile-page-container button {
    margin: 0 auto
}

@media (min-width:768px) {
    .cc-updateprofile-page-container {
        width: 70%;
        margin: auto
    }
}

.result-icon {
    font-size: 1.25rem;
    position: absolute;
    top: .937rem;
    right: 3rem
}

.result-icon.icon-tick {
    color: #8bec44
}

.result-icon.icon-cross {
    color: #ff4a4a
}

.update-profile-info {
    width: 97%;
    margin: auto;
    border-radius: 3px;
    background-color: #111;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.update-profile-info p {
    width: 100%;
    font-size: 1rem;
    padding: .5rem 1.25rem;
    text-align: left;
    color: #aaa;
    margin: 0
}

.biography-area p {
    font-size: 1rem;
    text-align: left;
    color: #20c44e;
    text-indent: 1.25rem;
    width: 100%;
    margin: .625rem auto 0 auto;
    padding: .312rem;
    background-color: #111;
    border-radius: 3px 3px 0 0;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.cc-version-page-container {
    display: flex;
    justify-content: flex-start;
    flex-flow: column
}

.cc-version-page-container .opk-page-header {
    display: flex;
    justify-content: space-around;
    flex: 0 0 3.25rem;
    order: 1
}

.cc-version-page-container .opk-version-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.cc-version-page-container .opk-version-info img {
    width: 100%;
    max-width: 50%;
    margin: 0 auto
}

.cc-version-page-container .opk-version-info .version-info {
    margin-top: 2rem
}

.cc-version-page-container .opk-version-info h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #20c44e
}

.cc-version-page-container .opk-version-info h5 {
    font-size: 1rem;
    color: #fff
}

@media (min-width:768px) {
    .cc-version-page-container .opk-version-info {
        width: 70%
    }
}

.cc-profile-page-container .settings-panel {
    overflow: auto;
    padding: .607rem;
    margin: .607rem
}

.cc-profile-page-container .settings-panel ul.grid {
    display: grid;
    grid-gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 33%));
    grid-auto-rows: 1fr;
    justify-content: center
}

.cc-profile-page-container .settings-panel ul.grid li.cell {
    position: relative;
    border: 1px solid #111;
    border-radius: 6px;
    background-color: #12161b
}

.cc-profile-page-container .settings-panel ul.grid li.cell>a {
    -webkit-touch-callout: none;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: 100%;
    padding: .714rem
}

.cc-profile-page-container .settings-panel ul.grid li.cell>a img.card-img {
    width: 40%;
    margin: 15% auto
}

.cc-profile-page-container .settings-panel ul.grid li.cell>a p.card-name {
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    font-family: Ubuntu;
    font-size: .928rem;
    line-height: 1.25;
    text-align: center;
    color: #ccc;
    margin: auto;
    word-break: break-word;
    height: 2.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.cc-profile-page-container .settings-panel ul.grid li.cell:first-child {
    grid-row: 1/1;
    grid-column: 1/3
}

.cc-profile-page-container .settings-panel ul.grid .profile-area {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center
}

.cc-profile-page-container .settings-panel ul.grid .profile-area .avatar-circle {
    max-width: 35%;
    margin-bottom: .5rem
}

.cc-profile-page-container .settings-panel ul.grid .profile-area div.user-name-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80%;
    margin: 0 auto;
    transform: translateY(.25rem)
}

.cc-profile-page-container .settings-panel ul.grid .profile-area div.user-name-wrap span.user-name {
    width: auto;
    color: #20c44e;
    font-size: 1.142rem;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
    line-height: 1.1;
    overflow: hidden;
    white-space: nowrap
}

.cc-profile-page-container .settings-panel ul.grid .profile-area div.user-name-wrap i {
    color: #999;
    font-size: 1.5rem;
    margin-left: .5rem
}

.cc-profile-page-container .settings-panel ul.grid .profile-area div.user-id-wrap {
    position: absolute;
    left: 0;
    top: 0
}

.cc-profile-page-container .settings-panel ul.grid .profile-area div.user-id-wrap span.user-id {
    display: inline-block;
    background-color: #017f2b;
    padding: .25rem .5rem;
    border-radius: .25rem;
    color: #fff;
    font-size: 1rem;
    font-family: Ubuntu;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden
}

.cc-statement-page-container .statement-wrapper {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
    padding: .75rem;
    overflow: hidden
}

.cc-statement-page-container .statement-title {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 0 0 3rem;
    height: 2.25rem;
    width: 100%;
    margin: 0 auto .75rem auto;
    order: 1;
    border-radius: 0 0 3px 3px;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.cc-statement-page-container .statement-title p {
    font-size: .937rem;
    text-align: center;
    line-height: 1.25rem;
    color: #20c44e;
    margin: 0
}

.cc-statement-page-container .statement-title span {
    font-size: .75rem;
    text-align: center;
    line-height: 1rem;
    color: #fff
}

.cc-statement-page-container .statement-breadcrumbs {
    width: 100%;
    background-color: #0b0b0b;
    border-radius: 3px;
    margin-bottom: .75rem;
    font-size: .875rem;
    padding: 1rem
}

.cc-statement-page-container .statement-breadcrumbs li {
    display: none
}

.cc-statement-page-container .statement-breadcrumbs a {
    color: #fff
}

.cc-statement-page-container .statement-breadcrumbs a.active {
    color: #20c44e
}

.cc-statement-page-container .statement-breadcrumbs>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0"
}

.cc-statement-page-container .statement-content {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
    width: 100%;
    height: 100%;
    background-color: #0b0b0b;
    border-radius: 6px;
    overflow: hidden;
    order: 3;
    padding: 4px
}

.cc-statement-page-container .statement-content>* {
    display: flex;
    flex-flow: column nowrap;
    flex: 1
}

.cc-statement-page-container .statement-content .statement-content-wrapper {
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

.cc-statement-page-container .statement-content .statement-content-wrapper>* {
    display: flex;
    flex-flow: column nowrap;
    flex: 1
}

table.lb-statement-table {
    display: flex;
    flex-flow: column nowrap;
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0 0 3px 3px;
    overflow: hidden
}

table.lb-statement-table thead {
    flex: 0 0 auto;
    width: 100%
}

table.lb-statement-table thead tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: -moz-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(bottom, #38c05f 0, #1f6432 100%);
    background: linear-gradient(bottom, #38c05f 0, #1f6432 100%)
}

table.lb-statement-table thead tr th {
    font-size: .937rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: .375rem 0;
    cursor: pointer
}

table.lb-statement-table tbody {
    display: block;
    flex: 1 1 auto;
    overflow-y: auto;
    height: 100%;
    background-color: #0b0b0b
}

table.lb-statement-table tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #0b0b0b;
    border-bottom: 1px solid #292929
}

table.lb-statement-table tbody tr.total {
    background-color: #151515
}

table.lb-statement-table tbody tr.total td.empty {
    background-color: #252525;
    text-align: right;
    padding-right: .75rem
}

table.lb-statement-table tbody tr.table-detail {
    background-color: #111
}

table.lb-statement-table tbody tr.table-detail td {
    padding: 0
}

table.lb-statement-table tbody td {
    font-size: .875rem;
    text-align: center;
    color: #fff;
    padding: .75rem .25rem;
    white-space: nowrap
}

table.lb-statement-table tbody td i {
    font-size: 2rem;
    color: #20c44e;
    cursor: pointer
}

table.lb-statement-table tbody td[type] {
    background-color: #0b0b0b;
    text-decoration: underline
}

table.lb-statement-table tbody td p {
    margin: 0
}

table.lb-statement-table tbody td p.sm {
    font-size: .687rem
}

table.lb-statement-table.dates-table th {
    white-space: nowrap
}

table.lb-statement-table.dates-table thead tr th {
    width: 20%
}

table.lb-statement-table.dates-table tbody tr td {
    width: 20%
}

table.lb-statement-table.dates-table thead tr th:first-child {
    padding: 0 .25rem;
    width: 40%
}

table.lb-statement-table.dates-table tbody tr td:first-child {
    width: 40%
}

table.lb-statement-table.inner-table {
    border-radius: 0
}

table.lb-statement-table.inner-table thead tr {
    background: #554e40
}

table.lb-statement-table.inner-table tbody tr:not(:last-child) {
    border-bottom: 1px solid #47424c
}

table.lb-statement-table.inner-table tbody tr {
    background-color: #121327
}

table.lb-statement-table.inner-table tbody tr td {
    padding: .5rem
}

table.lb-statement-table.inner-table tbody tr[data=ludoTableTH],
table.lb-statement-table.inner-table tbody tr[data=publicCards] {
    background: -moz-linear-gradient(bottom, #303265 0, #104267 100%);
    background: -webkit-linear-gradient(bottom, #303265 0, #104267 100%);
    background: -o-linear-gradient(bottom, #303265 0, #104267 100%);
    background: -ms-linear-gradient(bottom, #303265 0, #104267 100%);
    background: linear-gradient(bottom, #303265 0, #104267 100%)
}

table.lb-statement-table.inner-table tbody tr[data=ludoTableTH] span.card,
table.lb-statement-table.inner-table tbody tr[data=publicCards] span.card {
    height: 3rem;
    width: 2.25rem
}

table.lb-statement-table.inner-table tbody tr[data=ludoTableTH] th {
    padding: .5rem 0;
    text-align: center
}

table.lb-statement-table.inner-table tbody tr h6 {
    font-size: 12px;
    font-weight: bolder;
    color: #20c44e;
    padding: 3px 0
}

table.lb-statement-table.inner-table tbody tr p {
    font-size: 10px;
    font-weight: 700;
    color: #ddd
}

table.lb-statement-table.inner-table tbody tr.self {
    background-color: #181c39
}

table.lb-statement-table.inner-table tbody tr.self td h6 {
    color: #fc0
}

table.lb-statement-table.inner-table tbody tr td.ludoTableTD {
    height: 5rem
}

table.lb-statement-table.inner-table tbody tr td.ludoTableTD .surrendered {
    color: #ff4a4a
}

table.lb-statement-table.inner-table tbody tr[data=ludoTableDenote] {
    background-color: #05050b
}

table.lb-statement-table.inner-table tbody tr[data=ludoTableDenote] td {
    text-align: right;
    font-style: italic;
    font-size: 11px
}

table.lb-statement-table.inner-table tbody tr .cards-section {
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 .7em
}

table.lb-statement-table.inner-table tbody tr .cards-section>div {
    display: block
}

table.lb-statement-table.inner-table tbody tr .cards-section>div span.card {
    margin: 0 .125rem
}

table.lb-statement-table.inner-table tbody tr .cards-section>div span.domino {
    margin: 0 .125rem;
    height: 4rem;
    width: 2rem
}

table.lb-statement-table.inner-table tbody tr .cards-section>div span.spacer {
    margin: 0 1rem
}

table.lb-statement-table.inner-table tbody tr .cards-section>div span.mark {
    outline: 1px solid #20c44e
}

table.lb-statement-table.inner-table tbody tr .cards-section>div p {
    display: block
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .baccarat,
table.lb-statement-table.inner-table tbody tr .minigame-image-area .dragontiger,
table.lb-statement-table.inner-table tbody tr .minigame-image-area .goal {
    display: flex;
    justify-content: center
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .baccarat .item,
table.lb-statement-table.inner-table tbody tr .minigame-image-area .dragontiger .item,
table.lb-statement-table.inner-table tbody tr .minigame-image-area .goal .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 8px
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .baccarat .item .bonusType,
table.lb-statement-table.inner-table tbody tr .minigame-image-area .dragontiger .item .bonusType,
table.lb-statement-table.inner-table tbody tr .minigame-image-area .goal .item .bonusType {
    margin-top: 8px
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .blackjack {
    display: flex;
    flex-direction: column
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .blackjack .item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 18rem;
    margin: 0 auto
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .blackjack .item>span {
    width: 7rem;
    text-align: left;
    margin-top: .875rem
}

table.lb-statement-table.inner-table tbody tr .minigame-image-area .blackjack .bonusType {
    margin-top: 8px
}

.cc-dates-statement-page-container {
    padding-bottom: 6rem
}

.cc-dates-accordion {
    width: 95%;
    margin: auto;
    padding-top: .625rem
}

.cc-dates-accordion .panel {
    margin-top: .25rem !important
}

.cc-dates-accordion .panel-group .panel {
    display: none;
    border: 0;
    border-radius: 3px;
    background-color: #222
}

.cc-dates-accordion .panel-group .panel-heading {
    position: relative;
    overflow: hidden;
    background-color: #111;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3);
    line-height: 0
}

.cc-dates-accordion .panel-group .panel-heading h4 {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    color: #fff;
    padding: 0
}

.cc-dates-accordion .panel-group .panel-heading a:after {
    float: right;
    position: relative;
    content: "";
    font-size: .875rem;
    font-weight: 100;
    font-style: normal;
    color: #ddd;
    top: -.5rem;
    display: inline-block;
    transition: transform .25s linear;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: -webkit-transform .25s linear
}

.cc-dates-accordion .panel-group .panel-heading a[aria-expanded=true]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cc-dates-accordion .panel-group .panel-heading a[aria-expanded=false]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.cc-dates-accordion .panel-group .panel-heading .item-total {
    position: absolute;
    top: 0;
    right: 3.5rem;
    padding: .625rem 0
}

.cc-dates-accordion .panel-group .panel-heading .item-total .badge {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    color: #fff
}

.cc-dates-accordion .panel-group .panel-heading .item-total i {
    font-size: 1rem;
    color: #ffea00;
    margin-right: .25rem;
    vertical-align: middle
}

.cc-dates-accordion .panel-group .panel-body {
    border-top: 0;
    border-radius: 0 0 3px 3px;
    padding: 0;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3);
    overflow: scroll
}

ul.cc-dates-list {
    width: 100%;
    margin: auto;
    position: relative;
    padding: .625rem 0
}

ul.cc-dates-list li {
    position: relative;
    height: 6.5rem;
    width: 100%
}

ul.cc-dates-list li.results {
    height: 9rem
}

ul.cc-dates-list li.normal {
    height: 4.5rem
}

ul.cc-dates-list li .statement-table {
    width: 100%;
    height: 100%;
    display: table;
    overflow: hidden
}

ul.cc-dates-list li .statement-table>div {
    display: inline-block;
    height: 100%;
    position: relative;
    vertical-align: top
}

ul.cc-dates-list li .statement-table .left-section {
    width: 18%
}

ul.cc-dates-list li .statement-table .mid-section {
    width: 57%
}

ul.cc-dates-list li .statement-table .right-section {
    width: 25%
}

ul.cc-dates-list li:nth-child(odd) .statement-table {
    background-color: rgba(0, 0, 0, 0)
}

ul.cc-dates-list li:nth-child(even) .statement-table {
    background-color: rgba(0, 0, 0, .2)
}

ul.cc-dates-list li .left-section .line {
    height: 15rem;
    width: .187rem;
    position: absolute;
    top: 0;
    left: 1.4rem;
    display: inline-block;
    background-color: #ddd
}

ul.cc-dates-list li .left-section .icon-clock2 {
    font-size: 1rem;
    color: #017f2b;
    position: absolute;
    top: 2.5rem;
    left: 6rem
}

ul.cc-dates-list li .left-section .icon-clock2.timeline {
    font-size: 1.25rem;
    color: #0e5b24;
    background-color: #ddd;
    border-radius: 10rem;
    position: absolute;
    top: .437rem;
    left: .875rem
}

ul.cc-dates-list li .left-section h4.time-text {
    position: absolute;
    top: .562rem;
    left: 2.5rem;
    font-size: .875rem;
    font-weight: 600;
    color: #fff
}

ul.cc-dates-list li .mid-section {
    padding-top: .5rem
}

ul.cc-dates-list li .mid-section h4 {
    font-size: .937rem;
    font-weight: 600;
    color: #20c44e;
    width: 100%;
    padding: 0 0 .25rem 0;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ul.cc-dates-list li .mid-section h4.table-id {
    color: #fff
}

ul.cc-dates-list li .mid-section .mid-buygems,
ul.cc-dates-list li .mid-section .mid-normal {
    display: none;
    width: 100%
}

ul.cc-dates-list li .mid-section .mid-buygems p,
ul.cc-dates-list li .mid-section .mid-normal p {
    font-size: .875rem;
    color: #fff;
    padding: .25rem 0;
    margin: 0
}

ul.cc-dates-list li .mid-section .mid-buygems i,
ul.cc-dates-list li .mid-section .mid-normal i {
    font-size: .875rem;
    vertical-align: middle;
    margin-right: .25rem
}

ul.cc-dates-list li .mid-section .mid-buygems .icon-chip,
ul.cc-dates-list li .mid-section .mid-normal .icon-chip {
    color: #ffea00;
    margin-left: 1rem
}

ul.cc-dates-list li .mid-section .mid-buygems .icon-clock2,
ul.cc-dates-list li .mid-section .mid-normal .icon-clock2 {
    color: #017f2b
}

ul.cc-dates-list li .mid-section .mid-buygems .icon-gem,
ul.cc-dates-list li .mid-section .mid-normal .icon-gem {
    color: #1be785
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span {
    font-size: .75rem;
    color: #fff;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    border-radius: 3px;
    padding: .125rem .25rem;
    margin-right: .25rem
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.basic {
    background: -moz-linear-gradient(top, #009275 0, #002c23 100%);
    background: -webkit-linear-gradient(top, #009275 0, #002c23 100%);
    background: -o-linear-gradient(top, #009275 0, #002c23 100%);
    background: -ms-linear-gradient(top, #009275 0, #002c23 100%);
    background: linear-gradient(top, #009275 0, #002c23 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.sng {
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.mtt {
    background: -moz-linear-gradient(top, #242862 0, #090a17 100%);
    background: -webkit-linear-gradient(top, #242862 0, #090a17 100%);
    background: -o-linear-gradient(top, #242862 0, #090a17 100%);
    background: -ms-linear-gradient(top, #242862 0, #090a17 100%);
    background: linear-gradient(top, #242862 0, #090a17 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.holdem {
    background: -moz-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -webkit-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -o-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -ms-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: linear-gradient(top, #003d7b 0, #000a15 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.omaha {
    background: -moz-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -webkit-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -o-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -ms-linear-gradient(top, #9c0404 0, #390101 100%);
    background: linear-gradient(top, #9c0404 0, #390101 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.holdem6plus {
    background: -moz-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -webkit-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -o-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -ms-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: linear-gradient(top, #007b9f 0, #002c39 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.holdem5plus {
    background: -moz-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -webkit-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -o-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -ms-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: linear-gradient(top, #259e09 0, #0e3d04 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.prizeType {
    background: -moz-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -webkit-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -o-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -ms-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: linear-gradient(top, #a4007b 0, #3e002f 100%)
}

ul.cc-dates-list li .mid-section .tourney-specs span.specs-span.gameSpeed {
    background: -moz-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -webkit-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -o-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -ms-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: linear-gradient(top, #bb8001 0, #563b00 100%)
}

ul.cc-dates-list li .mid-section .tourney-table {
    width: 100%;
    padding-top: .5rem
}

@media (min-width:768px) {
    ul.cc-dates-list li .mid-section .tourney-table {
        width: 70%
    }
}

ul.cc-dates-list li .mid-section .tourney-table>div {
    display: none
}

ul.cc-dates-list li .mid-section .tourney-table p {
    font-size: .875rem;
    font-weight: 600;
    font-style: italic;
    color: #fff;
    padding: 0;
    margin: 0
}

ul.cc-dates-list li .mid-section .tourney-table p[type=chip],
ul.cc-dates-list li .mid-section .tourney-table p[type=satTicketBuyIn],
ul.cc-dates-list li .mid-section .tourney-table p[type=selfBuyIn],
ul.cc-dates-list li .mid-section .tourney-table p[type=ticket] {
    display: none
}

ul.cc-dates-list li .mid-section .tourney-table i,
ul.cc-dates-list li .mid-section .tourney-table img {
    margin-right: .25rem
}

ul.cc-dates-list li .mid-section .tourney-table i.icon-chip3,
ul.cc-dates-list li .mid-section .tourney-table img.icon-chip3 {
    color: #ffea00
}

ul.cc-dates-list li .mid-section .tourney-table img {
    height: .875rem;
    width: .875rem
}

ul.cc-dates-list li .mid-section .tourney-table .table-left {
    float: left;
    width: 35%
}

ul.cc-dates-list li .mid-section .tourney-table .table-left p {
    color: #017f2b
}

ul.cc-dates-list li .mid-section .tourney-table .table-right {
    float: left;
    width: 65%
}

ul.cc-dates-list li .right-section {
    padding-top: .5rem;
    background-color: rgba(255, 255, 255, .01)
}

ul.cc-dates-list li .right-section .registration {
    display: none
}

ul.cc-dates-list li .right-section .results {
    display: none
}

ul.cc-dates-list li .right-section .unregistration {
    display: none
}

ul.cc-dates-list li .right-section .refund {
    display: none
}

ul.cc-dates-list li .right-section h6 {
    font-size: .875rem;
    text-align: center;
    color: #20c44e;
    padding-bottom: .5rem
}

ul.cc-dates-list li .right-section .win-medal {
    position: relative;
    width: 40px;
    height: 60px;
    margin: auto
}

ul.cc-dates-list li .right-section .win-medal .circle {
    position: absolute;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    vertical-align: middle;
    border: 3px solid #000;
    z-index: 1;
    border-color: #98a6ad;
    background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%)
}

ul.cc-dates-list li .right-section .win-medal .circle h4 {
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    line-height: 34px;
    color: #000;
    text-shadow: 2px 2px 0 #98a6ad;
    letter-spacing: -1px
}

ul.cc-dates-list li .right-section .win-medal .circle h4 sup {
    top: -.5em;
    font-size: 65%
}

ul.cc-dates-list li .right-section .win-medal .circle h4.tiny {
    font-size: 13px
}

ul.cc-dates-list li .right-section .win-medal .circle h4.small {
    font-size: 15px
}

ul.cc-dates-list li .right-section .win-medal .circle h4.medium {
    font-size: 18px
}

ul.cc-dates-list li .right-section .win-medal .circle h4.big {
    font-size: 22px
}

ul.cc-dates-list li .right-section .win-medal .circle.gold-medal {
    border-color: #9d7023;
    background: linear-gradient(to bottom right, #d8a54e 50%, #d39a39 50%)
}

ul.cc-dates-list li .right-section .win-medal .circle.gold-medal h4 {
    text-shadow: 0 0 4px #9d7023
}

ul.cc-dates-list li .right-section .win-medal .circle.silver-medal {
    border-color: #646b6e;
    background: linear-gradient(to bottom right, #979ea1 50%, #8a9295 50%)
}

ul.cc-dates-list li .right-section .win-medal .circle.silver-medal h4 {
    text-shadow: 0 0 4px #646b6e
}

ul.cc-dates-list li .right-section .win-medal .circle.bronze-medal {
    border-color: #5e281d;
    background: linear-gradient(to bottom right, #ac4935 50%, #99412f 50%)
}

ul.cc-dates-list li .right-section .win-medal .circle.bronze-medal h4 {
    text-shadow: 0 0 4px #5e281d
}

ul.cc-dates-list li .right-section .win-medal .ribbon {
    content: "";
    display: block;
    width: 0;
    height: 16px;
    border-style: solid;
    border-width: 6px 8px
}

ul.cc-dates-list li .right-section .win-medal .ribbon.ribbon-left {
    position: absolute;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    border-color: #940015 #940015 transparent #940015;
    top: 35px;
    left: 3px
}

ul.cc-dates-list li .right-section .win-medal .ribbon.ribbon-right {
    position: absolute;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    top: 35px;
    left: 22px;
    border-color: #61000e #61000e transparent #61000e
}

ul.cc-dates-list li .right-section h5.prize-text,
ul.cc-dates-list li .right-section h5.win-loss-h5 {
    width: fit-content;
    margin: auto;
    font-size: .875rem;
    font-weight: 600;
    text-align: center;
    line-height: 1rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 3px;
    padding: .25rem .387rem
}

ul.cc-dates-list li .right-section h5.prize-text img,
ul.cc-dates-list li .right-section h5.win-loss-h5 img {
    height: .875rem;
    width: .875rem;
    margin-right: .25rem
}

ul.cc-dates-list li .right-section h5.prize-text .icon-chip3,
ul.cc-dates-list li .right-section h5.win-loss-h5 .icon-chip3 {
    font-size: .875rem;
    color: #ffea00;
    margin-right: .25rem;
    vertical-align: middle
}

ul.cc-dates-list li .right-section h5.prize-text[type=regByTicket],
ul.cc-dates-list li .right-section h5.prize-text[type=regCost],
ul.cc-dates-list li .right-section h5.prize-text[type=winChip],
ul.cc-dates-list li .right-section h5.prize-text[type=winTicket],
ul.cc-dates-list li .right-section h5.win-loss-h5[type=regByTicket],
ul.cc-dates-list li .right-section h5.win-loss-h5[type=regCost],
ul.cc-dates-list li .right-section h5.win-loss-h5[type=winChip],
ul.cc-dates-list li .right-section h5.win-loss-h5[type=winTicket] {
    display: none
}

.cc-store-page-container .store-wrap {
    display: flex;
    flex-flow: column;
    height: 100%;
    overflow: auto
}

.cc-store-page-container .top-panel {
    width: 90%;
    margin: 0 auto;
    margin-top: 2rem
}

.cc-store-page-container .top-panel .body,
.cc-store-page-container .top-panel .header {
    color: #7998bd;
    border: 1px solid #050505;
    background-color: #13161b
}

.cc-store-page-container .top-panel .header {
    color: #20c44e;
    font-size: 1.166rem;
    font-weight: 400;
    padding: .714rem .928rem;
    line-height: 1
}

.cc-store-page-container .top-panel .body {
    padding: .714rem .928rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.3;
    border-top-width: 0
}

.cc-store-page-container .bottom-panel {
    width: 90%;
    margin: 1rem auto
}

.cc-store-page-container .gems {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px
}

@media (max-width:767px) {
    .cc-store-page-container .gems {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:1023px) {
    .cc-store-page-container .gems {
        grid-template-columns: repeat(3, 1fr)
    }
}

.cc-store-page-container .gems .item {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center
}

.cc-store-page-container .gems .item .gamecard-wrap {
    position: relative;
    padding: 3px
}

.cc-store-page-container .gems .item .gamecard-wrap::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 1;
    background: url(../images/variation-img/lobby_images/side_L.png), url(../images/variation-img/lobby_images/side_R.png);
    background-repeat: no-repeat;
    background-size: 1.571rem;
    background-position: left 0, right 0
}

.cc-store-page-container .gems .item .gamecard-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.35rem;
    border-style: solid;
    border-width: 0 .428rem .428rem .428rem;
    border-radius: 0 0 1.428rem 1.428rem;
    border-color: #404040
}

.cc-store-page-container .gems .item .gamecard {
    border: 1px solid #333;
    box-shadow: 0 0 1px 1px #444;
    border-radius: 1.071rem;
    overflow: hidden;
    cursor: pointer
}

.cc-store-page-container .gems .item .gamecard .img-wrap {
    position: relative
}

.cc-store-page-container .gems .item .gamecard .img-wrap img.game-img {
    width: 100%;
    height: auto
}

.cc-store-page-container .gems .item .gamecard .credit,
.cc-store-page-container .gems .item .gamecard .gem {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: Ubuntu;
    font-size: 1rem;
    min-height: 1.8rem;
    line-height: 1
}

.cc-store-page-container .gems .item .gamecard .credit {
    color: #ffea00;
    background-image: linear-gradient(to bottom, #29313b 0, #191e24)
}

.cc-store-page-container .gems .item .gamecard .gem {
    color: #1be785;
    background-color: #13161b
}

.cc-inbox-msg-page-container {
    padding-bottom: 6rem
}

.cc-inbox-no-msg {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -3rem 0 0 -3rem;
    text-align: center
}

.cc-inbox-no-msg p {
    width: 7rem;
    color: #fff;
    padding-top: .625rem
}

.cc-inbox-msg-area {
    width: 97%;
    margin: auto
}

.cc-inbox-msg-area p.chats-date {
    margin: auto;
    color: #aaa;
    text-align: center;
    padding: .125rem;
    width: 100%;
    font-size: .812rem;
    border-radius: 3px;
    background-color: rgba(100, 100, 100, .7)
}

.cc-inbox-msg-area ul.inbox-chatslist-ul {
    width: 100%;
    padding: 1rem 0 0 0
}

.cc-inbox-msg-area ul.inbox-chatslist-ul li {
    width: 100%;
    padding-bottom: 1rem
}

.cc-inbox-msg-area .talk-bubble {
    display: inline-block;
    position: relative;
    max-width: 60%;
    height: auto;
    background-color: #111
}

.cc-inbox-msg-area li.right .talk-bubble {
    margin-top: .625rem;
    background-color: #91db71;
    text-align: left
}

.cc-inbox-msg-area .round {
    border-radius: .625rem
}

.cc-inbox-msg-area .tri-right.left-in:after {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: .312rem;
    right: auto;
    bottom: auto;
    left: -.5rem;
    border: .387rem solid;
    border-color: #111 #111 transparent transparent
}

.cc-inbox-msg-area .tri-right.right-in:after {
    content: ' ';
    width: 0;
    height: 0;
    position: absolute;
    top: .312rem;
    right: -.5rem;
    bottom: auto;
    left: auto;
    border: .387rem solid;
    border-color: #91db71 transparent transparent #91db71
}

.cc-inbox-msg-area .left-time:before {
    content: '';
    height: 0;
    width: 3rem;
    position: absolute;
    right: -3.5rem;
    bottom: 1rem;
    left: auto;
    color: #222;
    font-size: .75rem
}

.cc-inbox-msg-area .right-time:before {
    content: '';
    height: 0;
    width: 3rem;
    position: absolute;
    bottom: 1rem;
    left: -3.5rem;
    color: #ddd;
    font-size: .75rem
}

.cc-inbox-msg-area .talktext {
    padding: .625rem;
    line-height: 1rem;
    word-break: break-word
}

.cc-inbox-msg-area .talktext p {
    font-size: 1rem;
    color: #20c44e;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    z-index: 5
}

.inbox-chat-container {
    width: 100%;
    display: table;
    text-align: right;
    margin-top: -.75rem
}

.inbox-chat-container .chat-img {
    width: 10%;
    display: table-cell;
    vertical-align: bottom
}

.inbox-chat-container .club-img {
    height: 2.5rem;
    width: 2.5rem;
    display: inline-block;
    vertical-align: bottom
}

.inbox-chat-container .chat-box {
    width: 90%;
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding-left: .625rem
}

.inbox-chat-container h6 {
    color: #20c44e;
    font-weight: 600
}

.cc-terms-privacy-container .cc-terms-privacy-wrapper {
    width: 100%;
    height: 100%;
    padding: 1rem;
    overflow: auto
}

.cc-terms-privacy-container h2 {
    color: #20c44e
}

.cc-terms-privacy-container h3 {
    border-radius: 3px;
    background-color: #454545;
    display: block;
    color: #ccc;
    font-family: Kanit;
    font-size: 1rem;
    line-height: 1;
    padding: 5px;
    margin-bottom: 5px
}

.cc-terms-privacy-container h6 {
    font-size: 1rem;
    font-weight: 400;
    color: #fff
}

.cc-terms-privacy-container p {
    font-size: .875rem;
    text-align: justify;
    color: #ddd
}

.cc-terms-privacy-container p b {
    color: #fff;
    font-weight: 500
}

.cc-terms-privacy-container ol {
    list-style-type: none;
    counter-reset: item;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    text-align: justify;
    color: #fff
}

.cc-terms-privacy-container ol h6 {
    color: #fff;
    padding: 10px 0
}

.cc-terms-privacy-container ol p {
    padding: 4px 0
}

.cc-terms-privacy-container ol>li {
    display: table;
    counter-increment: item;
    margin-bottom: 5px
}

.cc-terms-privacy-container ol>li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 2px
}

.cc-terms-privacy-container ol ol {
    padding: 5px 0;
    font-size: .875rem;
    text-align: justify;
    color: #ddd
}

.cc-terms-privacy-container ol ol ol {
    padding: 5px 0;
    counter-reset: item;
    list-style-type: lower-roman
}

.cc-create-club-container {
    padding-bottom: 6rem
}

.createclub-text {
    padding-bottom: 6rem
}

.createclub-text p {
    font-size: .75rem;
    text-align: justify;
    color: #ddd;
    width: 95%;
    background-color: #444;
    border-radius: 3px;
    padding: .625rem 1rem;
    margin: 0 auto .625rem auto
}

.createclub-images {
    width: 95%;
    background-color: #13161b;
    margin: auto;
    border-radius: 3px
}

.createclub-images .createclub-selected {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 1rem
}

.createclub-images .createclub-selected .create-bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 6rem;
    width: 6rem;
    background-color: #222;
    z-index: 1;
    border-radius: 10rem;
    margin: .625rem auto 0 auto
}

.createclub-images .createclub-selected .selected-bg {
    position: absolute;
    right: 0;
    left: 0;
    width: 5rem;
    height: 5rem;
    padding: 0;
    z-index: 2;
    border-radius: 6rem;
    margin: .312rem auto 0 auto
}

.createclub-images .createclub-choices-list {
    width: 100%;
    margin: auto;
    padding: 1.5rem 0 1rem 0
}

.createclub-images .createclub-choices-list img {
    display: inline;
    width: 15%;
    padding: .5rem
}

.createclub-images .createclub-choices-list img.selected {
    border-radius: 10rem;
    border: .187rem solid #017f2b
}

.createclub-inputs {
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: .625rem
}

.createclub-inputs input {
    width: 95%;
    text-indent: 0;
    text-align: center
}

.createclub-inputs button {
    line-height: 1.5rem
}

.createclub-inputs span.gem-icon {
    background: url(../images/app_icons/gemIcon.png) no-repeat;
    display: inline-block;
    height: 1.125rem;
    width: 1.125rem;
    background-size: contain;
    vertical-align: middle;
    margin-right: .5rem
}

.createclub-inputs span.gem-box {
    border-radius: 3px;
    padding: .125rem .312rem;
    font-size: .75rem
}

.manageclub-info {
    height: 15rem;
    background: #13161b
}

.manageclub-table {
    display: table;
    width: 100%;
    margin: auto;
    padding: 0 .625rem
}

.manageclub-table .mc-table-left {
    display: table-cell;
    width: 25%
}

.manageclub-table .mc-table-left img {
    width: 100%;
    height: 6rem;
    border-radius: 6rem;
    padding-top: 1.25rem
}

.manageclub-table .mc-table-right {
    display: table-cell;
    width: 75%;
    vertical-align: top
}

.manageclub-table .mc-table-right h5 {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: left;
    color: #20c44e;
    color: #20c44e;
    padding: 1.25rem 0 .625rem 0;
    margin: 0
}

.manageclub-table .mc-table-right p.club-id-holder,
.manageclub-table .mc-table-right p.club-level-holder {
    font-size: .875rem;
    color: #888;
    padding: 0 .5rem;
    border-radius: 3px;
    background-color: #222;
    display: inline
}

.mc-level-bar {
    display: table;
    width: 100%;
    height: 2rem
}

.mc-level-bar .mc-bar-left {
    display: table-cell;
    position: relative;
    width: 80%
}

.mc-level-bar .mc-bar-left .top-bar {
    position: absolute;
    top: .625rem;
    left: 0;
    background: -moz-linear-gradient(top, #20c44e 0, #0e5b24 100%);
    background: -webkit-linear-gradient(top, #20c44e 0, #0e5b24 100%);
    background: -o-linear-gradient(top, #20c44e 0, #0e5b24 100%);
    background: -ms-linear-gradient(top, #20c44e 0, #0e5b24 100%);
    background: linear-gradient(top, #20c44e 0, #0e5b24 100%);
    width: 30%;
    height: .5rem;
    border-radius: 3px
}

.mc-level-bar .mc-bar-left .bot-bar {
    position: absolute;
    top: .625rem;
    left: 0;
    width: 100%;
    height: .5rem;
    background-color: #666;
    border-radius: 3px
}

.mc-level-bar .mc-bar-right {
    display: table-cell;
    width: 20%;
    vertical-align: middle
}

.mc-level-bar .mc-bar-right p {
    font-size: .75rem;
    color: #ddd;
    text-align: center;
    background-color: #222;
    margin: .125rem .312rem;
    border-radius: 3px
}

p.club-level-msg {
    font-size: .812rem;
    text-align: justify;
    color: #ddd;
    width: 95%;
    background-color: #222;
    border-radius: 3px;
    padding: .625rem 1rem;
    margin: .625rem auto
}

.manageclub-list p {
    width: 95%;
    margin: .625rem auto 0 auto;
    padding: .187rem;
    background-color: #111;
    border-radius: 3px 3px 0 0;
    text-indent: 1.25rem;
    color: #aaa
}

.manageclub-list p ul.manageclub-ul {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 95%;
    margin: auto
}

.manageclub-list p ul.manageclub-ul li.manage-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 0
}

.manageclub-list p ul.manageclub-ul li.manage-item:last-child {
    border-radius: 0 0 3px 3px
}

.manageclub-list p ul.manageclub-ul li.manage-item .badge {
    background-color: red;
    margin-left: .625rem;
    font-size: .875rem
}

.manageclub-list p ul.manageclub-ul h5 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #ddd;
    display: inline-block;
    vertical-align: middle
}

.manageclub-list p ul.manageclub-ul h5 .icon-user2 {
    color: #fff;
    font-size: 1rem;
    vertical-align: middle;
    margin-right: .187rem
}

.manageclub-list p ul.manageclub-ul h5 span {
    margin: 0 .625rem .187rem 1rem
}

.manageclub-btn {
    width: 100%;
    text-align: center
}

.manageclub-btn button {
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%);
    color: #111
}

.cc-manage-players-container p.mp-title {
    width: 95%;
    margin: .625rem auto 0 auto;
    padding: .187rem;
    background-color: #111;
    border-radius: 3px 3px 0 0;
    text-indent: 1.25rem;
    color: #aaa
}

ul.mp-list-ul {
    width: 95%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin: auto
}

ul.mp-list-ul li {
    position: relative;
    width: 100%;
    height: 3rem
}

ul.mp-list-ul li:last-child {
    border-radius: 0 0 3px 3px
}

ul.mp-list-ul li:nth-child(odd) {
    background-color: #222
}

ul.mp-list-ul li:nth-child(even) {
    background-color: #444
}

ul.mp-list-ul li img {
    height: 2rem;
    width: 2rem;
    margin: .5rem 0;
    display: inline
}

ul.mp-list-ul li p {
    font-size: 1rem;
    line-height: 3rem;
    color: #aaa;
    padding-left: .625rem;
    display: inline
}

ul.mp-list-ul li p.myself {
    color: #017f2b
}

ul.mp-list-ul li .kick-btn {
    position: absolute;
    top: 0;
    right: 1rem;
    font-size: .812rem;
    font-weight: 600;
    line-height: 2rem;
    color: #aaa;
    margin: .625rem 0;
    padding: 0 .625rem;
    border-radius: 3px;
    background-color: #c0000a
}

ul.mp-list-ul li .mp-tick {
    position: absolute;
    top: 0;
    right: 1rem
}

ul.mp-list-ul li .mp-cross {
    position: absolute;
    top: 0;
    right: 4rem
}

ul.mp-list-ul li .mp-cross,
ul.mp-list-ul li .mp-tick {
    width: 2rem;
    height: 2rem;
    margin: .625rem 0
}

ul.mp-list-ul.new-request li:nth-child(even),
ul.mp-list-ul.new-request li:nth-child(odd) {
    background: -moz-linear-gradient(right, #20c44e 0, #0e5b24 100%);
    background: -webkit-linear-gradient(right, #20c44e 0, #0e5b24 100%);
    background: -o-linear-gradient(right, #20c44e 0, #0e5b24 100%);
    background: -ms-linear-gradient(right, #20c44e 0, #0e5b24 100%);
    background: linear-gradient(right, #20c44e 0, #0e5b24 100%)
}

.mp-li-content {
    width: 90%;
    height: 100%;
    margin: auto;
    vertical-align: middle
}

.cc-nickname-page-container {
    width: 97%;
    margin: auto;
    padding-bottom: 6rem
}

@media (min-width:768px) {
    .cc-nickname-page-container {
        width: 70%
    }
}

.cc-nickname-page-container .top-info {
    font-size: 1rem;
    text-align: left;
    color: #fff;
    width: 100%;
    padding: .5rem .75rem;
    border-radius: 3px;
    margin: .75rem auto;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3);
    background-color: #111
}

.cc-nickname-page-container .top-info p {
    width: 100%;
    margin: auto;
    text-align: left
}

.cc-nickname-page-container .top-info p:first-child {
    padding-bottom: 1rem
}

.cc-nicknames-list {
    width: 100%;
    margin: auto;
    border-radius: 3px;
    overflow: hidden
}

.cc-nicknames-list .nicknames-table {
    width: 100%;
    margin-top: 1rem;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.cc-nicknames-list .nicknames-table tr th {
    font-size: 1rem;
    color: #20c44e;
    background-color: #111;
    text-indent: 1.25rem;
    padding: .187rem 0
}

.cc-nicknames-list .nicknames-table tr td {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #fff;
    text-indent: 1.25rem;
    vertical-align: middle
}

.cc-nicknames-list .nicknames-table tr:nth-child(odd) td {
    background-color: #191919
}

.cc-nicknames-list .nicknames-table tr:nth-child(even) td {
    background-color: #202020
}

.cc-nicknames-list .nicknames-table tr:first-child th:first-child,
.cc-nicknames-list .nicknames-table tr:first-child th:last-child {
    border-radius: 3px 3px 0 0
}

.cc-nicknames-list .nicknames-table tr:last-child td:first-child,
.cc-nicknames-list .nicknames-table tr:last-child td:last-child {
    border-radius: 0 0 3px 3px
}

.cc-nicknames-list .nicknames-table tr:last-child td {
    border: none
}

.cc-nicknames-list .nicknames-table tr.no-nicknames td {
    font-size: 1rem;
    padding: .312rem 0
}

.cc-nicknames-list .nicknames-table .icon-cross3,
.cc-nicknames-list .nicknames-table .icon-edit2 {
    font-size: 2rem;
    margin: 0 .5rem 0 0;
    cursor: pointer;
    vertical-align: middle
}

.cc-nicknames-list .nicknames-table .icon-edit2 {
    color: #ddd
}

.cc-nicknames-list .nicknames-table .icon-cross3 {
    color: #ff4a4a
}

.manage-nickname-input {
    text-indent: 0;
    padding: 0;
    margin: .5rem 0;
    color: #20c44e;
    text-align: center
}

.manage-nickname-input:disabled {
    opacity: .8
}

.cc-resetpw-setnew-container {
    text-align: center;
    padding-top: 1rem
}

.cc-resetpw-setnew-container p {
    width: 85%;
    font-size: 1rem;
    text-align: center;
    line-height: 1.6rem;
    color: #aaa;
    padding: 1.25rem;
    margin: auto;
    background-color: #111
}

.cc-resetpw-setnew-container p.top {
    background-color: #13161b
}

.cc-resetpw-setnew-container input[type=checkbox] {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: .75rem;
    color: #20c44e
}

.cc-resetpw-setnew-container button {
    margin: .5rem 0
}

.cc-resetpw-setnew-container .field-input-area,
.cc-resetpw-setnew-container button {
    width: 85%
}

.cc-resetpw-setnew-container .verification-mobile-number {
    width: 85%;
    padding: 1.5rem 0;
    margin: auto
}

.cc-resetpw-setnew-container .verification-mobile-number mobile-number {
    font-size: 1.75rem;
    text-align: center;
    line-height: 2rem;
    color: #20c44e;
    background-color: #111;
    border-radius: 3px;
    padding: .375rem 1rem
}

.cc-resetpw-setnew-container .result-icon {
    font-size: 1.25rem;
    position: absolute;
    top: .937rem;
    right: 3rem
}

.cc-resetpw-setnew-container .result-icon.icon-tick {
    color: #8bec44
}

.cc-resetpw-setnew-container .result-icon.icon-cross {
    color: #ff4a4a
}

.cc-resetpw-setnew-container .code-resend-btn {
    font-size: 1.125rem;
    font-weight: 400;
    color: #111;
    background: -moz-linear-gradient(top, #ddd 0, #aaa 100%);
    background: -webkit-linear-gradient(top, #ddd 0, #aaa 100%);
    background: -o-linear-gradient(top, #ddd 0, #aaa 100%);
    background: -ms-linear-gradient(top, #ddd 0, #aaa 100%);
    background: linear-gradient(top, #ddd 0, #aaa 100%)
}

.cc-resetpw-setnew-container .code-resend-btn:disabled {
    background: -moz-linear-gradient(top, #666 0, #13161b 100%);
    background: -webkit-linear-gradient(top, #666 0, #13161b 100%);
    background: -o-linear-gradient(top, #666 0, #13161b 100%);
    background: -ms-linear-gradient(top, #666 0, #13161b 100%);
    background: linear-gradient(top, #666 0, #13161b 100%);
    color: #aaa
}

@media (min-width:768px) {
    .cc-resetpw-setnew-container {
        width: 70%;
        margin: auto
    }
}

.cc-verify-code-container {
    text-align: center;
    padding-top: 5rem
}

.cc-verify-code-container p {
    width: 85%;
    font-size: 1rem;
    text-align: center;
    color: #aaa;
    line-height: 1.6rem;
    padding: 1.25rem;
    margin: 0 auto
}

.cc-verify-code-container input[type=checkbox] {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: .75rem;
    color: #20c44e
}

.cc-verify-code-container button {
    margin: .5rem 0
}

.cc-verify-code-container .field-input-area,
.cc-verify-code-container button {
    width: 85%
}

@media (min-width:768px) {
    .cc-verify-code-container {
        width: 70%;
        margin: auto
    }
}

.cc-verify-code-container .verify-image-area {
    width: 8rem;
    position: relative;
    margin: 0 auto
}

.cc-verify-code-container .verify-image-area img {
    width: 8rem
}

.cc-verify-code-container .verify-image-area .talk-bubble {
    position: absolute;
    top: -20%;
    right: -60%;
    display: inline-block;
    width: 7rem;
    height: 4rem;
    border-radius: 1rem 1rem 1rem 0;
    background-color: #20c44e;
    text-align: center
}

.cc-verify-code-container .verify-image-area .talk-bubble .circle {
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 50%;
    margin: 1.375rem .25rem;
    background-color: #ddd
}

.cc-verify-code-container .tri-right.btm-left:after {
    content: ' ';
    position: absolute;
    top: auto;
    right: auto;
    bottom: -1.5rem;
    left: 0;
    width: 0;
    height: 0;
    border: 1.375rem solid;
    border-color: transparent transparent transparent #20c44e
}

.cc-verify-code-container .verification-mobile-number {
    width: 85%;
    padding: 1.5rem 0;
    margin: auto
}

.cc-verify-code-container .verification-mobile-number mobile-number {
    font-size: 1.75rem;
    text-align: center;
    line-height: 2rem;
    color: #20c44e;
    background-color: #111;
    border-radius: 3px;
    padding: .375rem 1rem
}

.cc-verify-code-container .code-resend-btn {
    font-size: 1.125rem;
    font-weight: 400;
    color: #111;
    background: -moz-linear-gradient(top, #ddd 0, #aaa 100%);
    background: -webkit-linear-gradient(top, #ddd 0, #aaa 100%);
    background: -o-linear-gradient(top, #ddd 0, #aaa 100%);
    background: -ms-linear-gradient(top, #ddd 0, #aaa 100%);
    background: linear-gradient(top, #ddd 0, #aaa 100%)
}

.cc-verify-code-container .code-resend-btn:disabled {
    background: -moz-linear-gradient(top, #666 0, #444 100%);
    background: -webkit-linear-gradient(top, #666 0, #444 100%);
    background: -o-linear-gradient(top, #666 0, #444 100%);
    background: -ms-linear-gradient(top, #666 0, #444 100%);
    background: linear-gradient(top, #666 0, #444 100%);
    color: #222
}

.cc-cashier-page-container .cashier-content {
    flex: 1;
    background: linear-gradient(to bottom, #29313b, #191e24 100%)
}

.cc-cashier-page-container .cashier-content h6.title {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #666;
    margin-bottom: .5rem;
    padding-bottom: .3rem
}

.cc-cashier-page-container .cashier-content .deposit-section,
.cc-cashier-page-container .cashier-content .withdraw-section {
    position: relative;
    padding: .714rem;
    height: 100%
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info {
    display: flex;
    margin-bottom: 1rem
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info>div,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info>div,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info>div,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info>div {
    flex: 1
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info .club-info,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info .club-info,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info .club-info,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info .club-info {
    display: flex;
    align-items: center
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info .club-info .club-img,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info .club-info .club-img,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info .club-info .club-img,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info .club-info .club-img {
    width: 2rem;
    height: 2rem
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info .club-info .club-name,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info .club-info .club-name,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info .club-info .club-name,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info .club-info .club-name {
    font-size: 1.142rem;
    font-weight: 500;
    text-align: justify;
    color: #20c44e;
    margin-left: .5rem
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info .history-info,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info .history-info,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info .history-info,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info .history-info {
    text-align: right
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info .history-info .btn-history,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info .history-info .btn-history,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info .history-info .btn-history,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info .history-info .btn-history {
    display: inline-block;
    font-size: 1rem;
    text-align: justify;
    color: #fff;
    cursor: pointer;
    white-space: nowrap;
    background: #38c05f;
    border-radius: 3px;
    padding: .25rem .5rem
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-info .history-info .tip-text,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-info .history-info .tip-text,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-info .history-info .tip-text,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-info .history-info .tip-text {
    display: block;
    font-size: .8rem
}

.cc-cashier-page-container .cashier-content .deposit-section .fee-wrap,
.cc-cashier-page-container .cashier-content .withdraw-section .fee-wrap {
    margin: 1rem 0
}

.cc-cashier-page-container .cashier-content .deposit-section .fee-wrap p.fee,
.cc-cashier-page-container .cashier-content .withdraw-section .fee-wrap p.fee {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form p,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form p,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form p,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form p {
    color: #75e0a0
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .form-group,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .form-group,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .form-group,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .form-group {
    margin-bottom: .8rem
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .form-group select,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .form-group select,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .form-group select,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .form-group select {
    width: 100%;
    height: 2.5rem;
    max-height: 35px;
    text-indent: .5rem;
    text-align: left;
    font-size: 1.142rem;
    color: #fff;
    border: 1px solid #111;
    border-radius: 3px;
    background: #191e24
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .form-group input,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .form-group input {
    font-weight: 400
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .input-group,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .input-group,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .input-group,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .input-group {
    display: flex;
    font-size: 1.142rem;
    color: #000
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .input-group .input-prepend,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .input-group .input-prepend,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .input-group .input-prepend,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .input-group .input-prepend {
    display: flex;
    align-items: center;
    border: 1px solid #111;
    border-radius: 3px 0 0 3px;
    border-width: 1px 0 1px 1px;
    background: #017f2b
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .input-group .input-prepend .prepend-content,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .input-group .input-prepend .prepend-content,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .input-group .input-prepend .prepend-content,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .input-group .input-prepend .prepend-content {
    font-weight: 500;
    color: #fff;
    padding: 0 1rem;
    white-space: nowrap
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .input-group input,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .input-group input,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .input-group input,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .input-group input {
    flex: 1 1 auto;
    border: 1px solid #111;
    border-radius: 0 3px 3px 0;
    padding: 0 .5rem
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .channel-btns,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .channel-btns,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .channel-btns,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .channel-btns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem;
    overflow: auto
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .channel-btns span.btn-channel,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .channel-btns span.btn-channel,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .channel-btns span.btn-channel,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .channel-btns span.btn-channel {
    font-size: 1.214rem;
    font-weight: 400;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.857rem;
    border: 1px solid #111;
    border-radius: 3px;
    padding: 0 .5rem;
    cursor: pointer;
    background: #ddd
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .channel-btns span.btn-channel.active,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .channel-btns span.btn-channel.active,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .channel-btns span.btn-channel.active,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .channel-btns span.btn-channel.active {
    color: #fff;
    background-color: #111;
    box-shadow: 0 0 3px #111
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .amount-tip,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .amount-tip,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .amount-tip,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .amount-tip {
    font-size: 1.142rem;
    font-weight: 400;
    color: #fff;
    border-bottom: 1px solid #111;
    padding-bottom: .5rem;
    margin-top: .5rem;
    margin-left: .2rem;
    margin-bottom: 0
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .amount-tip .value,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .amount-tip .value,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .amount-tip .value,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .amount-tip .value {
    color: #fa9800
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .continue-tip,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .continue-tip,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .continue-tip,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .continue-tip {
    font-size: 1rem;
    font-weight: 400;
    color: #20c44e;
    margin-top: .5rem;
    margin-left: .5rem;
    margin-bottom: 0
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .form-content .continue-tip a,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .form-content .continue-tip a,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .form-content .continue-tip a,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .form-content .continue-tip a {
    color: #fff
}

.cc-cashier-page-container .cashier-content .deposit-section .deposit-form .btn-continue,
.cc-cashier-page-container .cashier-content .deposit-section .withdraw-form .btn-continue,
.cc-cashier-page-container .cashier-content .withdraw-section .deposit-form .btn-continue,
.cc-cashier-page-container .cashier-content .withdraw-section .withdraw-form .btn-continue {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    min-width: 40%;
    height: 2.857rem;
    margin: 0 auto 0 auto;
    border: 1px solid #111;
    border-radius: 3px;
    padding: .5rem;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(to bottom, #38c05f, #1f6432)
}

.cc-cashier-page-container .cashier-content .deposit-section .full-page-iframe-container,
.cc-cashier-page-container .cashier-content .withdraw-section .full-page-iframe-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .8);
    display: none
}

.cc-cashier-page-container .cashier-content .deposit-section .full-page-iframe-container .iframe-redirect,
.cc-cashier-page-container .cashier-content .withdraw-section .full-page-iframe-container .iframe-redirect {
    width: calc(100% - 1.071rem);
    width: calc(100% - 5rem)
}

.cc-cashier-page-container .cashier-content .gemPoker-cashier-one-label {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.cc-cashier-page-container .cashier-content .gemPoker-cashier-one-label h6.title {
    color: #20c44e;
    font-size: 1.25rem;
    font-weight: 400;
    text-align: center;
    padding-bottom: 1rem;
    text-decoration: none
}

.cc-cashier-page-container .cashier-content .gemPoker-cashier-one-label p.label {
    display: block;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    padding: .25rem 0;
    margin: 0
}

.cc-cashier-page-container .cashier-content .gemPoker-cashier-one-label p.label a {
    font-size: 1.25rem;
    color: #20c44e;
    text-decoration: underline
}

div.cashier-confirm-table-wrapper {
    background: rgba(0, 0, 0, .8);
    border-radius: 6px;
    margin: 10px
}

div.cashier-confirm-table-wrapper table.cashier-confirm-table {
    margin: .5rem auto
}

div.cashier-confirm-table-wrapper table.cashier-confirm-table td {
    max-width: 15rem;
    padding: .5rem;
    word-break: break-word
}

div.cashier-confirm-table-wrapper table.cashier-confirm-table td:nth-child(odd) {
    color: #ddd
}

div.cashier-confirm-table-wrapper table.cashier-confirm-table td:nth-child(even) {
    color: #fff
}

.content-section {
    flex: 1;
    height: 100%;
    display: flex;
    flex-flow: column;
    padding: 1.142rem;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.content-section>div+div {
    margin-top: 1.142rem
}

.content-section .display-photo-preview .avatar-circle {
    width: 25%
}

.content-section .input-nickname-wrap {
    position: relative
}

.content-section .input-nickname-wrap input {
    font-size: 1.166rem
}

.content-section .input-nickname-wrap i {
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.content-section .input-nickname-wrap i.icon-tick {
    color: #8bec44
}

.content-section .input-nickname-wrap i.icon-cross {
    color: #ff4a4a
}

.content-section .input-nickname-wrap.success i.icon-tick {
    display: block
}

.content-section .input-nickname-wrap.fail i.icon-cross {
    display: block
}

.content-section .display-photo-choices {
    border: 1px solid #111;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #000, #13161b 100%);
    overflow: overlay
}

.content-section .display-photo-choices .display-photo-choices-list {
    min-height: 10rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(1, minmax(0, 1fr));
    grid-gap: 1.25rem;
    padding: 1.25rem
}

@media (min-width:640px) {
    .content-section .display-photo-choices .display-photo-choices-list {
        grid-template-columns: repeat(auto-fill, minmax(90px, 1fr))
    }
}

.content-section .display-photo-choices .display-photo-choices-list .avatar-circle {
    width: 100%;
    max-width: unset;
    transition: all 150ms ease;
    opacity: .5;
    cursor: pointer
}

.content-section .display-photo-choices .display-photo-choices-list .avatar-circle.active {
    opacity: 1
}

.content-section .display-photo-choices .display-photo-choices-list img {
    width: 100%;
    max-width: 5rem;
    filter: grayscale(.8);
    margin: .25rem auto
}

.content-section .display-photo-choices .display-photo-choices-list img.selected {
    filter: grayscale(0);
    border-radius: 10rem;
    border: .25rem solid #4a7e49
}

.content-section .save-profile .save-button {
    width: 70%;
    margin: 0 auto;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.cc-jackpot-page-container .opk-page-header {
    flex-direction: column;
    justify-content: space-around;
    flex: 0 0 3.25rem;
    order: 1
}

.cc-jackpot-page-container .opk-page-header .select-btn {
    padding: 1rem 0;
    font-size: 1rem;
    color: #20c44e
}

.cc-jackpot-page-container .opk-page-header .select-btn .glyphicon {
    font-size: 1rem;
    color: #20c44e;
    margin-left: 1rem;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: all .1s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear 10ms
}

.cc-jackpot-page-container .opk-page-header .select-btn.active .glyphicon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-delay: 0s, 0s, .1s
}

.cc-jackpot-page-container .opk-page-header .select-menu {
    display: none;
    border-radius: 0 0 3px 3px;
    background-color: #0b0b0b
}

.cc-jackpot-page-container .opk-page-header .select-menu li {
    font-size: .937rem;
    color: #fff;
    padding: .5rem 0
}

.cc-jackpot-page-container .opk-page-header .select-menu li:not(:last-child) {
    border-bottom: 1px solid #525252
}

.cc-jackpot-page-container .opk-page-header .select-menu li.active {
    background-color: #222;
    color: #63a462
}

.cc-jackpot-page-container .jackpot-title {
    display: flex;
    flex-direction: column;
    flex: 0 0 3rem;
    height: 2.25rem;
    width: 95%;
    margin: .75rem auto;
    order: 2;
    border-radius: 3px;
    background-color: #29313b
}

.cc-jackpot-page-container .jackpot-title p {
    font-size: .937rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 2.25rem;
    color: #fff;
    padding: .5rem 0
}

.cc-jackpot-page-container .lb-jackpotlist-items {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-flow: column wrap;
    overflow: hidden
}

.cc-jackpot-page-container .lb-jackpotlist-items .game-content>div {
    margin-bottom: .75rem
}

.lb-jackpot-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 95%;
    margin: 0 auto .75rem auto;
    overflow: hidden;
    padding: .25rem;
    order: 3;
    background-color: #29313b;
    border-radius: 3px
}

.lb-jackpot-content h6 {
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    color: #017f2b;
    padding: .5rem 0;
    border-radius: 3px 3px 0 0;
    background-color: #0b0b0b
}

.lb-jackpot-content .lb-jackpot-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px
}

.lb-jackpot-content .lb-jackpot-wrapper .game-content {
    overflow: auto;
    height: 100%
}

.cc-leaderboard-page-container {
    text-align: center
}

.cc-leaderboard-page-container .lb-tableslist-filter-ul {
    flex: 0 0 2.5rem
}

.cc-leaderboard-page-container .lb-leaderboard-items {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-flow: column wrap;
    overflow: hidden
}

.cc-leaderboard-page-container .lb-leaderboard-items .mainTitle {
    width: 100%;
    margin: 0 auto .75rem auto;
    font-size: 1.125rem;
    text-align: center;
    color: #20c44e;
    background-color: #454545;
    padding: .5rem 0;
    border-radius: 3px
}

.cc-leaderboard-page-container .lb-leaderboard-items .subTitle {
    font-size: 1rem
}

.cc-leaderboard-page-container .lb-leaderboard-items .game-content>div {
    margin-bottom: .75rem
}

.cc-leaderboard-page-container .opk-page-header {
    flex-direction: column;
    justify-content: space-around;
    flex: 0 0 3.25rem;
    order: 1
}

.cc-leaderboard-page-container .opk-page-header .select-btn {
    padding: 1rem 0;
    font-size: 1rem;
    color: #20c44e
}

.cc-leaderboard-page-container .opk-page-header .select-btn .glyphicon {
    font-size: 1rem;
    color: #20c44e;
    margin-left: 1rem;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: all .1s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear 10ms
}

.cc-leaderboard-page-container .opk-page-header .select-btn.active .glyphicon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-delay: 0s, 0s, .1s
}

.cc-leaderboard-page-container .opk-page-header .select-menu {
    display: none;
    border-radius: 0 0 3px 3px;
    background-color: #0b0b0b
}

.cc-leaderboard-page-container .opk-page-header .select-menu li {
    font-size: .937rem;
    color: #fff;
    padding: .5rem 0
}

.cc-leaderboard-page-container .opk-page-header .select-menu li:not(:last-child) {
    border-bottom: 1px solid #525252
}

.cc-leaderboard-page-container .opk-page-header .select-menu li.active {
    background-color: #222;
    color: #63a462
}

.cc-leaderboard-page-container .lb-tableslist-filter-ul {
    order: 2;
    width: 95%;
    margin: .75rem auto 0 auto
}

.cc-leaderboard-page-container .text-infomation {
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 1rem 2rem;
    background-color: #0b0b0b
}

.cc-leaderboard-page-container .text-infomation p {
    font-size: 1.125rem;
    text-align: left;
    color: #20c44e
}

.cc-leaderboard-page-container .text-infomation ol {
    padding-left: 15px
}

.cc-leaderboard-page-container .text-infomation ol li {
    font-size: .937rem;
    text-align: justify;
    color: #fff;
    padding: .5rem 0
}

.lb-leaderboard-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 95%;
    margin: .75rem auto;
    overflow: hidden;
    padding: .25rem;
    order: 3;
    background-color: #29313b;
    border-radius: 3px
}

.lb-leaderboard-content .text {
    background-color: #0b0b0b;
    padding: .5rem 1rem;
    border-radius: 3px 3px 0 0
}

.lb-leaderboard-content .text p {
    font-size: 1.062rem;
    text-align: center;
    color: #20c44e;
    padding: 0;
    margin: 0
}

.lb-leaderboard-content .text p span.leaderboard-gamelist-text {
    color: #fff
}

.lb-leaderboard-content .text ol {
    padding: 0 10px;
    margin: 0
}

.lb-leaderboard-content .text ol li {
    font-size: .937rem;
    text-align: justify;
    color: #fff;
    padding: .25rem 0
}

.lb-leaderboard-content .leaderboard-content-wrapper {
    height: 100%;
    width: 100%;
    border-radius: 3px;
    background-color: #0b0b0b;
    overflow: auto
}

.lb-leaderboard-content h6 {
    font-size: 1.062rem;
    text-transform: uppercase;
    text-align: center;
    color: #20c44e;
    padding: .5rem 0;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.lb-leaderboard-content h6 p {
    font-size: .75rem;
    text-transform: uppercase;
    text-align: center;
    color: #ddd;
    padding-top: .5rem;
    margin: 0
}

.lb-leaderboard-content .lb-jackpot-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px
}

.lb-leaderboard-content .lb-jackpot-wrapper .game-content {
    overflow: auto;
    height: 100%
}

.opk-init-profile-page {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 0 1.214rem
}

.browser-ipad .opk-init-profile-page,
.real-ipad .opk-init-profile-page {
    width: 70%
}

.opk-app-tutorials {
    display: flex;
    justify-content: flex-start;
    flex-flow: column wrap;
    overflow: hidden
}

.opk-app-tutorials .opk-external-tutorial,
.opk-app-tutorials .opk-internal-tutorial {
    display: none;
    width: 100%;
    flex-flow: column wrap;
    flex: 1;
    overflow: hidden
}

.opk-app-tutorials .opk-pwa-tutorial {
    display: flex;
    width: 100%;
    flex-flow: column wrap;
    flex: 1;
    overflow: hidden
}

.opk-app-tutorials .opk-external-tutorial .opk-page-header,
.opk-app-tutorials .opk-pwa-tutorial .opk-page-header {
    display: flex;
    justify-content: space-around;
    flex: 0 0 3.25rem;
    order: 1;
    margin-bottom: .75rem
}

.opk-app-tutorials .opk-external-tutorial .opk-tutorial-section,
.opk-app-tutorials .opk-pwa-tutorial .opk-tutorial-section {
    width: 95%;
    display: flex;
    justify-content: space-around;
    flex: 1;
    order: 2;
    margin: 0 auto .75rem auto
}

.opk-app-tutorials .opk-external-tutorial .opk-tutorial-section .opk-tutorial-wrapper,
.opk-app-tutorials .opk-pwa-tutorial .opk-tutorial-section .opk-tutorial-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #29313b;
    overflow: hidden;
    padding: .25rem
}

.opk-app-tutorials .opk-external-tutorial .opk-tutorial-section .opk-tutorial-wrapper iframe,
.opk-app-tutorials .opk-pwa-tutorial .opk-tutorial-section .opk-tutorial-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 3px;
    overflow: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header {
    flex-direction: column;
    justify-content: space-around;
    flex: 0 0 3.25rem;
    order: 1;
    margin-bottom: .75rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-btn {
    padding: 1rem 0;
    font-size: 1rem;
    text-align: center;
    color: #20c44e
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-btn .glyphicon {
    font-size: 1rem;
    color: #20c44e;
    margin-left: 1rem;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: all .1s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear 10ms
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-btn.active .glyphicon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-delay: 0s, 0s, .1s
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-menu {
    display: none;
    border-radius: 0 0 3px 3px;
    background-color: #0b0b0b
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-menu li {
    font-size: .937rem;
    text-align: center;
    color: #fff;
    padding: .5rem 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-menu li:not(:last-child) {
    border-bottom: 1px solid #525252
}

.opk-app-tutorials .opk-internal-tutorial .opk-page-header .select-menu li.active {
    background-color: #222;
    color: #63a462
}

.opk-app-tutorials .opk-internal-tutorial .opk-tutorial-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 95%;
    margin: 0 auto .75rem auto;
    overflow: hidden;
    padding: .25rem;
    order: 3;
    background-color: #29313b;
    border-radius: 3px
}

.opk-app-tutorials .opk-internal-tutorial .opk-tutorial-content h6 {
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    color: #017f2b;
    padding: .5rem 0;
    border-radius: 3px 3px 0 0;
    background-color: #0b0b0b
}

.opk-app-tutorials .opk-internal-tutorial .opk-tutorial-content .opk-tutorial-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 3px;
    background-color: #0b0b0b
}

.opk-app-tutorials .opk-internal-tutorial .opk-tutorial-content .opk-tutorial-wrapper .tut-content {
    overflow: auto;
    height: 100%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo {
    width: 95%;
    margin: auto;
    padding: 1rem 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo h4 {
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    padding: 10px 0;
    border-radius: 3px 3px 0 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo h6 {
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    color: #63a462;
    padding-top: 10px
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo p {
    font-size: .875rem;
    text-align: justify;
    color: #fff
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo ol {
    list-style: decimal
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo ol ol {
    list-style: lower-roman;
    padding-left: 30px
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table {
    width: 90%;
    margin: .5rem auto;
    border-radius: 3px;
    overflow: hidden
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table.domino-table tr th:nth-child(2) {
    width: 40%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table.domino-table tr td:nth-child(2) {
    width: 40%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table thead tr {
    background: -moz-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -webkit-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -o-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -ms-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: linear-gradient(bottom, #20c44e 0, #017f2b 100%)
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table thead tr th {
    font-size: 1rem;
    text-align: center;
    color: #fff;
    padding: 5px;
    vertical-align: middle
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table tr td {
    font-size: .937rem;
    text-align: center;
    line-height: 0;
    color: #fff;
    padding: 2px;
    vertical-align: middle
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table tr:nth-child(odd) {
    background-color: #353535
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo table tr:nth-child(even) {
    background-color: #252525
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .handranks {
    margin-bottom: 20px;
    padding-bottom: 10px;
    background-color: #004b96
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .handranks p {
    text-align: center
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .handranks p.notes {
    font-size: .75rem;
    color: #75e0a0;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .handranks p.sub-heading {
    font-size: .812rem;
    text-align: center;
    color: #63a462;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules {
    width: 100%;
    margin-bottom: 20px
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-wrapper {
    width: 100%;
    margin: auto;
    background-color: #004b96
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-wrapper p {
    padding: 10px 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-wrapper p.notes {
    font-size: .75rem;
    color: #75e0a0;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-wrapper p.sub-heading {
    font-size: .875rem;
    text-transform: uppercase;
    text-align: center;
    color: #63a462;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul {
    width: 90%;
    margin: auto;
    padding: 10px 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li {
    font-size: .937rem;
    text-align: justify;
    line-height: 1rem;
    color: #fff;
    padding: 5px 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li img {
    max-width: 50%;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li strong {
    font-weight: bolder
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li.img {
    text-align: center
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li.big img {
    max-width: 80%;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li.tbl table {
    width: 100%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li.tbl table.first-td-30 tr td:first-child {
    width: 30%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li .notes {
    font-size: .75rem;
    text-align: center;
    line-height: .937rem;
    color: #75e0a0;
    padding: .187rem 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li ul.list {
    list-style-type: square;
    padding-left: 20px
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .gamerules-ul li ul.list li {
    padding: 2px 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .jackpot {
    width: 100%;
    margin-bottom: 20px
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .jackpot-wrapper {
    width: 100%;
    margin: auto;
    text-align: center;
    background-color: #004b96
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .jackpot-wrapper table {
    width: 90%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .jackpot-wrapper .notes {
    width: 90%;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .jackpot-info {
    width: 90%;
    padding: 10px 0;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo .jackpot-info img {
    max-width: 50%;
    padding: 10px 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 {
    width: 95%;
    margin: auto;
    padding: 1rem 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 h4 {
    width: 100%;
    font-size: 1.25rem;
    color: #0e5b24;
    padding-bottom: 1rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 h5 {
    width: 100%;
    font-size: 1rem;
    color: #00521b;
    text-decoration: underline
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 hr {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin: 15px 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules {
    display: flex;
    flex-direction: column
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0 0 1.5rem 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-image,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-image,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-image img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-image img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-image img {
    width: 100%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-text,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-text,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-text {
    width: 70%;
    padding-left: .75rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-text h5,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-text h5,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-text h5 {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    background: -webkit-linear-gradient(left, #0e5b24 0, #00521b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: underline
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-text h5:after,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-text h5:after,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-text h5:after {
    content: '';
    border-top: 1px solid #0e5b24;
    height: 1px;
    position: absolute;
    top: 1.25rem;
    width: 100%;
    left: 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-text ul li,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-text ul li,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-text ul li {
    font-size: .875rem;
    color: #b3b5ce
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-group .g1-text ul li p,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-group .g1-text ul li p,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-group .g1-text ul li p {
    padding: 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank img.jp-logo-img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot img.jp-logo-img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules img.jp-logo-img {
    max-width: 160px;
    margin: auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 3px;
    overflow: hidden;
    margin: 1rem auto
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table tr:nth-child(odd),
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table tr:nth-child(odd),
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table tr:nth-child(odd) {
    background-color: #fff
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table tr:nth-child(even),
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table tr:nth-child(even),
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table tr:nth-child(even) {
    background-color: #eef1f2
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table tr:nth-child(1),
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table tr:nth-child(1),
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table tr:nth-child(1) {
    background: -moz-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -webkit-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -o-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -ms-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    color: #fff
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table tr th,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table tr th,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table tr th {
    font-size: 1rem;
    text-align: center;
    color: #fff;
    border: 1px solid #e6e6e6;
    padding: .25rem 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table tr td,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table tr td,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table tr td {
    font-size: .875rem;
    text-align: center;
    color: #111;
    padding: .25rem;
    border: 1px solid #e6e6e6
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank .g1-jackpot-payout-table tr td img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot .g1-jackpot-payout-table tr td img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules .g1-jackpot-payout-table tr td img {
    max-width: 6rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank p,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot p,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules p {
    font-size: .875rem;
    text-align: justify;
    color: #b3b5ce;
    padding-top: .5rem;
    margin: 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank p.full-text,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot p.full-text,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules p.full-text {
    padding-bottom: 1.5rem
}

@media (min-width:768px) {
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules {
        flex-direction: row;
        flex-wrap: wrap
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank img.jp-logo-img,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot img.jp-logo-img,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules img.jp-logo-img {
        max-width: 200px
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-two .g1-group,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-two .g1-group,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-two .g1-group {
        width: 50%
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-two .g1-group:nth-child(odd),
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-two .g1-group:nth-child(odd),
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-two .g1-group:nth-child(odd) {
        padding-right: .75rem
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-two .g1-group:nth-child(even),
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-two .g1-group:nth-child(even),
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-two .g1-group:nth-child(even) {
        padding-left: .75rem
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-two .g1-group .g1-image,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-two .g1-group .g1-image,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-two .g1-group .g1-image {
        width: 40%
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-two .g1-group .g1-text,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-two .g1-group .g1-text,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-two .g1-group .g1-text {
        width: 60%
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-one .g1-group .g1-image,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-one .g1-group .g1-image,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-one .g1-group .g1-image {
        width: 40%
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-one .g1-group .g1-image img,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-one .g1-group .g1-image img,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-one .g1-group .g1-image img {
        max-width: 160px
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-one .g1-group .g1-image img.jp-pot-img,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-one .g1-group .g1-image img.jp-pot-img,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-one .g1-group .g1-image img.jp-pot-img {
        max-width: 120px
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank.ipad-col-one .g1-group .gl-text,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot.ipad-col-one .g1-group .gl-text,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules.ipad-col-one .g1-group .gl-text {
        width: 60%
    }
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules {
    display: flex;
    flex-direction: column
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg p,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules p {
    font-size: .875rem;
    text-align: justify;
    color: #b3b5ce;
    padding: .25rem 0 .25rem .5rem;
    margin: 0
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg p.full-text,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules p.full-text {
    padding-bottom: 1.5rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg h5,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules h5 {
    padding-left: .5rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group .tourney-tut-item,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group .tourney-tut-item {
    width: 50%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group .tourney-tut-item img,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group .tourney-tut-item img {
    width: 100%
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group ol,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group ol {
    padding-left: 2rem
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group ol li,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group ol li {
    font-size: .875rem;
    text-align: justify;
    line-height: 1.5rem;
    color: #b3b5ce
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group ol li bold,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group ol li bold {
    color: #20c44e;
    font-weight: 600
}

.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg .tourney-tut-group ol ol,
.opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules .tourney-tut-group ol ol {
    list-style-type: lower-roman
}

@media (min-width:768px) {
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules {
        flex-direction: row;
        flex-wrap: wrap
    }
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg.ipad-col-three .tourney-tut-group .tourney-tut-item,
    .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules.ipad-col-three .tourney-tut-group .tourney-tut-item {
        width: 33.333%
    }
}

.opk-app-tutorials .cc-games-list {
    margin: 0;
    max-width: unset
}

.opk-app-tutorials .all-games-area {
    margin: 0
}

.opk-app-tutorials .gameslist-ul {
    padding: 0;
    margin: .714rem;
    padding-right: .25rem;
    padding-bottom: .25rem
}

@media (min-width:768px) {
    .opk-app-tutorials .gameslist-ul {
        margin: 1rem;
        gap: 1rem
    }
}

.browser-ipad .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-handrank p,
.browser-ipad .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot p,
.browser-ipad .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-rules p,
.browser-ipad .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-reg p,
.browser-ipad .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .tourney-tut-rules p {
    font-size: .75rem
}

.browser-ipad .opk-app-tutorials .opk-internal-tutorial .opk-gameinfo-type2 .g1-jackpot-payout-table tr td {
    font-size: .75rem
}

.cc-tn-home-container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: column wrap;
    overflow: none;
    padding-top: .5rem;
    padding-bottom: 4.5rem
}

.cc-tn-home-container.show-completed-list .tn-filters-btn,
.cc-tn-home-container.show-completed-list .tn-sort-btn {
    display: none
}

.cc-tn-home-container.show-completed-list .tn-home-eventlist {
    height: calc(100% - 7.25rem)
}

.cc-tn-home-container.show-completed-list .tn-home-eventlist .tn-home-category[content=main] {
    display: none
}

.cc-tn-home-container.show-completed-list .tn-home-eventlist .tn-home-category[content=completed] {
    display: block
}

.cc-tn-home-container.show-completed-list ul.tn-home-completed-tabs {
    display: block
}

.tn-home-topbar {
    width: 95%;
    height: 4.25rem;
    padding: 0;
    order: 1;
    flex: 4.25rem 0;
    overflow: hidden;
    border-radius: 3px;
    margin: 0 auto .25rem auto;
    background: -moz-linear-gradient(top, #222 0, #111 100%);
    background: -webkit-linear-gradient(top, #222 0, #111 100%);
    background: -o-linear-gradient(top, #222 0, #111 100%);
    background: -ms-linear-gradient(top, #222 0, #111 100%);
    background: linear-gradient(top, #222 0, #111 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.tn-home-content {
    width: 95%;
    height: 100%;
    order: 2;
    flex: 20rem 1;
    margin: .5rem auto 1rem auto;
    border-radius: 3px;
    background-color: #222;
    overflow: hidden;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    display: flex;
    flex-direction: column
}

.tn-home-content .tn-home-filters {
    order: 1;
    flex: 0 1;
    width: 100%;
    background-color: #111
}

.tn-home-content ul.tn-home-completed-tabs {
    display: none;
    order: 2;
    flex: 4.25rem 0;
    height: 4.25rem;
    width: 100%;
    padding: .375rem .5rem .25rem .5rem;
    background-color: #111;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-home-content ul.tn-home-completed-tabs li {
    float: left;
    width: 14.28%;
    height: 100%;
    vertical-align: top;
    padding: .125rem .25rem
}

.tn-home-content ul.tn-home-completed-tabs li .tn-home-completed-tab-item {
    height: 100%;
    background-color: #222;
    border-radius: 3px
}

.tn-home-content ul.tn-home-completed-tabs li .tn-home-completed-tab-item h6 {
    font-size: .75rem;
    text-align: center;
    line-height: 1.375rem;
    color: #666
}

.tn-home-content ul.tn-home-completed-tabs li .tn-home-completed-tab-item h3 {
    font-size: .875rem;
    text-align: center;
    line-height: 1.75rem;
    color: #666
}

@media (max-width:360px) {
    .tn-home-content ul.tn-home-completed-tabs li .tn-home-completed-tab-item h3 {
        font-size: .812rem
    }
}

.tn-home-content ul.tn-home-completed-tabs li .tn-home-completed-tab-item.today h3 {
    font-size: 1rem;
    font-weight: 600
}

.tn-home-content ul.tn-home-completed-tabs li.active .tn-home-completed-tab-item {
    background: -moz-linear-gradient(top, #ddd 0, #888 100%);
    background: -webkit-linear-gradient(top, #ddd 0, #888 100%);
    background: -o-linear-gradient(top, #ddd 0, #888 100%);
    background: -ms-linear-gradient(top, #ddd 0, #888 100%);
    background: linear-gradient(top, #ddd 0, #888 100%)
}

.tn-home-content ul.tn-home-completed-tabs li.active .tn-home-completed-tab-item h3,
.tn-home-content ul.tn-home-completed-tabs li.active .tn-home-completed-tab-item h6 {
    color: #000
}

.tn-home-content .tn-home-eventlist {
    order: 3;
    flex: 1 1;
    padding: .5rem;
    overflow: auto;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tn-home-content .tn-home-eventlist .tn-home-category[content=completed] {
    display: none
}

.tn-home-content .tn-home-botpadding {
    order: 4;
    flex: 1rem 0;
    background-color: #111;
    height: 1rem;
    width: 100%;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-home-filters .panel {
    border-radius: 3px;
    border: 0;
    background: #2b2b2b
}

.tn-home-filters .panel-group {
    margin-bottom: 0
}

.tn-home-filters .panel-heading {
    overflow: hidden;
    background-color: #111;
    border-radius: 3px 3px 0 0;
    border: 0;
    padding: 0;
    line-height: 0
}

.tn-home-filters .panel-heading a {
    width: 100%;
    height: 100%
}

.tn-home-filters .panel-body {
    -webkit-box-shadow: inset 0 0 .125rem .125rem #191919;
    -moz-box-shadow: inset 0 0 .125rem .125rem #191919;
    -ms-box-shadow: inset 0 0 .125rem .125rem #191919;
    -o-box-shadow: inset 0 0 .125rem .125rem #191919;
    box-shadow: inset 0 0 .125rem .125rem #191919;
    padding: .5rem 1rem
}

.tn-home-filters .tn-home-filters-header {
    width: 100%;
    padding: 0 .5rem;
    border-radius: 3px 3px 0 0;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-home-filters .tn-home-filters-header h4 {
    display: inline-block;
    font-size: 1.125rem;
    line-height: 2rem;
    color: #20c44e
}

.tn-home-filters .tn-home-filters-header .tn-home-filter,
.tn-home-filters .tn-home-filters-header .tn-home-sort {
    float: right;
    display: inline-block;
    padding: 0 1rem;
    margin: .25rem 0 .25rem 1rem;
    background-color: #222;
    border-radius: 3px;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-home-filters .tn-home-filters-header .tn-home-filter i,
.tn-home-filters .tn-home-filters-header .tn-home-sort i {
    vertical-align: middle;
    font-size: .875rem;
    margin-right: .5rem;
    color: #fff
}

.tn-home-filters .tn-home-filters-header .tn-home-filter h6,
.tn-home-filters .tn-home-filters-header .tn-home-sort h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff
}

.tn-home-filters .tn-home-filters-header .tn-home-filter.active,
.tn-home-filters .tn-home-filters-header .tn-home-sort.active {
    background-color: #20c44e
}

.tn-home-filters .tn-home-filters-header a[aria-expanded=true]>div {
    background-color: #20c44e
}

.tn-home-filters .tn-home-filters-header a[aria-expanded=true]>div h6,
.tn-home-filters .tn-home-filters-header a[aria-expanded=true]>div i {
    color: #000
}

.tn-home-filters .tn-home-filters-content .panel-body {
    text-align: center
}

.tn-home-filters .tn-home-filters-content .panel-body h6 {
    clear: left;
    text-align: left;
    width: 100%;
    padding: .25rem .5rem;
    margin: .125rem 0;
    border-radius: 3px;
    font-size: .875rem;
    color: #aaa;
    background-color: #1e1e1e
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul {
    text-align: left
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li {
    display: inline-block;
    padding: .25rem .5rem;
    margin: .125rem .5rem .125rem 0;
    border-radius: 3px;
    background-color: #232323;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3);
    vertical-align: middle
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li p {
    font-size: .875rem;
    line-height: 1rem;
    color: #888;
    margin: 0
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active {
    color: red
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active p {
    background-color: transparent;
    color: #fff
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.basic {
    background: -moz-linear-gradient(top, #009275 0, #002c23 100%);
    background: -webkit-linear-gradient(top, #009275 0, #002c23 100%);
    background: -o-linear-gradient(top, #009275 0, #002c23 100%);
    background: -ms-linear-gradient(top, #009275 0, #002c23 100%);
    background: linear-gradient(top, #009275 0, #002c23 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.sng {
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.mtt {
    background: -moz-linear-gradient(top, #242862 0, #090a17 100%);
    background: -webkit-linear-gradient(top, #242862 0, #090a17 100%);
    background: -o-linear-gradient(top, #242862 0, #090a17 100%);
    background: -ms-linear-gradient(top, #242862 0, #090a17 100%);
    background: linear-gradient(top, #242862 0, #090a17 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.holdem {
    background: -moz-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -webkit-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -o-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -ms-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: linear-gradient(top, #003d7b 0, #000a15 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.omaha {
    background: -moz-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -webkit-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -o-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -ms-linear-gradient(top, #9c0404 0, #390101 100%);
    background: linear-gradient(top, #9c0404 0, #390101 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.holdem6plus {
    background: -moz-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -webkit-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -o-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -ms-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: linear-gradient(top, #007b9f 0, #002c39 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.holdem5plus {
    background: -moz-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -webkit-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -o-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -ms-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: linear-gradient(top, #259e09 0, #0e3d04 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.prizeType {
    background: -moz-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -webkit-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -o-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -ms-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: linear-gradient(top, #a4007b 0, #3e002f 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li.active.gameSpeed {
    background: -moz-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -webkit-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -o-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -ms-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: linear-gradient(top, #bb8001 0, #563b00 100%)
}

.tn-home-filters .tn-home-filters-content .panel-body ul.tn-home-filter-ul li .badge {
    padding: .25rem .25rem;
    margin-left: .25rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: .625rem;
    color: #fff;
    background-color: #111;
    vertical-align: top
}

.tn-home-topbar-btns {
    padding: 0
}

.tn-home-topbar-btns ul {
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3);
    border-radius: 3px;
    text-indent: none
}

.tn-home-topbar-btns ul li {
    display: inline-block;
    width: 20%;
    height: 100%;
    text-align: center
}

.tn-home-topbar-btns ul li h6 {
    font-size: .75rem;
    color: #fff
}

.tn-home-topbar-btns ul i {
    font-size: 1.625rem;
    margin: .75rem auto .5rem auto;
    color: #fff;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tn-home-topbar-btns ul li.active h6,
.tn-home-topbar-btns ul li.active i {
    color: #017f2b
}

.tablelist-mtt,
.tablelist-sng {
    width: 100%;
    margin: 0;
    padding: 0
}

.tn-home-no-events-table {
    display: none;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle
}

.tn-home-no-events-table .tn-home-no-events-cell {
    height: 100%;
    width: 100%;
    padding-top: 45%
}

.tn-home-no-events-table .tn-home-no-events-cell p {
    font-size: 1rem;
    color: #888
}

ul.tn-home-eventlist-ul {
    width: 100%;
    margin: auto;
    overflow: auto
}

ul.tn-home-eventlist-ul li.tn-home-el-item {
    height: 6.25rem;
    width: 100%;
    margin-bottom: .5rem;
    border-radius: 3px
}

.tn-el-item-content {
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    border-radius: 3px;
    overflow: hidden;
    height: 100%;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-el-item-content>div {
    display: inline-block;
    vertical-align: top
}

.tn-el-item-content .tn-el-item-left {
    width: 25%;
    height: 100%
}

.tn-el-item-content .tn-el-item-right {
    width: 75%;
    height: 100%
}

.tn-el-left-content {
    padding: .25rem
}

.tn-el-left-content .tn-el-left-top {
    height: 30%
}

.tn-el-left-content .tn-el-left-top h4 {
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
    line-height: 1.5rem;
    color: #000;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -ms-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3)
}

.tn-el-left-content .tn-el-left-bot {
    height: 70%;
    padding: .5rem;
    border-radius: 3px;
    background: repeating-linear-gradient(-45deg, #222, #222 3px, #111 3px, #111 6px)
}

.tn-el-left-content .tn-textinfo {
    text-align: center;
    display: none
}

.tn-el-left-content .tn-textinfo h6 {
    font-size: .75rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    padding-bottom: .125rem
}

.tn-el-left-content .tn-textinfo h3 {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    line-height: 2rem;
    color: #fff
}

.tn-el-left-content .tn-dateinfo {
    text-align: center;
    padding: .25rem 0;
    display: none
}

.tn-el-left-content .tn-dateinfo div,
.tn-el-left-content .tn-dateinfo h1 {
    display: inline-block;
    vertical-align: top
}

.tn-el-left-content .tn-dateinfo h1 {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    line-height: 2.375rem;
    color: #fff
}

.tn-el-left-content .tn-dateinfo h5 {
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.25rem;
    color: #fff
}

.tn-el-right-content {
    position: relative;
    height: 100%;
    width: 100%;
    padding-left: .75rem;
    background: linear-gradient(125deg, rgba(0, 0, 0, .55) 0, rgba(0, 0, 0, .55) 65%, rgba(0, 0, 0, .6) 66%, rgba(0, 0, 0, .6) 100%);
    overflow: hidden
}

.tn-el-right-content .right-content-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    height: 25%;
    width: 100%
}

.tn-el-right-content h2 {
    width: 100%;
    font-size: 1.125rem;
    font-weight: 200;
    color: #20c44e;
    padding-right: .187rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.tn-el-right-content h2 i {
    font-size: 1rem;
    color: #8bec44;
    display: none;
    margin-right: .25rem
}

.tn-el-right-content span.tn-el-right-pills {
    font-size: .75rem;
    line-height: .75rem;
    color: #fff;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    border-radius: 3px;
    padding: 0 .25rem;
    margin-right: .25rem
}

.tn-el-right-content span.tn-el-right-pills.basic {
    background: -moz-linear-gradient(top, #009275 0, #002c23 100%);
    background: -webkit-linear-gradient(top, #009275 0, #002c23 100%);
    background: -o-linear-gradient(top, #009275 0, #002c23 100%);
    background: -ms-linear-gradient(top, #009275 0, #002c23 100%);
    background: linear-gradient(top, #009275 0, #002c23 100%)
}

.tn-el-right-content span.tn-el-right-pills.sng {
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%)
}

.tn-el-right-content span.tn-el-right-pills.mtt {
    background: -moz-linear-gradient(top, #242862 0, #090a17 100%);
    background: -webkit-linear-gradient(top, #242862 0, #090a17 100%);
    background: -o-linear-gradient(top, #242862 0, #090a17 100%);
    background: -ms-linear-gradient(top, #242862 0, #090a17 100%);
    background: linear-gradient(top, #242862 0, #090a17 100%)
}

.tn-el-right-content span.tn-el-right-pills.holdem {
    background: -moz-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -webkit-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -o-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -ms-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: linear-gradient(top, #003d7b 0, #000a15 100%)
}

.tn-el-right-content span.tn-el-right-pills.omaha {
    background: -moz-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -webkit-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -o-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -ms-linear-gradient(top, #9c0404 0, #390101 100%);
    background: linear-gradient(top, #9c0404 0, #390101 100%)
}

.tn-el-right-content span.tn-el-right-pills.holdem6plus {
    background: -moz-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -webkit-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -o-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -ms-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: linear-gradient(top, #007b9f 0, #002c39 100%)
}

.tn-el-right-content span.tn-el-right-pills.holdem5plus {
    background: -moz-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -webkit-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -o-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -ms-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: linear-gradient(top, #259e09 0, #0e3d04 100%)
}

.tn-el-right-content span.tn-el-right-pills.prizeType {
    background: -moz-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -webkit-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -o-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -ms-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: linear-gradient(top, #a4007b 0, #3e002f 100%)
}

.tn-el-right-content span.tn-el-right-pills.gameSpeed {
    background: -moz-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -webkit-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -o-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -ms-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: linear-gradient(top, #bb8001 0, #563b00 100%)
}

.tn-el-right-content h5.tn-el-right-startdatetime {
    font-size: .875rem;
    font-style: italic;
    color: #fff
}

.tn-el-right-content .tn-el-right-cost,
.tn-el-right-content .tn-el-right-pax {
    font-size: .875rem;
    color: #fff;
    vertical-align: middle;
    margin-right: .5rem
}

.tn-el-right-content .tn-el-right-cost i,
.tn-el-right-content .tn-el-right-pax i {
    font-size: .875rem;
    color: #fff;
    vertical-align: middle;
    margin-right: .25rem
}

.tn-el-right-content .tn-el-right-cost i.icon-chip,
.tn-el-right-content .tn-el-right-pax i.icon-chip {
    color: #ffea00
}

.tn-el-right-content .tn-el-right-bullets {
    position: absolute;
    top: .25rem;
    right: .5rem
}

.tn-el-right-content .tn-el-right-bullets i {
    font-size: 1rem;
    color: #fff
}

.tn-el-right-content .tn-el-right-prize {
    position: absolute;
    top: 2.5rem;
    right: .5rem;
    width: 7rem;
    height: 3.5rem;
    overflow: hidden
}

.tn-el-right-content .tn-el-right-prize .tn-el-right-prize-top {
    height: 40%;
    background-color: #111;
    border-radius: 3px 3px 0 0;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-el-right-content .tn-el-right-prize .tn-el-right-prize-top h6 {
    font-size: .937rem;
    text-align: center;
    line-height: 1.375rem;
    color: #017f2b
}

.tn-el-right-content .tn-el-right-prize .tn-el-right-prize-bot {
    height: 60%;
    background-color: #222;
    border-radius: 0 0 3px 3px;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px rgba(0, 0, 0, .3)
}

.tn-el-right-content .tn-el-right-prize .tn-el-right-prize-bot h5 {
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    padding: .375rem 0
}

.tn-el-right-content .tn-el-right-prize .tn-el-right-prize-bot h5 i.icon-chip3 {
    font-size: 1rem;
    vertical-align: middle;
    color: #ffea00;
    margin-right: .187rem
}

.tn-el-right-content .tn-el-right-prize .tn-el-right-prize-bot h5 img {
    height: 1.375rem;
    width: 1.375rem;
    margin: 0 .187rem .125rem 0
}

.joined .tn-el-left-content {
    background: -moz-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -webkit-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -o-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -ms-linear-gradient(top, #6cb946 0, #386522 100%);
    background: linear-gradient(top, #6cb946 0, #386522 100%)
}

.registering .tn-el-left-content {
    background: -moz-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -webkit-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -o-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -ms-linear-gradient(top, #c09102 0, #906e07 100%);
    background: linear-gradient(top, #c09102 0, #906e07 100%)
}

.latereg .tn-el-left-content {
    background: -moz-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -webkit-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -o-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -ms-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: linear-gradient(top, #b0512c 0, #a7390d 100%)
}

.live .tn-el-left-content {
    background: -moz-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -webkit-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -o-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -ms-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: linear-gradient(top, #00a24c 0, #005e2c 100%)
}

.completed .tn-el-left-content {
    background: -moz-linear-gradient(top, #666 0, #333 100%);
    background: -webkit-linear-gradient(top, #666 0, #333 100%);
    background: -o-linear-gradient(top, #666 0, #333 100%);
    background: -ms-linear-gradient(top, #666 0, #333 100%);
    background: linear-gradient(top, #666 0, #333 100%)
}

.dateinfo .tn-dateinfo,
.textinfo .tn-textinfo {
    display: block
}

.joined .tn-el-right-content h2 i {
    display: inline-block
}

.cc-tn-ev-container {
    position: relative;
    width: 100%;
    height: 100%
}

.cc-tn-ev-container i {
    color: #999
}

.cc-tn-ev-container .icon-chip3 {
    color: #ffea00
}

.cc-tn-ev-container .icon-chip {
    color: #ffea00
}

.cc-tn-ev-container .icon-user2 {
    color: #fff
}

.cc-tn-ev-container .tn-title {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 3rem 0;
    height: 2.5rem;
    width: 95%;
    margin: 0 auto .5rem auto;
    order: 1;
    border-radius: 0 0 3px 3px;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.cc-tn-ev-container .tn-title p {
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    margin: 0
}

.cc-tn-ev-container .tn-title .tn-refresh-btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    background-color: #20c44e;
    border-radius: 100%;
    z-index: 100;
    cursor: pointer;
    position: absolute;
    right: 10px
}

.cc-tn-ev-container .tn-title .tn-refresh-btn i {
    font-size: 1rem;
    color: #fff
}

.cc-tn-ev-container .tn-title .tn-refresh-btn:hover {
    background-color: #19983d
}

.cc-tn-ev-container .tn-refresh {
    flex-direction: column;
    justify-content: space-around;
    flex: 3rem 0;
    height: 2.5rem;
    width: 20%;
    margin: 0 auto .5rem auto;
    order: 1;
    border-radius: 0 0 3px 3px;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.cc-tn-ev-container .tn-refresh p {
    font-size: 1.125rem;
    text-align: center;
    color: #fff;
    margin: 0
}

.cc-tn-ev-container table {
    width: 100%
}

.cc-tn-ev-container table tr th {
    background-color: #1a1a1a;
    font-size: 1rem;
    text-align: center;
    color: #ccc;
    font-weight: 400
}

.cc-tn-ev-container table tr td {
    border-bottom: .062rem solid rgba(255, 255, 255, .05);
    padding: .125rem 0 .125rem .25rem;
    font-size: .937rem;
    text-align: left;
    color: #e0e0e0
}

.cc-tn-ev-container table tr td .badge {
    padding: .125rem .5rem;
    margin: 0 0 .125rem .5rem;
    background-color: #017f2b;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    vertical-align: middle
}

.cc-tn-ev-container table tr td .badge i {
    font-size: .875rem
}

.cc-tn-ev-container table tr td .badge.sng {
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%)
}

.cc-tn-ev-container table tr td .badge.mtt {
    background: -moz-linear-gradient(top, #242862 0, #090a17 100%);
    background: -webkit-linear-gradient(top, #242862 0, #090a17 100%);
    background: -o-linear-gradient(top, #242862 0, #090a17 100%);
    background: -ms-linear-gradient(top, #242862 0, #090a17 100%);
    background: linear-gradient(top, #242862 0, #090a17 100%)
}

.cc-tn-ev-container table tr td i {
    font-size: .937rem;
    margin-right: .25rem;
    vertical-align: middle
}

.cc-tn-ev-container.sng-mode .tn-ev-main-wrapper {
    height: calc(100% - 12rem)
}

.cc-tn-ev-container.sng-mode .tn-ev-datetime {
    display: none
}

.cc-tn-ev-container.live-tourney .tn-ev-main-tabs {
    display: block
}

.cc-tn-ev-container.live-tourney .tn-ev-main-content {
    height: calc(100% - 2.75rem)
}

.cc-tn-ev-container.live-tourney .tn-ev-main {
    border-radius: 0 0 3px 3px
}

div.tournament-container {
    height: 100%
}

div.tournament-container .tn-ev-top-wrapper {
    width: 100%;
    height: 14rem;
    padding: .5rem
}

div.tournament-container .tn-ev-top-wrapper .tn-ev-top {
    display: flex;
    margin: 0 auto;
    height: 100%;
    padding: 0
}

div.tournament-container .tn-ev-top-wrapper .tn-ev-top .tn-ev-top-left {
    float: left;
    width: 60%;
    padding: 0 .375rem 0 0
}

div.tournament-container .tn-ev-top-wrapper .tn-ev-top .tn-ev-top-right {
    float: left;
    width: 40%;
    padding: 0 0 0 .375rem
}

div.tournament-container .tn-ev-main-wrapper {
    height: calc(100% - 14rem);
    padding: 0 .5rem .5rem .5rem;
    padding-top: 0;
    overflow: hidden;
    position: absolute;
    top: 14rem;
    right: 0;
    left: 0
}

div.tournament-container .tn-ev-main-wrapper .tn-ev-main-content {
    width: 100%;
    height: 100%
}

.tn-ev-main-tabs {
    display: none;
    margin: 0 auto;
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.tn-ev-main-tabs li {
    float: left;
    width: 50%;
    height: 2.75rem;
    margin: 0;
    background: linear-gradient(0deg, #12161b, #4a586a);
    border: 1px solid #222;
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.75rem;
    color: #666
}

.tn-ev-main-tabs li.active {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    color: #fff
}

.tn-ev-main {
    height: 100%;
    margin: 0 auto;
    padding: .5rem;
    background-color: #191e24;
    overflow: hidden;
    border-radius: 3px
}

.tn-top-left-content {
    border-radius: 3px;
    overflow: hidden
}

.tn-top-left-content .tn-ev-top-title {
    height: 8rem;
    width: 100%;
    margin-top: .5rem;
    padding: .5rem;
    background-color: #191e24;
    border-radius: 3px;
    display: flex;
    flex-flow: column nowrap
}

.tn-top-left-content h6.tn-ev-title {
    display: block;
    display: -webkit-box;
    font-size: 1.125rem;
    font-weight: 300;
    text-align: left;
    line-height: 1.25rem;
    color: #20c44e;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.5rem;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .5rem
}

.tn-top-left-content .tn-el-right-cost,
.tn-top-left-content .tn-el-right-pax {
    font-size: 1rem;
    color: #e0e0e0;
    vertical-align: middle;
    margin-right: .5rem
}

.tn-top-left-content .tn-el-right-cost i,
.tn-top-left-content .tn-el-right-pax i {
    font-size: 1rem;
    vertical-align: middle;
    margin-right: .25rem
}

.tn-top-left-content .tn-ev-info {
    flex: 1;
    display: flex;
    align-items: center;
    width: 100%;
    margin: .5rem 0 0 0;
    padding: .25rem .5rem;
    background: #12161b;
    border-radius: 3px
}

.tn-top-left-content .tn-ev-info h6 {
    display: block;
    display: -webkit-box;
    font-size: .875rem;
    font-weight: 300;
    text-align: left;
    line-height: 1.25rem;
    color: #e0e0e0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 2.5rem;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden
}

.tn-top-right-content {
    border-radius: 3px;
    overflow: hidden
}

.tn-top-right-content h4.tn-ev-status {
    width: 100%;
    height: 2.75rem;
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    line-height: 2.75rem;
    color: #fff;
    -webkit-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -ms-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    text-shadow: 0 2px 4px rgba(0, 0, 0, .7);
    border-radius: 3px
}

.tn-top-right-content h4.tn-ev-status.joined {
    background: -moz-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -webkit-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -o-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -ms-linear-gradient(top, #6cb946 0, #386522 100%);
    background: linear-gradient(top, #6cb946 0, #386522 100%)
}

.tn-top-right-content h4.tn-ev-status.registering {
    background: -moz-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -webkit-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -o-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -ms-linear-gradient(top, #c09102 0, #906e07 100%);
    background: linear-gradient(top, #c09102 0, #906e07 100%)
}

.tn-top-right-content h4.tn-ev-status.latereg {
    background: -moz-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -webkit-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -o-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -ms-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: linear-gradient(top, #b0512c 0, #a7390d 100%)
}

.tn-top-right-content h4.tn-ev-status.live {
    background: -moz-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -webkit-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -o-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -ms-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: linear-gradient(top, #00a24c 0, #005e2c 100%)
}

.tn-top-right-content h4.tn-ev-status.completed {
    background: -moz-linear-gradient(top, #666 0, #333 100%);
    background: -webkit-linear-gradient(top, #666 0, #333 100%);
    background: -o-linear-gradient(top, #666 0, #333 100%);
    background: -ms-linear-gradient(top, #666 0, #333 100%);
    background: linear-gradient(top, #666 0, #333 100%)
}

.tn-top-right-content h6.tn-ev-datetime {
    width: 100%;
    height: 1.5rem;
    border-radius: 3px;
    margin-top: .25rem;
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
    line-height: 1.5rem;
    color: #e0e0e0;
    background-color: #191e24
}

.tn-top-right-content .tn-ev-top-details {
    height: 5rem;
    width: 100%;
    padding: .5rem 0
}

.tn-top-right-content .tn-ev-top-details .tn-ev-top-details-content {
    width: 100%;
    height: 100%;
    background-color: #191e24;
    border-radius: 3px;
    overflow: hidden;
    padding: .25rem .5rem
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills {
    float: left;
    font-size: .875rem;
    color: #fff;
    background-color: red;
    border-radius: 3px;
    padding: .125rem .25rem;
    margin: .125rem .25rem .125rem 0
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.basic {
    background: -moz-linear-gradient(top, #009275 0, #002c23 100%);
    background: -webkit-linear-gradient(top, #009275 0, #002c23 100%);
    background: -o-linear-gradient(top, #009275 0, #002c23 100%);
    background: -ms-linear-gradient(top, #009275 0, #002c23 100%);
    background: linear-gradient(top, #009275 0, #002c23 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.sng {
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.mtt {
    background: -moz-linear-gradient(top, #242862 0, #090a17 100%);
    background: -webkit-linear-gradient(top, #242862 0, #090a17 100%);
    background: -o-linear-gradient(top, #242862 0, #090a17 100%);
    background: -ms-linear-gradient(top, #242862 0, #090a17 100%);
    background: linear-gradient(top, #242862 0, #090a17 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.holdem {
    background: -moz-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -webkit-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -o-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: -ms-linear-gradient(top, #003d7b 0, #000a15 100%);
    background: linear-gradient(top, #003d7b 0, #000a15 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.omaha {
    background: -moz-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -webkit-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -o-linear-gradient(top, #9c0404 0, #390101 100%);
    background: -ms-linear-gradient(top, #9c0404 0, #390101 100%);
    background: linear-gradient(top, #9c0404 0, #390101 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.holdem6plus {
    background: -moz-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -webkit-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -o-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: -ms-linear-gradient(top, #007b9f 0, #002c39 100%);
    background: linear-gradient(top, #007b9f 0, #002c39 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.holdem5plus {
    background: -moz-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -webkit-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -o-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: -ms-linear-gradient(top, #259e09 0, #0e3d04 100%);
    background: linear-gradient(top, #259e09 0, #0e3d04 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.prizeType {
    background: -moz-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -webkit-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -o-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: -ms-linear-gradient(top, #a4007b 0, #3e002f 100%);
    background: linear-gradient(top, #a4007b 0, #3e002f 100%)
}

.tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills.gameSpeed {
    background: -moz-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -webkit-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -o-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: -ms-linear-gradient(top, #bb8001 0, #563b00 100%);
    background: linear-gradient(top, #bb8001 0, #563b00 100%)
}

.tn-top-right-content .tn-ev-top-buttons button {
    float: left;
    height: 3.5rem;
    margin: 0;
    border-radius: 6px;
    border: solid 1px #333;
    box-shadow: inset 0 0 0 1px #111
}

.tn-top-right-content .tn-ev-top-buttons button i {
    font-size: 1rem;
    line-height: 2rem;
    margin: .75rem 0;
    color: #fff;
    border-radius: 50%;
    padding: .5rem;
    background: #0e5b24
}

.tn-top-right-content .tn-ev-top-buttons button:focus {
    outline: 0
}

.tn-top-right-content .tn-ev-top-buttons button[state=register] {
    color: #fff;
    background: -moz-linear-gradient(180deg, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(180deg, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(180deg, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(180deg, #38c05f 0, #1f6432 100%);
    background: linear-gradient(180deg, #38c05f 0, #1f6432 100%)
}

.tn-top-right-content .tn-ev-top-buttons button[state=register].btn-disabled {
    background: -moz-linear-gradient(bottom, #2c994b 0, #133d1f 100%);
    background: -webkit-linear-gradient(bottom, #2c994b 0, #133d1f 100%);
    background: -o-linear-gradient(bottom, #2c994b 0, #133d1f 100%);
    background: -ms-linear-gradient(bottom, #2c994b 0, #133d1f 100%);
    background: linear-gradient(bottom, #2c994b 0, #133d1f 100%)
}

.tn-top-right-content .tn-ev-top-buttons button[state=full],
.tn-top-right-content .tn-ev-top-buttons button[state=unregister] {
    color: #fff;
    background: -moz-linear-gradient(top, #9b1212 0, #790606 100%);
    background: -webkit-linear-gradient(top, #9b1212 0, #790606 100%);
    background: -o-linear-gradient(top, #9b1212 0, #790606 100%);
    background: -ms-linear-gradient(top, #9b1212 0, #790606 100%);
    background: linear-gradient(top, #9b1212 0, #790606 100%)
}

.tn-top-right-content .tn-ev-top-buttons button[state=full].btn-disabled,
.tn-top-right-content .tn-ev-top-buttons button[state=unregister].btn-disabled {
    background: -moz-linear-gradient(top, #6d0d0d 0, #480404 100%);
    background: -webkit-linear-gradient(top, #6d0d0d 0, #480404 100%);
    background: -o-linear-gradient(top, #6d0d0d 0, #480404 100%);
    background: -ms-linear-gradient(top, #6d0d0d 0, #480404 100%);
    background: linear-gradient(top, #6d0d0d 0, #480404 100%);
    color: #888
}

.tn-top-right-content .tn-ev-top-buttons button[state=re-enter],
.tn-top-right-content .tn-ev-top-buttons button[state=re-join] {
    color: #fff;
    background: -moz-linear-gradient(top, #088847 0, #006130 100%);
    background: -webkit-linear-gradient(top, #088847 0, #006130 100%);
    background: -o-linear-gradient(top, #088847 0, #006130 100%);
    background: -ms-linear-gradient(top, #088847 0, #006130 100%);
    background: linear-gradient(top, #088847 0, #006130 100%)
}

.tn-top-right-content .tn-ev-top-buttons button[state=re-enter].btn-disabled,
.tn-top-right-content .tn-ev-top-buttons button[state=re-join].btn-disabled {
    background: -moz-linear-gradient(top, #05582e 0, #002e17 100%);
    background: -webkit-linear-gradient(top, #05582e 0, #002e17 100%);
    background: -o-linear-gradient(top, #05582e 0, #002e17 100%);
    background: -ms-linear-gradient(top, #05582e 0, #002e17 100%);
    background: linear-gradient(top, #05582e 0, #002e17 100%);
    color: #888
}

.tn-top-right-content .tn-ev-top-buttons button[state=closed] {
    color: #fff;
    background: -moz-linear-gradient(top, #595959 0, #3a3a3a 100%);
    background: -webkit-linear-gradient(top, #595959 0, #3a3a3a 100%);
    background: -o-linear-gradient(top, #595959 0, #3a3a3a 100%);
    background: -ms-linear-gradient(top, #595959 0, #3a3a3a 100%);
    background: linear-gradient(top, #595959 0, #3a3a3a 100%)
}

.tn-top-right-content .tn-ev-top-buttons button[state=closed].btn-disabled {
    background: -moz-linear-gradient(top, #404040 0, #212121 100%);
    background: -webkit-linear-gradient(top, #404040 0, #212121 100%);
    background: -o-linear-gradient(top, #404040 0, #212121 100%);
    background: -ms-linear-gradient(top, #404040 0, #212121 100%);
    background: linear-gradient(top, #404040 0, #212121 100%);
    color: #888
}

.tn-top-right-content .tn-ev-top-buttons .tn-ev-edit-button {
    background: -moz-linear-gradient(top, #29313b 0, #191e24 100%);
    background: -webkit-linear-gradient(top, #29313b 0, #191e24 100%);
    background: -o-linear-gradient(top, #29313b 0, #191e24 100%);
    background: -ms-linear-gradient(top, #29313b 0, #191e24 100%);
    background: linear-gradient(top, #29313b 0, #191e24 100%);
    display: block;
    width: 3.5rem;
    margin-right: .25rem;
    padding: 0;
    border: 2px solid #29313b
}

.tn-top-right-content .tn-ev-top-buttons.one .tn-ev-edit-button {
    display: none
}

.tn-top-right-content .tn-ev-top-buttons.one .tn-ev-main-button {
    width: 100%
}

.tn-top-right-content .tn-ev-top-buttons.two .tn-ev-edit-button {
    display: block;
    width: 3.5rem;
    margin-right: .25rem;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    border: 0
}

.tn-top-right-content .tn-ev-top-buttons.two .tn-ev-main-button {
    width: calc(100% - 4rem);
    margin-left: .25rem
}

.tn-ev-sng-label {
    display: none;
    width: 100%;
    height: 2.75rem;
    margin: 0 auto
}

.tn-ev-sng-label .tn-ev-sng-label-content {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #222;
    padding: .5rem
}

.tn-ev-sng-label .tn-ev-sng-label-content * {
    float: left
}

.tn-ev-sng-label .tn-ev-sng-label-content h2 {
    height: 1.75rem;
    width: fit-content;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #fff;
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%);
    border-radius: 3px;
    padding: 0 .375rem
}

.tn-ev-sng-label .tn-ev-sng-label-content h3 {
    height: 1.75rem;
    font-size: 1.5rem;
    line-height: 1.75rem;
    color: #fff;
    padding-left: .75rem
}

.tn-ev-sng-label .tn-ev-sng-label-content h3 i {
    vertical-align: middle;
    line-height: 1.75rem;
    margin-right: .25rem
}

.tn-ev-sng-label .tn-ev-sng-label-content h5 {
    max-width: 80%;
    height: 1.75rem;
    font-size: 1rem;
    font-style: italic;
    line-height: 1.75rem;
    color: #ddd;
    padding-left: .5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.tn-ev-countdown {
    margin: 0 auto;
    width: 100%;
    height: 4.5rem
}

.tn-ev-countdown .countdown-container {
    height: 100%
}

.tn-ev-countdown .time {
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    position: relative;
    height: 2.75rem;
    width: calc((100% - 1rem)/ 5);
    -webkit-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .5);
    -ms-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .5);
    -o-box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 .25rem 0 rgba(0, 0, 0, .5);
    -webkit-perspective: 479px;
    -moz-perspective: 479px;
    -ms-perspective: 479px;
    -o-perspective: 479px;
    perspective: 479px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.tn-ev-countdown .time:nth-child(n+2) {
    margin-left: .25rem
}

.tn-ev-countdown .time.active .count {
    color: #fff
}

.tn-ev-countdown .time.active .label {
    color: #999
}

.tn-ev-countdown .count {
    width: 100%;
    font-family: Kanit, sans-serif;
    background: #191e24;
    display: block;
    overflow: hidden;
    text-shadow: 0 0 .25rem rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    font-size: 2rem;
    text-align: center;
    line-height: 2.75rem;
    color: #444;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: flat;
    -moz-transform-style: flat;
    -ms-transform-style: flat;
    -o-transform-style: flat;
    transform-style: flat
}

.tn-ev-countdown .count.top {
    height: 50%;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-radius: 3px 3px 0 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tn-ev-countdown .count.bottom {
    background-image: linear-gradient(rgba(255, 255, 255, .1), transparent);
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, .1), transparent);
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .1), transparent);
    background-image: -ms-linear-gradient(rgba(255, 255, 255, .1), transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .1), transparent);
    border-top: 1px solid #000;
    border-radius: 0 0 3px 3px;
    line-height: 0;
    height: 50%;
    width: 100%;
    top: 50%;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.tn-ev-countdown .label {
    height: 1.5rem;
    width: 100%;
    display: block;
    font-size: .937rem;
    line-height: 1.5rem;
    color: #444;
    position: absolute;
    top: 3rem;
    background-color: #191e24
}

.tn-ev-countdown .count.curr.top {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    z-index: 3
}

.tn-ev-countdown .count.next.bottom {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    z-index: 2
}

.tn-ev-countdown .flip .count.curr.top {
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.tn-ev-countdown .flip .count.next.bottom {
    -webkit-transition: all 250ms ease-in-out 250ms;
    -moz-transition: all 250ms ease-in-out 250ms;
    -ms-transition: all 250ms ease-in-out 250ms;
    -o-transition: all 250ms ease-in-out 250ms;
    transition: all 250ms ease-in-out 250ms;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0)
}

.tn-ev-accordion {
    width: 100%;
    height: 100%
}

.tn-ev-accordion>.tn-ev-panel-group {
    height: 100%;
    margin: 0
}

.tn-ev-accordion>.tn-ev-panel-group>.panel {
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 3px;
    background-color: #29313b;
    margin: 0 0 .25rem 0 !important
}

.tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-heading {
    background-color: #12161b;
    padding: 0 .5rem;
    height: 2.5rem;
    border: none;
    border-radius: 3px
}

.tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-heading>a .panel-title {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    line-height: 2.5rem;
    color: #e0e0e0
}

.tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-heading>a .panel-title .badge {
    font-size: .75rem;
    line-height: .5rem;
    color: #fff;
    font-weight: 400;
    vertical-align: text-bottom;
    background-color: #017f2b;
    margin-left: .5rem
}

.tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-collapse .panel-body {
    padding: .25rem;
    overflow: auto
}

.tn-ev-accordion>.tn-ev-panel-group .panel-flex-container {
    display: none;
    flex-direction: column
}

.tn-ev-accordion>.tn-ev-panel-group .panel-flex-container .panel-heading {
    flex: 0 0 auto
}

.tn-ev-accordion>.tn-ev-panel-group .panel-flex-container .panel-collapse {
    flex: 0 1 auto;
    overflow: auto
}

.tn-ev-accordion>.tn-ev-panel-group .tn-ev-satellites-table td,
.tn-ev-accordion>.tn-ev-panel-group .tn-ev-satellites-table th {
    padding: .5rem 0 .5rem .25rem
}

.tn-ev-accordion>.tn-ev-panel-group .tn-ev-satellites-table button {
    font-size: 1rem;
    width: 100%;
    height: 1.75rem;
    margin: 0;
    line-height: 1.75rem;
    outline: 0
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=live] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=info] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=tables] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=players] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=satellite] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container {
    max-height: calc(100% - 8.25rem)
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=live] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=info] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=tables] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=players] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=satellite] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container {
    max-height: calc(100% - 11rem)
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=live] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=info] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=tables] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=players] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=prizes] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=blinds] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=satellite] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container {
    max-height: calc(100% - 5.5rem)
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=live] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=info] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=tables] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=players] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=satellite] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container {
    max-height: calc(100% - 5.5rem)
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=live] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=info] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=tables] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=players] {
    display: none
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=satellite] {
    display: flex
}

.tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container {
    max-height: calc(100% - 8.25rem)
}

table.tn-ev-info-table,
table.tn-ev-live-table {
    width: 100%;
    height: 100%
}

table.tn-ev-info-table tr td,
table.tn-ev-live-table tr td {
    color: #e0e0e0
}

table.tn-ev-info-table tr td:first-child,
table.tn-ev-live-table tr td:first-child {
    width: 35%;
    color: #ccc;
    border-right: 1px solid rgba(255, 255, 255, .05)
}

table.tn-ev-info-table tr td:last-child,
table.tn-ev-live-table tr td:last-child {
    align-items: center
}

table.tn-ev-info-table tr td.flash,
table.tn-ev-live-table tr td.flash {
    animation: flash 1s linear forwards;
    -webkit-animation: flash 1s linear forwards
}

@keyframes flash {
    0% {
        color: transparent
    }
    30% {
        color: #8bec44
    }
    100% {
        color: #fff
    }
}

table.tn-ev-info-table tr[tab=bullet],
table.tn-ev-info-table tr[tab=dcProtection],
table.tn-ev-info-table tr[tab=lateReg],
table.tn-ev-info-table tr[tab=liveBreakTime],
table.tn-ev-info-table tr[tab=timeChips],
table.tn-ev-live-table tr[tab=bullet],
table.tn-ev-live-table tr[tab=dcProtection],
table.tn-ev-live-table tr[tab=lateReg],
table.tn-ev-live-table tr[tab=liveBreakTime],
table.tn-ev-live-table tr[tab=timeChips] {
    display: none
}

table.tn-ev-info-table tr[tab=targetTourney],
table.tn-ev-live-table tr[tab=targetTourney] {
    display: none
}

table.tn-ev-info-table tr[tab=targetTourney] td,
table.tn-ev-live-table tr[tab=targetTourney] td {
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1.75rem
}

table.tn-ev-info-table tr[tab=targetTourney] button,
table.tn-ev-live-table tr[tab=targetTourney] button {
    font-size: 1rem;
    float: right;
    width: fit-content;
    height: 1.75rem;
    margin: 0 .5rem 0 0;
    line-height: 1.75rem;
    outline: 0
}

table.tn-ev-info-table tr[tab=tourneyBuyIn] td,
table.tn-ev-live-table tr[tab=tourneyBuyIn] td {
    padding-top: .5rem;
    padding-bottom: .5rem;
    line-height: 1.75rem
}

table.tn-ev-info-table tr[tab=tourneyBuyIn] button,
table.tn-ev-live-table tr[tab=tourneyBuyIn] button {
    display: none;
    font-size: 1rem;
    float: right;
    width: fit-content;
    height: 1.75rem;
    margin: 0 .5rem 0 0;
    line-height: 1.75rem;
    outline: 0;
    padding: 0 1rem
}

table.tn-ev-blinds-structure-table,
table.tn-ev-entries-table,
table.tn-ev-prizes-table,
table.tn-ev-satellites-table {
    width: 100%;
    height: 100%;
    padding-bottom: 4.5rem;
    border-radius: 3px;
    overflow: auto;
    table-layout: auto
}

table.tn-ev-blinds-structure-table tr td,
table.tn-ev-blinds-structure-table tr th,
table.tn-ev-entries-table tr td,
table.tn-ev-entries-table tr th,
table.tn-ev-prizes-table tr td,
table.tn-ev-prizes-table tr th,
table.tn-ev-satellites-table tr td,
table.tn-ev-satellites-table tr th {
    text-align: left;
    text-indent: 0;
    padding-left: .5rem
}

table.tn-ev-blinds-structure-table tr th,
table.tn-ev-entries-table tr th,
table.tn-ev-prizes-table tr th,
table.tn-ev-satellites-table tr th {
    font-size: .937rem;
    background-color: #191e24
}

table.tn-ev-blinds-structure-table tr td,
table.tn-ev-entries-table tr td,
table.tn-ev-prizes-table tr td,
table.tn-ev-satellites-table tr td {
    border-right: 1px solid rgba(255, 255, 255, .05)
}

table.tn-ev-blinds-structure-table tr td:last-child,
table.tn-ev-entries-table tr td:last-child,
table.tn-ev-prizes-table tr td:last-child,
table.tn-ev-satellites-table tr td:last-child {
    border-right: 0
}

table.tn-ev-blinds-structure-table tr td img,
table.tn-ev-entries-table tr td img,
table.tn-ev-prizes-table tr td img,
table.tn-ev-satellites-table tr td img {
    display: inline-block;
    height: 2rem;
    width: 2rem
}

table.tn-ev-blinds-structure-table tr td img.ticket,
table.tn-ev-entries-table tr td img.ticket,
table.tn-ev-prizes-table tr td img.ticket,
table.tn-ev-satellites-table tr td img.ticket {
    display: inline-block;
    height: 1rem;
    width: 1rem
}

table.tn-ev-blinds-structure-table tr td p,
table.tn-ev-entries-table tr td p,
table.tn-ev-prizes-table tr td p,
table.tn-ev-satellites-table tr td p {
    display: inline-block;
    padding-left: .5rem;
    font-size: .812rem;
    line-height: 2rem;
    color: #fff
}

table.tn-ev-blinds-structure-table tr td p span.self,
table.tn-ev-entries-table tr td p span.self,
table.tn-ev-prizes-table tr td p span.self,
table.tn-ev-satellites-table tr td p span.self {
    color: #fac300
}

table.tn-ev-blinds-structure-table tr td i.empty,
table.tn-ev-entries-table tr td i.empty,
table.tn-ev-prizes-table tr td i.empty,
table.tn-ev-satellites-table tr td i.empty {
    opacity: .1
}

.tn-ev-prizes-no-prizes-div,
.tn-ev-prizes-tables-div {
    width: 100%
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:first-child,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:first-child {
    width: 59%;
    float: left
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child {
    width: 39%;
    float: right
}

.tn-ev-prizes-no-prizes-div .prize-table-title,
.tn-ev-prizes-tables-div .prize-table-title {
    text-align: center;
    font-size: 1.125rem;
    border-bottom: 1px solid #222;
    color: #e6e6e6;
    padding: .25rem 0
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table td.no-prizes,
.tn-ev-prizes-tables-div .tn-ev-prizes-table td.no-prizes {
    text-align: center;
    padding-left: 0
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child .prize-table-title,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child .prize-table-title {
    color: #ddd
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child th,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child th {
    color: #aaa
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child td,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child td {
    color: #888
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child td.prize-pool-text,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child td.prize-pool-text {
    text-align: center;
    color: #aaa;
    padding: .5rem 0
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child td.prize-pool-text .bold,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child td.prize-pool-text .bold {
    font-weight: 500;
    color: #ddd
}

.tn-ev-prizes-no-prizes-div .tn-ev-prizes-table:last-child td.prize-pool-text i,
.tn-ev-prizes-tables-div .tn-ev-prizes-table:last-child td.prize-pool-text i {
    font-size: 1rem;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: middle
}

.tn-ev-entries-no-players {
    width: 100%;
    padding: 1rem 0
}

.tn-ev-entries-no-players p {
    font-size: 1rem;
    text-align: center;
    color: #ccc;
    margin: 0
}

.tn-ev-tables-items-list {
    padding: .25rem .5rem .25rem .5rem
}

.tn-ev-tables-item-accordion {
    width: 100%;
    height: 100%
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group {
    height: 100%;
    margin: 0
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel {
    position: relative;
    overflow: hidden;
    border: none;
    border-radius: 3px;
    margin-top: .5rem !important;
    background-color: #191e24
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading {
    background-color: #12161b;
    border: 1px solid #111;
    padding: 0 .5rem;
    height: 2rem;
    border: none;
    border-radius: 3px
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .panel-title {
    float: left;
    width: 60%;
    font-size: 1rem;
    line-height: 2rem;
    color: #fff
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .panel-title i {
    font-size: 1rem;
    vertical-align: middle;
    margin-right: .25rem
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .ev-table-details {
    float: left;
    height: 2rem;
    width: 40%
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .ev-table-details span {
    display: inline-block;
    font-size: .937rem;
    color: #fff;
    vertical-align: middle;
    margin-right: .375rem
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .ev-table-details i {
    display: inline-block;
    font-size: .937rem;
    vertical-align: middle;
    margin-right: .25rem
}

.tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-collapse .panel-body {
    padding: .5rem;
    text-align: center
}

.tn-ev-tables-item-accordion .tn-ev-table-players {
    width: 100%
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table {
    width: 100%;
    height: 100%;
    overflow: hidden;
    table-layout: fixed
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr td,
.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr th {
    width: 25%;
    text-align: left;
    text-indent: 0;
    color: #fff;
    border-bottom: 1px solid #222;
    font-size: .875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr th {
    font-size: .937rem;
    background-color: #29313b;
    color: #20c44e;
    padding-left: .25rem
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr td {
    border-right: 1px solid #222
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr td:last-child {
    border-right: 0
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr td img {
    display: inline-block;
    height: 2rem;
    width: 2rem
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr td p {
    display: inline-block;
    padding-left: 1rem;
    font-size: .812rem;
    line-height: 2rem;
    color: #fff
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr:nth-child(odd) {
    background-color: rgba(0, 0, 0, .2)
}

.tn-ev-tables-item-accordion .tn-ev-table-players table.tn-ev-table-players-table tr:nth-child(even) {
    background-color: rgba(0, 0, 0, .1)
}

.tn-ev-tables-item-accordion .tn-ev-table-btn {
    width: 50%;
    height: 2rem;
    line-height: 2rem;
    margin: .5rem auto
}

.cc-tourney-info-container {
    width: 100%;
    padding: 0;
    overflow: auto
}

.cc-tourney-info-container h6 {
    font-size: 1rem;
    text-align: justify;
    color: #fff;
    padding: 1rem 0
}

.cc-tourney-info-container p {
    font-size: 1rem;
    text-align: justify;
    color: #fff;
    padding: .5rem 0;
    margin: 0
}

.cc-tourney-info-container p.small-p {
    font-size: .875rem;
    text-align: center;
    padding: .125rem 1.5rem
}

.cc-tourney-info-container p bold {
    color: #20c44e;
    font-weight: 400
}

.cc-tourney-info-container .tourney-info-container {
    width: 90%;
    margin: auto;
    text-align: center;
    padding: 1rem 0 2rem 0
}

.cc-tourney-info-container .tourney-info-container img {
    width: 50%
}

.cc-tourney-info-container table.taxInfo {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    overflow: hidden;
    table-layout: fixed;
    margin: auto
}

.cc-tourney-info-container table.taxInfo tr td,
.cc-tourney-info-container table.taxInfo tr th {
    width: 25%;
    text-align: left;
    text-indent: 0;
    color: #fff;
    border-bottom: 1px solid #222;
    font-size: .937rem;
    overflow: hidden;
    padding: .125rem .375rem
}

.cc-tourney-info-container table.taxInfo tr th {
    font-size: 1rem;
    background-color: #222;
    color: #20c44e;
    padding-left: .25rem
}

.cc-tourney-info-container table.taxInfo tr td {
    border-right: 1px solid #222;
    background-color: #353535
}

.cc-tourney-info-container table.taxInfo tr td:last-child {
    border-right: 0
}

.cc-tourney-info-container table.taxInfo tr td img {
    display: inline-block;
    height: 2rem;
    width: 2rem
}

.cc-tourney-info-container table.taxInfo tr td p {
    display: inline-block;
    padding-left: 1rem;
    font-size: .812rem;
    line-height: 2rem;
    color: #fff
}

.cc-tourney-info-container table.taxInfo tr td i.icon-chip3 {
    color: #ffea00;
    margin-right: .25rem
}

.cc-tourney-info-container table.taxInfo tr td:first-child {
    color: #fff;
    background-color: #252525
}

.cc-tn-joined-container {
    width: 100%
}

.cc-tn-joined-container .tn-joined-wrapper {
    width: 95%;
    margin: auto
}

.cc-tn-joined-container h2 {
    font-size: 1.5rem;
    font-weight: 600;
    font-style: italic;
    color: #20c44e;
    background: linear-gradient(125deg, rgba(0, 0, 0, .75) 0, rgba(0, 0, 0, .75) 25%, rgba(0, 0, 0, .55) 26%, rgba(0, 0, 0, .55) 100%);
    padding: .5rem 0;
    margin-top: 1rem;
    text-indent: 1rem;
    border-radius: 3px
}

ul.tn-joined-ul {
    padding-left: 1rem
}

ul.tn-joined-ul li.tn-joined-li {
    width: 100%;
    height: 3.5rem;
    margin: .5rem 0;
    border-radius: 3px;
    padding: .312rem .75rem;
    background: linear-gradient(125deg, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .6) 20%, rgba(0, 0, 0, .5) 21%, rgba(0, 0, 0, .5) 100%)
}

ul.tn-joined-ul li.tn-joined-li .tn-joined-li-wrapper {
    position: relative
}

ul.tn-joined-ul li.tn-joined-li .joined-date {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.25rem;
    color: #017f2b
}

ul.tn-joined-ul li.tn-joined-li .joined-time {
    position: absolute;
    top: 1.75rem;
    left: 0;
    font-size: 1rem;
    color: #fff
}

ul.tn-joined-ul li.tn-joined-li .joined-title {
    position: absolute;
    top: .125rem;
    left: 7rem;
    font-size: 1.25rem;
    color: #fff
}

ul.tn-joined-ul li.tn-joined-li .badge {
    border-radius: 3px;
    background-color: #20c44e;
    font-size: 1rem;
    padding: 1px 4px;
    margin: 0 0 2px 3px;
    vertical-align: middle
}

ul.tn-joined-ul li.tn-joined-li .joined-cost {
    position: absolute;
    top: 1.75rem;
    left: 7rem;
    font-size: 1rem;
    color: #aaa
}

ul.tn-joined-ul li.tn-joined-li .icon-chip2 {
    font-size: .937rem;
    vertical-align: middle;
    margin-right: .25rem
}

ul.tn-joined-ul li.tn-joined-li .chip-icon {
    background: url(../images/game_images/gameChipIcon.png) no-repeat;
    display: inline-block;
    height: .875rem;
    width: .875rem;
    background-size: contain;
    vertical-align: middle;
    margin: 0 3px 1px 0
}

ul.tn-joined-ul li.tn-joined-li .joined-bullets {
    position: absolute;
    top: 0;
    right: 0
}

ul.tn-joined-ul li.tn-joined-li .icon-bullet2 {
    font-size: 1.125rem;
    color: #fff
}

ul.tn-joined-ul li.tn-joined-li .bullet-icon {
    background: url(../images/app_icons/bulletIcon.png) no-repeat;
    display: inline-block;
    height: 1.375rem;
    width: .875rem;
    background-size: contain;
    vertical-align: middle
}

ul.tn-joined-ul li.tn-joined-li.sng-event .badge {
    background-color: #cf1212
}

ul.tn-joined-ul li.tn-joined-li.sngsat-event .badge {
    background-color: #e3490c
}

ul.tn-joined-ul li.tn-joined-li.mtt-event .badge {
    background-color: #4c12cf
}

.tn-modal-body {
    height: 35rem
}

.cc-tn-popup-container {
    width: 90%;
    margin: auto;
    padding: .75rem 0
}

table.tn-blinds-structure-table tr td {
    font-size: .875rem;
    padding: .25rem .75rem
}

table.tn-blinds-structure-table .label-a {
    background: url(../images/lobby_tourney/tourney-label-a.png) no-repeat;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle;
    margin: 0 0 .125rem .187rem
}

table.tn-blinds-structure-table .label-r {
    background: url(../images/lobby_tourney/tourney-label-r.png) no-repeat;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle;
    margin: 0 0 .125rem .187rem
}

.cc-gamemenu-left-container {
    width: 20rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -moz-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -ms-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -o-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    background: #111;
    z-index: 121
}

.cc-gamemenu-left-container .wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.cc-gamemenu-left-container .wrapper.toggled .page-content-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1
}

.gamemenu-left-bar {
    overflow-y: auto;
    overflow-x: hidden
}

.gamemenu-sidebar-ul {
    display: flex;
    flex-flow: column nowrap;
    width: 20rem;
    height: 100%;
    background: #191e24;
    padding-top: 1rem;
    position: absolute;
    top: 0
}

.gamemenu-sidebar-ul li.sidebar-header {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    min-height: 5rem;
    padding: .5rem;
    background: #191e24
}

.gamemenu-sidebar-ul li.sidebar-header .club-icon-wrap {
    margin-right: .6rem;
    width: 3rem;
    height: 3rem;
    border: 2px solid #63a462;
    border-radius: 50%;
    border-image-source: linear-gradient(to bottom, #63a462, #4a7e49);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #000, #000), linear-gradient(to bottom, #63a462, #4a7e49);
    background-origin: border-box;
    background-clip: content-box, border-box;
    overflow: hidden
}

.gamemenu-sidebar-ul li.sidebar-header .club-icon-wrap img#gamemenuClubIcon {
    width: 100%;
    height: auto
}

.gamemenu-sidebar-ul li.sidebar-header .club-info-wrap {
    padding-left: .6rem;
    border-left: 1px solid #017f2b;
    overflow: hidden;
    flex: 1
}

.gamemenu-sidebar-ul li.sidebar-header .club-info-wrap h4 {
    font-size: 1.5rem;
    font-weight: 500;
    font-style: normal;
    color: #20c44e;
    margin-bottom: .5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gamemenu-sidebar-ul li.sidebar-header .club-info-wrap h6.gamemenu-room-info {
    font-size: 1rem;
    font-style: normal;
    color: #e0e0e0
}

.gamemenu-sidebar-ul li.gamemenu-profile-line::after,
.gamemenu-sidebar-ul li.gamemenu-profile-line::before {
    content: "";
    display: block;
    height: 4px;
    border: 1px solid #252525;
    border-width: 1px 0 1px 0
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    padding: .625rem 1rem;
    background-color: #29313b
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-img {
    width: 33%;
    margin: 0 auto;
    margin-bottom: .5rem
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content {
    width: 80%;
    margin: 0 auto
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h4 {
    font-size: 1.25rem;
    text-align: center;
    color: #20c44e;
    padding: .312rem 0;
    margin: 0;
    margin-bottom: .25rem
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h5 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    padding: .25rem 2rem;
    color: #fff;
    font-size: 1rem;
    line-height: normal;
    color: #fff;
    background: -moz-linear-gradient(bottom, #191e24 0, #29313b 100%);
    background: -webkit-linear-gradient(bottom, #191e24 0, #29313b 100%);
    background: -o-linear-gradient(bottom, #191e24 0, #29313b 100%);
    background: -ms-linear-gradient(bottom, #191e24 0, #29313b 100%);
    background: linear-gradient(bottom, #191e24 0, #29313b 100%);
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #111
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h5:first-of-type {
    margin-bottom: .25rem
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h5 i {
    font-size: 1.25rem;
    margin-right: .5rem;
    vertical-align: middle
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h5 i.icon-chip3 {
    color: #ffea00
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h5 i.icon-gem2 {
    color: #1be785
}

.gamemenu-sidebar-ul li.gamemenu-profile-line .gamemenu-profile-container .gamemenu-profile-content h5 span.add-gem-icon {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background: url(../images/variation-img/buyGemIcon.png) no-repeat;
    display: inline-block;
    height: 1.75rem;
    width: 1.75rem;
    background-size: contain;
    vertical-align: middle;
    margin-right: 0
}

.gamemenu-sidebar-ul li.menu-items {
    flex: 1;
    overflow: auto
}

.gamemenu-sidebar-ul li.menu-items ul li {
    background-color: #12161b;
    border: 1px solid #111;
    border-radius: 6px;
    margin: 10px;
    border-radius: 6px
}

.gamemenu-sidebar-ul li.menu-items ul li a {
    font-size: 1.125rem;
    line-height: normal;
    display: flex;
    align-items: center;
    color: #ccc;
    font-weight: 400;
    font-style: italic;
    padding: .3rem .5rem
}

.gamemenu-sidebar-ul li.menu-items ul li a i {
    margin-right: 1.25rem;
    margin-left: 0;
    padding: 4px;
    color: #20c44e;
    font-size: 1.85rem
}

.gamemenu-sidebar-ul li.menu-items ul li.btnDisabled a,
.gamemenu-sidebar-ul li.menu-items ul li.btnDisabled a:hover,
.gamemenu-sidebar-ul li.menu-items ul li.btnDisabled i {
    color: #444
}

.gamemenu-sidebar-ul li.menu-items ul li.clickColor {
    background-color: #444
}

#gameStage {
    display: none;
    z-index: 100;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

#gameStageCanvas {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto
}

.minimizeTopLeft {
    transform-origin: top left;
    transform: scale(.5, .5);
    transition: all 5ms ease-in-out
}

.minimizeTopRight {
    transform: scale(.5, .5);
    transform-origin: top right;
    transition: all 5ms ease-in-out
}

.minimizeBottomLeft {
    transform: scale(.5, .5);
    transform-origin: bottom left;
    transition: all 5ms ease-in-out
}

.minimizeBottomRight {
    transform: scale(.5, .5);
    transform-origin: bottom right;
    transition: all 5ms ease-in-out
}

.cc-buy-in-container {
    height: 100%;
    padding: 0
}

.cc-buy-in-container .wrapper {
    width: 90%;
    margin: auto
}

.cc-buy-in-info-container {
    width: 100%;
    height: auto !important;
    margin: auto;
    margin-bottom: 10px;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    padding-top: .625rem
}

.cc-buy-in-info-container h1 {
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
    color: #20c44e;
    padding: 10px 0;
    display: none
}

.cc-buy-in-info-container.four-rows {
    height: 12rem
}

.buy-in-info-div {
    display: table;
    width: 100%;
    margin: auto;
    vertical-align: top
}

.buy-in-info-div-image {
    display: table-cell;
    width: 20%;
    vertical-align: top;
    padding: 0
}

.buy-in-info-div-image img {
    width: 90%;
    max-width: 4rem;
    max-height: 4rem
}

.buy-in-info-div-content {
    display: table-cell;
    width: 80%;
    vertical-align: top;
    padding-left: .625rem
}

.buy-in-info-div-content h3 {
    font-size: 1.25rem;
    color: #fff;
    padding: .625rem 0 0 0;
    margin: 0
}

.buy-in-info-div-content h4 {
    font-size: 1rem;
    color: #ddd;
    padding: 5px 0 0 0;
    margin: 0
}

.buy-in-info-settings {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding: 0
}

.buy-in-info-table-settings {
    width: 100%;
    margin-top: .625rem;
    font-size: .875rem;
    border-radius: 3px;
    overflow: hidden
}

.buy-in-info-table-settings tr:first-child td {
    color: #017f2b
}

.buy-in-info-table-settings tr td {
    padding-left: .625rem;
    line-height: 1.5rem;
    background: rgba(0, 0, 0, .3);
    margin-bottom: .125rem;
    color: #fff
}

.buy-in-info-table-settings tr td:first-child {
    width: 30%;
    font-weight: 200;
    background: rgba(0, 0, 0, .5)
}

.buy-in-info-table-settings tr td:nth-child(2) {
    width: 70%
}

.buy-in-info-table-settings tr td .icon-chip {
    font-size: 1rem;
    color: #ffea00;
    vertical-align: middle;
    margin-right: .25rem
}

.cc-buy-in-slider-container {
    width: 100%;
    height: 14rem;
    margin: auto;
    background-color: #0b0b0b
}

.slider-buy-in-content {
    display: table;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 1.25rem
}

.slider-buy-in-content .slider-buy-in-left,
.slider-buy-in-content .slider-buy-in-right {
    display: table-cell;
    width: 50%;
    margin: auto;
    text-align: center
}

.slider-buy-in-content h6 {
    font-size: .875rem;
    text-align: center;
    color: #fff;
    padding: .312rem .625rem;
    margin: 0 .312rem;
    border-radius: 3px;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.slider-buy-in-content h2.balance,
.slider-buy-in-content h2.buy-in {
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    padding: .5rem 0 0 0;
    margin: 0
}

.slider-buy-in-content h2.balance .icon-chip3 {
    font-size: 1.5rem;
    color: #ffea00;
    vertical-align: text-bottom;
    margin-right: .25rem
}

.slider-buy-in-content h2.balance .icon-chip,
.slider-buy-in-content h2.buy-in .icon-chip {
    font-size: 1.5rem;
    color: #ffea00;
    vertical-align: text-bottom;
    margin-right: .25rem
}

.slider-tax-content {
    display: none;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: .625rem .312rem 0 .312rem
}

.slider-tax-content h6 {
    background-color: #222;
    color: #ddd;
    font-size: 1rem;
    padding: .187rem .312rem;
    border-radius: 3px
}

.slider-tax-content span#buyInPopupTaxAmount {
    color: #017f2b
}

.slider-slider-content {
    display: table;
    width: 100%;
    margin: auto;
    text-align: center;
    padding-top: 2rem
}

.slider-slider-content .slider-text-left,
.slider-slider-content .slider-text-right {
    display: table-cell;
    width: 30%;
    margin: auto;
    font-size: 1rem
}

.slider-slider-content .slider-middle {
    display: table-cell;
    width: 70%;
    margin: auto
}

.slider-slider-content .slider-text-left {
    text-align: left
}

.slider-slider-content .slider-text-right {
    text-align: right
}

.slider .tooltip {
    display: none
}

.buyin-text-p {
    display: none;
    font-size: .875rem;
    text-align: center
}

.buyin-banker-info {
    display: none
}

.auto-withdrawal-row {
    display: none
}

.autoWithdraw .cc-buy-in-info-container {
    height: 12rem
}

.autoWithdraw .buy-in-info-table-settings tr td:first-child {
    width: 45%
}

.autoWithdraw .buy-in-info-table-settings tr td:first-child .icon-chip {
    font-size: 1rem;
    color: #ffea00;
    vertical-align: text-top
}

.autoWithdraw .auto-withdrawal-row td {
    color: #20c44e
}

.autoWithdraw .auto-withdrawal-row td amount {
    color: #017f2b
}

.withdraw .cc-buy-in-info-container {
    height: 12rem
}

.withdraw .buy-in-info-div-content {
    padding-left: 0
}

.withdraw .buy-in-info-div-content h3 {
    color: #20c44e;
    padding: .25rem .625rem 0 0
}

.withdraw .buy-in-info-table-settings {
    margin-top: .75rem
}

.withdraw .buy-in-info-table-settings tr:first-child td {
    color: #fa9800
}

.withdraw .buy-in-info-table-settings tr td:first-child {
    width: 45%
}

.withdraw .buy-in-info-table-settings tr td:nth-child(2) {
    width: 55%
}

.withdraw .buy-in-info-table-settings #max-withdrawalAmount,
.withdraw .buy-in-info-table-settings #min-reserve,
.withdraw .buy-in-info-table-settings #per-withdrawal-unit {
    color: #fff
}

.withdraw .cc-buy-in-slider-container {
    height: 13rem
}

.withdraw .wd-auto-withdrawal-row {
    display: none
}

.withdraw.autoWithdraw .cc-buy-in-info-container {
    height: 13rem
}

.withdraw.autoWithdraw .wd-auto-withdrawal-row td {
    color: #20c44e
}

.withdraw.autoWithdraw .wd-auto-withdrawal-row td .amount {
    color: #fff
}

.modal-insurance .modal-body {
    height: 38rem;
    padding: 0
}

.modal-insurance {
    -webkit-transition: all 5ms ease-in-out;
    -moz-transition: all 5ms ease-in-out;
    -ms-transition: all 5ms ease-in-out;
    -o-transition: all 5ms ease-in-out;
    transition: all 5ms ease-in-out
}

.modal-insurance .cc-pop-up-content,
.modal-insurance .modal-body,
.modal-insurance .modal-content {
    background: 0 0;
    background-color: transparent
}

.cc-insurance-container {
    width: 100%;
    height: calc(38rem - 15px);
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.cc-insurance-container .cc-insurance-board-cards {
    position: relative;
    width: 100%;
    height: 9%;
    text-align: center;
    background-color: #29313b
}

.cc-insurance-container .cc-insurance-tabs-container {
    height: 7%;
    width: 100%;
    background-color: #29313b;
    margin: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-radius: 3px 3px 0 0
}

.cc-insurance-container .cc-insurance-content {
    width: 100%;
    height: 84%;
    background-color: #12161b;
    margin-top: 0
}

.cc-insurance-board-cards span.card {
    height: 2.5rem;
    width: 1.875rem;
    margin-top: .312rem
}

.cc-insurance-addtime-btn {
    position: absolute;
    top: .387rem;
    right: .387rem;
    background: -moz-linear-gradient(top, #13161b 0, #000 100%);
    background: -webkit-linear-gradient(top, #13161b 0, #000 100%);
    background: -o-linear-gradient(top, #13161b 0, #000 100%);
    background: -ms-linear-gradient(top, #13161b 0, #000 100%);
    background: linear-gradient(top, #13161b 0, #000 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    height: 2.75rem;
    width: 6rem;
    border-radius: 3px;
    cursor: pointer
}

.cc-insurance-addtime-btn p {
    font-size: 1rem
}

.cc-insurance-addtime-btn .gem-line {
    position: absolute;
    top: .062rem;
    right: .387rem;
    display: flex;
    align-items: center
}

.cc-insurance-addtime-btn .time-line {
    position: absolute;
    top: 1.25rem;
    right: .387rem
}

.cc-insurance-addtime-btn .icon-gem2 {
    font-size: 1rem;
    color: #1be785;
    vertical-align: text-bottom
}

.cc-insurance-addtime-btn .clock-icon {
    position: absolute;
    top: .25rem;
    left: .387rem;
    background: url(../images/game_images/clockIcon.png) no-repeat;
    display: inline-block;
    height: 2rem;
    width: 1.75rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs {
    display: flex;
    align-items: end;
    white-space: nowrap;
    min-width: 0
}

ul.cc-insurance-tabs .pot-icon1 {
    background: url(../images/game_potChips/chipstack1.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon2 {
    background: url(../images/game_potChips/chipstack2.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon3 {
    background: url(../images/game_potChips/chipstack3.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon4 {
    background: url(../images/game_potChips/chipstack4.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon5 {
    background: url(../images/game_potChips/chipstack5.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon6 {
    background: url(../images/game_potChips/chipstack6.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon7 {
    background: url(../images/game_potChips/chipstack7.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon8 {
    background: url(../images/game_potChips/chipstack8.png) no-repeat;
    display: inline-block;
    height: 1.25rem;
    width: 1rem;
    background-size: contain;
    vertical-align: middle
}

ul.cc-insurance-tabs .pot-icon-class {
    margin-right: .387rem
}

ul.cc-insurance-tabs li {
    position: relative;
    height: 90%;
    display: inline-flex;
    align-items: center;
    background: #1c222a;
    border-radius: 3px 3px 0 0;
    padding: 0 1.125rem
}

ul.cc-insurance-tabs li p {
    display: flex;
    align-items: center;
    line-height: 2;
    filter: grayscale(.5)
}

ul.cc-insurance-tabs li:last-child {
    margin-right: .75rem
}

ul.cc-insurance-tabs li.active {
    height: 100%;
    background-color: #12161b
}

ul.cc-insurance-tabs li.active p {
    color: #fac300;
    filter: grayscale(0)
}

ul.cc-insurance-tabs li .icon-tick {
    font-size: 1rem;
    color: #8bec44;
    vertical-align: text-bottom;
    margin-left: .25rem;
    display: none
}

ul.cc-insurance-tabs li .icon-cross {
    font-size: 1rem;
    color: #ff4a4a;
    vertical-align: text-bottom;
    margin-left: .25rem;
    display: none
}

ul.cc-insurance-tabs li.red p {
    color: #ff4a4a
}

ul.cc-insurance-tabs li.red .icon-cross {
    display: inline-block
}

ul.cc-insurance-tabs li.green p {
    color: #8bec44
}

ul.cc-insurance-tabs li.green .icon-tick {
    display: inline-block
}

ul.cc-insurance-tabs li p {
    font-size: 1rem;
    line-height: 1rem;
    color: #ddd;
    text-align: center;
    margin: 0
}

.cc-insurance-content-pot .cc-insurance-player-cards {
    height: 20%;
    overflow: hidden
}

.cc-insurance-content-pot .cc-insurance-select-cards {
    height: 26%;
    overflow: hidden
}

.cc-insurance-content-pot .cc-insurance-total-section {
    height: 8%;
    overflow: hidden
}

.cc-insurance-content-pot .cc-insurance-odds {
    height: 14%;
    overflow: hidden
}

.cc-insurance-content-pot .adv-chops-section,
.cc-insurance-content-pot .adv-leads-section,
.cc-insurance-content-pot .cc-both-section {
    height: 24%;
    overflow: hidden;
    clear: both
}

.cc-insurance-content-pot .cc-insurance-mandatory {
    height: 8%
}

.cc-insurance-players-table {
    display: block;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.cc-insurance-players-table .cc-insurance-players-container {
    width: 100%;
    white-space: nowrap;
    min-width: 0
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell {
    display: inline-block
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail {
    padding: .187rem .312rem;
    border-radius: 3px;
    background-color: #191e24;
    text-align: center
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail span.card {
    height: 2.25rem;
    width: 1.625rem
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail p {
    font-size: .75rem;
    line-height: 1rem;
    color: #ddd;
    margin: 0;
    padding: .062rem 0
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail .player-name p {
    font-weight: 400
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail .player-outs p {
    font-weight: 400;
    color: #aaa
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail.self .player-outs p {
    font-weight: 400;
    color: #fac300
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell .cc-insurance-player-detail strong {
    font-weight: 500
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell:nth-child(n+1) .cc-insurance-player-detail {
    margin: .312rem 0
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell:nth-child(1) .cc-insurance-player-detail {
    margin: .312rem 0 .312rem .625rem
}

.cc-insurance-players-table .cc-insurance-players-container .cc-insurance-players-cell:last-child .cc-insurance-player-detail {
    margin-right: .625rem
}

.fixed-container {
    margin: 0 .75rem;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.fixed-container .select-table {
    display: table
}

.fixed-container .select-table .select-table-left,
.fixed-container .select-table .select-table-right {
    display: table-cell;
    width: 50%;
    height: 100%
}

.scroll-header-container {
    height: 2rem;
    width: 100%;
    line-height: 2rem;
    background-color: #111;
    z-index: 3
}

.scroll-header-container .select-table-odds-label {
    display: none;
    padding-left: .75rem;
    font-weight: 100
}

.scroll-header-container p {
    font-size: .875rem;
    font-weight: 400;
    padding: 0 1rem
}

.scroll-header-container chop-odds-text,
.scroll-header-container chop-outs-count,
.scroll-header-container lead-odds-text,
.scroll-header-container lead-outs-count {
    color: #fa9800
}

.icon-tick2 {
    display: none;
    position: absolute;
    top: .375rem;
    right: .5rem;
    font-size: 1.25rem;
    color: #8bec44;
    vertical-align: text-bottom
}

.select-left-content,
.select-right-content {
    position: relative;
    height: 100%;
    background-color: #29313b;
    border-radius: 3px;
    overflow: hidden
}

.select-left-content.selected .icon-tick2,
.select-right-content.selected .icon-tick2 {
    display: inline-block
}

.select-left-content.selected .scroll-header-container,
.select-right-content.selected .scroll-header-container {
    background-color: #0e5b24
}

.select-left-content.selected .cards-list span.tick:before,
.select-right-content.selected .cards-list span.tick:before {
    display: inline-block
}

.scroll-container {
    height: 6rem;
    width: 100%;
    padding-bottom: 0;
    border-radius: 0 0 3px 3px;
    overflow-y: auto;
    background-color: transparent;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.chop-pot-container,
.take-lead-container {
    overflow: auto
}

.cards-list span.card {
    position: relative;
    overflow: visible;
    height: 2.5rem;
    width: 1.875rem;
    margin: .5rem .25rem 0 .25rem
}

.cards-list span.tick:before {
    position: absolute;
    top: -.25rem;
    left: 1.25rem;
    background: url(../images/game_images/smallGreenTickIcon.png) no-repeat;
    display: inline-block;
    height: .875rem;
    width: .875rem;
    background-size: contain;
    vertical-align: middle;
    z-index: 2;
    display: none
}

.adv-insurance .scroll-header-container .select-table-odds-label {
    display: inline-block
}

.insurance-total-container {
    margin: 0 .75rem
}

.insurance-total-container .total-content p {
    font-size: 1rem;
    font-weight: 400;
    color: #ddd
}

.insurance-total-container .total-content p.pull-left {
    margin-right: .75rem
}

.insurance-total-container .total-content p investment,
.insurance-total-container .total-content p pot-amt,
.insurance-total-container .total-content p premium-amt {
    color: #fac300
}

.adv-lead-odds-section .adv-chop-odds-section {
    display: none
}

.odds-section {
    margin: 0 .75rem
}

.odds-section .odds-table {
    width: 100%
}

.odds-section .odds-table .odds-table-math {
    display: table;
    background-color: #29313b;
    padding: .125rem 0;
    border-radius: 3px;
    overflow: hidden
}

.odds-section .odds-table .odds-table-math .odds-table-num {
    display: table-cell;
    width: 28%;
    text-align: center
}

.odds-section .odds-table .odds-table-math .odds-table-sign {
    display: table-cell;
    width: 8%;
    text-align: center;
    padding: .312rem 0;
    vertical-align: middle
}

.odds-section .odds-table .odds-table-math h2 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    color: #fac300;
    margin: 0
}

.odds-section .odds-table .odds-table-math h2.table-odds-color {
    color: #20c44e
}

.odds-section .odds-table .odds-table-math h6 {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1rem;
    color: #aaa;
    margin: 0;
    text-transform: uppercase;
    margin: 0 0 .5rem 0
}

.adv-chops-section,
.adv-leads-section {
    display: none
}

.cc-slider-container {
    margin: 0 .75rem
}

.cc-slider-header {
    width: 100%
}

.cc-slider-header h4 {
    font-size: 1rem;
    font-weight: 400;
    color: #20c44e;
    margin: .312rem 0;
    text-indent: .75rem
}

.cc-slider-header h4 span {
    font-size: .687rem;
    font-weight: 400;
    margin-left: 1rem;
    color: #aaa
}

.cc-slider-header h4 span chop-odds-label,
.cc-slider-header h4 span chop-payout-label,
.cc-slider-header h4 span chop-premium-label,
.cc-slider-header h4 span lead-odds-label,
.cc-slider-header h4 span lead-payout-label,
.cc-slider-header h4 span lead-premium-label {
    color: #0e5b24
}

.cc-slider-header .sub-header-label premium {
    color: #fac300
}

.cc-slider-header .sub-header-label payout {
    color: #20c44e
}

.cc-slider-header .sub-header-label odds,
.cc-slider-header .sub-header-label payout,
.cc-slider-header .sub-header-label premium {
    font-size: 1rem
}

.cc-buttons-area {
    width: 100%
}

.cc-buttons-area ul.cc-buttons-ul {
    text-indent: 0;
    display: flex
}

.cc-buttons-area ul.cc-buttons-ul li {
    display: inline-block;
    width: 25%;
    text-align: center;
    margin-right: .3rem
}

.cc-buttons-area ul.cc-buttons-ul li button {
    width: 98.5%;
    height: 1.75rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.75rem;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    border: solid 2px #353535;
    background: #29313b;
    box-shadow: none;
    color: #fff
}

.cc-buttons-area ul.cc-buttons-ul li button:hover {
    outline: 0
}

.cc-buttons-area ul.cc-buttons-ul li button:focus {
    outline: 0;
    border: 2px solid #0e5b24
}

.cc-buttons-area ul.cc-buttons-ul li button:disabled {
    color: #888
}

@media screen and (max-width:420px) {
    .cc-buttons-area ul.cc-buttons-ul li button text {
        transform: scale(.8)
    }
}

@media screen and (max-width:350px) {
    .cc-buttons-area ul.cc-buttons-ul li button text {
        transform: scale(.7)
    }
}

.selfPot ul.cc-buttons-ul li button {
    color: #111;
    border-radius: 3px;
    border: solid 2px #29313b;
    background-image: linear-gradient(to bottom, #13161b, #000 100%);
    color: #fff
}

.selfPot ul.cc-buttons-ul li button:focus {
    background-image: linear-gradient(to bottom, #29313b, #13161b)
}

.cc-insurance-slider {
    position: relative;
    height: 3.25rem;
    margin-top: 1rem
}

.cc-insurance-slider .buying-insurance {
    position: absolute;
    right: 0;
    bottom: -1.25rem;
    font-size: .687rem;
    color: #aaa;
    display: none;
    z-index: 1
}

.cc-insurance-slider .buying-insurance username {
    color: #20c44e
}

.cc-insurance-slider .buying-insurance h6 {
    font-size: .875rem;
    margin: 0
}

.cc-insurance-slider .cc-insurance-arrow {
    position: absolute;
    top: .75rem;
    left: 25%;
    display: none;
    opacity: .4
}

.cc-insurance-slider .cc-insurance-arrow img {
    height: 1.75rem;
    width: 1.75rem
}

.cc-insurance-slider .has-purchased {
    color: #20c44e;
    text-align: center
}

.cc-insurance-slider .slider-container .sliderlens {
    width: 100%
}

.cc-insurance-slider .slider-container {
    background-color: #20c44e
}

.cc-insurance-slider .slider-container h6 {
    font-size: .875rem;
    text-align: center
}

.cc-insurance-slider .slider-container #insuranceSlider1,
.cc-insurance-slider .slider-container #insuranceSlider2,
.cc-insurance-slider .slider-container #insuranceSlider3,
.cc-insurance-slider .slider-container #insuranceSlider4,
.cc-insurance-slider .slider-container #insuranceSlider5,
.cc-insurance-slider .slider-container #insuranceSlider6,
.cc-insurance-slider .slider-container #insuranceSlider7,
.cc-insurance-slider .slider-container #insuranceSlider8 {
    width: 100%
}

.cc-insurance-slider .bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite
}

@-moz-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        -o-transform: translateX(-2rem);
        transform: translateX(-2rem)
    }
    60% {
        -webkit-transform: translateX(-1rem);
        -moz-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        -o-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
}

@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        -o-transform: translateX(-2rem);
        transform: translateX(-2rem)
    }
    60% {
        -webkit-transform: translateX(-1rem);
        -moz-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        -o-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    40% {
        -webkit-transform: translateX(-2rem);
        -moz-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        -o-transform: translateX(-2rem);
        transform: translateX(-2rem)
    }
    60% {
        -webkit-transform: translateX(-1rem);
        -moz-transform: translateX(-1rem);
        -ms-transform: translateX(-1rem);
        -o-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
}

.cc-insurance-mandatory .mandatory-line {
    margin: 0 .875rem;
    text-align: center;
    padding: 0
}

.cc-insurance-mandatory h6 {
    font-size: .875rem;
    font-weight: 400;
    color: #fac300
}

.adv-chops-odds-section,
.adv-insurance .cc-both-section,
.adv-insurance .cc-insurance-mandatory,
.adv-insurance .cc-insurance-odds,
.adv-leads-odds-section,
.no-chop .adv-chops-section,
.no-chop .adv-leads-section .cc-slider-header,
.no-lead .adv-chops-section .cc-slider-header,
.no-lead .adv-leads-section {
    display: none
}

.adv-insurance .adv-chops-section,
.adv-insurance .adv-leads-section,
.no-chop .adv-leads-odds-section,
.no-lead .adv-chops-odds-section {
    display: block
}

.cc-gamedetail-left-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 23.5rem;
    height: 100%;
    background: #191e24;
    z-index: 120
}

.cc-gamedetail-left-container .wrapper {
    position: relative;
    -webkit-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -moz-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -ms-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -o-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75)
}

.cc-gamedetail-left-container .wrapper.toggled .page-content-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1
}

.cc-gamedetail-left-container .myself {
    color: #017f2b
}

.gamedetail-header {
    height: 4.5rem;
    width: 100%;
    padding-top: .625rem;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #191e24
}

.gamedetail-header h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #20c44e;
    margin: 0;
    padding: 1rem .625rem 0 .625rem
}

.gamedetail-header h3 span.hand-detail-table {
    font-size: .875rem;
    font-weight: 400;
    color: #fff
}

.cc-gamedetail-left-container .content {
    padding: 4.5rem 0 12rem 0;
    overflow: auto;
    background-color: #29313b
}

.cc-gamedetail-left-container .content ul.hand-details-content {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    list-style: none
}

.cc-gamedetail-left-container .content ul.hand-details-content li {
    padding: .125rem 0
}

.cc-gamedetail-left-container .content ul.hand-details-content .icon-chip {
    font-size: 1rem;
    color: #ffea00;
    vertical-align: middle;
    margin: 0 .312rem 0 0
}

.cc-gamedetail-left-container .content ul.hand-details-content .side .icon-chip {
    color: #ffea00
}

.cc-gamedetail-left-container .content ul.hand-details-content .hd-no-rounds {
    width: 100%;
    text-align: center
}

.cc-gamedetail-left-container .content ul.hand-details-content .hd-no-rounds p.no-rounds-text {
    font-size: 1rem;
    color: #ddd;
    padding-top: 1rem
}

p.masuk-round-number,
p.poker-round-number {
    font-size: 1rem;
    color: #fff;
    margin: 0;
    padding: 0 .312rem
}

p.masuk-round-number {
    display: none
}

.poker-top-bar {
    width: 100%
}

.poker-top-bar::after,
.poker-top-bar::before {
    content: "";
    display: block;
    height: 4px;
    border: 1px solid #353535;
    border-width: 1px 0 1px 0
}

.poker-top-bar .poker-pc-container {
    background-color: #13161b;
    padding: .625rem
}

.pc-content-container {
    display: flex;
    width: 100%
}

.pc-content-container .pc-left-content,
.pc-content-container .pc-right-content {
    padding: .25rem 0
}

.pc-content-container .pc-left-content {
    width: 50%;
    display: flex;
    align-items: center
}

.pc-content-container .pc-left-content span.card {
    float: left;
    height: 2.5rem;
    width: 1.875rem;
    margin: .125rem
}

.pc-content-container .pc-right-content {
    width: 50%
}

.pc-content-container .pc-right-content .labels .pc-label {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 1.125;
    background: #29313b;
    border-radius: 3px;
    padding: 3px
}

.pc-content-container .pc-right-content .labels .pc-label ins-amount,
.pc-content-container .pc-right-content .labels .pc-label pot-amount {
    margin-left: auto;
    color: #fff
}

.pc-content-container .pc-right-content .labels .pc-label .icon-chipstack {
    color: #ffea00;
    vertical-align: middle;
    margin-right: .25rem
}

.pc-content-container .pc-right-content .labels .pc-label .icon-briefcase2 {
    color: #9d5100;
    vertical-align: text-bottom;
    margin-right: .25rem
}

.pc-content-container .pc-right-content .labels .pc-label:not(:first-child) {
    margin-top: 2px
}

.ceme-player-section,
.masuk-player-section,
.poker-player-section {
    display: flex;
    width: 100%;
    min-height: 6rem;
    margin: .25rem 0;
    padding: 0;
    background-color: #191e24
}

.ceme-player-section.myself,
.masuk-player-section.myself,
.poker-player-section.myself {
    background: -moz-linear-gradient(to bottom, #12161b 0, #12161b 100%);
    background: -webkit-linear-gradient(to bottom, #12161b 0, #12161b 100%);
    background: -o-linear-gradient(to bottom, #12161b 0, #12161b 100%);
    background: -ms-linear-gradient(to bottom, #12161b 0, #12161b 100%);
    background: linear-gradient(to bottom, #12161b 0, #12161b 100%)
}

.ceme-player-section.myself,
.masuk-player-section.myself {
    margin-top: 0
}

.masuk-pd-container,
.poker-pd-container {
    width: 95%;
    margin: auto;
    padding: .25rem 0
}

.pd-hand-rank,
.pd-ins-amount,
.pd-player-name,
.pd-win-loss-amount {
    font-size: .937rem;
    color: #fff
}

.pd-player-name {
    padding-bottom: .25rem;
    line-height: 1
}

.myself .pd-player-name {
    color: #20c44e
}

.pd-content-container {
    display: flex;
    align-items: center;
    width: 100%
}

.pd-content-container .pd-left-content {
    display: table-cell;
    vertical-align: top;
    width: 20%;
    padding: 0 .5rem
}

.pd-content-container .pd-left-content.ceme {
    position: relative
}

.pd-content-container .pd-left-content.ceme span {
    position: absolute;
    bottom: 4rem;
    right: 0;
    color: #666
}

.pd-content-container .pd-left-content img {
    width: 4rem;
    height: 4rem
}

.pd-content-container .pd-mid-content {
    display: table-cell;
    vertical-align: top;
    width: 45%;
    padding: 0 .5rem
}

.pd-content-container .pd-mid-content .pd-player-pos {
    font-size: .875rem;
    font-style: italic;
    color: #aaa
}

.pd-content-container .pd-mid-content .pd-level-container p {
    font-size: .75rem;
    color: #ddd;
    padding-left: .125rem;
    margin: 0
}

.pd-content-container .pd-mid-content .pd-cards-container {
    width: 100%
}

.pd-content-container .pd-mid-content .pd-cards-container span.card {
    float: left;
    height: 2.5rem;
    width: 1.875rem;
    margin: .062rem
}

.pd-content-container .pd-mid-content .pd-cards-container .info {
    float: right
}

.pd-content-container .pd-mid-content .pd-cards-container .info div {
    margin-left: .25rem;
    line-height: 1.375rem
}

.pd-content-container .pd-mid-content .pd-cards-container .info .type {
    font-size: .75rem;
    color: #ddd
}

.pd-content-container .pd-mid-content .pd-cards-container .info .level {
    text-align: right;
    font-size: .875rem
}

.pd-content-container .pd-right-content {
    display: table-cell;
    vertical-align: top;
    width: 35%;
    padding: 0 .5rem
}

.pd-content-container .pd-right-content p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    padding: .125rem 0;
    font-size: .875rem;
    margin: 0
}

.pd-content-container .pd-right-content .pd-ins-amount {
    visibility: hidden
}

.pd-content-container.banker-game-container {
    display: flex
}

.pd-content-container.banker-game-container .pd-left-content {
    flex: 1
}

.pd-content-container.banker-game-container .pd-right-content {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
    margin: 0
}

.pd-content-container.banker-game-container .pd-mid-content {
    flex: 2
}

.pd-content-container .pd-no-insurance-reason {
    font-size: .875rem;
    color: #ddd;
    display: none;
    float: right;
    padding: 0 .312rem;
    margin-right: .312rem;
    border-radius: 3px;
    background-color: #222
}

.ceme-player-section {
    width: 95%;
    margin: auto;
    color: #fff
}

.ceme-player-section .pd-level-container {
    display: none
}

.masuk-pd-container .pd-left-content {
    vertical-align: middle
}

.masuk-pd-container .pd-full-content {
    display: none;
    width: 100%;
    margin: 0
}

.masuk-pd-container .pd-full-content .pd-full-left-container {
    display: table-cell;
    width: 20%
}

.masuk-pd-container .pd-full-content .pd-full-right-container {
    display: table-cell;
    width: 80%;
    padding: .187rem .312rem
}

.masuk-pd-container .pd-content-container.full {
    display: inherit
}

.masuk-pd-container .pd-content-container.full .pd-mid-content {
    width: 80%;
    padding: 0
}

.masuk-pd-container .pd-content-container.full .pd-mid-content .pd-level-container p {
    font-size: .75rem;
    color: #ddd;
    padding-left: .125rem;
    margin: 0
}

.masuk-pd-container .pd-content-container.full .pd-right-content {
    display: none
}

.masuk-pd-container .pd-content-container.full .pd-full-content {
    display: table-row
}

.masuk-pd-container .pd-content-container.full .pd-full-content p {
    font-size: .875rem;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center
}

.masuk-pd-container .pd-content-container.full .pd-full-content p .icon-chip {
    font-size: .875rem;
    color: #ffea00;
    vertical-align: text-bottom
}

.pd-cards-container .cards-area-13,
.pd-cards-container .cards-area-2,
.pd-cards-container .cards-area-3,
.pd-cards-container .cards-area-4,
.pd-cards-container .cards-area-6,
.pd-cards-container .cards-area-8,
.pd-level-container .cards-level-13,
.pd-level-container .cards-level-3,
.pd-level-container .cards-level-4,
.pd-level-container .cards-level-6,
.pd-level-container .cards-level-8 {
    display: none;
    width: 100%
}

.cards-area-8 span.card {
    height: 2.25rem;
    width: 1.625rem
}

.cards-area-3 .first-cards-area,
.cards-level-3 .first-level-area {
    display: table-cell;
    width: 100%
}

.cards-area-4 .first-cards-area,
.cards-area-4 .second-cards-area,
.cards-level-4 .first-level-area,
.cards-level-4 .second-level-area {
    display: table-cell;
    width: 50%
}

.cards-area-6 .first-cards-area,
.cards-level-6 .first-level-area {
    display: table-cell;
    width: 20%
}

.cards-area-6 .second-cards-area,
.cards-level-6 .second-level-area {
    display: table-cell;
    width: 35%
}

.cards-area-6 .third-cards-area,
.cards-level-6 .third-level-area {
    display: table-cell;
    width: 45%
}

.cards-area-8 .first-cards-area,
.cards-level-8 .first-level-area {
    display: table-cell;
    width: 25%
}

.cards-area-8 .second-cards-area,
.cards-area-8 .third-cards-area,
.cards-level-8 .second-level-area,
.cards-level-8 .third-level-area {
    display: table-cell;
    width: 37.5%
}

.cards-area-13 {
    flex-direction: column
}

.history-controls {
    position: absolute;
    bottom: 0;
    background-color: #191e24;
    width: 100%;
    display: none
}

.history-controls .history-controls-container {
    padding: 0 1rem
}

.history-controls .history-controls-container .history-controls-top {
    margin: auto;
    padding-top: 1rem
}

.history-controls .history-controls-container .history-controls-top .controls-top-content p {
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1;
    color: #999;
    background: -moz-linear-gradient(to bottom, #29313b 0, #000 100%);
    background: -webkit-linear-gradient(to bottom, #29313b 0, #000 100%);
    background: -o-linear-gradient(to bottom, #29313b 0, #000 100%);
    background: -ms-linear-gradient(to bottom, #29313b 0, #000 100%);
    background: linear-gradient(to bottom, #29313b 0, #000 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .125rem .5rem;
    margin: 0;
    border: 1px solid #111;
    border-radius: 1rem;
    cursor: pointer
}

.history-controls .history-controls-container .history-controls-top .controls-top-content p.history-controls-text {
    vertical-align: middle
}

.history-controls .history-controls-container .history-controls-top .icon-flag2,
.history-controls .history-controls-container .history-controls-top .icon-nav-play2 {
    font-size: 1.25rem;
    color: #999;
    vertical-align: text-bottom;
    margin-right: .25rem
}

.history-controls .history-controls-container .history-controls-top .report-button {
    display: none
}

.history-controls .history-controls-container .history-controls-slider {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 5rem
}

.history-controls .history-controls-container .history-controls-slider .slider {
    background-color: transparent;
    margin: auto
}

.history-controls .history-controls-container .history-controls-slider .slider.slider-horizontal {
    width: calc(100% - 3rem) !important;
    height: auto
}

.history-controls .history-controls-container .history-controls-slider .slider.slider-horizontal .slider-track {
    height: 16px !important;
    margin-top: -8px !important
}

.history-controls .history-controls-container .history-controls-slider .slider.slider-horizontal .slider-handle {
    position: relative;
    margin-top: 0;
    margin-left: -1.5rem !important
}

.history-controls .history-controls-container .history-controls-buttons {
    position: relative;
    height: 4rem;
    margin: auto
}

.history-controls .history-controls-container .history-controls-buttons img {
    width: 2.5rem;
    height: 2.5rem;
    margin: .5rem .062rem
}

.history-controls .history-controls-container .history-controls-buttons .round-text {
    position: absolute;
    right: 0;
    left: 0;
    font-size: 1.25rem;
    text-align: center;
    line-height: 3rem;
    color: #999;
    margin: auto;
    z-index: 1
}

.history-controls .history-controls-container .history-controls-buttons .hc-left-buttons,
.history-controls .history-controls-container .history-controls-buttons .hc-right-buttons {
    position: absolute;
    z-index: 3;
    margin: .5rem 0
}

.history-controls .history-controls-container .history-controls-buttons i {
    font-size: 2.5rem;
    color: #999;
    vertical-align: middle
}

.history-controls .history-controls-container .history-controls-buttons .hc-left-buttons {
    left: 0
}

.history-controls .history-controls-container .history-controls-buttons .hc-right-buttons {
    right: 0
}

.history-controls::before {
    content: "";
    display: block;
    height: 4px;
    border: 1px solid #353535;
    border-width: 1px 0 1px 0
}

.cc-gamedetail-right-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 23.5rem;
    height: 100%;
    z-index: 120;
    background: #191e24;
    -webkit-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -moz-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -ms-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -o-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75)
}

.cc-gamedetail-right-container .wrapper {
    position: relative;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.cc-gamedetail-right-container .wrapper.toggled .page-content-wrapper {
    position: absolute;
    top: 0;
    right: 23.5rem;
    width: 400%;
    height: 100%;
    z-index: 120;
    background-color: rgba(0, 0, 0, .4)
}

.cc-gamedetail-right-container .header {
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem;
    padding-top: .625rem;
    z-index: 121
}

.cc-gamedetail-right-container .header h3 {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #20c44e;
    margin: 0;
    z-index: 121
}

.live-score-area .content,
.spectators-area .content {
    padding: .625rem 0;
    margin: 0 auto;
    overflow: auto;
    background-color: #29313b
}

.live-score-area .content-scroll-area,
.spectators-area .content-scroll-area {
    height: auto;
    overflow: auto;
    padding-bottom: 1.25rem
}

.live-score-area .D2Poker,
.spectators-area .D2Poker {
    width: 100%;
    padding: .625rem
}

.live-score-area .D2Poker .table-setting-row,
.spectators-area .D2Poker .table-setting-row {
    width: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    line-height: 1.125;
    padding: .625rem;
    margin-bottom: .5rem;
    border-bottom: 1px solid #606060
}

.live-score-area .D2Poker .table-setting-row .left,
.spectators-area .D2Poker .table-setting-row .left {
    width: 35%;
    font-weight: 400;
    color: #999;
    white-space: nowrap;
    font-size: 1.071rem
}

.live-score-area .D2Poker .table-setting-row .right,
.spectators-area .D2Poker .table-setting-row .right {
    font-size: 1rem
}

.time-left-area {
    position: relative;
    height: 4.5rem;
    width: 100%;
    padding: .5rem .625rem;
    background-color: #13161b;
    display: table
}

.time-left-area .content {
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 100%
}

.time-left-area h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #017f2b;
    font-style: italic;
    margin: 0
}

.time-left-area h3 span {
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #017f2b;
    font-style: italic
}

.time-left-area p {
    font-size: .875rem;
    font-weight: 600;
    line-height: .875rem;
    color: #fff;
    margin: 0
}

.live-score-area {
    position: relative;
    height: 50%;
    width: 100%
}

.live-score-area .poker-top-bar {
    width: 100%;
    background-color: #191e24
}

.live-score-area .poker-top-bar::after,
.live-score-area .poker-top-bar::before {
    content: "";
    display: block;
    height: 4px;
    border: 1px solid #252525;
    border-width: 1px 0 1px 0
}

.live-score-area .poker-top-bar .header {
    background-color: #191e24;
    padding: 0 .625rem
}

.live-score-area .live-score-btn {
    float: right;
    font-size: .875rem;
    color: #111;
    width: fit-content;
    background: #38c05f;
    border-radius: 3px;
    padding: .187rem .312rem;
    margin: 1rem .5rem 0 0
}

.live-score-area table.live-score-area-table {
    width: 100%
}

.live-score-area table.live-score-area-table tr th {
    padding: .5rem 0 .5rem .312rem;
    font-size: 1rem;
    background: #222
}

.live-score-area table.live-score-area-table tr th:first-child {
    padding-left: .625rem
}

.live-score-area table.live-score-area-table tr th h6 {
    font-size: 1rem;
    font-weight: 900;
    color: #fff;
    margin: 0
}

.live-score-area table.live-score-area-table tr td {
    font-size: .937rem;
    color: #fff;
    padding: .312rem 0 .312rem .312rem
}

.live-score-area table.live-score-area-table tr td:first-child {
    width: 38%;
    padding-left: .625rem
}

.live-score-area table.live-score-area-table tr td:nth-child(n+2) {
    width: 31%
}

.live-score-area table.live-score-area-table .leftTable td {
    color: #888
}

.live-score-area table.live-score-area-table .myself td {
    color: #017f2b
}

.spectators-area {
    position: relative;
    height: 42%;
    width: 100%
}

.spectators-area .poker-top-bar {
    width: 100%
}

.spectators-area .poker-top-bar::after,
.spectators-area .poker-top-bar::before {
    content: "";
    display: block;
    height: 4px;
    border: 1px solid #252525;
    border-width: 1px 0 1px 0
}

.spectators-area .poker-top-bar .spectator-header {
    background-color: #191e24;
    padding: .5rem;
    position: relative;
    display: flex
}

.spectators-area .poker-top-bar .spectator-header h3 {
    flex: 1
}

.spectators-area .poker-top-bar .spectator-header .count {
    flex: 0 1.5rem;
    display: flex;
    align-items: center
}

.spectators-area .poker-top-bar .spectator-header .spectator-count {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #017f2b
}

.spectators-area ul.spectator-list-ul {
    width: 100%;
    padding: .625rem
}

.spectators-area ul.spectator-list-ul li {
    float: left;
    width: 33.3%;
    text-align: center;
    padding: .625rem
}

.spectators-area ul.spectator-list-ul li img {
    width: 4rem;
    height: 4rem;
    text-align: center;
    border-radius: 10rem;
    margin: .312rem 0 .187rem 0
}

.spectators-area ul.spectator-list-ul li h6 {
    width: 80%;
    background-color: #222;
    font-size: .937rem;
    color: #fff;
    padding: .187rem .187rem .125rem .187rem;
    border-radius: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 8px auto 0
}

.hideBothCol .live-score-area-table tr td:nth-child(2),
.hideBothCol .live-score-area-table tr td:nth-child(3),
.hideBothCol .live-score-area-table tr th:nth-child(2),
.hideBothCol .live-score-area-table tr th:nth-child(3) {
    display: none
}

.hideBothCol .live-score-area-table tr td:first-child,
.hideBothCol .live-score-area-table tr td:nth-child(n+3) {
    width: 50%
}

.hideBuyInCol .live-score-area-table tr td:nth-child(2),
.hideBuyInCol .live-score-area-table tr th:nth-child(2) {
    display: none
}

.hideWithdrawCol .live-score-area-table tr td:nth-child(3),
.hideWithdrawCol .live-score-area-table tr th:nth-child(3) {
    display: none
}

.hideBuyInCol .live-score-area-table tr td:first-child,
.hideWithdrawCol .live-score-area-table tr td:first-child {
    width: 34%;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hideBuyInCol .live-score-area-table tr td:nth-child(n+3),
.hideWithdrawCol .live-score-area-table tr td:nth-child(n+3) {
    width: 33%
}

.ipadStyleWithdrawYes .live-score-area-table tr td:nth-child(1) {
    width: 28%
}

.ipadStyleWithdrawYes .live-score-area-table tr td:nth-child(n+2) {
    width: 24%
}

.ipadStyle ul.spectator-list-ul li {
    width: 25%
}

.app-handranks-container .handranks-spacer {
    height: 1rem
}

.hr-full-width {
    width: 100%
}

.hr-3-4-width {
    width: 75%
}

.hr-3-5-width {
    width: 60%
}

.hr-1-2-width {
    width: 50%
}

.hr-2-3-width {
    width: 66.6%
}

.hr-2-5-width {
    width: 40%
}

.hr-7-20-width {
    width: 35%
}

.hr-1-3-width {
    width: 33.3%
}

.hr-1-4-width {
    width: 25%
}

.hr-1-5-width {
    width: 20%
}

.hr-1-2-width,
.hr-1-3-width,
.hr-1-4-width,
.hr-1-5-width,
.hr-2-3-width,
.hr-2-5-width,
.hr-3-4-width,
.hr-3-5-width,
.hr-7-20-width,
.hr-full-width {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0
}

.hr-first-item {
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.hr-last-item {
    border-radius: 0 0 3px 3px;
    overflow: hidden
}

span.card {
    height: 2.5rem;
    width: 1.85rem;
    margin: .125rem;
    display: inline-block
}

span.space {
    width: 6px;
    height: 2px
}

.hr-cards-div {
    display: inline-block;
    vertical-align: top
}

.hr-cards-div * {
    float: left;
    vertical-align: middle
}

.hr-cards-div h5 {
    line-height: 2.75rem;
    padding: 0 .25rem
}

.hr-cards-div .hr-sep {
    line-height: 5rem;
    vertical-align: top
}

.hr-ul-image {
    width: 100%;
    text-align: center
}

.hr-ul-image img.hr-tiers-diagram {
    width: 18rem
}

.hr-ul-title {
    width: 100%;
    display: flex;
    background-color: #191e24;
    border-bottom: .125rem solid #29313b
}

.hr-ul-title>div {
    height: 3rem
}

.hr-ul-title h4 {
    font-size: 1rem;
    line-height: 3rem;
    color: #20c44e
}

.hr-ul-subtitle {
    width: 100%;
    display: flex;
    background-color: #13161b;
    border-bottom: .125rem solid #1e222a
}

.hr-ul-subtitle>div {
    height: 2.75rem
}

.hr-ul-subtitle h5 {
    font-size: .937rem;
    font-weight: 600;
    line-height: 2.75rem;
    color: #fff
}

.hr-ul-item {
    width: 100%;
    display: flex;
    background: #191e24;
    align-items: center;
    border-bottom: 1px solid #00521b;
    padding: .25rem 0
}

.hr-ul-item>div {
    height: auto
}

.hr-ul-item p {
    font-size: .875rem;
    color: #fff;
    margin: 0
}

.hr-ul-item p.sub-text {
    font-size: .75rem;
    color: #fff;
    margin: 0
}

.hr-ul-item.expand-half-row>div {
    height: 4rem
}

.hr-ul-item.expand-half-row p {
    line-height: 4rem
}

.hr-ul-item.expand-half-row p.sub-text {
    line-height: 1.25rem
}

.hr-ul-item.expand-2-rows>div {
    height: 6rem
}

.hr-ul-item.expand-2-rows p {
    line-height: 6rem
}

.hr-ul-item.expand-3-rows>div {
    height: 9.5rem
}

.hr-ul-item.expand-3-rows p {
    line-height: 9.5rem
}

.hr-ul-item.expand-3-rows p.sub-text {
    line-height: 1rem;
    padding-top: .25rem
}

.hr-ul-item.long-text>div {
    height: auto
}

.hr-ul-item.long-text p {
    line-height: 1.25rem;
    padding: .25rem
}

.hr-text-item {
    width: 100%;
    background-color: #1e222a;
    border-radius: 3px;
    padding: .5rem
}

.hr-text-item p {
    font-size: .875rem;
    text-align: left;
    color: #fff;
    margin: 0
}

.cc-howtoplay-container p {
    font-size: 1rem;
    text-align: justify;
    color: #fff;
    margin: .5rem 0
}

.cc-howtoplay-container p.small-p {
    font-size: .875rem;
    text-align: center;
    padding: .125rem 1.5rem
}

.cc-howtoplay-container p.highlight {
    font-weight: 400;
    color: #fc0
}

.cc-howtoplay-container p bold {
    color: #20c44e;
    font-weight: 400
}

.cc-howtoplay-container h5 {
    font-size: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    color: #20c44e;
    padding: 1rem 0
}

.cc-howtoplay-container ul {
    padding: .75rem 0
}

.cc-howtoplay-container ul li {
    font-size: .875rem;
    color: #ddd
}

.banker6plus-rules-container,
.bankerskp-rules-container,
.capsa-rules-container,
.eightcards-rules-container,
.ggniu-rules-container,
.holdem-rules-container,
.masuk-rules-container,
.omaha-rules-container,
.sakong-rules-container,
.skp-rules-container,
.tourney-rules-container,
.videopoker-rules-container {
    width: 95%;
    margin: auto;
    text-align: center
}

.banker6plus-rules-container img,
.bankerskp-rules-container img,
.capsa-rules-container img,
.eightcards-rules-container img,
.ggniu-rules-container img,
.holdem-rules-container img,
.masuk-rules-container img,
.omaha-rules-container img,
.sakong-rules-container img,
.skp-rules-container img,
.tourney-rules-container img,
.videopoker-rules-container img {
    width: 50%
}

.tourney-rules-container p {
    padding: .5rem .75rem .25rem .75rem
}

.tourney-rules-container ol {
    padding-left: 2.75rem
}

.tourney-rules-container ol ol {
    list-style-type: lower-alpha
}

img.rules-tiers-diagram {
    width: 70%
}

.bankerskp-rules-table,
.capsa-rules-table,
.eightcards-rules-table,
.masuk-rules-table,
.sakong-rules-table,
.skp-rules-table {
    text-align: left;
    width: 80%;
    margin: .75rem auto 1.5rem auto
}

.bankerskp-rules-table tr td,
.capsa-rules-table tr td,
.eightcards-rules-table tr td,
.masuk-rules-table tr td,
.sakong-rules-table tr td,
.skp-rules-table tr td {
    font-size: 1rem;
    color: #ddd;
    padding: .5rem;
    vertical-align: middle
}

.bankerskp-rules-table tr td img,
.capsa-rules-table tr td img,
.eightcards-rules-table tr td img,
.masuk-rules-table tr td img,
.sakong-rules-table tr td img,
.skp-rules-table tr td img {
    max-width: 12rem;
    width: 100%
}

.eightcards-rules-container .card {
    height: 2.25rem;
    width: 1.625rem;
    margin: 0 .125rem;
    vertical-align: middle
}

.capsa-win-table {
    text-align: left;
    margin: .75rem auto 1.5rem auto
}

.capsa-win-table tr td {
    font-size: 1rem;
    color: #aaa;
    padding: .5rem;
    vertical-align: middle
}

.capsa-win-table tr:nth-child(odd) td:first-child {
    width: 28%;
    background-color: rgba(0, 0, 0, .35);
    color: #20c44e;
    text-align: center
}

.capsa-win-table tr:nth-child(odd) td:last-child {
    background-color: rgba(0, 0, 0, .2)
}

.capsa-win-table tr:nth-child(even) td:first-child {
    width: 25%;
    background-color: rgba(0, 0, 0, .25);
    color: #20c44e;
    text-align: center
}

.capsa-win-table tr:nth-child(even) td:last-child {
    background-color: rgba(0, 0, 0, .1)
}

img.banker6plus-big-img,
img.bankerskp-big-img,
img.capsa-big-img,
img.eightcards-big-img,
img.ggniu-big-img,
img.masuk-big-img,
img.omaha-big-img,
img.sakong-big-img,
img.skp-big-img,
img.videopoker-big-img {
    width: 80%;
    padding: .5rem 0
}

img.banker6plus-small-img,
img.bankerskp-small-img {
    width: 30%;
    padding: .5rem 0
}

.cc-modeinfo-container {
    width: 100%;
    padding: 0
}

.cc-modeinfo-container .allgames-info-container {
    z-index: 101;
    width: 95%;
    margin: 0 auto
}

.cc-modeinfo-container .allgames-info-container .card {
    height: 2.25rem;
    width: 1.625rem;
    margin: 0 .125rem
}

.cc-modeinfo-container .allgames-info-container h5 {
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #20c44e;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 1rem 0;
    margin: 0
}

.cc-modeinfo-container .allgames-info-container p {
    font-size: 1rem;
    text-align: justify;
    color: #ddd;
    padding: .5rem 0;
    margin: 0
}

.allgames-info-table {
    width: 100%;
    margin: 0 auto;
    border: none;
    text-align: center
}

.allgames-info-table tbody,
.allgames-info-table tr {
    width: 100%
}

.allgames-info-table tr th {
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: .75rem 0
}

.allgames-info-table tr th:nth-child(1) {
    width: 34%;
    background: rgba(0, 0, 0, .65);
    border-top-left-radius: 3px
}

.allgames-info-table tr th:nth-child(2),
.allgames-info-table tr th:nth-child(3) {
    width: 33%;
    background: rgba(0, 0, 0, .5)
}

.allgames-info-table tr th:nth-child(3) {
    border-top-right-radius: 3px
}

.allgames-info-table tr td {
    font-size: 1rem;
    color: #fff;
    padding: .5rem;
    background: rgba(0, 0, 0, .45)
}

.allgames-info-table tr td:nth-child(2),
.allgames-info-table tr td:nth-child(3) {
    color: #fff;
    background: rgba(0, 0, 0, .35)
}

.allgames-info-table tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.allgames-info-table tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.app-jackpot-container .jackpot-wrapper {
    width: 95%;
    margin: auto;
    text-align: center
}

.app-jackpot-container .jackpot-wrapper .jackpot-info {
    width: 100%
}

.app-jackpot-container .jackpot-wrapper .jackpot-info h6 {
    font-size: 1.25rem;
    text-transform: uppercase;
    text-align: center;
    color: #20c44e;
    padding: 1rem 0
}

.app-jackpot-container .jackpot-wrapper .jackpot-info p {
    text-align: justify
}

.app-jackpot-container .jackpot-wrapper .jackpot-info img {
    max-width: 30%;
    padding: 10px 0
}

.app-jackpot-container .jackpot-wrapper .game-hr-ul {
    border-radius: 6px
}

.app-jackpot-container .jackpot-wrapper .hr-ul-title {
    width: 100%;
    background-color: #191e24;
    border-bottom: .125rem solid #29313b
}

.app-jackpot-container .jackpot-wrapper .hr-ul-title>div {
    height: 3rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-title h4 {
    font-size: 1rem;
    line-height: 3rem;
    color: #20c44e
}

.app-jackpot-container .jackpot-wrapper .hr-full-width {
    width: 100%;
    display: flex;
    flex-direction: column
}

.app-jackpot-container .jackpot-wrapper .hr-1-2-width {
    width: 50%
}

.app-jackpot-container .jackpot-wrapper .hr-1-4-width {
    width: 25%
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item {
    width: 100%;
    min-height: 2.8rem;
    height: auto;
    display: flex;
    align-items: center
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item .flex {
    display: flex;
    flex-direction: column;
    align-items: center
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item p {
    font-size: .875rem;
    color: #fff;
    margin: 0
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item p.sub-text {
    font-size: .75rem;
    color: #fff;
    margin: 0
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-half-row>div {
    height: 4rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-half-row p {
    line-height: 4rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-half-row p.sub-text {
    line-height: 1.25rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-2-rows>div {
    height: 6rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-2-rows p {
    line-height: 6rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-3-rows>div {
    height: 9.5rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-3-rows p {
    line-height: 9.5rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.expand-3-rows p.sub-text {
    line-height: 1rem;
    padding-top: .25rem
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.long-text>div {
    height: auto
}

.app-jackpot-container .jackpot-wrapper .hr-ul-item.long-text p {
    line-height: 1.25rem;
    padding: .25rem
}

.app-jackpot-container .jackpot-wrapper .notes {
    margin-top: .75rem
}

.cc-insurance-rules h5 {
    font-size: 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #20c44e;
    padding: 1rem 0
}

ol.insurance-general-rules {
    width: 95%;
    padding-left: 1rem;
    margin: 0 auto
}

ol.insurance-general-rules li {
    font-size: 1rem;
    text-align: justify;
    line-height: 1.25rem;
    padding: 0 0 .75rem 0
}

.payout-table {
    width: 95%;
    margin: 0 auto 1.25rem auto;
    border: 0
}

.payout-table tr th {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.payout-table tr th:nth-child(odd) {
    background: rgba(0, 0, 0, .75)
}

.payout-table tr th:nth-child(even) {
    background: rgba(0, 0, 0, .65)
}

.payout-table tr th:first-child {
    border-top-left-radius: 3px
}

.payout-table tr th:last-child {
    border-top-right-radius: 3px
}

.payout-table tr td {
    font-size: 1rem;
    font-weight: 100;
    text-align: center;
    color: #fff;
    padding: .125rem 0;
    vertical-align: middle
}

.payout-table tr td:nth-child(odd) {
    background: rgba(0, 0, 0, .55)
}

.payout-table tr td:nth-child(even) {
    background: rgba(0, 0, 0, .4)
}

.payout-table tr td.dark {
    color: #666
}

.payout-table tr td.dark:nth-child(odd) {
    background: rgba(0, 0, 0, .9)
}

.payout-table tr td.dark:nth-child(even) {
    background: rgba(0, 0, 0, .75)
}

.payout-table tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

.payout-table tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

.payout-table.shortdeck tr td:nth-child(1),
.payout-table.shortdeck tr th:nth-child(1) {
    width: 25%
}

.payout-table.shortdeck tr td:nth-child(n+1),
.payout-table.shortdeck tr th:nth-child(n+1) {
    width: 30%
}

.modal-tabs.insurance {
    display: block;
    width: 85%;
    margin: 0 auto .625rem auto;
    border-radius: 3px;
    overflow: hidden
}

.modal-tabs.insurance li {
    width: 24%
}

.cc-quick-menu-container,
.cc-throw-emoji-container {
    font-size: .875rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: .125rem 0
}

.cc-player-container .cc-player-info-container {
    background: 0 0;
    margin: auto;
    padding-top: .75rem
}

.cc-player-container .cc-player-stats-container {
    margin: auto
}

.cc-player-container .cc-quick-menu-container,
.cc-player-container .cc-throw-emoji-container {
    position: relative;
    margin: auto;
    padding: .5rem;
    background-color: #13161b;
    border-top: .062rem solid #252525;
    border-radius: 3px
}

.player-profile-table {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 95%;
    margin: auto;
    padding-bottom: .75rem
}

.player-profile-table .player-profile-img {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    text-align: center
}

.player-profile-table .player-profile-img img {
    width: 6rem;
    height: 6rem;
    border-radius: 10rem;
    border: .312rem solid #fff
}

.player-profile-table .player-profile-img img.label0 {
    border: .312rem solid #fff
}

.player-profile-table .player-profile-img img.label1 {
    border: .312rem solid #ec5849
}

.player-profile-table .player-profile-img img.label2 {
    border: .312rem solid #f19a39
}

.player-profile-table .player-profile-img img.label3 {
    border: .312rem solid #f7cd47
}

.player-profile-table .player-profile-img img.label4 {
    border: .312rem solid #83d654
}

.player-profile-table .player-profile-img img.label5 {
    border: .312rem solid #51acf2
}

.player-profile-table .player-profile-details {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    position: relative
}

.player-profile-table .player-profile-details h4 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #20c44e;
    margin: 0;
    padding: .5rem 0 .75rem 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: center
}

.player-profile-table .player-profile-details h5 {
    font-size: 1rem;
    color: #fff;
    margin: .25rem 0;
    padding: 0
}

.player-profile-table .player-profile-details h6 {
    display: none;
    font-size: 1rem;
    font-style: italic;
    color: #fff;
    margin: 0;
    padding: .387rem 0
}

.player-profile-table .player-profile-details #profileSubName {
    font-size: .875rem;
    color: #fff
}

.player-profile-table .player-profile-details .voicehistory-button {
    position: absolute;
    top: 0;
    right: 0;
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%);
    width: auto;
    margin: 0;
    min-width: 0;
    border-radius: 3px
}

.player-profile-table .player-profile-details .voicehistory-button .icon-voicehistory {
    font-size: 1.75rem;
    color: #fff;
    vertical-align: middle
}

.player-profile-table .player-profile-details .icon-edit2 {
    font-size: 1.375rem;
    color: #fff;
    margin-left: .5rem;
    vertical-align: text-bottom
}

.player-profile-table .player-profile-details .icon-quote {
    font-size: 1.125rem;
    color: #fff;
    margin-right: .5rem;
    vertical-align: top
}

.player-profile-table .player-profile-details .icon-terms {
    font-size: 1.125rem;
    color: #fff;
    margin-right: .5rem;
    vertical-align: text-bottom
}

.player-profile-table.center .player-profile-img {
    display: block;
    width: 100%
}

.player-profile-table.center .player-profile-img img {
    width: 5rem;
    height: 5rem
}

.player-profile-table.center .player-profile-details {
    display: block;
    width: 100%
}

.player-profile-table.center .player-profile-details h4 {
    text-align: center
}

.cc-player-label-container {
    display: table;
    width: 95%;
    margin: auto;
    padding-bottom: 1.25rem
}

.cc-player-label-container .player-video-holder {
    display: table-cell;
    width: 30%;
    vertical-align: top;
    text-align: center
}

.cc-player-label-container .player-video-holder button.player-video-btn {
    font-size: 1rem;
    font-weight: 600;
    color: #111;
    width: 7rem;
    height: 1.75rem;
    border-radius: 3px;
    letter-spacing: 0;
    margin: auto;
    padding: 0;
    background: #38c05f
}

.cc-player-label-container .player-video-holder button.player-video-btn p {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.75rem
}

.cc-player-label-container .player-video-holder button.player-video-btn .icon-video {
    font-size: 1.25rem;
    color: #000;
    vertical-align: sub;
    margin-right: .375rem
}

.cc-player-label-container .player-label-holder {
    display: table-cell;
    width: 70%;
    vertical-align: top
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul {
    background-color: #222;
    border-radius: 3px
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul li {
    display: inline-table;
    margin: .187rem .437rem;
    padding: .187rem;
    border-radius: 3px
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul li div.label-items {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 10rem;
    padding: .25rem
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul li div.label-items:after {
    position: absolute;
    top: -.312rem;
    left: -.312rem;
    content: '';
    display: block;
    border-radius: 10rem;
    padding: .75rem
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul li.active div.label-items:after {
    border: .125rem solid #fff
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul .white-label {
    background-color: #fff
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul .red-label {
    background-color: #ec5849
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul .orange-label {
    background-color: #f19a39
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul .yellow-label {
    background-color: #f7cd47
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul .green-label {
    background-color: #83d654
}

.cc-player-label-container .player-label-holder ul.player-label-list-ul .blue-label {
    background-color: #51acf2
}

.cc-player-stats-container ul.player-profile-tabs {
    width: 100%;
    padding: 0;
    margin: 0 0 1rem 0;
    display: flex
}

.cc-player-stats-container ul.player-profile-tabs li {
    width: 50%;
    text-align: center;
    padding: 1rem 0;
    display: inline-block;
    color: #fff;
    background-color: #222
}

.cc-player-stats-container ul.player-profile-tabs li a {
    font-size: 1rem;
    font-weight: 600;
    color: #aaa
}

.cc-player-stats-container ul.player-profile-tabs li.active {
    background: -moz-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -webkit-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -o-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: -ms-linear-gradient(top, #38c05f 0, #1f6432 100%);
    background: linear-gradient(top, #38c05f 0, #1f6432 100%)
}

.cc-player-stats-container ul.player-profile-tabs li.active a {
    color: #111
}

.cc-player-stats-container .player-game-stats {
    display: none;
    width: 95%;
    margin: 0 auto 1.2rem auto
}

.cc-player-stats-container .player-game-stats .player-stats-left,
.cc-player-stats-container .player-game-stats .player-stats-right {
    display: table-cell;
    width: 50%
}

.cc-player-stats-container .player-game-stats table {
    width: 100%;
    font-size: 1rem;
    text-align: left
}

.cc-player-stats-container .player-game-stats table tr td {
    padding: .187rem 0;
    border-bottom: .062rem solid rgba(255, 255, 255, .1)
}

.cc-player-stats-container .player-game-stats table tr td:first-child {
    width: 70%;
    text-indent: .625rem;
    background-color: rgba(0, 0, 0, .6)
}

.cc-player-stats-container .player-game-stats table tr td:nth-child(2) {
    width: 70%;
    text-indent: .625rem;
    background-color: rgba(0, 0, 0, .6)
}

.cc-player-stats-container .player-game-stats table tr.stats-claim-line {
    display: none
}

.cc-player-stats-container .player-bio-container {
    display: none
}

.cc-player-stats-container .player-bio-container .player-biography {
    width: 95%;
    margin: auto;
    text-align: center
}

.cc-player-stats-container .player-bio-container .player-biography p {
    margin: 2.5rem 0;
    font-size: 1rem
}

.cc-throw-emoji-container .throw-emoji-all {
    width: 100%;
    height: 1.75rem
}

.cc-throw-emoji-container .throw-emoji-all span.emoji-send-all {
    float: right;
    font-size: .875rem;
    font-weight: 500;
    color: #888;
    padding: 0 .75rem;
    background-color: #444;
    border-radius: 3px
}

.cc-throw-emoji-container .throw-emoji-all span.emoji-send-all.checked {
    font-size: .875rem;
    color: #000;
    background-color: #20c44e
}

.cc-throw-emoji-container .throw-emoji-all span.emoji-gems-bal {
    display: none;
    float: left;
    font-size: .875rem;
    font-weight: 400;
    color: #1be785;
    padding: 0 .5rem 0 0;
    border-radius: 3px;
    border-radius: 10rem 3rem 3rem 10rem;
    background-color: #000;
    display: -webkit-box
}

.cc-throw-emoji-container .throw-emoji-all span.emoji-gems-bal .icon-gem2 {
    font-size: .875rem;
    color: #1be785;
    vertical-align: middle;
    margin-right: .187rem;
    background-color: #000;
    padding: .125rem;
    border: .125rem solid #444;
    border-radius: 20rem
}

.cc-throw-emoji-container .emoji-holder {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: left;
    border: .062rem solid #252525;
    border-radius: 0 0 3px 3px;
    background-color: #191e24;
    -webkit-box-shadow: inset 0 0 .187rem .125rem rgba(51, 51, 51, .5);
    -moz-box-shadow: inset 0 0 .187rem .125rem rgba(51, 51, 51, .5);
    -ms-box-shadow: inset 0 0 .187rem .125rem rgba(51, 51, 51, .5);
    -o-box-shadow: inset 0 0 .187rem .125rem rgba(51, 51, 51, .5);
    box-shadow: inset 0 0 .187rem .125rem rgba(51, 51, 51, .5)
}

.cc-throw-emoji-container .emoji-holder ul.throw-emoji-ul {
    width: 100%;
    padding: .5rem;
    display: grid;
    grid-template-rows: 50% 50%;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
    justify-items: center;
    align-items: center;
    overflow: hidden
}

.cc-throw-emoji-container .emoji-holder ul.throw-emoji-ul li {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: .375rem 0
}

.cc-throw-emoji-container .emoji-holder ul.throw-emoji-ul li .throwemoji {
    width: 100%
}

.cc-throw-emoji-container .emoji-holder ul.throw-emoji-ul li h6.emoji-cost {
    position: absolute;
    top: 0;
    right: .25rem;
    width: 50%;
    font-size: .75rem;
    text-align: center;
    color: #1be785;
    background-color: #111;
    border-radius: 3px;
    padding: .125rem 0 .125rem 0;
    margin: 0
}

.cc-throw-emoji-container .emoji-holder ul.throw-emoji-ul li h6.emoji-cost .icon-gem2 {
    font-size: .75rem;
    color: #1be785;
    vertical-align: text-bottom;
    margin-left: .125rem
}

.cc-quick-menu-container .quick-menu-holder {
    position: relative;
    height: 4.5rem;
    width: 100%;
    border-radius: 0 0 3px 3px;
    background-color: transparent
}

.cc-quick-menu-container ul.quick-menu-ul {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row
}

.cc-quick-menu-container ul.quick-menu-ul li {
    height: 100%;
    margin: 0;
    font-size: .812rem;
    display: flex;
    align-items: center
}

.cc-quick-menu-container ul.quick-menu-ul li .quick-menu-item {
    text-align: center
}

.cc-quick-menu-container ul.quick-menu-ul li .quick-menu-item i {
    font-size: 1.75rem;
    color: #fff;
    display: block;
    margin: .5rem auto
}

.cc-quick-menu-container ul.quick-menu-ul li.disabled .quick-menu-item i,
.cc-quick-menu-container ul.quick-menu-ul li.disabled .quick-menu-item text {
    opacity: .35
}

.ts-table-id {
    width: 100%;
    background-color: #111;
    margin: 0;
    padding: 1rem 0 .625rem 0
}

.ts-table-id h4 {
    font-size: 1rem;
    color: #20c44e;
    width: 80%;
    padding: .5rem 0;
    margin: auto
}

.ts-table-id h4 b {
    font-size: 1.25rem;
    color: #ddd
}

.ts-table-id h4 span {
    background-color: #292929;
    padding: .125rem .75rem;
    border-radius: 3px
}

.table-settings-container {
    display: table;
    width: 80%;
    margin: auto;
    padding: 1rem 0 2rem 0
}

.ts-item-section {
    display: none;
    width: 100%;
    height: 5rem
}

.ts-item-section .left-section,
.ts-item-section .right-section {
    display: inline-block
}

.ts-item-section .left-section {
    width: 30%;
    vertical-align: top
}

.ts-item-section .left-section .left-big-box {
    height: 5rem;
    width: 5rem;
    padding: 0;
    margin: 1.25rem 0;
    border-radius: 1.5rem .75rem;
    background: -moz-linear-gradient(top, #2b5876 0, #4e4376 100%);
    background: -webkit-linear-gradient(top, #2b5876 0, #4e4376 100%);
    background: -o-linear-gradient(top, #2b5876 0, #4e4376 100%);
    background: -ms-linear-gradient(top, #2b5876 0, #4e4376 100%);
    background: linear-gradient(top, #2b5876 0, #4e4376 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.ts-item-section .left-section .left-big-box h2 {
    font-size: 1.5rem;
    text-align: center;
    line-height: 5rem;
    color: #ddd
}

.ts-item-section .left-section .left-big-box h2 img {
    width: 70%
}

.ts-item-section .right-section {
    width: 70%;
    padding-top: 1.5rem
}

.ts-item-section .right-section h4 {
    font-size: 1.375rem;
    color: #20c44e;
    padding-bottom: .5rem
}

.ts-item-section .right-section p {
    font-size: 1rem
}

.ts-item-section .right-section p.small-text {
    font-size: .875rem;
    font-style: italic
}

.cc-ingame-settings-popup {
    width: 100%;
    height: 35rem;
    overflow: auto;
    background: 0 0
}

.cc-ingame-settings-popup .all-pref-list-ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    width: 95%;
    margin: auto
}

.cc-ingame-settings-popup .all-pref-list-ul li.pref-item {
    margin-top: .75rem;
    background-color: rgba(0, 0, 0, .3);
    border-radius: .25rem;
    border-bottom: 0;
    box-shadow: none;
    border: 0
}

.cc-ingame-settings-popup .all-pref-list-ul li.pref-item h5 {
    color: #fff;
    font-weight: 400;
    padding-left: .75rem
}

.cc-ingame-settings-popup .icon-tick2 {
    position: absolute;
    top: .312rem;
    right: .75rem;
    font-size: 1.5rem;
    background-color: #111;
    border-radius: 10rem;
    color: #8bec44;
    display: none
}

.cc-ingame-settings-popup hr {
    border-top: .062rem solid #444
}

.cc-ingame-settings-popup ul.card-style-ul,
.cc-ingame-settings-popup ul.domino-style-ul,
.cc-ingame-settings-popup ul.table-style-ul {
    width: 100%;
    padding: 0 .75rem;
    display: flex;
    flex-wrap: wrap
}

.cc-ingame-settings-popup ul.card-style-ul li.selected .icon-tick2,
.cc-ingame-settings-popup ul.domino-style-ul li.selected .icon-tick2,
.cc-ingame-settings-popup ul.table-style-ul li.selected .icon-tick2 {
    display: inline-block
}

.cc-ingame-settings-popup ul.card-style-ul li {
    position: relative;
    width: 20%;
    display: inline-block;
    padding: .5rem 0 1.25rem 0;
    text-align: center
}

.cc-ingame-settings-popup ul.card-style-ul li img {
    width: 60%
}

.cc-ingame-settings-popup ul.domino-style-ul li {
    position: relative;
    width: 25%;
    display: inline-block;
    padding: .5rem 0 1.25rem 0;
    text-align: center
}

.cc-ingame-settings-popup ul.domino-style-ul li img {
    width: 60%
}

.cc-ingame-settings-popup ul.table-style-ul li {
    position: relative;
    width: 25%;
    display: inline-block;
    padding: .5rem 0 1.25rem 0;
    text-align: center
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon {
    background: url(../images/variation-img/game_gametables/table-icons/table1-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle;
    display: inline-block;
    border-radius: 3px;
    border: .062rem solid #666;
    overflow: hidden
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-1 {
    background: url(../images/variation-img/game_gametables/table-icons/table1-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-2 {
    background: url(../images/variation-img/game_gametables/table-icons/table2-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-3 {
    background: url(../images/variation-img/game_gametables/table-icons/table3-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-4 {
    background: url(../images/variation-img/game_gametables/table-icons/table4-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-5 {
    background: url(../images/variation-img/game_gametables/table-icons/table5-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-6 {
    background: url(../images/variation-img/game_gametables/table-icons/table6-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-7 {
    background: url(../images/variation-img/game_gametables/table-icons/table7-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li .table-icon.table-style-8 {
    background: url(../images/variation-img/game_gametables/table-icons/table8-select.jpg) no-repeat;
    display: inline-block;
    height: 7rem;
    width: 4rem;
    background-size: contain;
    vertical-align: middle
}

.cc-ingame-settings-popup ul.table-style-ul li.selected .icon-tick2 {
    top: -.312rem;
    right: .5rem
}

.cc-ingame-settings-popup .cc-preferences-auto-rebuy {
    padding: .5rem
}

.report-player-div {
    width: 90%;
    margin: auto
}

.report-player-div p {
    font-size: 1rem;
    text-transform: uppercase;
    color: #20c44e;
    background-color: #111;
    border-radius: 3px;
    margin: .5rem auto 0 auto;
    padding: .187rem .625rem
}

.report-player-div p .side-text {
    color: #ddd;
    margin-left: .5rem
}

ul.report-player-ul {
    width: 100%;
    padding: .75rem 0
}

ul.report-player-ul li {
    position: relative;
    width: 25%;
    margin: 0;
    padding: .5rem;
    display: inline-block;
    text-align: center
}

ul.report-player-ul li img {
    width: 60%;
    margin-bottom: .312rem;
    border-radius: 10rem
}

ul.report-player-ul li h6 {
    width: 100%;
    background-color: #000;
    margin: auto;
    padding: .187rem .312rem;
    border-radius: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1rem
}

ul.report-player-ul li .icon-tick2 {
    position: absolute;
    top: .25rem;
    right: 1rem;
    font-size: 1.25rem;
    color: #8bec44;
    display: none
}

ul.report-player-ul li.selected img {
    border: .187rem solid #20c44e
}

ul.report-player-ul li.selected h6 {
    background-color: #20c44e;
    color: #000;
    font-weight: 600
}

ul.report-player-ul li.selected .icon-tick2 {
    display: inline-block
}

.report-player-reason {
    padding: .75rem 0
}

.report-player-reason textarea {
    font-size: 1rem;
    text-align: left;
    color: #ddd;
    width: 100%;
    margin: 0;
    padding: .75rem;
    border: 0;
    border-radius: 3px;
    background-color: #222;
    resize: none
}

.report-player-reason textarea:-moz-placeholder,
.report-player-reason textarea:-ms-input-placeholder,
.report-player-reason textarea::-moz-placeholder,
.report-player-reason textarea::-webkit-input-placeholder {
    color: #aaa
}

.gamePlayback .cc-popup-container,
.gamePlayback .modal-body {
    min-height: 550px
}

.game-playback-section {
    width: 100%;
    height: 500px
}

.game-playback-controls {
    position: relative;
    width: 100%;
    height: 50px;
    background-color: #13161b;
    text-align: center
}

.game-playback-empty {
    display: none;
    text-align: center;
    height: 500px
}

.game-playback-empty h6 {
    padding-top: 250px
}

.playback-gametable {
    background: url(../images/variation-img/game_playback/gametables/table5n.jpg) no-repeat;
    display: inline-block;
    height: 500px;
    width: 100%;
    background-size: cover;
    vertical-align: middle;
    background-position: 50% 50%
}

.playback-gametable.holdem {
    background: url(../images/variation-img/game_playback/gametables/table5n.jpg) no-repeat;
    display: inline-block;
    height: 500px;
    width: 100%;
    background-size: cover;
    vertical-align: middle;
    background-position: 50% 50%
}

.playback-gametable.holdem6plus {
    background: url(../images/variation-img/game_playback/gametables/table5n.jpg) no-repeat;
    display: inline-block;
    height: 500px;
    width: 100%;
    background-size: cover;
    vertical-align: middle;
    background-position: 50% 50%
}

.playback-gametable.holdem5plus {
    background: url(../images/variation-img/game_playback/gametables/table12n.jpg) no-repeat;
    display: inline-block;
    height: 500px;
    width: 100%;
    background-size: cover;
    vertical-align: middle;
    background-position: 50% 50%
}

.playback-gametable.omaha {
    background: url(../images/variation-img/game_playback/gametables/table3n.jpg) no-repeat;
    display: inline-block;
    height: 500px;
    width: 100%;
    background-size: cover;
    vertical-align: middle;
    background-position: 50% 50%
}

.playback-public-cards {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 230px
}

.playback-public-cards span {
    visibility: hidden;
    height: 45px;
    width: 32px
}

.playback-pots {
    position: absolute;
    top: 180px;
    right: 0;
    left: 0;
    width: 55%;
    text-align: center;
    margin: auto;
    font-size: 10px
}

.playback-pots .pot {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    color: #fff;
    padding: 0 5px;
    margin: 0 0 3px 2px;
    display: none
}

.playback-pots .pot .pot-icon {
    width: 11px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0
}

.playback-ins-pots {
    position: absolute;
    top: 285px;
    right: 0;
    left: 0;
    width: 40%;
    text-align: center;
    margin: auto;
    font-size: 10px
}

.playback-ins-pots .pot {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    color: #fff;
    padding: 0 4px;
    margin: 2px 2px 1px 0;
    display: none;
    line-height: 12px
}

.playback-ins-pots .pot .ins-icon {
    background: url(../images/game_playback/ins.png) no-repeat;
    display: inline-block;
    height: 11px;
    width: 11px;
    background-size: contain;
    vertical-align: middle;
    margin: 0 2px 3px 0
}

.playback-ins-pots .pot-icon {
    margin: 0 2px 0 0
}

.pot1 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-red.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot2 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-blue.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot3 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-green.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot4 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-yellow.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot5 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-teal.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot6 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-brown.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot7 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-fuchsia.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.pot8 .pot-icon {
    background: url(../images/game_playback/pots/chipStack-purple.png) no-repeat;
    display: inline-block;
    height: 12px;
    width: 10px;
    background-size: contain;
    vertical-align: middle
}

.playback-players {
    position: absolute;
    height: 500px;
    width: 100%
}

.player-item-wrap {
    position: relative;
    height: 100%;
    width: 100%
}

.player-item {
    position: absolute;
    width: 220px;
    height: 190px
}

.player-item .item-allin-background,
.player-item .item-win-background {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    height: 90px;
    width: 90px;
    margin: auto
}

.player-item .item-head {
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: auto
}

.player-item .player-action {
    position: absolute;
    top: 52px;
    right: 0;
    left: 0;
    display: none;
    height: 16px;
    width: 60px;
    background-color: #aaa;
    border-radius: 3px;
    margin: auto
}

.player-item .player-win {
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    width: 70px;
    height: 20px;
    margin: auto
}

.player-item .player-details {
    position: absolute;
    top: 105px;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    width: 70px;
    height: 35px;
    margin: auto
}

.player-item .player-insurance {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    width: fit-content;
    margin: auto
}

.player-item .player-insurance .pot-list {
    position: relative;
    width: fit-content;
    margin: 0;
    padding: 0 3px
}

.player-item .player-insurance .pot {
    display: none;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    color: #fff;
    padding: 0;
    margin: 0
}

.player-item .player-insurance .pot .pot-icon {
    display: none;
    width: 10px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -4px 0 0
}

.player-item .player-insurance .pot-list .ins-icon {
    background: url(../images/game_playback/ins.png) no-repeat;
    display: inline-block;
    height: 10px;
    width: 10px;
    background-size: contain;
    vertical-align: middle;
    margin: 0 0 3px 1px
}

.player-item .buyins .player-insurance {
    display: block
}

.player-item .player-insurance-winloss {
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    display: none;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 3px;
    width: 70px;
    margin: auto
}

.player-item .player-insurance-winloss .ins-icon {
    background: url(../images/game_playback/ins.png) no-repeat;
    display: inline-block;
    height: 10px;
    width: 10px;
    background-size: contain;
    vertical-align: middle;
    margin: 0 3px 2px 0
}

.player-item .buyins .player-insurance-winloss {
    top: 17px
}

.player-item .showInsWinLoss .player-insurance-winloss {
    display: block
}

.player-item .item-smallcards2 {
    position: absolute;
    top: 83px;
    left: 110px;
    width: 22px;
    height: 23px
}

.player-item .item-smallcards4 {
    position: absolute;
    top: 88px;
    left: 110px;
    width: 24px;
    height: 20px
}

.holdem .item-smallcards2,
.holdem5plus .item-smallcards2,
.holdem6plus .item-smallcards2,
.omaha .item-smallcards4 {
    display: block
}

.holdem .item-smallcards4,
.holdem5plus .item-smallcards4,
.holdem6plus .item-smallcards4,
.omaha .item-smallcards2 {
    display: none
}

.player-item .item-dbtn {
    display: none;
    position: absolute;
    height: 20px;
    width: 20px
}

.elements-left .item-dbtn,
.elements-top .item-dbtn {
    left: 65px;
    top: 75px
}

.elements-bot .item-dbtn,
.elements-right .item-dbtn {
    right: 65px;
    top: 75px
}

.player-item .player-bet {
    display: none;
    position: absolute
}

.elements-bot .item-chip,
.elements-top .item-chip {
    display: inline-block;
    height: 18px;
    width: 18px
}

.elements-bot .player-bet h6,
.elements-top .player-bet h6 {
    display: inline-block
}

.elements-top .player-bet {
    left: 0;
    right: 0;
    margin: auto;
    top: 25px;
    text-align: center
}

.elements-bot .player-bet {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 25px;
    text-align: center
}

.elements-left .item-chip,
.elements-right .item-chip {
    height: 18px;
    width: 18px
}

.elements-left .player-bet {
    text-align: center;
    left: 22px;
    top: 100px
}

.elements-right .player-bet {
    text-align: center;
    right: 22px;
    top: 100px
}

.player-item .player-cards {
    position: relative;
    width: 100%;
    display: none
}

.player-cards .two-cards {
    position: absolute;
    top: 69px;
    right: 0;
    left: 0;
    display: none;
    text-align: center;
    margin: auto
}

.player-cards .four-cards {
    position: absolute;
    top: 71px;
    right: 0;
    left: 0;
    display: none;
    text-align: center;
    margin: auto
}

.player-item .player-cards .two-cards span.card {
    height: 3rem;
    width: 2.25rem;
    margin: .125rem 0
}

.player-cards .four-cards span:first-child {
    position: absolute;
    top: 0;
    left: 72px
}

.player-cards .four-cards span:nth-child(2) {
    position: absolute;
    top: 0;
    left: 89px
}

.player-cards .four-cards span:nth-child(3) {
    position: absolute;
    top: 0;
    left: 106px
}

.player-cards .four-cards span:last-child {
    position: absolute;
    top: 0;
    left: 123px
}

.holdem .two-cards,
.holdem5plus .two-cards,
.holdem6plus .two-cards,
.omaha .four-cards {
    display: block
}

.holdem .four-cards,
.holdem5plus .four-cards,
.holdem6plus .four-cards,
.omaha .two-cards {
    display: none
}

.player-item h5 {
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin: 0;
    line-height: 1.7
}

.player-item h6 {
    text-align: center;
    font-size: 11px;
    color: #fff;
    margin: 0;
    line-height: 1.6
}

.player-item .check .player-action {
    display: block;
    background-color: rgba(50, 143, 105, .9)
}

.player-item .fold .player-action {
    display: block;
    background-color: rgba(118, 118, 118, .9)
}

.player-item .call .player-action {
    display: block;
    background-color: rgba(40, 120, 149, .9)
}

.player-item .raise .player-action {
    display: block;
    background-color: rgba(196, 142, 42, .9)
}

.player-item .reraise .player-action {
    display: block;
    background-color: rgba(196, 142, 42, .9)
}

.player-item .allin .player-action {
    display: block;
    background-color: rgba(170, 44, 67, .9)
}

.player-item .dbutton .item-dbtn {
    display: block
}

.player-item .showwin .player-win {
    display: block
}

.fold .item-head {
    opacity: .3
}

.fold .item-smallcards2,
.fold .item-smallcards4 {
    display: none !important
}

.allin .item-allin-background {
    display: block
}

.allin .item-win-background {
    display: none
}

.showwin .item-win-background {
    display: block
}

.showwin .item-allin-background {
    display: none
}

.players2 .player-item:first-child {
    bottom: -30px;
    left: 0;
    right: 0;
    margin: auto
}

.players2 .player-item:last-child {
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.players3 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players3 .player-item:nth-child(2) {
    top: 0;
    left: -70px
}

.players3 .player-item:last-child {
    top: 0;
    right: -70px
}

.players4 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players4 .player-item:nth-child(2) {
    top: 200px;
    left: -70px
}

.players4 .player-item:nth-child(3) {
    top: -15px;
    left: 0;
    right: 0;
    margin: auto
}

.players4 .player-item:last-child {
    top: 200px;
    right: -70px
}

.players5 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players5 .player-item:nth-child(2) {
    top: 200px;
    left: -70px
}

.players5 .player-item:nth-child(3) {
    top: -15px;
    left: 20px
}

.players5 .player-item:nth-child(4) {
    top: -15px;
    right: 20px
}

.players5 .player-item:last-child {
    top: 200px;
    right: -70px
}

.players6 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players6 .player-item:nth-child(2) {
    top: 240px;
    left: -70px
}

.players6 .player-item:nth-child(3) {
    top: 100px;
    left: -70px
}

.players6 .player-item:nth-child(4) {
    top: -15px;
    left: 0;
    right: 0;
    margin: auto
}

.players6 .player-item:nth-child(5) {
    top: 100px;
    right: -70px
}

.players6 .player-item:last-child {
    top: 240px;
    right: -70px
}

.players7 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players7 .player-item:nth-child(2) {
    top: 240px;
    left: -70px
}

.players7 .player-item:nth-child(3) {
    top: 100px;
    left: -70px
}

.players7 .player-item:nth-child(4) {
    top: -15px;
    left: 20px
}

.players7 .player-item:nth-child(5) {
    top: -15px;
    right: 20px
}

.players7 .player-item:nth-child(6) {
    top: 100px;
    right: -70px
}

.players7 .player-item:last-child {
    top: 240px;
    right: -70px
}

.players8 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players8 .player-item:nth-child(2) {
    top: 300px;
    left: -70px
}

.players8 .player-item:nth-child(3) {
    top: 190px;
    left: -70px
}

.players8 .player-item:nth-child(4) {
    top: 80px;
    left: -70px
}

.players8 .player-item:nth-child(5) {
    top: -15px;
    left: 0;
    right: 0;
    margin: auto
}

.players8 .player-item:nth-child(6) {
    top: 80px;
    right: -70px
}

.players8 .player-item:nth-child(7) {
    top: 190px;
    right: -70px
}

.players8 .player-item:last-child {
    top: 300px;
    right: -70px
}

.players9 .player-item:first-child {
    bottom: -45px;
    left: 0;
    right: 0;
    margin: auto
}

.players9 .player-item:nth-child(2) {
    top: 300px;
    left: -70px
}

.players9 .player-item:nth-child(3) {
    top: 190px;
    left: -70px
}

.players9 .player-item:nth-child(4) {
    top: 80px;
    left: -70px
}

.players9 .player-item:nth-child(5) {
    top: -15px;
    left: 20px
}

.players9 .player-item:nth-child(6) {
    top: -15px;
    right: 20px
}

.players9 .player-item:nth-child(7) {
    top: 80px;
    right: -70px
}

.players9 .player-item:nth-child(8) {
    top: 190px;
    right: -70px
}

.players9 .player-item:last-child {
    top: 300px;
    right: -70px
}

.players4 .playback-public-cards,
.players5 .playback-public-cards {
    top: 220px
}

.players6 .playback-public-cards,
.players7 .playback-public-cards {
    top: 270px
}

.players8 .playback-public-cards,
.players9 .playback-public-cards {
    top: 230px
}

.players6 .playback-pots,
.players7 .playback-pots {
    top: 160px
}

.players8 .playback-pots,
.players9 .playback-pots {
    top: 160px
}

.players6 .playback-ins-pots,
.players7 .playback-ins-pots {
    top: 322px
}

.players8 .playback-ins-pots,
.players9 .playback-ins-pots {
    top: 290px
}

.controls-section {
    width: 90%;
    margin: auto;
    padding: 7px 0
}

.step-text {
    position: absolute;
    font-size: 12px;
    color: #fff;
    left: 10px;
    top: 15px
}

.controls-section a i {
    font-size: 36px;
    color: #fff;
    margin: 0 5px
}

@media (max-width:414px) {
    .players5 .player-item:nth-child(3) {
        left: 0
    }
    .players5 .player-item:nth-child(4) {
        right: 0
    }
    .players7 .player-item:nth-child(4) {
        left: 0
    }
    .players7 .player-item:nth-child(5) {
        right: 0
    }
    .players9 .player-item:nth-child(5) {
        left: 0
    }
    .players9 .player-item:nth-child(6) {
        right: 0
    }
}

.tn-livescore-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 25rem;
    height: 100%;
    z-index: 120;
    background: #13161b;
    -webkit-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -moz-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -ms-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -o-box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    box-shadow: -.083rem 0 .416rem .166rem rgba(0, 0, 0, .75)
}

.tn-livescore-container i {
    color: #fff
}

.tn-livescore-container .icon-chip3 {
    color: #ffea00
}

.tn-livescore-container .icon-chip {
    color: #ffea00
}

.tn-livescore-container table {
    width: 100%
}

.tn-livescore-container table tr th {
    background-color: #29313b;
    font-size: 1rem;
    text-align: center;
    color: #20c44e;
    font-weight: 400
}

.tn-livescore-container table tr td {
    border-bottom: .062rem solid rgba(255, 255, 255, .05);
    padding: .125rem 0 .125rem .25rem;
    font-size: .937rem;
    text-align: left;
    color: #ddd
}

.tn-livescore-container table tr td .badge {
    padding: .125rem .5rem;
    margin: 0 0 .125rem .5rem;
    background-color: #017f2b;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    vertical-align: middle
}

.tn-livescore-container table tr td .badge i {
    font-size: .875rem
}

.tn-livescore-container table tr td .badge.sng {
    background: -moz-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -webkit-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -o-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: -ms-linear-gradient(top, #d83c2c 0, #852319 100%);
    background: linear-gradient(top, #d83c2c 0, #852319 100%)
}

.tn-livescore-container table tr td .badge.mtt {
    background: -moz-linear-gradient(top, #242862 0, #090a17 100%);
    background: -webkit-linear-gradient(top, #242862 0, #090a17 100%);
    background: -o-linear-gradient(top, #242862 0, #090a17 100%);
    background: -ms-linear-gradient(top, #242862 0, #090a17 100%);
    background: linear-gradient(top, #242862 0, #090a17 100%)
}

.tn-livescore-container table tr td i {
    font-size: .937rem;
    margin-right: .25rem;
    vertical-align: middle
}

.tn-livescore-container.live-tourney .tn-ev-main-tabs {
    display: block
}

.tn-livescore-container.live-tourney .tn-ev-main-content {
    height: calc(100% - 2.75rem);
    border-radius: 0 0 3px 3px
}

.tn-livescore-container .wrapper {
    position: relative;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear
}

.tn-livescore-container .wrapper.toggled .page-content-wrapper {
    position: absolute;
    top: 0;
    right: 25rem;
    width: 400%;
    height: 100%;
    z-index: 120;
    background-color: rgba(0, 0, 0, .4)
}

.tn-livescore-container .tn-livescore-all-info {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #29313b
}

.tn-livescore-container .tn-livescore-all-info .tn-livescore-top-info {
    width: 100%;
    height: 20rem;
    padding-bottom: .5rem;
    background-color: #29313b
}

.tn-livescore-container .tn-livescore-all-info .tn-livescore-mid-info {
    position: absolute;
    top: 20rem;
    left: 0;
    width: 100%;
    height: calc(100% - 23rem);
    background-color: #29313b
}

.tn-livescore-container .tn-livescore-all-info .tn-livescore-bot-info {
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 1px solid #0b0b0b;
    height: 3rem;
    width: 100%;
    z-index: 1;
    background-color: #13161b
}

.tn-livescore-top-elapsed {
    width: 100%;
    height: 1.5rem;
    display: block;
    background-color: #13161b;
    text-align: center;
    color: #fff;
    font-size: .7rem;
    line-height: 1.7rem;
    letter-spacing: .1rem
}

.tn-livescore-top-elapsed span {
    padding: 0 .5rem
}

.tn-livescore-top-title {
    width: 100%;
    height: 2.5rem;
    background-color: #191e24
}

.tn-livescore-top-title h3 {
    width: 80%;
    margin: auto;
    font-size: 1.125rem;
    text-align: center;
    line-height: 2.5rem;
    color: #4dffdc;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.tn-livescore-top-timeleft {
    width: 100%;
    height: 3.25rem;
    display: block;
    padding: 0
}

.tn-livescore-top-timeleft h4 {
    font-size: 2.75rem;
    text-align: center;
    line-height: 3.25rem;
    color: #20c44e;
    padding: 0;
    margin: 0
}

.tn-livescore-top-currentLevel {
    width: 100%;
    height: 2.5rem;
    padding: 0
}

.tn-livescore-top-currentLevel h5 {
    font-size: 1.125rem;
    text-align: center;
    line-height: 1.375rem;
    color: #fff;
    margin: 0
}

.tn-livescore-top-currentLevel h6 {
    font-size: 1rem;
    text-align: center;
    line-height: 1.125rem;
    color: #aaa;
    margin: 0
}

.tn-livescore-top-box {
    width: 97.5%;
    height: 3.25rem;
    margin: 0 auto;
    padding: .125rem 0
}

.tn-livescore-top-box ul {
    height: 100%;
    width: 100%;
    float: left;
    background-color: #191e24;
    border: 1px solid #252525;
    border-radius: 3px
}

.tn-livescore-top-box ul li {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
    float: left;
    border-right: 1px solid rgba(255, 255, 255, .05)
}

.tn-livescore-top-box ul li:last-child {
    border-right: none
}

.tn-livescore-top-box ul li h6 {
    font-size: .75rem;
    text-align: center;
    line-height: 1rem;
    color: #75e0a0;
    transform: uppercase;
    margin: 0
}

.tn-livescore-top-box ul li p {
    font-size: .937rem;
    text-align: center;
    color: #ddd;
    margin: 0
}

.tn-livescore-top-box ul li sup {
    top: -.4em
}

.tn-livescore-top-box ul.tn-livescore-top-box-one li:nth-child(1) {
    width: 30%
}

.tn-livescore-top-box ul.tn-livescore-top-box-one li:nth-child(2) {
    width: 40%
}

.tn-livescore-top-box ul.tn-livescore-top-box-one li:nth-child(3) {
    width: 30%
}

.tn-livescore-top-box ul.tn-livescore-top-box-two li:nth-child(1) {
    width: 24%
}

.tn-livescore-top-box ul.tn-livescore-top-box-two li:nth-child(2) {
    width: 24%
}

.tn-livescore-top-box ul.tn-livescore-top-box-two li:nth-child(3) {
    width: 24%
}

.tn-livescore-top-box ul.tn-livescore-top-box-two li:nth-child(4) {
    width: 28%
}

.tn-livescore-top-box ul.tn-livescore-top-box-three li:nth-child(1) {
    width: 25%
}

.tn-livescore-top-box ul.tn-livescore-top-box-three li:nth-child(2) {
    width: 25%
}

.tn-livescore-top-box ul.tn-livescore-top-box-three li:nth-child(3) {
    width: 25%
}

.tn-livescore-top-box ul.tn-livescore-top-box-three li:nth-child(4) {
    width: 25%
}

.tn-livescore-mid-info .tn-ev-main-tabs {
    width: 100%;
    border-radius: 0
}

.tn-livescore-mid-info .tn-ev-main {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: .35rem .35rem .75rem .25rem;
    border-radius: 0;
    background-color: transparent;
    overflow: hidden;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group {
    height: 100%;
    margin: 0
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group>.panel {
    position: relative;
    overflow: hidden;
    border: none;
    background-color: #191e24
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-heading {
    padding: 0 .75rem;
    height: 2.5rem;
    border: none;
    border-radius: 3px;
    background-color: #12161b;
    border: 1px solid #111
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-heading>a .panel-title {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #fff
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-heading>a .panel-title .badge {
    font-size: .75rem;
    line-height: .5rem;
    color: #fff;
    vertical-align: text-bottom;
    background-color: #017f2b;
    margin-left: .5rem;
    font-weight: 400
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group>.panel>.panel-collapse .panel-body {
    padding: .25rem;
    overflow: auto
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group .panel-flex-container {
    display: none;
    flex-direction: column
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group .panel-flex-container .panel-heading {
    flex: 0 0 auto
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group .panel-flex-container .panel-collapse {
    flex: 0 1 auto;
    overflow: auto
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group .tn-ev-satellites-table td,
.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group .tn-ev-satellites-table th {
    padding: .5rem 0 .5rem .25rem
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group .tn-ev-satellites-table button {
    width: 100%;
    height: 1.75rem;
    margin: 0;
    line-height: 1.75rem;
    outline: 0
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=live] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=info] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=tables] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=players] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container[content=satellite] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive>.panel-flex-container {
    max-height: calc(100% - 8.25rem)
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=live] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=info] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=tables] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=players] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container[content=satellite] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.prelive-sat>.panel-flex-container {
    max-height: calc(100% - 11rem)
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=live] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=info] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=tables] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=players] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=prizes] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=blinds] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container[content=satellite] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-livetab>.panel-flex-container {
    max-height: calc(100% - 5.5rem)
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=live] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=info] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=tables] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=players] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=prizes] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=blinds] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container[content=satellite] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-liveScoreLiveTab>.panel-flex-container {
    max-height: calc(100% - 2.75rem)
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=live] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=info] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=tables] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=players] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container[content=satellite] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab>.panel-flex-container {
    max-height: calc(100% - 5.5rem)
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=live] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=info] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=tables] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=players] {
    display: none
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=prizes] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=blinds] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container[content=satellite] {
    display: flex
}

.tn-livescore-mid-info .tn-ev-accordion>.tn-ev-panel-group.live-infotab-sat>.panel-flex-container {
    max-height: calc(100% - 8.25rem)
}

.tn-livescore-mid-info .tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .panel-title {
    float: left;
    width: 33.3%;
    font-size: 1rem;
    line-height: 2rem;
    color: #fff
}

.tn-livescore-mid-info .tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .ev-table-details {
    float: left;
    height: 2rem;
    width: 66.6%
}

.tn-livescore-mid-info .tn-ev-tables-item-accordion>.tn-ev-tables-group .tn-ev-table-btn {
    display: none
}

.tn-livescore-mid-info .tn-ev-info-table tr td:first-child,
.tn-livescore-mid-info .tn-ev-info-table tr th:first-child {
    width: 22%;
    line-height: 1.25rem
}

.tn-livescore-mid-info .tn-ev-info-table tr[tab=targetTourney] button {
    display: none
}

.tn-livescore-mid-info .tn-ev-blinds-structure-table tr th {
    padding-left: .25rem;
    text-align: left
}

.tn-livescore-bot-info .tn-livescore-spectator-btn {
    height: 100%;
    width: 100%;
    font-size: 1.125rem;
    text-align: center;
    line-height: 3rem;
    color: #fff
}

.tn-livescore-bot-info .tn-livescore-spectator-btn h5 {
    font-size: 1.125rem;
    text-align: center;
    line-height: 3rem;
    color: #20c44e
}

.tn-livescore-bot-info .tn-livescore-spectator-btn .badge {
    background-color: #017f2b;
    color: #fff;
    margin-left: .375rem;
    font-weight: 400
}

.tn-livescore-bot-info .tn-livescore-spectator-btn .glyphicon {
    font-size: 1rem;
    color: #20c44e;
    margin-left: .5rem;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: all .1s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear 10ms
}

.tn-livescore-bot-info.active .glyphicon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition-delay: 0s, 0s, .1s
}

.tn-livescore-spectator-popup {
    display: none;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 3rem;
    left: 0;
    background-color: #191e24;
    border-top: 1px solid #111
}

.tn-livescore-spectator-popup .tn-livescore-spectator-list {
    width: 100%;
    max-height: 20rem;
    overflow: auto;
    padding: 1rem 0
}

.tn-livescore-spectator-popup ul.tn-livescore-spectator-ul {
    width: 90%;
    margin: auto
}

.tn-livescore-spectator-popup ul.tn-livescore-spectator-ul li {
    float: left;
    width: 25%;
    padding: .25rem
}

.tn-livescore-spectator-popup ul.tn-livescore-spectator-ul img {
    width: 100%;
    padding: .25rem .75rem
}

.tn-livescore-spectator-popup ul.tn-livescore-spectator-ul p {
    font-size: .812rem;
    text-align: center;
    line-height: 1.125rem;
    color: #ddd;
    background-color: #333;
    border-radius: .25rem;
    margin: 0;
    padding: 0 .25rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.tn-livescore-spectator-popup .tn-livescore-no-spectator {
    display: none;
    padding: 1.5rem 0
}

.tn-livescore-spectator-popup .tn-livescore-no-spectator h6 {
    font-size: 1rem;
    text-align: center;
    color: #888
}

.tn-livescore-container .tn-ev-tables-items-list {
    padding: .25rem
}

.tn-livescore-container table.tn-ev-blinds-structure-table tr th,
.tn-livescore-container table.tn-ev-entries-table tr th,
.tn-livescore-container table.tn-ev-prizes-table tr th,
.tn-livescore-container table.tn-ev-satellites-table tr th {
    font-size: .875rem;
    line-height: 1rem
}

.tn-livescore-container table.tn-ev-entries-table tr th:nth-child(1) {
    width: 15%
}

.tn-livescore-container table.tn-ev-entries-table tr th:nth-child(3) {
    width: 25%
}

.tn-livescore-container table.tn-ev-table-players-table tr th {
    font-size: .812rem
}

.tn-livescore-container table.tn-ev-table-players-table tr td {
    font-size: .75rem
}

.cc-addgame-left-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 100%;
    background: linear-gradient(to bottom, #29313b, #191e24 100%);
    color: #fff;
    z-index: 120
}

.cc-addgame-left-container .cc-tn-ev-container .tn-ev-main-wrapper {
    height: auto
}

.cc-addgame-left-container .cc-tn-ev-container.sng-mode .tn-ev-main-wrapper {
    height: auto
}

.cc-addgame-left-container .wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 8px;
    padding-top: 3rem;
    -webkit-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -moz-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -ms-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    -o-box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75);
    box-shadow: .083rem 0 .416rem .166rem rgba(0, 0, 0, .75)
}

.cc-addgame-left-container .wrapper .addgame-top-content {
    flex: 0;
    order: 1;
    padding-top: 1.75rem;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.cc-addgame-left-container .wrapper .cc-tableslist-page-container {
    flex: 1;
    order: 2;
    overflow: auto
}

.cc-addgame-left-container .wrapper .addgame-top-content-header {
    width: 100%;
    display: flex;
    height: 4rem;
    position: relative;
    margin: 0 auto
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .close-button {
    flex: 50px;
    flex-grow: 0;
    align-items: center;
    justify-content: space-around
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .close-button .addgame-close-btn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 90%;
    border-radius: 3px;
    background-color: #333;
    border: 1px solid #0b0b0b;
    cursor: pointer
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .close-button i {
    font-size: 2rem;
    color: #fff
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button {
    display: flex
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button+.select-button {
    padding-left: .5rem
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button.club {
    flex: 3
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button.game {
    flex: 2
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button .addgame-select-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 90%;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, #29313b, #191e24 100%);
    border: 2px solid #29313b;
    cursor: pointer
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button .addgame-select-btn.active {
    background-image: linear-gradient(to top, #29313b, #191e24 100%)
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button .left-content {
    display: flex;
    align-items: center;
    padding: 0 .5rem
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button .left-content * {
    display: inline-flex
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button .left-content h3 {
    font-size: 1.333rem;
    text-align: left;
    color: #20c44e;
    font-family: 'Exo 2', sans-serif;
    white-space: nowrap
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .select-button .left-content img {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .drop-toggle {
    position: absolute;
    top: 37px;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    height: 75vh;
    width: 100%;
    z-index: 9
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .toggle-button {
    flex: 50px;
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .toggle-button span {
    font-size: 1.375rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: all .1s ease-in-out 0s, visibility 0s linear .1s, z-index 0s linear 10ms
}

.cc-addgame-left-container .wrapper .addgame-top-content-header .toggle-button span.active {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper {
    width: 100%;
    display: none
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper.toggle-panel {
    max-height: 0
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper.toggle-panel .cc-games-list {
    width: 100%;
    max-width: unset;
    margin-bottom: 0
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper.toggle-panel .cc-games-list .gameslist-ul {
    padding: 0
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper.toggle-panel.active {
    display: block;
    max-height: 6000px;
    padding: 0;
    border-width: 1px
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list {
    width: 95%;
    display: grid;
    grid-template-columns: 49.5% 49.5%;
    grid-column-gap: 1%;
    margin: auto;
    background-color: #000;
    padding: 1rem 0
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item {
    width: 100%;
    display: none
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item .game-item-container {
    width: 90%;
    margin: auto
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item .game-item-container img {
    width: 100%;
    visibility: hidden
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="1"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g1-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="1"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g1-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="1"][data-aof="1"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g1-1.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="1"][data-aof="1"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g1-1-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="3"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g3-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="3"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g3-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="6"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g6-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="6"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g6-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="6"][data-aof="1"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g6-1.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="6"][data-aof="1"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g6-1-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="11"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g11-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="11"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g11-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="12"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g12-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="12"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g12-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="13"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g13-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="13"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g13-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="14"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g14-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="14"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g14-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="15"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g15-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="15"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g15-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="16"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g16-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="16"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g16-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="20"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g20-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="20"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g20-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="51"][data-aof="0"] .game-item-container {
    background: url(../images/variation-img/lobby_gameIcons/g51-0.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list .game-item[data-gameId="51"][data-aof="0"] .game-item-container.active {
    background: url(../images/variation-img/lobby_gameIcons/hover/g51-0-hover.png) no-repeat;
    background-size: contain
}

.cc-addgame-left-container .wrapper .addgame-page-content {
    display: flex;
    flex-direction: column;
    height: 100%
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable {
    width: 100%;
    font-size: 13px
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable thead tr {
    background: -moz-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -webkit-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -o-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: -ms-linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    background: linear-gradient(bottom, #20c44e 0, #017f2b 100%);
    text-align: center
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable thead tr th {
    padding: .8em .5em;
    text-align: center;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable thead tr th i.icon-sort-list {
    margin-left: .3em
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable thead tr th input.hidefull {
    width: 15px;
    height: 15px;
    border: 1px solid #fff
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable thead tr th[data-type]:hover {
    background-color: rgba(0, 0, 0, .3)
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable thead tr th:not(:last-child) {
    border-right: 1px solid #333
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr._tr:nth-of-type(even) {
    background-color: #293237
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr.active {
    border: 1px solid #fff
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr._tr:nth-of-type(odd) {
    background-color: #110e21
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.lightgreen {
    color: #90ee90
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.joined {
    background: -moz-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -webkit-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -o-linear-gradient(top, #6cb946 0, #386522 100%);
    background: -ms-linear-gradient(top, #6cb946 0, #386522 100%);
    background: linear-gradient(top, #6cb946 0, #386522 100%)
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.registering {
    background: -moz-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -webkit-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -o-linear-gradient(top, #c09102 0, #906e07 100%);
    background: -ms-linear-gradient(top, #c09102 0, #906e07 100%);
    background: linear-gradient(top, #c09102 0, #906e07 100%)
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.latereg {
    background: -moz-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -webkit-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -o-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: -ms-linear-gradient(top, #b0512c 0, #a7390d 100%);
    background: linear-gradient(top, #b0512c 0, #a7390d 100%)
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.live {
    background: -moz-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -webkit-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -o-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: -ms-linear-gradient(top, #00a24c 0, #005e2c 100%);
    background: linear-gradient(top, #00a24c 0, #005e2c 100%)
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.completed {
    background: -moz-linear-gradient(top, #666 0, #333 100%);
    background: -webkit-linear-gradient(top, #666 0, #333 100%);
    background: -o-linear-gradient(top, #666 0, #333 100%);
    background: -ms-linear-gradient(top, #666 0, #333 100%);
    background: linear-gradient(top, #666 0, #333 100%)
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td {
    padding: .8em .2em;
    text-align: center;
    cursor: pointer
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.text-left {
    text-align: left
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td span.turbo {
    background-color: #4a7e49;
    color: #fff;
    font-size: 10px;
    margin-left: 3px
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td p.sm,
.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td span.small {
    font-size: 9px
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td.today {
    color: #20c44e
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td[data-type=name] {
    text-align: left;
    text-indent: 10px
}

.cc-addgame-left-container .wrapper .addgame-page-content .mainTable tbody tr td h4 {
    font-size: 1rem;
    font-weight: 900;
    text-align: center;
    line-height: 1.5rem;
    color: #000;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .2);
    -webkit-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -ms-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    -o-box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 .125rem .125rem rgba(0, 0, 0, .3)
}

.cc-addgame-left-container .wrapper .tourney-detail {
    width: 100%;
    display: none;
    padding: .5rem 0
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-home-eventlist-ul .tn-el-item-content .tn-el-item-left {
    width: 27%
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-home-eventlist-ul .tn-el-item-content .tn-el-item-right {
    width: 73%
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-ev-top-wrapper .tn-ev-sng-label-content {
    display: flex
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-ev-top-wrapper .tn-ev-sng-label-content h2 {
    font-size: .9rem
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-ev-top-wrapper .tn-ev-sng-label-content h5 {
    padding-left: .25rem;
    font-size: 1rem;
    white-space: nowrap
}

.cc-addgame-left-container .wrapper .tourney-detail.no-padding {
    padding: 0
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-home-topbar {
    width: 97%
}

.cc-addgame-left-container .wrapper .tourney-detail .tn-home-filters {
    width: 97%;
    margin: 0 auto;
    margin-top: .5rem
}

.cc-addgame-left-container .wrapper .tourney-detail .topnav {
    position: relative;
    height: 50px;
    background-size: cover;
    margin: 0;
    border-bottom: 1px solid #0b0b0b;
    background: -moz-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -webkit-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -o-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: -ms-linear-gradient(bottom, #63a462 0, #4a7e49 100%);
    background: linear-gradient(bottom, #63a462 0, #4a7e49 100%)
}

.cc-addgame-left-container .wrapper .tourney-detail .topnav .icon-arrow-left:before {
    font-size: 18px;
    position: absolute;
    top: 14px;
    left: 18px;
    color: #fff;
    cursor: pointer
}

.cc-addgame-left-container .wrapper .tourney-detail .topnav h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.25rem
}

.cc-addgame-left-container .wrapper.toggled .page-content-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
    z-index: -1
}

.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul tbody tr.tourneyTr td:nth-child(1),
.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul thead tr.tourneyTr th:nth-child(1) {
    width: 24% !important
}

.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul tbody tr.tourneyTr td:nth-child(2),
.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul thead tr.tourneyTr th:nth-child(2) {
    width: 38% !important
}

.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul tbody tr.tourneyTr td:nth-child(3),
.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul thead tr.tourneyTr th:nth-child(3) {
    width: 22% !important
}

.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul tbody tr.tourneyTr td:nth-child(4),
.cc-addgame-left-container .lb-tableslist-content .lb-tableslist-ul thead tr.tourneyTr th:nth-child(4) {
    width: 16% !important
}

.cc-addgame-left-container #addGameVue {
    display: flex;
    flex: 1;
    flex-flow: column nowrap;
    max-height: 100%
}

.cc-addgame-left-container #addGameVue .list-hr {
    display: block;
    height: 1px;
    background: linear-gradient(90deg, transparent, #20c44e, transparent);
    margin: 1rem 0
}

.cc-addgame-left-container .common-page-container {
    max-width: unset
}

.cc-addgame-left-container .common-page-container .page-footer,
.cc-addgame-left-container .common-page-container .page-header {
    width: 100%
}

.cc-addgame-left-container .common-page-container .rangeUl {
    position: sticky;
    top: 0
}

.addgame-page-content .tn-home-topbar-btns {
    width: 100%
}

.addgame-page-content .tn-home-topbar-btns ul.tnHomeTopBar {
    width: 100%
}

.addgame-page-content .tn-home-topbar-btns ul.tnHomeTopBar li {
    float: left;
    width: 50%
}

.addgame-page-content .tn-top-right-content .tn-ev-top-details span.tn-ev-details-pills {
    font-size: .75rem
}

.addgame-page-content .tn-el-left-content .tn-textinfo h6 {
    font-size: .75rem;
    font-weight: 600;
    text-align: center;
    color: #fff
}

.addgame-page-content .tn-el-left-content .tn-textinfo h3 {
    font-size: 1.375rem;
    font-weight: 600;
    text-align: center;
    line-height: 2rem;
    color: #fff
}

.addgame-page-content .tn-el-left-content .tn-dateinfo h1 {
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    line-height: 2.375rem;
    color: #fff
}

.addgame-page-content .tn-el-left-content .tn-dateinfo h5 {
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.25rem;
    color: #fff
}

.addgame-page-content .tn-top-right-content h6.tn-ev-datetime {
    font-size: .875rem
}

.addgame-page-content table.tn-ev-blinds-structure-table tr th,
.addgame-page-content table.tn-ev-entries-table tr th,
.addgame-page-content table.tn-ev-prizes-table tr th,
.addgame-page-content table.tn-ev-satellites-table tr th {
    font-size: .875rem;
    line-height: 1rem
}

.addgame-page-content table.tn-ev-entries-table tr th:nth-child(1) {
    width: 15%
}

.addgame-page-content table.tn-ev-entries-table tr th:nth-child(3) {
    width: 25%
}

.addgame-page-content table.tn-ev-info-table tr[tab=targetTourney] button,
.addgame-page-content table.tn-ev-live-table tr[tab=targetTourney] button {
    display: none
}

.addgame-page-content .tn-ev-tables-items-list {
    padding: .25rem
}

.addgame-page-content table.tn-ev-table-players-table tr th {
    font-size: .812rem
}

.addgame-page-content table.tn-ev-table-players-table tr td {
    font-size: .75rem
}

.addgame-page-content .tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .panel-title {
    float: left;
    width: 40%;
    font-size: 1rem;
    line-height: 2rem;
    color: #fff
}

.addgame-page-content .tn-ev-tables-item-accordion>.tn-ev-tables-group>.panel>.panel-heading>a .ev-table-details {
    float: left;
    height: 2rem;
    width: 60%
}

.addgame-page-content .tn-ev-tables-item-accordion>.tn-ev-tables-group .tn-ev-table-btn {
    display: none
}

.browser-ipad .cc-addgame-left-container,
.real-ipad .cc-addgame-left-container {
    width: 80%
}

.browser-ipad .cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list,
.real-ipad .cc-addgame-left-container .wrapper .addgame-game-wrapper .addgame-game-list {
    grid-template-columns: 32.83% 32.83% 32.83%;
    grid-column-gap: .75%
}

.tourney-game-summary {
    width: 100%;
    height: 500px;
    background-color: #000
}

.tourney-summary-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 40%;
    width: 100%
}

.tourney-summary-top img {
    position: absolute;
    right: 0;
    bottom: -20%;
    left: 0;
    width: 100%;
    max-width: 250px;
    margin: auto
}

@media (min-width:768px) {
    .tourney-summary-top img {
        max-width: 260px
    }
}

.tourney-summary-top img[type=mtt],
.tourney-summary-top img[type=sng] {
    display: none
}

.tourney-summary-top img.glow-img {
    -webkit-animation: rotating 10s linear infinite;
    -moz-animation: rotating 10s linear infinite;
    -ms-animation: rotating 10s linear infinite;
    -o-animation: rotating 10s linear infinite;
    animation: rotating 10s linear infinite
}

@keyframes rotating {
    0% {
        -ms-transform: rotate(0) scale(1);
        -moz-transform: rotate(0) scale(1);
        -webkit-transform: rotate(0) scale(1);
        -o-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -ms-transform: rotate(180deg) scale(1.3);
        -moz-transform: rotate(180deg) scale(1.3);
        -webkit-transform: rotate(180deg) scale(1.3);
        -o-transform: rotate(180deg) scale(1.3);
        transform: rotate(180deg) scale(1.3)
    }
    100% {
        -ms-transform: rotate(360deg) scale(1);
        -moz-transform: rotate(360deg) scale(1);
        -webkit-transform: rotate(360deg) scale(1);
        -o-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

.tourney-summary-content {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    width: 100%;
    height: 60%;
    margin: auto
}

@media (min-width:768px) {
    .tourney-summary-content {
        width: 75%
    }
}

.tourney-summary-content .tourney-summary-name-div {
    width: 100%;
    padding: .25rem 0;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(14, 91, 36, .6) 25%, rgba(32, 196, 78, .8) 50%, rgba(14, 91, 36, .6) 75%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.tourney-summary-content .tourney-summary-name-div h2 {
    font-size: 1.5rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    margin: auto
}

.tourney-summary-content .tourney-summary-rank-div {
    width: 100%;
    margin: auto;
    padding: 1rem 0
}

.tourney-summary-content .tourney-summary-rank-div h4 {
    font-size: 1.25rem;
    text-align: center;
    color: #20c44e;
    text-shadow: 1px 1px 3px #000
}

.tourney-summary-content .tourney-summary-rank-div h5 {
    font-size: 1rem;
    text-align: center;
    line-height: 1.75rem;
    color: #0e5b24;
    text-shadow: 1px 1px 3px #000
}

.tourney-summary-content .tourney-summary-rank-div h3.same-rank-win-text {
    display: none;
    font-size: .875rem;
    text-align: center;
    color: #0e5b24;
    text-shadow: 1px 1px 3px #000;
    padding-top: .5rem
}

.tourney-summary-content .tourney-summary-rank-div .win-medal {
    position: relative;
    width: 70px;
    height: 100px;
    padding: .5rem 0;
    margin: auto
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle {
    position: absolute;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    vertical-align: middle;
    border: .375rem solid #000;
    z-index: 1;
    border-color: #98a6ad;
    background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%)
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle h4 {
    width: 100%;
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    line-height: 60px;
    color: #000;
    text-shadow: 2px 2px 0 #98a6ad;
    letter-spacing: -1px
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle h4 sup {
    top: -.5em;
    font-size: 65%
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle h4.tiny {
    font-size: 20px
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle h4.small {
    font-size: 26px
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle h4.medium {
    font-size: 30px
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle h4.big {
    font-size: 34px
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle.gold-medal {
    border-color: #9d7023;
    background: linear-gradient(to bottom right, #d8a54e 50%, #d39a39 50%)
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle.gold-medal h4 {
    text-shadow: 0 0 4px #9d7023
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle.silver-medal {
    border-color: #98a6ad;
    background: linear-gradient(to bottom right, #d1d7da 50%, #c3cbcf 50%)
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle.silver-medal h4 {
    text-shadow: 0 0 4px #98a6ad
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle.bronze-medal {
    border-color: #5e281d;
    background: linear-gradient(to bottom right, #ac4935 50%, #99412f 50%)
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .circle.bronze-medal h4 {
    text-shadow: 0 0 4px #5e281d
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .ribbon {
    content: "";
    display: block;
    position: absolute;
    top: 68px;
    right: 0;
    left: 0;
    border-style: solid;
    border-width: 10px 15px;
    width: 0;
    height: 28px
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .ribbon-left {
    border-color: #940015 #940015 transparent #940015;
    left: 5px;
    transform: rotate(20deg) translateZ(-32px)
}

.tourney-summary-content .tourney-summary-rank-div .win-medal .ribbon-right {
    left: 35px;
    border-color: #61000e #61000e transparent #61000e;
    transform: rotate(-20deg) translateZ(-48px)
}

.tourney-summary-content .tourney-summary-profile-div {
    width: 70%;
    background: linear-gradient(90deg, rgba(40, 40, 40, 0) 0, rgba(40, 40, 40, 0) 5%, rgba(40, 40, 40, .3) 15%, rgba(40, 40, 40, .6) 50%, rgba(40, 40, 40, .3) 85%, rgba(40, 40, 40, 0) 95%, rgba(40, 40, 40, 0) 100%);
    border-radius: 3px;
    margin: auto;
    padding: .5rem 1.5rem
}

.tourney-summary-content .tourney-summary-profile-div .tourney-lose-profile {
    display: none;
    width: 100%;
    text-align: center
}

.tourney-summary-content .tourney-summary-profile-div .tourney-lose-profile img {
    width: 40px;
    height: 40px
}

.tourney-summary-content .tourney-summary-profile-div .tourney-lose-profile h3 {
    font-size: 1.125rem;
    line-height: 20px;
    color: #20c44e;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .9);
    padding-top: 5px
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile {
    display: none;
    width: 100%
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile>div {
    display: table-cell;
    vertical-align: middle
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile>div:nth-child(1) {
    width: 14%
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile>div:nth-child(2) {
    width: 50%;
    padding-left: .5rem
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile>div:nth-child(3) {
    width: 36%;
    padding-left: .5rem;
    text-align: right
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile img {
    width: 100%
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile h3 {
    font-size: 1.125rem;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .9)
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile h3[type=win-chips],
.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile h3[type=win-seat] {
    display: none
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile h3 .icon-chip3 {
    font-size: 1.125rem;
    vertical-align: middle;
    color: #ffea00;
    margin-right: .25rem
}

.tourney-summary-content .tourney-summary-profile-div .tourney-win-profile h3 img {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: .25rem
}

.cc-tourney-bullet-topup {
    height: 100%;
    padding: 0
}

.cc-tourney-bullet-topup .wrapper {
    width: 90%;
    margin: auto
}

.bullet-topup-container {
    width: 100%;
    height: 15rem;
    margin: auto;
    padding-top: .625rem
}

.bullet-topup-container.no-slider {
    height: 10rem
}

.bullet-topup-container h1 {
    font-size: 1.5rem;
    font-weight: 900;
    text-align: center;
    color: #20c44e;
    padding: 10px 0;
    display: none
}

.bullet-topup-container .bullet-topup-text p {
    font-size: 1rem;
    text-align: center;
    line-height: 1.5rem;
    color: #20c44e
}

.bullet-topup-container .bullet-topup-text p.bullets-text1,
.bullet-topup-container .bullet-topup-text p.bullets-text2 {
    display: none
}

.bullet-topup-container .bullet-topup-text .bullets-icon-div {
    text-align: center;
    padding: 1rem 0
}

.bullet-topup-container .bullet-topup-text .bullets-icon-div i {
    font-size: 2rem
}

.bullet-topup-container .bullet-topup-text .bullets-icon-div i.icon-bullet {
    color: #fff
}

.bullet-topup-container .bullet-topup-text .bullets-icon-div i.icon-bullet2 {
    color: #fff
}

.bullet-topup-container .bullet-topup-text .bullets-count-div {
    color: #017f2b
}

.bullet-topup-container .bullet-topup-text .bullets-count-div .icon-chip {
    font-size: 1rem;
    margin: 0 .187rem 0 .062rem;
    vertical-align: middle;
    color: #ffea00
}

.bullet-topup-container .bullet-topup-text .bullets-count-div bullet-cost {
    color: #fff
}

.bullet-topup-container .bullet-slider {
    width: 100%;
    padding: 1rem 0 1.5rem 0;
    text-align: center
}

.bullet-topup-container .bullet-slider .slider.slider-horizontal {
    width: 70% !important
}

.popup-iframe-wrapper {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1999;
    background-color: rgba(0, 0, 0, .5)
}

.popup-iframe-wrapper.show {
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-iframe-wrapper.not-ready {
    left: 120vw
}

.popup-iframe-wrapper .popup-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.popup-iframe-wrapper .popup-iframe .iframe-wrapper {
    position: relative;
    height: 85%;
    width: 90%;
    max-width: 1200px;
    background-color: #20c44e;
    border: 1px solid #20c44e;
    padding: 1px;
    border-radius: 10px;
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.popup-iframe-wrapper .popup-iframe .iframe-wrapper iframe {
    height: 100%;
    width: 100%;
    border: 0;
    border-radius: 8px;
    overflow: hidden
}

.popup-iframe-wrapper .popup-iframe .iframe-wrapper .icon-close-div {
    position: absolute;
    top: -15px;
    right: -15px;
    background: -moz-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: -webkit-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: -o-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: -ms-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: linear-gradient(top, #0e5b24 0, #00521b 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.popup-iframe-wrapper .popup-iframe .iframe-wrapper .icon-close-div:hover {
    background: -moz-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: -webkit-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: -o-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: -ms-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: linear-gradient(top, #20c44e 0, #017f2b 100%)
}

.popup-iframe-wrapper .popup-iframe .iframe-wrapper .icon-close-div i.icon-cross {
    font-size: 20px;
    color: #fff
}

.popup-iframe-wrapper .popup-halloween {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999
}

.popup-iframe-wrapper .popup-halloween .halloween-wrapper {
    position: relative;
    text-align: center
}

.popup-iframe-wrapper .popup-halloween .halloween-wrapper #halloweenImg {
    border-radius: 5px;
    border: solid 2px #ffa83b;
    width: 90%
}

.popup-iframe-wrapper .popup-halloween .halloween-wrapper .icon-close-div {
    position: absolute;
    top: -15px;
    right: 0;
    background: -moz-linear-gradient(top, #f28e26 0, #f28e26 100%);
    background: -webkit-linear-gradient(top, #f28e26 0, #f28e26 100%);
    background: -o-linear-gradient(top, #f28e26 0, #f28e26 100%);
    background: -ms-linear-gradient(top, #f28e26 0, #f28e26 100%);
    background: linear-gradient(top, #f28e26 0, #f28e26 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.popup-iframe-wrapper .popup-halloween .halloween-wrapper .icon-close-div:hover {
    background: -moz-linear-gradient(top, #ffbb2f 0, #ffbb2f 100%);
    background: -webkit-linear-gradient(top, #ffbb2f 0, #ffbb2f 100%);
    background: -o-linear-gradient(top, #ffbb2f 0, #ffbb2f 100%);
    background: -ms-linear-gradient(top, #ffbb2f 0, #ffbb2f 100%);
    background: linear-gradient(top, #ffbb2f 0, #ffbb2f 100%)
}

.popup-iframe-wrapper .popup-halloween .halloween-wrapper .icon-close-div i.icon-cross {
    font-size: 20px;
    color: #fff
}

.popup-iframe-wrapper .popup-warning {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999
}

.popup-iframe-wrapper .popup-warning .warning-wrapper {
    position: relative;
    text-align: left;
    width: 85%;
    max-width: 800px;
    padding: 2rem 1.25rem;
    border: 1px solid #20c44e;
    color: #fff;
    border-radius: 10px;
    background: -moz-linear-gradient(90deg, #1d213c 0, #313667 52%, #1d213c 100%);
    background: -o-linear-gradient(90deg, #1d213c 0, #313667 52%, #1d213c 100%);
    background: -ms-linear-gradient(90deg, #1d213c 0, #313667 52%, #1d213c 100%);
    background: linear-gradient(90deg, #1d213c 0, #313667 52%, #1d213c 100%);
    background: -webkit-linear-gradient(90deg, #1d213c 0, #313667 52%, #1d213c 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6)
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content {
    overflow: auto;
    height: 100%
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content>* {
    padding-bottom: 1rem
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar {
    width: .357rem;
    height: 3px
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-button {
    width: 0;
    height: 0
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-thumb {
    background: #5bc377;
    border: none;
    border-radius: 0
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-thumb:active {
    background: #fff
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-track {
    background: #3a3a3a;
    border: none;
    border-radius: 0
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-track:hover {
    background: #3a3a3a
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-track:active {
    background: #3a3a3a
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .content ::-webkit-scrollbar-corner {
    background: 0 0
}

.popup-iframe-wrapper .popup-warning .warning-wrapper #halloweenImg {
    border-radius: 5px;
    border: solid 2px #ffa83b;
    width: 90%
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .title {
    font-size: 1.5rem;
    color: #fff;
    display: block;
    font-weight: 700
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .icon-close-div {
    position: absolute;
    top: -15px;
    right: -15px;
    background: -moz-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: -webkit-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: -o-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: -ms-linear-gradient(top, #0e5b24 0, #00521b 100%);
    background: linear-gradient(top, #0e5b24 0, #00521b 100%);
    -webkit-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -ms-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    -o-box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    box-shadow: 0 .166rem .25rem .083rem rgba(0, 0, 0, .6);
    height: 40px;
    width: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .icon-close-div:hover {
    background: -moz-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: -webkit-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: -o-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: -ms-linear-gradient(top, #20c44e 0, #017f2b 100%);
    background: linear-gradient(top, #20c44e 0, #017f2b 100%)
}

.popup-iframe-wrapper .popup-warning .warning-wrapper .icon-close-div i.icon-cross {
    font-size: 20px;
    color: #fff
}

.popup-joinclub {
    padding: 10px;
    flex: 1
}

.popup-joinclub input.join-club-input {
    height: 2.571rem;
    font-size: 1.2rem
}

.popup-joinclub .btns-wrap {
    display: flex;
    flex-flow: row nowrap
}

.popup-joinclub .btns-wrap .common-btn {
    flex: 1;
    height: 2.857rem;
    margin-bottom: 0
}

.popup-joinclub .btns-wrap .common-btn+.common-btn {
    margin-left: 1rem
}

.popup-joinclub .btns-wrap .common-btn:nth-child(2):last-child {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.popup-clublist {
    padding: 0;
    flex: 1
}

.popup-clublist .list-item-wrap {
    display: flex;
    flex-flow: column nowrap;
    width: 100%
}

.popup-clublist .list-item-wrap .list-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    min-height: 3.5rem;
    padding: .5rem 1.142rem;
    border-radius: 6px;
    border: solid 1px #111;
    background-image: linear-gradient(to bottom, #12161b, #12161b);
    cursor: pointer
}

.popup-clublist .list-item-wrap .list-item+* {
    margin-top: .642rem
}

.popup-clublist .list-item-wrap .list-item .club-image-holder {
    width: 2.857rem;
    height: 2.857rem;
    border: 2px solid #63a462;
    border-radius: 50%;
    border-image-source: linear-gradient(to bottom, #63a462, #4a7e49);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #000, #000), linear-gradient(to bottom, #63a462, #4a7e49);
    background-origin: border-box;
    background-clip: content-box, border-box;
    overflow: hidden
}

.popup-clublist .list-item-wrap .list-item .club-image-holder img.club-image {
    width: 100%;
    height: auto
}

.popup-clublist .list-item-wrap .list-item .club-name {
    flex: 1;
    font-family: Kanit;
    font-size: 1.142rem;
    line-height: 1;
    color: #e0e0e0;
    margin: 0 .642rem
}

.popup-clublist .list-item-wrap .list-item .club-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 120px;
    min-height: 2.142rem;
    padding: .214rem .7rem;
    border-radius: 100px;
    border: solid 2px #111;
    background-color: #000;
    font-family: Ubuntu;
    font-size: 14px;
    color: #999
}

.popup-clublist .list-item-wrap .list-item .club-info i {
    font-size: 1.2em
}

.popup-clublist .list-item-wrap .list-item.green .club-info {
    color: #8bec44
}

.popup-clublist .list-item-wrap .list-item.green .club-info i {
    color: #8bec44
}

.popup-clublist .btn-add-club {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 1.142rem;
    font-family: Kanit;
    line-height: 1;
    background-image: linear-gradient(to bottom, #38c05f 0, #1f6432 100%)
}

.popup-clublist .btn-add-club i.icon-plus {
    font-size: 150%;
    margin-right: .5rem
}

.popup-buyin {
    width: 100%;
    color: #ddd
}

.popup-buyin .cc-pop-up-content {
    border-radius: 6px;
    box-shadow: inset 0 4px 4px 2px rgba(0, 0, 0, .5), inset 0 -4px 4px 2px rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom, #000, #13161b 100%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(to bottom, #000, #13161b 100%);
    background-origin: border-box;
    background-clip: content-box, border-box
}

.popup-buyin .BuyInGameNameTitle {
    display: flex;
    justify-content: center;
    width: 100%
}

.popup-buyin .BuyInGameNameTitle .text {
    background-color: #000;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    border-radius: 12px;
    border: solid 1px #111;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .2rem;
    padding-bottom: .2rem
}

.popup-buyin .BlindAmountText {
    margin-top: 1rem;
    text-align: center
}

.popup-buyin .BlindAmount {
    text-align: center;
    font-size: 2.428rem;
    font-weight: 500;
    line-height: 1;
    margin: 0 0 1rem
}

.popup-buyin .ModeRowBlock {
    display: flex;
    justify-content: center
}

.popup-buyin .ModeRowBlock .ModeBlock {
    margin-right: 8px
}

.popup-buyin .ModeRowBlock .ModeBlock .text {
    display: block;
    background-color: #0e5b24;
    color: #e0e0e0;
    font-size: .857rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    border-radius: 3px;
    padding-left: .8rem;
    padding-right: .8rem;
    padding-top: 0;
    padding-bottom: 0
}

.popup-buyin .ModeRowBlock .ModeBlock:last-child {
    margin-right: 0
}

.popup-buyin .InfoRow {
    margin: 10px 0;
    color: #20c44e;
    display: flex;
    justify-content: center
}

.popup-buyin .InfoRow .info-block {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: .928rem
}

.popup-buyin .InfoRow .info-block .table-id {
    margin-left: 5px
}

.popup-buyin .InfoRow .info-block .table-id::before {
    content: "#"
}

.popup-buyin .InfoRow .info-block .icon-clock {
    margin-right: 5px
}

.popup-buyin .InfoRow .info-block:last-child {
    justify-content: flex-start
}

.popup-buyin #auto-withdraw-text {
    text-align: center;
    margin-bottom: 5px;
    color: #20c44e
}

.popup-buyin #auto-withdraw-text .amount {
    color: #fff
}

.popup-buyin .ButtonBlock {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.popup-buyin .ButtonBlock .leftBtn {
    width: 40%
}

.popup-buyin .ButtonBlock .rightBtn {
    width: 40%
}

.popup-buyin .ButtonBlock .common-btn {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.popup-buyin .ButtonBlock .common-btn.leftBtn {
    background: -moz-linear-gradient(bottom, #444 0, #999 100%);
    background: -webkit-linear-gradient(bottom, #444 0, #999 100%);
    background: -o-linear-gradient(bottom, #444 0, #999 100%);
    background: -ms-linear-gradient(bottom, #444 0, #999 100%);
    background: linear-gradient(bottom, #444 0, #999 100%)
}

.popup-withdraw .cc-buy-in-info-container {
    background: 0 0 !important
}

.popup-withdraw .buy-in-info-table-settings .tr:first-child {
    color: #fa9800
}

.dialog-tutorials {
    display: flex;
    flex-flow: column nowrap;
    margin-top: .65rem;
    height: 35rem
}

.dialog-tutorials .btns-wrap {
    display: flex;
    width: 100%;
    overflow-x: auto
}

.dialog-tutorials .btns-wrap .tutorial-btn {
    flex: 1;
    font-family: Kanit;
    font-size: .937rem;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
    min-height: 35px;
    padding: .5rem;
    color: #999;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #111;
    background-image: linear-gradient(to bottom, #13161b, #000 100%);
    line-height: 1
}

.dialog-tutorials .btns-wrap .tutorial-btn:not(:last-child) {
    margin-right: .4rem
}

.dialog-tutorials .btns-wrap .tutorial-btn.active {
    color: #fff;
    border: 1px solid #111;
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.dialog-tutorials .tutorial-content {
    flex: 1;
    overflow: auto;
    margin-top: 1rem
}

.popup-buyItem {
    padding: 10px;
    flex: 1
}

.popup-buyItem .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.popup-buyItem .content img {
    border-radius: 5px;
    border: 1px solid #111
}

.popup-buyItem .content .title {
    display: flex
}

.popup-buyItem .content .title .name {
    text-align: center;
    font-size: 1.857rem
}

.popup-buyItem .content .title .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1.428rem;
    width: 1.428rem;
    margin: 0 .571rem
}

.popup-buyItem .content .title .icon svg {
    fill: #1be785;
    height: 1.428rem;
    width: 1.428rem
}

.popup-buyItem .content .cost {
    display: flex;
    align-items: center;
    margin-top: .857rem
}

.popup-buyItem .content .cost .title {
    font-size: 1.428rem
}

.popup-buyItem .content .cost .icon {
    flex: 0 1.428rem;
    width: 1.428rem;
    margin: 0 .571rem
}

.popup-buyItem .content .cost .icon svg {
    fill: #ffea00;
    margin-top: 4px;
    height: 1.428rem;
    width: 1.428rem
}

.popup-buyItem .content .cost .cost-value {
    font-size: 1.428rem
}

.popup-buyItem .content .notice {
    max-width: 90%;
    font-size: 1.25rem;
    margin-top: .857rem;
    text-align: center
}

.popup-buyItem .btns-wrap {
    display: flex;
    flex-flow: row nowrap
}

.popup-buyItem .btns-wrap .common-btn {
    flex: 1;
    height: 2.857rem;
    margin-bottom: 0
}

.popup-buyItem .btns-wrap .common-btn+.common-btn {
    margin-left: 1rem
}

.popup-buyItem .btns-wrap .common-btn:nth-child(2):last-child {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.popup-cashier-history {
    background: #fff;
    border-radius: 3px;
    margin-top: 4px
}

.popup-cashier-history .content {
    padding: .5rem
}

.popup-cashier-history .content .index-info {
    font-size: .857rem;
    font-weight: 700;
    color: #999;
    text-align: center;
    margin-bottom: .5rem
}

.popup-cashier-history .content table.history-table {
    width: 100%;
    color: #000;
    font-size: .785rem;
    font-weight: 700
}

.popup-cashier-history .content table.history-table td {
    padding: .642rem .214rem;
    border: 1px solid #000;
    text-align: center
}

.popup-cashier-history .content table.history-table thead {
    background-color: #29313b;
    color: #fff;
    font-weight: 400
}

.popup-cashier-history .content table.history-table tbody tr:nth-child(odd) {
    background: #ddd
}

.popup-cashier-history .content .pagination {
    margin: 1rem;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between
}

.popup-cashier-history .content .pagination .btn-page-index {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #555;
    border-radius: 3px;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    color: #555;
    font-weight: 700
}

.popup-cashier-history .content .pagination .btn-page-index.active {
    border: 2px solid #111;
    color: #999
}

.dialog {
    z-index: 998;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
    text-align: center;
    padding: 0 !important;
    transition: all .3s ease-out
}

.dialog .dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: all 150ms ease-out
}

.dialog .dialog-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 100%;
    padding: 20px 0;
    pointer-events: none !important;
    transform: scale(.5);
    transition: all .3s cubic-bezier(.68, -.55, .27, 1.55)
}

.dialog .dialog-wrap .dialog-content {
    position: relative;
    border: 2px solid #111;
    border-radius: 5px;
    background: linear-gradient(to bottom, #29313b, #191e24);
    width: calc(100% - 30px);
    margin: auto;
    min-width: 300px;
    min-height: 50px;
    max-width: 560px;
    pointer-events: auto !important
}

.dialog .dialog-wrap .dialog-content .right-close {
    cursor: pointer;
    float: right;
    width: 18px;
    height: 18px;
    margin: 6px;
    background: linear-gradient(#e0e0e0, #e0e0e0), linear-gradient(#e0e0e0, #e0e0e0), transparent;
    background-position: center;
    background-size: 100% 2px, 2px 100%;
    background-repeat: no-repeat;
    border-radius: 50%;
    opacity: .8;
    transform: rotate(45deg);
    transition: 150ms ease-out
}

.dialog .dialog-wrap .dialog-content .right-close:hover {
    opacity: 1
}

.dialog .dialog-wrap .dialog-content .dialog-header .header-background {
    position: relative;
    top: -2px;
    width: calc(100% - 17 * 2px - 30 * 2px);
    margin: 0 auto;
    height: 17px;
    z-index: 1;
    border-width: 1px 0 2px 0
}

.dialog .dialog-wrap .dialog-content .dialog-header .header-background::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border-width: 1px 0 1px 1px;
    transform: skewX(30deg) translateX(calc(-100% + 15px))
}

.dialog .dialog-wrap .dialog-content .dialog-header .header-background::after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border-width: 1px 1px 1px 0;
    transform: skewX(-30deg) translateX(calc(100% - 15px))
}

.dialog .dialog-wrap .dialog-content .dialog-header .header-background .header-group {
    margin: 0 auto;
    display: flex;
    height: 22px;
    width: 100%;
    position: absolute;
    bottom: -2px
}

.dialog .dialog-wrap .dialog-content .dialog-header .sideL,
.dialog .dialog-wrap .dialog-content .dialog-header .sideR {
    width: 30px;
    background: no-repeat center top/100% 100%;
    background-image: unset
}

.dialog .dialog-wrap .dialog-content .dialog-header .sideL {
    background-image: url(../images/variation-img/lobby_images/popup_line_l.png)
}

.dialog .dialog-wrap .dialog-content .dialog-header .sideR {
    background-image: url(../images/variation-img/lobby_images/popup_line_r.png)
}

.dialog .dialog-wrap .dialog-content .dialog-header .lineL,
.dialog .dialog-wrap .dialog-content .dialog-header .lineR {
    width: 30%;
    background: url(../images/variation-img/lobby_images/popup_line.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: center top;
    flex: 1 1
}

.dialog .dialog-wrap .dialog-content .dialog-header div.title-bg {
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/variation-img/lobby_images/title_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    padding: 3px 2rem;
    min-width: 12rem;
    max-width: 90%;
    min-height: 25px;
    height: max-content;
    transform: translateY(-30%);
    text-transform: uppercase
}

.dialog .dialog-wrap .dialog-content .dialog-header div.title-bg h2.title {
    color: #fff;
    font-size: 1.142rem;
    text-align: center;
    font-family: 'Exo 2', sans-serif;
    word-break: break-word;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 4px
}

.dialog .dialog-wrap .dialog-content .dialog-body {
    padding: .714rem;
    width: 100%;
    color: #fff
}

.dialog .dialog-wrap .dialog-content .dialog-body>.text {
    font-size: 1.166rem;
    font-weight: 400;
    text-align: center;
    color: #fff;
    margin: auto;
    padding: 10px
}

.dialog .dialog-wrap .dialog-content .dialog-body>.btns-wrap {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    padding: 10px
}

.dialog .dialog-wrap .dialog-content .dialog-body>.btns-wrap>.common-btn {
    flex: 1;
    height: 2.857rem;
    margin: 0
}

.dialog .dialog-wrap .dialog-content .dialog-body>.btns-wrap>.common-btn+.common-btn {
    margin-left: 1rem
}

.dialog .dialog-wrap .dialog-content .dialog-body>.btns-wrap>.common-btn:nth-child(2):last-child {
    background: -moz-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -webkit-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -o-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: -ms-linear-gradient(bottom, #1f6432 0, #38c05f 100%);
    background: linear-gradient(bottom, #1f6432 0, #38c05f 100%)
}

.dialog .dialog-wrap .dialog-content .dialog-body.dark {
    background: -moz-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: -webkit-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: -o-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: -ms-linear-gradient(to bottom, #29313b 0, #191e24 100%);
    background: linear-gradient(to bottom, #29313b 0, #191e24 100%)
}

.dialog .dialog-wrap .dialog-content .dialog-footer {
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0
}

.dialog .dialog-wrap .dialog-content .dialog-footer .footer-bar {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 30 * 2px);
    height: 15px;
    z-index: 1;
    border: 1px solid #13161b;
    background: linear-gradient(0deg, #13161b, #000)
}

.dialog .dialog-wrap .dialog-content .dialog-footer .footer-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #13161b;
    border-width: 1px 0 1px 1px;
    transform: skewX(30deg) translateX(calc(-100% + 15px));
    background: linear-gradient(0deg, #13161b, #000)
}

.dialog .dialog-wrap .dialog-content .dialog-footer .footer-bar::after {
    content: "";
    position: absolute;
    right: 0;
    top: -1px;
    z-index: -1;
    width: 20px;
    height: calc(100% + 2px);
    overflow: hidden;
    pointer-events: none;
    border: 1px solid #13161b;
    border-width: 1px 1px 1px 0;
    transform: skewX(-30deg) translateX(calc(100% - 15px));
    background: linear-gradient(0deg, #13161b, #000)
}

.dialog.show {
    opacity: 1;
    visibility: visible;
    display: block
}

.dialog.show .dialog-overlay {
    opacity: .75
}

.dialog.show .dialog-wrap {
    transform: scale(1)
}

.dialog.centered::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.dialog.centered .dialog-wrap {
    text-align: left;
    vertical-align: middle
}

.dialog.background-translucent .dialog-content {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7), rgba(0, 75, 150, .8))
}

.dialog .popup-buyin .RectangleBG,
.dialog .popup-withdraw .RectangleBG,
.popup-buyin .dialog .RectangleBG,
.popup-withdraw .dialog .RectangleBG {
    border-radius: 6px;
    box-shadow: inset 0 4px 4px 2px rgba(0, 0, 0, .5), inset 0 -4px 4px 2px rgba(0, 0, 0, .5);
    border-style: solid;
    border-width: 2px;
    border-image-source: linear-gradient(to bottom, #000, #13161b 100%);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), linear-gradient(to bottom, #000, #13161b 100%);
    background-origin: border-box;
    background-clip: content-box, border-box
}

.dialog .popup-buyin .RectangleBG .RectangleTitle,
.dialog .popup-withdraw .RectangleBG .RectangleTitle,
.popup-buyin .dialog .RectangleBG .RectangleTitle,
.popup-withdraw .dialog .RectangleBG .RectangleTitle {
    margin-top: 10px;
    font-size: .928rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #017f2b;
    text-align: center
}

.dialog .popup-buyin .RectangleBG .OptionBlock,
.dialog .popup-withdraw .RectangleBG .OptionBlock,
.popup-buyin .dialog .RectangleBG .OptionBlock,
.popup-withdraw .dialog .RectangleBG .OptionBlock {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.dialog .popup-buyin .RectangleBG .OptionBlock .center,
.dialog .popup-buyin .RectangleBG .OptionBlock .left,
.dialog .popup-buyin .RectangleBG .OptionBlock .right,
.dialog .popup-withdraw .RectangleBG .OptionBlock .center,
.dialog .popup-withdraw .RectangleBG .OptionBlock .left,
.dialog .popup-withdraw .RectangleBG .OptionBlock .right,
.popup-buyin .dialog .RectangleBG .OptionBlock .center,
.popup-buyin .dialog .RectangleBG .OptionBlock .left,
.popup-buyin .dialog .RectangleBG .OptionBlock .right,
.popup-withdraw .dialog .RectangleBG .OptionBlock .center,
.popup-withdraw .dialog .RectangleBG .OptionBlock .left,
.popup-withdraw .dialog .RectangleBG .OptionBlock .right {
    display: flex;
    justify-content: center
}

.dialog .popup-buyin .RectangleBG .OptionBlock .center,
.dialog .popup-withdraw .RectangleBG .OptionBlock .center,
.popup-buyin .dialog .RectangleBG .OptionBlock .center,
.popup-withdraw .dialog .RectangleBG .OptionBlock .center {
    width: 50%
}

.dialog .popup-buyin .RectangleBG .OptionBlock .left,
.dialog .popup-buyin .RectangleBG .OptionBlock .right,
.dialog .popup-withdraw .RectangleBG .OptionBlock .left,
.dialog .popup-withdraw .RectangleBG .OptionBlock .right,
.popup-buyin .dialog .RectangleBG .OptionBlock .left,
.popup-buyin .dialog .RectangleBG .OptionBlock .right,
.popup-withdraw .dialog .RectangleBG .OptionBlock .left,
.popup-withdraw .dialog .RectangleBG .OptionBlock .right {
    width: 25%
}

.dialog .popup-buyin .RectangleBG .OptionBlock #buyin-slider-buyin-amt,
.dialog .popup-withdraw .RectangleBG .OptionBlock #buyin-slider-buyin-amt,
.popup-buyin .dialog .RectangleBG .OptionBlock #buyin-slider-buyin-amt,
.popup-withdraw .dialog .RectangleBG .OptionBlock #buyin-slider-buyin-amt {
    font-size: 2.428rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #20c44e
}

.dialog .popup-buyin .RectangleBG .OptionBlock .add,
.dialog .popup-withdraw .RectangleBG .OptionBlock .add,
.popup-buyin .dialog .RectangleBG .OptionBlock .add,
.popup-withdraw .dialog .RectangleBG .OptionBlock .add {
    background: url(../images/variation-img/lobby_images/add.png);
    width: 3.4rem;
    height: 3.4rem;
    background-size: 100% 100%
}

.dialog .popup-buyin .RectangleBG .OptionBlock .minus,
.dialog .popup-withdraw .RectangleBG .OptionBlock .minus,
.popup-buyin .dialog .RectangleBG .OptionBlock .minus,
.popup-withdraw .dialog .RectangleBG .OptionBlock .minus {
    background: url(../images/variation-img/lobby_images/reduce.png);
    width: 3.4rem;
    height: 3.4rem;
    background-size: 100% 100%
}

.dialog .popup-buyin .RectangleBG .BalanceBlock,
.dialog .popup-withdraw .RectangleBG .BalanceBlock,
.popup-buyin .dialog .RectangleBG .BalanceBlock,
.popup-withdraw .dialog .RectangleBG .BalanceBlock {
    display: flex;
    align-items: center
}

.dialog .popup-buyin .RectangleBG .BalanceBlock .balanceTitle,
.dialog .popup-withdraw .RectangleBG .BalanceBlock .balanceTitle,
.popup-buyin .dialog .RectangleBG .BalanceBlock .balanceTitle,
.popup-withdraw .dialog .RectangleBG .BalanceBlock .balanceTitle {
    width: 50%;
    color: #fff;
    text-align: right;
    font-weight: 400;
    font-size: .857rem
}

.dialog .popup-buyin .RectangleBG .BalanceBlock .balanceValue,
.dialog .popup-withdraw .RectangleBG .BalanceBlock .balanceValue,
.popup-buyin .dialog .RectangleBG .BalanceBlock .balanceValue,
.popup-withdraw .dialog .RectangleBG .BalanceBlock .balanceValue {
    margin-left: 5px;
    width: 50%;
    font-size: .857rem
}

.dialog .popup-buyin .RectangleBG .BalanceBlock .balanceValue::before,
.dialog .popup-withdraw .RectangleBG .BalanceBlock .balanceValue::before,
.popup-buyin .dialog .RectangleBG .BalanceBlock .balanceValue::before,
.popup-withdraw .dialog .RectangleBG .BalanceBlock .balanceValue::before {
    content: "$"
}

.dialog .popup-buyin .RectangleBG .slider-tax-content h6,
.dialog .popup-withdraw .RectangleBG .slider-tax-content h6,
.popup-buyin .dialog .RectangleBG .slider-tax-content h6,
.popup-withdraw .dialog .RectangleBG .slider-tax-content h6 {
    background: unset
}

.dialog .popup-buyin .RectangleBG .buyin-pop-up-content,
.dialog .popup-withdraw .RectangleBG .buyin-pop-up-content,
.popup-buyin .dialog .RectangleBG .buyin-pop-up-content,
.popup-withdraw .dialog .RectangleBG .buyin-pop-up-content {
    width: 80%;
    margin: 20px auto
}

.dialog .popup-buyin .RectangleBG .buyin-pop-up-content .slider .slider-horizontal,
.dialog .popup-withdraw .RectangleBG .buyin-pop-up-content .slider .slider-horizontal,
.popup-buyin .dialog .RectangleBG .buyin-pop-up-content .slider .slider-horizontal,
.popup-withdraw .dialog .RectangleBG .buyin-pop-up-content .slider .slider-horizontal {
    border: none
}

.dialog .popup-buyin .RectangleBG .buyin-pop-up-content .slider-handle,
.dialog .popup-withdraw .RectangleBG .buyin-pop-up-content .slider-handle,
.popup-buyin .dialog .RectangleBG .buyin-pop-up-content .slider-handle,
.popup-withdraw .dialog .RectangleBG .buyin-pop-up-content .slider-handle {
    background: url(../images/variation-img/lobby_images/silderbtn.png);
    background-size: 100% 100%;
    width: 3rem;
    height: 3rem
}

.dialog .popup-buyin .RectangleBG .slider-slider-content,
.dialog .popup-withdraw .RectangleBG .slider-slider-content,
.popup-buyin .dialog .RectangleBG .slider-slider-content,
.popup-withdraw .dialog .RectangleBG .slider-slider-content {
    padding: 0;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
    width: 80%
}

.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-text-left,
.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-text-right,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-text-left,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-text-right,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-text-left,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-text-right,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-text-left,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-text-right {
    display: block;
    text-align: center
}

.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-text-left::before,
.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-text-right::before,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-text-left::before,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-text-right::before,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-text-left::before,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-text-right::before,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-text-left::before,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-text-right::before {
    content: "$"
}

.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-text-left,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-text-left,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-text-left,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-text-left {
    text-align: left
}

.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-text-right,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-text-right,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-text-right,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-text-right {
    text-align: right
}

.dialog .popup-buyin .RectangleBG .slider-slider-content .slider-middle,
.dialog .popup-withdraw .RectangleBG .slider-slider-content .slider-middle,
.popup-buyin .dialog .RectangleBG .slider-slider-content .slider-middle,
.popup-withdraw .dialog .RectangleBG .slider-slider-content .slider-middle {
    display: block
}

.dialog .amount {
    color: #4dffdc
}

.bulletin .toTop {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: .714rem;
    right: .714rem;
    width: 2.857rem;
    height: 2.857rem;
    border: 3px solid #fff;
    border-radius: 50%;
    border-image-source: linear-gradient(to bottom, #29313b, #191e24);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #326c43 0, #1a3822 61%, #000), linear-gradient(to bottom, #29313b, #191e24);
    background-origin: border-box;
    background-clip: content-box, border-box;
    box-shadow: 0 2px 3px 1px #000
}

.bulletin .toTop svg {
    fill: #29313b;
    width: 60%;
    height: 60%;
    transform: rotate(180deg);
    pointer-events: none
}

.bulletin .full-to-top {
    width: 100%;
    height: 100%;
    overflow: auto
}

.bulletin .eventlist {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .714rem;
    width: 100%;
    height: auto
}

.bulletin .eventlist .event {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.bulletin .eventlist .event+.event {
    margin-top: .457rem
}

.bulletin .eventlist .event .event-main {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-size: cover;
    background-position: center center;
    border: 1px solid #111;
    overflow: hidden;
    font-family: Kanit
}

.bulletin .eventlist .event .event-main .summary {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 50%;
    padding: 2rem 1rem 1rem 1rem;
    color: #fff;
    background: linear-gradient(0deg, #000 10%, transparent);
    display: flex;
    flex-flow: column;
    justify-content: flex-end
}

.bulletin .eventlist .event .event-main::before {
    content: '';
    display: block;
    padding-top: 30%;
    position: relative
}

.bulletin .eventlist .event .event-main .red-dot {
    width: .714rem;
    height: .714rem;
    z-index: 2;
    border-radius: 50%;
    position: absolute;
    top: .428rem;
    left: .428rem;
    background: radial-gradient(circle at 60% 25%, #ffb2bb 0, #ff2a34 30%, #f30400 100%);
    box-shadow: 1px -1px 1px #940200 inset
}

.bulletin .eventlist .event .event-main .title {
    font-size: 1.142rem;
    font-weight: 700;
    font-style: italic;
    text-overflow: ellipsis;
    text-shadow: 1px 1px 10px #000;
    white-space: nowrap;
    overflow: hidden;
    z-index: 2;
    width: 100%;
    color: #fff;
    margin-bottom: .35rem
}

.bulletin .eventlist .event .event-main .dateToggle {
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 1
}

.bulletin .eventlist .event .event-main .dateToggle .date {
    font-size: .785rem;
    color: #fff
}

.bulletin .eventlist .event .event-main .dateToggle .toggleIcon {
    width: 0;
    height: 0;
    margin-left: auto;
    border-top: 7px solid #ddd;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    transition: all .5s ease
}

.bulletin .eventlist .event .toggle-panel {
    z-index: -1;
    max-height: 0;
    overflow: hidden;
    font-size: 1rem;
    color: #fff;
    padding: 0 1.428rem;
    border: 1px solid #29313b;
    border-width: 0;
    border-radius: 0 0 3px 3px;
    background-color: #000;
    transform: translateY(-1px);
    transition: all .5s ease-in-out
}

.bulletin .eventlist .event .toggle-panel pre {
    border: none;
    background-color: transparent;
    font-family: Quicksand, sans-serif !important;
    text-align: justify;
    word-break: break-word;
    white-space: break-spaces;
    font-size: 1.142rem;
    color: #fff
}

.bulletin .eventlist .event .toggle-panel img {
    width: 100%;
    margin-bottom: 1.428rem
}

@media (min-width:595px) {
    .bulletin .eventlist .event .toggle-panel pre {
        font-size: 1.25rem;
        line-height: 2rem
    }
}

@media (max-width:594px) {
    .bulletin .eventlist .event .toggle-panel pre {
        font-size: 1rem;
        line-height: 1.625rem
    }
}

.bulletin .eventlist .event.active .toggleIcon {
    transform: rotate(180deg);
    border-top-color: #020202 !important
}

.bulletin .eventlist .event.active .toggle-panel {
    max-height: 6000px;
    padding: 2rem;
    border-width: 1px
}

@media (min-width:595px) {
    .bulletin .eventlist .event.active .toggle-panel {
        padding: 1rem 2rem
    }
}

@media (max-width:594px) {
    .bulletin .eventlist .event.active .toggle-panel {
        padding: 1rem .75rem
    }
}

.bulletin .eventlist.open .event {
    opacity: .4
}

.bulletin .eventlist.open .event.active {
    opacity: 1
}

.bulletin .notice {
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    color: #e0e0e0;
    margin: 2rem 0
}

section.text-block {
    width: 100%;
    height: 100%;
    margin: auto;
    padding: 5px 0
}

section.text-block h1,
section.text-block h2,
section.text-block h3,
section.text-block h4,
section.text-block h5,
section.text-block h6,
section.text-block ol,
section.text-block ol li,
section.text-block p,
section.text-block span,
section.text-block table,
section.text-block ul,
section.text-block ul li {
    padding: 0;
    margin: 0
}

section.text-block .left {
    text-align: left
}

section.text-block .center {
    text-align: center
}

section.text-block .right {
    text-align: right
}

section.text-block bold {
    font-weight: 500
}

section.text-block bolder {
    font-weight: 700
}

section.text-block italic {
    font-style: italic
}

section.text-block underline {
    text-decoration: underline
}

section.text-block article,
section.text-block header {
    padding: 5px 0
}

section.text-block h2 {
    font-size: 20px;
    font-weight: 700;
    padding: 5px 0
}

section.text-block h5 {
    font-size: 17px;
    font-weight: 500;
    padding: 3px 0
}

section.text-block p {
    font-size: 15px;
    font-weight: 100
}

section.text-block span {
    font-size: 13px;
    padding: 2px 0
}

section.text-block span.big {
    font-size: 16px
}

section.text-block table {
    width: 100%;
    margin: 10px auto;
    border-spacing: 0;
    overflow: hidden;
    table-layout: auto
}

section.text-block table tr {
    width: 100%
}

section.text-block table tr th {
    padding: 3px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 1
}

section.text-block table tr td {
    padding: 4px;
    font-size: 13px;
    text-align: center
}

section.text-block table tr td.nowrap,
section.text-block table tr th.nowrap {
    white-space: nowrap
}

section.text-block table tr td.date,
section.text-block table tr th.date {
    white-space: nowrap
}

section.text-block .img-holder {
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 8px 0
}

section.text-block .img-holder img {
    width: 100%
}

section.text-block .img-holder img.big {
    max-width: 600px
}

section.text-block .img-holder img.medium {
    max-width: 400px
}

section.text-block .img-holder img.small {
    max-width: 200px
}

section.text-block ol {
    width: 100%;
    margin: 10px auto;
    padding: 0;
    list-style: inside decimal
}

section.text-block ol li {
    font-size: 13px;
    padding: 4px 0
}

section.text-block ul {
    width: 100%;
    margin: 10px auto;
    padding: 0
}

section.text-block ul li {
    font-size: 13px;
    padding: 4px 0
}

section.text-block h2 {
    color: #0cb2e1
}

section.text-block h5 {
    color: #5758ab
}

section.text-block p {
    color: #fff
}

section.text-block span {
    color: #aaa
}

section.text-block red {
    color: #d12445
}

section.text-block yellow {
    color: #fac300
}

section.text-block blue {
    color: #00bee7
}

section.text-block green {
    color: #00df5e
}

section.text-block .light {
    background-color: #212342
}

section.text-block .dark {
    background-color: #30284e
}

section.text-block .date {
    background-color: #0059d1
}

section.text-block img {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .75)
}

section.text-block table {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .75);
    -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, .75)
}

section.text-block table tr.break td {
    background-color: #222
}

section.text-block table tr:nth-child(odd) {
    background-color: #041e7a
}

section.text-block table tr:nth-child(even) {
    background-color: #121940
}

section.text-block table tr td,
section.text-block table tr th {
    border: 1px solid #0059d1;
    color: #fff
}

section.text-block table tr th {
    background-color: #252525
}

section.text-block ol li,
section.text-block ul li {
    color: #fff
}

@media (max-width:992px) {
    section.text-block h2 {
        font-size: 18px
    }
    section.text-block h5 {
        font-size: 15px
    }
    section.text-block p {
        font-size: 13px
    }
    section.text-block span {
        font-size: 11px
    }
    section.text-block span.big {
        font-size: 14px
    }
    section.text-block table tr th {
        font-size: 14px
    }
    section.text-block table tr td {
        font-size: 12px
    }
    section.text-block ol li {
        font-size: 12px
    }
    section.text-block ul li {
        font-size: 12px
    }
}

@media (max-width:594px) {
    section.text-block h2 {
        font-size: 16px
    }
    section.text-block h5 {
        font-size: 13px
    }
    section.text-block p {
        font-size: 11px
    }
    section.text-block span {
        font-size: 9px
    }
    section.text-block span.big {
        font-size: 13px
    }
    section.text-block table tr th {
        font-size: 12px
    }
    section.text-block table tr td {
        font-size: 11px
    }
    section.text-block ol li {
        font-size: 11px
    }
    section.text-block ul li {
        font-size: 11px
    }
}

.popup-notice {
    text-align: center;
    max-height: 500px;
    overflow: auto
}

.popup-notice .title {
    font-size: 1.25rem;
    width: 85%
}

.popup-notice .devicePermissionImg {
    width: 85%
}

/*# sourceMappingURL=main.css.map */