@charset "UTF-8";
/* Common */

*,
:before,
:after {
    box-sizing: border-box;
}

html {
    overflow-y: scroll;
}

html.fix {
    overflow-y: hidden;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
}

textarea {
    -webkit-appearance: none;
}

body {
    font-size: 12px;
    line-height: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", helvetica, "Apple SD Gothic Neo", sans-serif;
    letter-spacing: -0.4px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: var(--body-bg-color);
}

img,
fieldset {
    border: 0;
}

fieldset {
    min-width: 0;
}

img {
    vertical-align: top;
}

ul,
ol {
    list-style: none;
}

em,
address {
    font-style: normal;
}

a {
    color: var(--anchor-default-color);
    text-decoration: none;
}

a:hover {
    color: var(--anchor-hover-color);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: var(--anchor-default-color);
}

a[href^=tel] {
    text-decoration: inherit;
    color: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    zoom: 1;
}

caption,
legend {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    overflow: hidden;
    font-size: 0;
}

.blind {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}

button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
}

.u_skip a {
    position: fixed;
    left: 0;
    top: -45px;
    width: 100%;
    z-index: 999;
    padding: 5px;
    background-color: #000;
    color: #fff;
}

.u_skip a:focus {
    width: auto;
    top: 0;
    text-decoration: none;
}

input,
select {
    vertical-align: middle;
    background: var(--input-bg-color);
    border: none;
    padding: 3px 20px;
    color: var(--input-text-color);
    letter-spacing: -0.6px;
    border-radius: 0;
    font-size: 13px;
}

input[type="radio"],
input[type="checkbox"] {
    border: 0;
    padding: 3px 20px;
    height: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

select {
    padding: 5px;
    height: 40px;
    border: none;
}

option {
    padding: 10px;
}

textarea {
    padding: 10px;
    vertical-align: middle;
    background: var(--input-bg-color);
    border: none;
    border-radius: var(--border-radius);
    color: var(--input-text-color);
    font-size: 13px;
    letter-spacing: -0.6px;
    box-shadow: none;
}

a,
a:hover,
a:active,
a:focus,
input,
input:hover,
input:focus,
input:active,
select,
textarea {
    text-decoration: none;
    outline: 0 !important;
}

.form-control,
.form-select {
    border-radius: 0;
    padding: 0 8px;
    font-size: 12px;
    color: var(--input-text-color) !important;
    border: 1px solid var(--input-border-color);
    background-color: var(--input-bg-color);
    border-radius: 5px;
    letter-spacing: 0;
}

.form-control:focus,
.form-select:focus {
    outline: 0;
    box-shadow: none;
    background-color: var(--input-bg-color);
    border-color: var(--input-focus-border-color) !important;
}

.form-control::-moz-placeholder {
    color: var(--input-text-placeholder-color) !important;
    text-transform: capitalize;
}

.form-control::-webkit-input-placeholder {
    color: var(--input-text-placeholder-color) !important;
    text-transform: capitalize;
}

.form-control:-ms-input-placeholder {
    color: var(--input-text-placeholder-color) !important;
    text-transform: capitalize;
}

.form-control::-ms-input-placeholder {
    color: var(--input-text-placeholder-color) !important;
    text-transform: capitalize;
}

.form-control::placeholder {
    color: var(--input-text-placeholder-color) !important;
    text-transform: capitalize;
}

.form-control:disabled,
.form-control[readonly] {
    opacity: .5;
}

input.form-control::-webkit-outer-spin-button,
input.form-control::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="number"].form-control {
    height: 40px;
}

textarea.form-control {
    min-height: auto;
    padding: 8px 8px;
}

/*------------------- 5.4. Select Box -------------------*/

.form-select {
    height: 40px;
}

.form-select option {
    background-color: var(--input-bg-color);
}

.form-select:disabled {
    opacity: .4;
    background-color: var(--input-bg-color);
}

.form-check {
    padding-left: 0;
    display: inline-block;
    margin: 0;
    min-height: 24px;
}

.form-check input[type="checkbox"] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}

.form-check input[type="checkbox"]:checked~.form-check-label:before {
    content: "\f00c";
    color: var(--highlight-color);
    border-color: var(--highlight-color);
}

.form-check input[type="checkbox"]~.form-check-label {
    position: relative;
    height: 20px;
    padding-left: 24px;
    line-height: 20px;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
}

.form-check input[type="checkbox"]~.form-check-label.text {
    padding-left: 32px;
}

.form-check input[type="checkbox"]~.form-check-label:before {
    content: '';
    font-family: var(--icon-font);
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--input-bg-color);
    border: 1px solid var(--input-border-color);
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 9px;
    border-radius: 50%;
}

.form-check input[type="radio"] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none;
}

.form-check input[type="radio"]~.form-check-label {
    position: relative;
    height: 20px;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 0;
}

.form-check input[type="radio"]~.form-check-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--input-border-color);
    border-radius: 100%;
    background: var(--input-bg-color);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-check input[type="radio"]~.form-check-label:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.form-check input[type="radio"]:checked~.form-check-label::before {
    border-color: var(--highlight-color);
}

.form-check input[type="radio"]:checked~.form-check-label:after {
    opacity: 1;
    background-color: var(--highlight-color);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.ball {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    line-height: 20px;
    background: url("/img/common/powerball.png") no-repeat 0 -50px;
    text-indent: -9999px;
}

.ball+.ball {
    margin-left: 2px;
}

.ball.n0 {
    background-position: 0 -120px;
}

.ball.n {
    background: none !important;
}

.ball.n1,
.ball.n01 {
    background-position: 0 0;
}

.ball.n2,
.ball.n02 {
    background-position: -30px 0;
}

.ball.n3,
.ball.n03 {
    background-position: -60px 0;
}

.ball.n4,
.ball.n04 {
    background-position: -90px 0;
}

.ball.n5,
.ball.n05 {
    background-position: -120px 0;
}

.ball.n6,
.ball.n06 {
    background-position: -150px 0;
}

.ball.n7,
.ball.n07 {
    background-position: -180px 0;
}

.ball.n8,
.ball.n08 {
    background-position: 0 -30px;
}

.ball.n9,
.ball.n09 {
    background-position: -30px -30px;
}

.ball.n10 {
    background-position: -60px -30px;
}

.ball.n11 {
    background-position: -90px -30px;
}

.ball.n12 {
    background-position: -120px -30px;
}

.ball.n13 {
    background-position: -150px -30px;
}

.ball.n14 {
    background-position: -180px -30px;
}

.ball.n15 {
    background-position: 0 -60px;
}

.ball.n16 {
    background-position: -30px -60px;
}

.ball.n17 {
    background-position: -60px -60px;
}

.ball.n18 {
    background-position: -90px -60px;
}

.ball.n19 {
    background-position: -120px -60px;
}

.ball.n20 {
    background-position: -150px -60px;
}

.ball.n21 {
    background-position: -180px -60px;
}

.ball.n22 {
    background-position: 0 -90px;
}

.ball.n23 {
    background-position: -30px -90px;
}

.ball.n24 {
    background-position: -60px -90px;
}

.ball.n25 {
    background-position: -90px -90px;
}

.ball.n26 {
    background-position: -120px -90px;
}

.ball.n27 {
    background-position: -150px -90px;
}

.ball.n28 {
    background-position: -180px -90px;
}

.ball.n29 {
    background-position: -240px 0;
}

.ball.n30 {
    background-position: -270px 0;
}

.ball.n31 {
    background-position: -300px 0;
}

.ball.n32 {
    background-position: -330px 0;
}

.ball.n33 {
    background-position: -360px 0;
}

.ball.n34 {
    background-position: -390px 0;
}

.ball.n35 {
    background-position: -420px 0;
}

.ball.n36 {
    background-position: -450px 0;
}

.ball.n37 {
    background-position: -480px 0;
}

.ball.n38 {
    background-position: -510px 0;
}

.ball.n39 {
    background-position: -240px -30px;
}

.ball.n40 {
    background-position: -270px -30px;
}

.ball.n41 {
    background-position: -300px -30px;
}

.ball.n42 {
    background-position: -330px -30px;
}

.ball.n43 {
    background-position: -360px -30px;
}

.ball.n44 {
    background-position: -390px -30px;
}

.ball.n45 {
    background-position: -420px -30px;
}

.ball.n46 {
    background-position: -450px -30px;
}

.ball.n47 {
    background-position: -480px -30px;
}

.ball.n48 {
    background-position: -510px -30px;
}

.ball.n49 {
    background-position: -240px -60px;
}

.ball.n50 {
    background-position: -270px -60px;
}

.ball.n51 {
    background-position: -300px -60px;
}

.ball.n52 {
    background-position: -330px -60px;
}

.ball.n53 {
    background-position: -360px -60px;
}

.ball.n54 {
    background-position: -390px -60px;
}

.ball.n55 {
    background-position: -420px -60px;
}

.ball.n56 {
    background-position: -450px -60px;
}

.ball.n57 {
    background-position: -480px -60px;
}

.ball.n58 {
    background-position: -510px -60px;
}

.ball.n59 {
    background-position: -240px -90px;
}

.ball.n60 {
    background-position: -270px -90px;
}

.ball.n61 {
    background-position: -300px -90px;
}

.ball.n62 {
    background-position: -330px -90px;
}

.ball.n63 {
    background-position: -360px -90px;
}

.ball.n64 {
    background-position: -390px -90px;
}

.ball.n65 {
    background-position: -420px -90px;
}

.ball.n66 {
    background-position: -450px -90px;
}

.ball.n67 {
    background-position: -480px -90px;
}

.ball.n68 {
    background-position: -510px -90px;
}

.ball.n69 {
    background-position: -510px -120px;
}

.ball.n70 {
    background-position: -510px -150px;
}

.ball.p0 {
    background-position: 0 -120px;
}

.ball.p1 {
    background-position: -30px -120px;
}

.ball.p2 {
    background-position: -60px -120px;
}

.ball.p3 {
    background-position: -90px -120px;
}

.ball.p4 {
    background-position: -120px -120px;
}

.ball.p5 {
    background-position: -150px -120px;
}

.ball.p6 {
    background-position: -180px -120px;
}

.ball.p7 {
    background-position: -210px -120px;
}

.ball.p8 {
    background-position: -240px -120px;
}

.ball.p9 {
    background-position: -270px -120px;
}

span.banker {
    background-color: #e74c3c;
}

span.player {
    background-color: #3498db;
}

span.tie {
    background-color: #359070;
}

.balls span.ODD,
.balls span.EVEN,
.balls span.LARGE,
.balls span.MEDIUM,
.balls span.SMALL,
.ladder.odd,
.ladder.left,
.ladder.line3,
.ladder.even,
.ladder.right,
.ladder.line4 {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    line-height: 28px;
    vertical-align: middle;
}

.balls span.ODD,
.balls span.LARGE,
.ladder.odd,
.ladder.left,
.ladder.line3 {
    background-color: #0182dd;
}

.balls span.MEDIUM {
    background-color: #3c3c3c;
}

.balls span.EVEN,
.balls span.SMALL,
.ladder.even,
.ladder.right,
.ladder.line4 {
    background-color: #d22627;
}

span.player,
span.banker,
span.tie {
    display: inline-block;
    margin: 2px 2px;
    padding: 0 4px;
    min-width: 27px;
    height: 27px;
    text-align: center;
    border-radius: 16px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 27px;
}

.s_card {
    display: inline-block;
    margin: 2px 2px;
}

.result_icon.even,
.result_icon.EVEN,
.result_icon.right,
.result_icon.RIGHT,
.result_icon.line4,
.result_icon.LINE4,
.result_icon.over,
.result_icon.OVER {
    background-color: #d22627;
}

.result_icon.odd,
.result_icon.ODD,
.result_icon.left,
.result_icon.LEFT,
.result_icon.line3,
.result_icon.LINE3,
.result_icon.under,
.result_icon.UNDER {
    background-color: #0182dd;
}

.result_icon.LARGE {
    background-color: #db36a4;
}

.result_icon.MEDIUM {
    background-color: #cb8b00;
}

.result_icon.SMALL {
    background-color: #0da700;
}

.result_icon {
    display: inline-block;
    min-width: 25px;
    height: 25px;
    padding: 0 5px;
    font-size: 11px;
    text-align: center;
    color: #fff;
    border-radius: 13px;
    line-height: 25px;
    vertical-align: middle;
}

.badge {
    display: inline-block;
    padding: 0 10px;
    height: 26px;
    font-size: 11px;
    color: #FFD;
    text-align: center;
    line-height: 26px;
    border-radius: 13px;
    vertical-align: middle;
}

.badge.buy {
    border-color: #ca2a1d;
    background-color: #ca2a1d;
}

.badge.sell,
.badge.complete {
    border-color: #0182dd;
    background-color: #0182dd;
}

.badge.fail {
    border-color: #d22627;
    background-color: #d22627;
}

.badge.ready,
.badge.stay {
    border-color: #08223c;
    background-color: #08223c;
}

.badge.stay {
    background-color: #08223c;
    border-color: #08223c;
}

.badge.complete {
    background-color: #FFC33B;
    border-color: #FFC33B;
    color: #000;
}

.badge.cancel {
    background-color: #3e3e3e;
    border-color: #801616;
    color: #fff;
}

.badge.dcancel {
    background-color: #e70012;
    border-color: #e70012;
    color: #fff;
}

.tbl_board td .badge.stay {
    background-color: #08223c;
    border-color: #08223c;
    color: #fff;
}

.plain {
    font-size: 12px;
    font-weight: bold;
    color: var(--bet-state-stay);
}

.plain.win,
.plain.complete {
    color: #2792d1;
}

.plain.lose,
.plain.fail {
    color: #f92424;
}

.plain.cancel {
    color: #b5b5b5;
}

.plain.stay {
    color: var(--bet-state-stay);
}

.new-label {
    display: none;
    position: relative;
    margin: 1px 0 0 4px;
    background: var(--new-label-bg-color);
    line-height: 1;
    text-transform: capitalize;
    color: var(--new-label-text-color);
    border-radius: 10px;
    padding: 3px 6px;
    font-size: 11px;
    vertical-align: top;
    z-index: 3;
}

.sports_icon {
    display: inline-block;
    min-width: 26px;
    height: 26px;
}

.sports_icon .fal,
.sports_icon .far {
    font-size: 19px;
}

.sports_icon[class*=" icon_"] {
    background-image: url(/img/common/sports_icon.png);
}

.sports_icon .fal {
    margin-top: 4px;
}

.sports_icon.icon_6046 {
    width: 26px;
    height: 26px;
    background-position: -155px 0;
}

.sports_icon.icon_154914 {
    width: 26px;
    height: 26px;
    background-position: -394px 0;
}

.sports_icon.icon_48242 {
    width: 26px;
    height: 26px;
    background-position: -425px 0;
}

.sports_icon.icon_154830 {
    width: 26px;
    height: 26px;
    background-position: 0 0;
}

.sports_icon.icon_35232 {
    width: 26px;
    height: 26px;
    background-position: -185px 0;
}

.sports_icon.icon_1149093 {
    width: 26px;
    height: 26px;
    background-position: -62px 0;
}

.sports_icon.icon_687890 {
    width: 26px;
    height: 26px;
    background-position: -548px 0;
}

.sports_flag {
    display: block;
    width: 26px;
    min-width: 26px;
    height: 26px;
    font-size: 0;
}

.sports_flag>img {
    width: 100%;
}

/* analysis graph */

.analysis_graph .main_tab {
    margin: 0 -2px 10px;
    border-bottom: none;
    font-size: 0;
}

.analysis_graph .main_tab:after {
    content: '';
    display: block;
    clear: both;
}

.analysis_graph .main_tab li {
    display: inline-block;
    margin: 0 2px;
    flex: 1;
    text-align: center;
}

.analysis_graph .main_tab li a {
    position: relative;
    display: flex;
    height: 35px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .15);
    box-shadow: inset 1px 1px rgb(255 255 255 / 20%);
    border-left: none;
    transition: all .2s;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to top, #222, #373737);
    border-radius: var(--border-radius);
}

.analysis_graph .main_tab li a.on {
    border-color: #c24bf4;
    background: linear-gradient(to bottom, #c24bf4 0%, #8226a8 100%);
}

.analysis_graph .graph_view {
    position: relative;
}

.analysis_graph .view:after {
    content: '';
    display: block;
    clear: both;
}

.analysis_graph .graph_view .info_graph {
    padding-top: 10px;
    height: 50px;
    background-color: #222;
}

.analysis_graph .graph_view .info_graph li {
    float: left;
    line-height: 27px;
}

.analysis_graph .graph_view .info_graph .ic {
    float: left;
    margin: 0 10px 0 20px;
    padding: 0 10px;
    min-width: 27px;
    height: 27px;
    text-align: center;
    border-radius: 16px;
    color: #fff;
    font-size: 11px;
}

.analysis_graph .graph_view .info_graph .tx {
    float: left;
    font-size: 13px;
    color: #fff;
}

.analysis_graph .graph_view .info_graph .left .ic,
.analysis_graph .graph_view .info_graph .line3 .ic,
.analysis_graph .graph_view .info_graph .odd .ic,
.analysis_graph .graph_view .info_graph .under .ic,
.analysis_graph .graph_view .info_graph .player .ic {
    background-color: #5994EA;
}

.analysis_graph .graph_view .info_graph .right .ic,
.analysis_graph .graph_view .info_graph .line4 .ic,
.analysis_graph .graph_view .info_graph .even .ic,
.analysis_graph .graph_view .info_graph .over .ic,
.analysis_graph .graph_view .info_graph .banker .ic {
    background-color: #D93E3E;
}

.analysis_graph .graph_view .info_graph .tie .ic {
    background-color: #359070;
}

.analysis_graph .graph_view .info_graph .left4odd .ic {
    background-color: #3498db;
}

.analysis_graph .graph_view .info_graph .right3odd .ic {
    background-color: #2980b9;
}

.analysis_graph .graph_view .info_graph .left3even .ic {
    background-color: #e74c3c;
}

.analysis_graph .graph_view .info_graph .right4even .ic {
    background-color: #c0392b;
}

.analysis_graph .graph_view .info_graph .pongdang .ic {
    background-color: #f41700;
}

.analysis_graph .graph_view .info_graph .break .ic {
    background-color: #7b7b7b;
}

.analysis_graph .graph_view .info_graph .x .ic {
    background-color: #7b7b7b;
}

.analysis_graph .graph_view .info_graph .etc {
    float: right;
    padding-right: 20px;
}

.analysis_graph .graph_view .info_graph .sell .ic,
.analysis_graph .graph_view .info_graph .snail1 .ic {
    background-color: #3498db;
}

.analysis_graph .graph_view .info_graph .buy .ic,
.analysis_graph .graph_view .info_graph .snail2 .ic {
    background-color: #e74c3c;
}

.analysis_graph .graph_view .info_graph .buy .ic,
.analysis_graph .graph_view .info_graph .snail2 .ic {
    background-color: #e74c3c;
}

.analysis_graph .graph_view .info_graph .snail3 .ic {
    background-color: #2980b9;
}

.analysis_graph .graph_view .info_graph .snail4 .ic {
    background-color: #c0392b;
}

.analysis_graph .graph_view .info_graph .ready .ic {
    background-color: #27ae60;
}

.analysis_graph .graph_view .info_graph .big .ic {
    background-color: #e755b6;
}

.analysis_graph .graph_view .info_graph .medium .ic {
    background-color: #00a6af;
}

.analysis_graph .graph_view .info_graph .small .ic {
    background-color: #d5a100;
}

.analysis_graph .graph_view .box_area {
    position: relative;
    margin-top: -1px;
    width: 100%;
    overflow-x: scroll;
}

.analysis_graph .graph_view .box_area::-webkit-scrollbar-track {
    background-color: var(--scroll-bg-track);
    border-radius: 0;
}

.analysis_graph .graph_view .box_area::-webkit-scrollbar {
    width: 17px;
    background-color: var(--scroll-bg-scrollbar);
}

.analysis_graph .graph_view .box_area::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: var(--scroll-bg-scrollbar-thumb);
    border-radius: 0;
}

.analysis_graph .graph_view .inner_graph {
    padding-bottom: 68px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.analysis_graph .graph_view .dot {
    position: absolute;
    width: 9px;
    height: 9px;
    background: url(/img/common/sp_stats.png?v=160324) no-repeat;
}

.analysis_graph .graph_view .dot.LEFT4ODD {
    left: 0;
    background-position: -260px -30px;
}

.analysis_graph .graph_view .dot.RIGHT3ODD {
    right: 0;
    background-position: -240px -30px;
}

.analysis_graph .graph_view .dot.LEFT3EVEN {
    left: 0;
    background-position: -240px -30px;
}

.analysis_graph .graph_view .dot.RIGHT4EVEN {
    right: 0;
    background-position: -260px -30px;
}

.analysis_graph .graph_view dl {
    display: inline-block;
    vertical-align: top;
}

.analysis_graph .graph_view dl .length {
    position: absolute;
    bottom: 34px;
    background: url(/img/common/bg_cell_length.png) repeat;
}

.analysis_graph .graph_view dl .times {
    position: absolute;
    bottom: 0;
    background: url(/img/common/bg_cell_times.png) repeat;
}

.analysis_graph .graph_view dt,
.analysis_graph .graph_view dd {
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0 1px 1px 0;
    text-align: center;
    font-size: 12px;
}

.analysis_graph .graph_view dt {
    position: relative;
    z-index: 1;
}

.analysis_graph .graph_view dt.ODD,
.analysis_graph .graph_view dt.UNDER,
.analysis_graph .graph_view dt.LEFT,
.analysis_graph .graph_view dt._3,
.analysis_graph .graph_view dt.LEFT4ODD,
.analysis_graph .graph_view dt.SELL,
.analysis_graph .graph_view dt.RIGHT3ODD {
    color: #2980b9;
}

.analysis_graph .graph_view dt.READY {
    color: #27ae60;
}

.analysis_graph .graph_view dt.EVEN,
.analysis_graph .graph_view dt.OVER,
.analysis_graph .graph_view dt.RIGHT,
.analysis_graph .graph_view dt._4,
.analysis_graph .graph_view dt.LEFT3EVEN,
.analysis_graph .graph_view dt.BUY,
.analysis_graph .graph_view dt.RIGHT4EVEN {
    color: #c0392b;
}

.analysis_graph .graph_view dt.big {
    color: #e755b6;
}

.analysis_graph .graph_view dt.medium {
    color: #00a6af;
}

.analysis_graph .graph_view dt.small {
    color: #d5a100;
}

.analysis_graph .graph_view dd span {
    position: relative;
    display: inline-block;
    margin-top: 3px;
    width: 27px;
    height: 27px;
    line-height: 27px;
    border-radius: 16px;
    font-family: tahoma, 돋움, Dotum, sans-serif;
    font-size: 9px;
    color: #fff;
}

.analysis_graph .graph_view dd span.odd,
.analysis_graph .graph_view dd span.ODD,
.analysis_graph .graph_view dd span.under,
.analysis_graph .graph_view dd span.UNDER,
.analysis_graph .graph_view dd span.LEFT,
.analysis_graph .graph_view dd span._3,
.analysis_graph .graph_view dd span.LEFT4ODD,
.analysis_graph .graph_view dd span.SELL,
.analysis_graph .graph_view dd span.RIGHT3ODD {
    background-color: #5994EA;
}

.analysis_graph .graph_view dd span.RIGHT3ODD {
    background-color: #2980b9;
}

.analysis_graph .graph_view dd span.even,
.analysis_graph .graph_view dd span.EVEN,
.analysis_graph .graph_view dd span.over,
.analysis_graph .graph_view dd span.OVER,
.analysis_graph .graph_view dd span.RIGHT,
.analysis_graph .graph_view dd span._4,
.analysis_graph .graph_view dd span.LEFT3EVEN,
.analysis_graph .graph_view dd span.BUY,
.analysis_graph .graph_view dd span.RIGHT4EVEN {
    background-color: #D93E3E;
    border-radius: 16px;
}

.analysis_graph .graph_view dd span.RIGHT4EVEN {
    background-color: #c0392b;
}

.analysis_graph .graph_view dd span.X {
    background-color: #7b7b7b;
    border-radius: 16px;
}

.analysis_graph .graph_view dd span.READY {
    background-color: #27ae60;
}

.analysis_graph .graph_view dd span.snail1 {
    background-color: #3498db;
}

.analysis_graph .graph_view dd span.snail2 {
    background-color: #e74c3c;
}

.analysis_graph .graph_view dd span.snail3 {
    background-color: #2980b9;
}

.analysis_graph .graph_view dd span.snail4 {
    background-color: #c0392b;
}

.analysis_graph .graph_view dd span.big {
    background-color: #e755b6;
}

.analysis_graph .graph_view dd span.medium {
    background-color: #00a6af;
}

.analysis_graph .graph_view dd span.small {
    background-color: #d5a100;
}

.analysis_graph+.contract_title {
    margin-top: 40px;
}

/* bet data */

.bet_label.powerball_21_1,
.bet_label.powerball_22_1,
.bet_label.powerball_41_1,
.bet_label.powerball_41_3,
.bet_label.powerball_81_1,
.bet_label.powerball_81_2,
.bet_label.powerball_81_3,
.bet_label.powerball_81_4,
.bet_label.powerball_81_5,
.bet_label.powerball_81_6,
.bet_label.powerball_81_7,
.bet_label.powerball_81_8,
.bet_label.powersadari_21_1,
.bet_label.powersadari_21_2,
.bet_label.powersadari_22_1,
.bet_label.powersadari_22_2,
.bet_label.powersadari_23_1,
.bet_label.powersadari_23_2,
.bet_label.powersadari_41_1,
.bet_label.powersadari_41_3,
.bet_label.baccarat_31_1,
.bet_label.baccarat_21_1 {
    background: #207ce5 !important;
}

.bet_label.powerball_21_2,
.bet_label.powerball_22_2,
.bet_label.powerball_23_2,
.bet_label.powerball_24_2,
.bet_label.powerball_25_2,
.bet_label.powerball_26_2,
.bet_label.powerball_41_2,
.bet_label.powerball_41_4,
.bet_label.powerball_42_2,
.bet_label.powerball_42_4,
.bet_label.powerball_43_2,
.bet_label.powerball_43_4,
.bet_label.powerball_44_2,
.bet_label.powerball_44_4,
.bet_label.powerball_61_4,
.bet_label.powerball_61_5,
.bet_label.powerball_61_6,
.bet_label.powerball_81_3,
.bet_label.powerball_81_4,
.bet_label.powerball_81_7,
.bet_label.powerball_81_8,
.bet_label.ball_22_2,
.bet_label.ball_23_2,
.bet_label.powersadari_21_2,
.bet_label.powersadari_22_2,
.bet_label.powersadari_23_2,
.bet_label.powersadari_41_3,
.bet_label.powersadari_41_4,
.bet_label.baccarat_31_2,
.bet_label.baccarat_21_2 {
    background: #ff3019 !important;
}

.bet_label.powerball_31_1,
.bet_label.powerball_61_1,
.bet_label.powerball_61_4,
.bet_label.ball_31_1,
.bet_label.baccarat_31_3 {
    background: #0da700 !important;
}

.bet_label.powerball_31_2,
.bet_label.powerball_61_2,
.bet_label.powerball_61_5,
.bet_label.ball_31_2 {
    background: #cb8b00 !important;
}

.bet_label.powerball_31_3,
.bet_label.powerball_61_3,
.bet_label.powerball_61_6,
.bet_label.ball_31_3 {
    background: #db36a4 !important;
}

.bet_label.powerbacara_31_1,
.bet_label.powerbacara_32_1 {
    background: linear-gradient(#3b78ca, #0035c7) !important;
}

.bet_label.powerbacara_31_2,
.bet_label.powerbacara_32_2 {
    background: linear-gradient(#f5ad36 0%, #9a6f0f 54.68%, #af6808 100%) !important;
}

.bet_label.powerbacara_31_3,
.bet_label.powerbacara_32_3 {
    background: linear-gradient(#ce2123, #8e0e10) !important;
}

.rate_arrow.rate_up {
    width: 9px;
    height: 6px;
    background: url(/img/common/ico_rating_up.png) no-repeat 0 0;
}

.rate_arrow.rate_down {
    width: 9px;
    height: 6px;
    background: url(/img/common/ico_rating_down.png) no-repeat 0 0;
}

.rate_arrow.animated {
    animation-name: slideInDown;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -70%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.button-color-41-1,
.button-color-41-2,
.button-color-41-3,
.button-color-41-4,
.button-color-42-1,
.button-color-42-2,
.button-color-42-3,
.button-color-42-4,
.button-color-43-1,
.button-color-43-2,
.button-color-43-3,
.button-color-43-4,
.button-color-44-1,
.button-color-44-2,
.button-color-44-3,
.button-color-44-4 {
    width: 50%;
    flex: none !important;
}

.button-color-61-1,
.button-color-61-2,
.button-color-61-3,
.button-color-61-4,
.button-color-61-5,
.button-color-61-6 {
    width: 33.3333%;
    flex: none !important;
}

/* sports icon */

.fal.fa-sport-6046:before {
    content: "\f1e3";
}

.fal.fa-sport-154914:before {
    content: "\f433";
}

.fal.fa-sport-48242:before {
    content: "\f434";
}

.fal.fa-sport-154830:before {
    content: "\f45f";
}

.fal.fa-sport-530129:before {
    content: "\f44c";
}

.fal.fa-sport-1149093:before {
    content: "\f45b";
}

.fal.fa-sport-131506:before {
    content: "\f44e";
}

.power {
    color: var(--bet-state-power);
}

.normal {
    color: #f58702;
}

.icon_bul {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin-left: 5px;
    margin-top: 2px;
    background: #fff;
    border-radius: 100%;
    text-indent: -999em;
    vertical-align: sub;
}

.text-box {
    display: inline-block;
    height: 22px;
    padding: 0 6px;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    line-height: 22px;
    background-color: #323248;
    border-radius: 2px;
    white-space: nowrap;
}

.text-box.win,
.text-box.complete {
    background: linear-gradient(to bottom, #0182dd 1%, #0d5c93 100%);
}

.text-box.lose,
.text-box.fail,
.text-box.cancel {
    background: linear-gradient(to bottom, rgba(164, 19, 26, 1) 1%, rgba(128, 9, 17, 1) 100%);
}

.text-box.cancel {
    background: linear-gradient(to top, #545454, #7c7c7c);
}

.text-box.stay {
    background-color: #646464;
}

.cash {
    font-weight: bold;
    color: var(--bet-state-cash);
}

.out {
    font-weight: 400;
    color: var(--bet-state-out);
}

.in_cash {
    font-weight: 400;
    color: var(--bet-state-in-cash);
}

.out_cash {
    font-weight: 400;
    color: var(--bet-state-out-cash);
}

.yes {
    font-weight: 400;
    color: var(--bet-state-yes);
}

.no {
    font-weight: 400;
    color: var(--bet-state-yes);
}

.file {
    font-weight: 400;
    color: var(--bet-state-file);
}

.read {
    font-weight: 400;
    color: var(--bet-state-read);
}

.cate {
    font-weight: 400;
    color: #fff;
}