body {background: #1C1B20; color:#E2E2E2;font-family: 'NanumSquareNeo';}
/*.header .header_fixed {background: #1C1B20; color:#E2E2E2;border-bottom: 1px solid #313038}*/
/*.header h1 {color:#1C1B20}*/
button {color:#E2E2E2;}
table {}
.btnChkList {display:flex;justify-content: space-between;gap:10px}
.double_ck:checked+label {background: #775CDF;color: #fff;}

.btnChkList li {flex-basis: 16.6%}
.btnChkList li.hit .double_ck+label {border: 1px solid #1CDB2F;
    box-sizing: border-box;
    color: #1CDB2F; box-sizing: border-box}
.double_ck+label {
    border-radius: 5px;
    cursor: pointer;
/*    padding: 7px;*/
    color: #9F9F9F;
    background: #313038;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
}
span.db {font-size:10px}
.vote_box{padding:10px;}
.vote_head{display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap;flex-direction: column;}
.vote_title{font-weight: 700;
    font-size: 13px;
    text-align: left;
    width: 100%;}
.vote_match{    font-weight: 500;
    font-size: 12px;
    display: flex;
    background: #24232A;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 10px;
    color: #9F9F9F;}
.vote_match .tag{display:inline-block; padding:2px 6px; border:1px solid #bbb; border-radius:6px; font-size:12px; margin:0 6px 0 0; display: none}
.vote_match .vs{margin:0 8px; color:#666;}
.vote_grid{width:100%; border-collapse:collapse; margin:10px 0; table-layout:fixed;}
.vote_grid th,.vote_grid td{padding:4px; text-align:center; font-size:12px;font-weight: 400;}
/*.vote_grid th.row_head{background:#313038; width:92px;}*/
/*.vote_grid th.corner{background:#313038; width:92px;}*/
button.cell{width:100%; padding:8px 6px; border:1px solid #393939; border-radius:4px;  cursor:pointer; line-height:1.1;}
button.cell .sub{font-size:11px; color:#666; margin-top:3px;}
button.cell.selected{background:#B5DB1C; border-color:#B5DB1C;color:#1C1B20}
button.cell.selected .sub{color:#B5DB1Ci;}
button.cell.high_odds{color:#EB3333 !important; font-weight:800;}
button.cell.popular{background:#eaf4ff; border-color:#5aa6ff;color:#1C1B20}
button.cell.zero{opacity:.65;}
#vote_step2.loading{opacity:.6; pointer-events:none;}
@media (max-width:768px){
  .vote_grid th.row_head,.vote_grid th.corner{width:70px; font-size:11px;}
  button.cell{padding:6px 4px; font-size:11px; }
  button.cell .sub{font-size:10px;}
}
.joColor {color:#1CDB2F}
.vote_grid_wrap {background: #24232a;
    border-radius: 8px;
    padding: 2px 0;
    margin: 10px 0;}
#grid_sDouble_tbody {display: flex;
    flex-direction: column;
    gap: 10px;}
#grid_sDouble_tbody .row_head {font-size: 14px; color:#E2E2E2}
#grid_top {background: #24232a;
    border-radius: 8px;
    padding: 10px;
    margin: 10px 0;}
.title_header {background: #24232a;
    border-radius: 8px;
    padding: 5px 10px;
    margin: 10px;}
    
#price {height:40px; border-radius:8px;background:#313038; color:#fff; width: 100%; border: 2px solid #313038; outline: none; padding:10px; font-size: 14px; font-weight: 800;}
#price:focus { border: 2px solid #775CDF;}
.save_btn {height:50px; border-radius:8px;background:#775CDF; color:#fff; width: 100%; border: none; outline: none; padding:10px; font-size: 14px; font-weight: 500; margin: 10px 0 0 0}
#vote_step1 {margin:20px 0 0 0}
.betman_info_wrap {border-radius: 10px;}

#loadingSpinner {background: url(/img/auto_back.png) no-repeat center; background-size:cover; width:100%; height:100%; position:fixed; top:0; left:0; z-index:100000;display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 16px;opacity: 0.95;}