.btn-neutral.active {
    color: #ffffff;
    background-color: #5603ad;
    border-color: #5603ad;
}

.help-inline {
    color: #8898aa;
}

.btn_area {
    display: flex;
    justify-content: center;
}

.fa-rss {
    color: #5e72e4;
}

.mg-0 {
    margin: 0px auto im !important;
}

.pd-7 {
    padding: 7px !important;
}

.pd-10 {
    padding: 10px !important;
}

.jsc {
    justify-content: center !important;
}

.member_status_tab a {
    color: #172b4d !important;
}
.member_status_tab a.active {
    background-color: #172b4d !important;
    color: #ffffff !important;
}

.info span {
    margin-right: 10px;
}

.filedownload_btn a,
.link_btn a {
    color: #000000 !important;
}

.form-sort-line {
    border-bottom: 1px solid #e9ecef;
}

.tb-bt {
    border-top: 1px solid #e9ecef;
}

.tb-bt-0 {
    border-top: 0px !important;
}

.width-auto {
    width: auto !important;
}

/* 추가 CSS */
/* 왼쪽 메뉴 */
.sidenav-header {
    height: 80px;
    box-shadow: 0 0 1rem 0 rgb(136 152 170 / 10%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.sidenav .navbar-brand {
    width: 100%;
    height: 100%;
    padding: 0 1.5rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.g-sidenav-pinned .sidenav .navbar-brand,
.g-sidenav-pinned .sidenav .navbar-heading {
    height: 100%;
    display: flex;
}
.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand > img {
    height: 60%;
    width: auto;
    max-height: 25px;
}
.navbar-nav .dropdown .d-none {
    display: block !important;
}
.navbar-vertical .navbar-nav > .nav-item {
    transition: all 0.3s;
}
.navbar-expand .navbar-nav .nav-link {
    padding: 0 !important;
    transition: all 0.3s;
}
.container-fluid .navbar-nav .nav-item {
    margin: 0 8px;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
    margin-left: 2rem;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link {
    padding-left: 2.25rem;
}
.navbar-nav .sidenav-normal::before {
    content: "-";
    color: #5e72e4;
}
.nav-item #navbar-multilevel .nav-link::before {
    content: "·";
    padding-right: 5px;
}
.navbar-light .navbar-nav .nav-link:hover {
    color: #5e72e4;
}
/* 왼쪽 메뉴 끝 */

.navbar-collapse {
    align-items: center;
}
.total-txt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.table-action {
    transition: all 0.3s;
}
.table-action-edit {
    color: #11a1bc;
}
.table-action-edit:hover {
    color: #047e94;
}
.table-action-file {
    color: #7c57d3;
}
.table-action-file:hover {
    color: #593c88;
}
.table-action-delete {
    color: #fa7575;
}
.table-action-delete:hover {
    color: #f5365c;
}
.table thead th {
    font-size: 0.85rem;
}
.card .table td,
.card .table th {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.admin-style .thumbnail {
    width: auto;
    height: 60px !important;
}
/* 카테고리 관리 페이지 */
.admin-category-table tbody td {
    font-weight: 500;
    font-size: 16px;
    padding: 20px;
    cursor: Move;
}
.admin-category .card-body {
    border-top: 1px solid #e9ecef;
}
.admin-category .form-group {
    display: flex;
    align-items: center;
    padding-bottom: 0;
    justify-content: flex-start;
}
.admin-category .form-group .flex-left {
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.admin-category .form-group .flex-left i {
    color: var(--teal);
    margin-right: 5px;
}
.admin-category .form-group .flex-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.admin-category .form-group .flex-right .form-control {
    max-width: 200px !important;
}
.admin-category .form-group .flex-right .flex-col:not(:last-of-type) {
    margin-right: 5px;
}
.admin-category #response {
    font-size: 16px;
    padding-left: 10px;
    font-weight: 500;
}
.admin-category #response .ni {
    color: #fbcf40;
}

/* 카테고리 드래그&드롭 */
.ui-sortable-helper {
    width: 100% !important;
    background-color: rgba(250, 250, 250, 0.8);
}
.ui-sortable-helper td {
    border-top: 0 !important;
}
.ui-sortable-helper td:nth-child(1) {
    width: 10%;
}
.ui-sortable-helper td:nth-child(2) {
    width: 80%;
}
.ui-sortable-helper td:nth-child(3) {
    width: 5%;
}
.ui-sortable-helper td:nth-child(4) {
    width: 5%;
}

/* 폼 */
.admin-post .form-control {
    max-width: 180px !important;
    cursor: pointer;
}
.form-wrap {
    display: flex;
    align-items: center;
}
.form-wrap select:not(:first-of-type) {
    margin-left: 8px;
}
/* 체크박스 */
.admin-post .custom-control,
.admin-popup .custom-control {
    min-height: auto;
    width: 16px;
    height: 16px;
    padding-left: 0;
    margin: auto;
}
.admin-post .custom-control-input,
.admin-popup .custom-control-input {
    width: 100%;
    height: 100%;
}
.admin-post .custom-control-label::before,
.admin-popup .custom-control-label::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.admin-post .custom-control-label::after,
.admin-popup .custom-control-label::after {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.admin-post .custom-checkbox .custom-control-input ~ .custom-control-label,
.admin-popup .custom-checkbox .custom-control-input ~ .custom-control-label {
    height: 100%;
}
.nav-pills .nav-item:not(:last-child) {
    padding-right: 8px;
}
/* 추가 CSS 미디어쿼리 */
@media (min-width: 1200px) {
    /* 메뉴 슬라이드 효과*/
    .sidenav .sidenav-toggler {
        display: none !important;
    }
    .navbar-vertical.navbar-expand-xs + .main-content {
        margin-left: 250px !important;
    }
    .navbar-vertical.navbar-expand-xs {
        max-width: 250px !important;
    }
    .g-sidenav-pinned .sidenav {
        width: 250px !important;
    }
    .g-sidenav-show .sidenav .nav-item .sidenav-mini-icon {
        opacity: 1 !important;
    }
    .g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-link-text {
        opacity: 1 !important;
    }
    .g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-item .collapse .sidenav-normal {
        display: block !important;
    }
    .g-sidenav-hide .sidenav .nav-link-text {
        opacity: 1 !important;
    }
}
@media (min-width: 576px) {
    .navbar .form-group {
        padding-bottom: 0;
    }
}
@media (max-width: 575.98px) {
    .navbar-expand .navbar-collapse {
        justify-content: flex-end;
    }
    .header nav[aria-label="breadcrumb"].d-none {
        display: block !important;
    }
    .total-txt {
        font-size: 14px;
        display: flex;
        align-items: center;
    }
}

.artist-info-input {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.artist-info-input li {
    width: 100%;
    list-style-type: none;
    padding-bottom: 10px;
}
.admin-artist-img {
    margin-right: 20px;
}
.artist-check {
    display: flex;
    align-items: center;
}