@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
*{font-family: 'Pretendard-Regular';}

.bg-dark {
    background-color: #fff !important;
    border-bottom: 1px solid #ddd;
}
.nav-item a {color: #ddd;font-weight: 700;}
.nav-item a:hover {color: #000;}

/* table */
.btn-outline-light {
    color: #fff;
    border-color: none;
    background-color: #3366ff;
}
.btn-outline-light:hover {background-color: #3366ff;color: #fff;}
.custom-thead tr td {color: #000;}
/* footer */
.container {width: 100%;}
footer {
    width: 100%;
    border-bottom: 0;
    border-top: 1px solid #b0b0b0;
    background-color: #f5f5f5;
}
.py-3 {padding: 1rem 0;}
.my-4 {margin: 0;}
.cell > div {
    display:inline-block;
}

.cell > div.unit_score {
    font-size:20px;
}
.cell > div.unit_count {
    border:1px solid #3366ff;
    border-radius: 5px;
    font-size:14px;
    padding:3px 5px;
    background-color:#E7E9FF;
    margin-left:15px;
}

#table_area table tbody td:first-child { height:70px;line-height: 70px;}
/*#table_area table tbody td.round-row { text-align:left;}*/

small { 

    margin-left:20px;
    width:150px !important;
}
div.ndate { 
    width:100px !important;    
}
small > div {
    display:inline-block;
}

.menu-toggle-btn { width:36px !important;margin-left:10px;}

.game_add_btn { 
    /* border:1px solid #000;background-color:#000; */
/*     border: 1px solid #790a0a;
    background-color: #a7103a;    
    border-radius: 5px;;
    color:#fff;
    margin:0 10px;
    padding:5px; */
    border-radius: 8px;
    background: var(--Gradient, linear-gradient(270deg, #3082F4 28.07%, #2D9FE8 68.74%, #21C4CF 104.09%));
    display: flex;
    width: 188px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 2px;    
    color:#fff;
    border:0;
}
#side-bar > div { 
    padding-left:10px;
    background-color: #fff;
    overflow: hidden;
}
#side-bar > div div.d-flex, #side-bar > div div.row { 
    padding-left:10px;
}

#side-bar > div div.d-flex { font-size:20px;}


#v-line { width:1px;height:100% !important;}

.event_teamcnt { 
    border:1px solid #3a3d49;
    border-radius: 5px;
    font-size:12px;
    padding:2px 5px;
    background-color:#bfc0c4;
    margin-right:3px;
}

.event_gamecnt {
    border:1px solid #3a3d49;
    border-radius: 5px;
    font-size:12px;
    padding:2px 5px;
    margin-left:3px;    
}

td[class^="total"] {
    font-size:25px;
    font-weight:bold;
}
.round-row-flex-center {
    display: table-cell;
    width:20%;
    text-align: left;
}

.round-row-flex-center > div {
    display:inline-block;
    margin-left:10px;
}

.chance_icon { width:20px;margin-right:20px;}

/* update view */
input[name^='gamename'] { width:100px !important;height: 30px;}

footer {
    position: absolute;
    margin: 0;
    width: 100%;
    padding: 0;
    left: 0;
    text-align: center;
}


/* updatejs */
.gametitle {
    width:200px;
    float:left;
    font-size:20px;
}
.updatebtn { 
    width:100px;
    float:right;
}
.contextmenu li { padding-left:30px; }

li.chance_title { height:44px; padding:0px;text-align:center;line-height:44px;}

.form-switch .form-check-input.type1 {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 1%29'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
}

.form-check-input:checked {
    background-color: #000;
    border-color: #000; 
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    background-color: var(--bs-form-check-bg);
    border:3px solid #000;
}

.form-switch .form-check-input.type1:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 1%29'/%3e%3c/svg%3e");
}


.list-group-item.active {
    z-index: 2;
    color: #000;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.delete-board { color:#f00;}
.contextmenu li:hover { 
    background:#f5f5f5 !important;
}

.contextmenu li:hover a {
    color:#000 !important;
}

.contextmenu li a { 
    color:#000 !important;    
}