@charset "UTF-8";
/*-------------------
        Sizes
--------------------*/
/*-------------------
        Text
--------------------*/
/*-------------------
        Colors
--------------------*/
/*-------------------
    폰트 깨짐 방지
--------------------*/
/*-------------------
    엘리먼트 스크롤 바
--------------------*/
/*-------------------
      테스트 스위치
--------------------*/
/*-------------------
      아이콘 버튼
--------------------*/
/*-------------------
      넘버 태그
--------------------*/
/*-------------------
    리셋 버튼
--------------------*/




/******************************************************************************************************
 * 커스텀
 ******************************************************************************************************/
/* svg icon에서 javascript event 먹힘 현상 해결 */
a > svg, a > svg > use, span > svg, span > svg > use, button > svg, button > svg > use {
    pointer-events: none !important;
}

/* Date input */
.ui.icon.input > input[type="date"][data-date-input],
.ui.icon.input > input[type="month"][data-date-input] {
    height: 36px;
    padding-right: 12px !important;
}

.ui.icon.input > svg.icon[data-date-input] {
    background-color: #FFF;
    top: 6px;
    width: 24px;
    height: 24px;
    padding: 5px 0 5px 10px;
}

/*  Date input chrome only */
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
    .ui.icon.input > svg.icon[data-date-input] {
        pointer-events: none;
    }
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="month"]::-webkit-calendar-picker-indicator {
        cursor: pointer;
    }
    input[type="date"]::-webkit-inner-spin-button,
    input[type="date"]::-webkit-outer-spin-button,
    input[type="month"]::-webkit-inner-spin-button,
    input[type="month"]::-webkit-outer-spin-button{
        -webkit-appearance: none;
        margin: 0;
    }
}

/* Labeled number input */
.ui.labeled.input input[type="number"][data-number-input] {
    flex: 1 1 auto;
    min-width: 50px;
    border: none;
}

/* Disabled input */
.ui.form textarea[disabled], .ui.form input:not([type])[disabled], .ui.form input[type="date"][disabled], .ui.form input[type="month"][disabled], .ui.form input[type="datetime-local"][disabled], .ui.form input[type="email"][disabled], .ui.form input[type="number"][disabled], .ui.form input[type="password"][disabled], .ui.form input[type="search"][disabled], .ui.form input[type="tel"][disabled], .ui.form input[type="time"][disabled], .ui.form input[type="text"][disabled], .ui.form input[type="file"][disabled], .ui.form input[type="url"][disabled] {
    background-color: #EEEEEE;
    color: #BBBBBB;
}

.ui.icon.input > input[data-date-input][disabled] + svg.icon[data-date-input] {
    background-color: #EEEEEE;
}

/* read only input */
.ui.form textarea[readonly], .ui.form input:not([type])[readonly], .ui.form input[type="date"][readonly], .ui.form input[type="month"][readonly], .ui.form input[type="datetime-local"][readonly], .ui.form input[type="email"][readonly], .ui.form input[type="number"][readonly], .ui.form input[type="password"][readonly], .ui.form input[type="search"][readonly], .ui.form input[type="tel"][readonly], .ui.form input[type="time"][readonly], .ui.form input[type="text"][readonly], .ui.form input[type="file"][readonly], .ui.form input[type="url"][readonly] {
    background-color: #F0F0F0;
}

.ui.icon.input > input[data-date-input][readonly] + svg.icon[data-date-input] {
    background-color: #F0F0F0;
}

/* select placeholder color */
.darkPlaceHolder .ui.dropdown:not(.button) > .default.text,
.ui.darkPlaceHolder.dropdown:not(.button) > .default.text,
.darkPlaceHolder .ui.default.dropdown:not(.button) > .text,
.ui.darkPlaceHolder.default.dropdown:not(.button) > .text {
    color: #888888;
}

/* sortable table */
.ui.sortable.table thead th:after {
    content: '';
}

.ui.sortable.table thead th.ascending:after {
    content: '\f0d8';
}

.ui.sortable.table thead th.descending:after {
    content: '\f0d7';
}

.ui.table.sortable thead tr th.nosort:hover,
.ui.table.sortable thead tr th:not([data-id]):hover {
    cursor: default;
    background: #F7F8F9;
    color: #999999;
}

.stat-board .ui.table.sortable thead tr .sticky {
    position: sticky;
    z-index: 1;
}

#batterColumnFilter.dropdown-checkbox .menu {
    width: 505px;
}
#batterColumnFilter.dropdown-checkbox .menu .item {
    width: 120px;
}

.stat-board .ui.table.sortable thead tr:last-child th {
    padding: 8px 4px 15px 4px;
    background-color: #074580;
}

.stat-board .ui.table.sortable thead tr:nth-child(2) th {
    padding: 10px 4px;
    background-color: #999999;
    color: #FFFFFF;
}

.stat-board .ui.table.sortable tbody tr th.column-sort {
    background-color: #FFF6E7;
    border-left: 1px solid #D89A5D;
    border-right: 1px solid #D89A5D;
}

.stat-board .ui.table.sortable tbody tr th.column-sort[data-id="playerName"]:nth-child(2) {
    border-right: 0;
}

.stat-board .ui.table.sortable tbody tr th.column-sort[data-id="playerName"]:nth-child(3) {
    border-left: 0;
}

/* 사용자화면 -> gnb 검색결과 */
.ui.search > .results .result .image {
    width: 3em;
}

/* ******* */
.hiding {
    display: none !important;
}

.showing {
    display: inherit !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.text-underline {
    text-decoration: underline !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-color-4 {
    color: #444444 !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.hiding-border-bottom {
    border-bottom: none !important;
}