body {
    background-color: rgb(255, 255, 255);
}
.menu-state-primary .menu-item .menu-link.active .menu-title {
    color: rgb(253, 169, 45);
    
}    

.menu-state-bullet-primary .menu-item .menu-link.active {
    background-color: rgba(253, 169, 45, 0.08);
}

.menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: rgb(253, 169, 45);
}

.menu-state-primary .menu-item.here > .menu-link .menu-title {
    color: rgb(253, 169, 45);
}
/* 아이콘 */
.menu-state-icon-primary .menu-item.show > .menu-link .menu-icon, .menu-state-icon-primary .menu-item.show > .menu-link .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.show > .menu-link .menu-icon i {
    color: rgb(253, 169, 45);
}

.menu-state-icon-primary .menu-item.here > .menu-link .menu-icon, .menu-state-icon-primary .menu-item.here > .menu-link .menu-icon .svg-icon, .menu-state-icon-primary .menu-item.here > .menu-link .menu-icon i {
    color: rgb(253, 169, 45);
}

.btn-check:checked + .btn.btn-active-color-primary i, .btn-check:checked + .btn.btn-active-color-primary .svg-icon, .btn-check:active + .btn.btn-active-color-primary i, .btn-check:active + .btn.btn-active-color-primary .svg-icon, .btn.btn-active-color-primary:focus:not(.btn-active) i, .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:hover:not(.btn-active) i, .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-color-primary:active:not(.btn-active) i, .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-color-primary.active i, .btn.btn-active-color-primary.active .svg-icon, .btn.btn-active-color-primary.show i, .btn.btn-active-color-primary.show .svg-icon, .show > .btn.btn-active-color-primary i, .show > .btn.btn-active-color-primary .svg-icon {
    color: rgb(253, 169, 45);
}

.menu-state-primary .menu-item.here > .menu-link .menu-arrow:after {
    background-color: rgb(253, 169, 45);
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: rgb(253, 169, 45);
}

.menu-state-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: rgb(253, 169, 45);
}

.menu-state-bullet-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .menu-state-bullet-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: rgb(253, 169, 45);
}
.pagination {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1.075rem;
    --bs-pagination-color: var(--bs-gray-700);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 0;
    --bs-pagination-border-color: transparent;
    --bs-pagination-border-radius: 0.475rem;
    --bs-pagination-hover-color: rgb(253, 169, 45);
    --bs-pagination-hover-bg: var(--bs-component-hover-bg);
    --bs-pagination-hover-border-color: transparent;
    --bs-pagination-focus-color: rgb(253, 169, 45);
    --bs-pagination-focus-bg: var(--bs-component-hover-bg);
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color:rgb(253, 169, 45);
    --bs-pagination-active-bg: var(--bs-component-active-bg);
    --bs-pagination-active-border-color: transparent;
    --bs-pagination-disabled-color: var(--bs-gray-400);
    --bs-pagination-disabled-bg: transparent;
    --bs-pagination-disabled-border-color: transparent;
    display: flex;
    padding-left: 0;
    list-style: none;
}
.page-item.active .page-link {
    background: rgb(253, 169, 45);
    color : white;
    /*border-radius: 16px;
    position: relative;*/
}

.btn-check:checked + .btn.btn-active-primary, .btn-check:active + .btn.btn-active-primary, .btn.btn-active-primary:focus:not(.btn-active), .btn.btn-active-primary:hover:not(.btn-active), .btn.btn-active-primary:active:not(.btn-active), .btn.btn-active-primary.active, .btn.btn-active-primary.show, .show > .btn.btn-active-primary {
    background-color : rgb(253, 169, 45) !important;
}

.menu-state-color .menu-item .menu-link.active .menu-title {
    color : rgb(253, 169, 45);
}

.menu-state-color .menu-item .menu-link.active .menu-icon, .menu-state-color .menu-item .menu-link.active .menu-icon .svg-icon, .menu-state-color .menu-item .menu-link.active .menu-icon i {
    color : rgb(253, 169, 45);
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: rgb(253, 169, 45);
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: rgb(253, 169, 45);
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: rgb(253, 169, 45);   
}
.aside-logo {
    margin : 0 auto;
    width: 41px;
}
.mobile-logo {
    margin : 0 auto;
    width: 40px;
    height : 40px;
}
.aside-secondary-enabled:not([data-kt-aside-minimize=on]) .aside .aside-primary {
    border-right: 1px dashed rgba(145, 158, 171, 0.2);
}
.aside-secondary-enabled .aside .aside-primary {
    border-right: 1px dashed rgba(145, 158, 171, 0.2);
}
.aside-workspace {
    border-right: 1px dashed rgba(145, 158, 171, 0.2);
}

.btn-primary {
    --bs-btn-color: #000000;
    --bs-btn-bg: rgb(253, 169, 45);;
    --bs-btn-border-color: rgb(253, 169, 45);;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: rgb(253, 169, 45);;
    --bs-btn-hover-border-color: rgb(253, 169, 45);;
    --bs-btn-focus-shadow-rgb: 3, 170, 170;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: rgb(253, 169, 45);;
    --bs-btn-active-border-color: rgb(253, 169, 45);;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: rgb(253, 169, 45);;
    --bs-btn-disabled-border-color: rgb(253, 169, 45);;
}

.btn.btn-primary {
    background-color : rgb(253, 169, 45);   
}

.btn-check:checked + .btn.btn-primary, .btn-check:active + .btn.btn-primary, .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .btn.btn-primary:active:not(.btn-active), .btn.btn-primary.active, .btn.btn-primary.show, .show > .btn.btn-primary {
    background-color : rgb(253, 169, 45) !important;    
}

.winbox {
    background: rgb(253, 169, 45);  
}

.card {
    background-color: rgb(255, 255, 255);
    color: rgb(33, 43, 54);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    background-image: none;
    overflow: hidden;
    position: relative;
    box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
    border-radius: 16px;    
}

.card.theme {
    background: linear-gradient(135deg, rgba(254, 214, 128, 0.2), rgba(253, 169, 45, 0.2)) rgb(255, 255, 255);
    border-radius: 16px;
    position: relative;
    color: rgb(121, 57, 8);    
}

.btn-check:checked + .btn.btn-active-icon-primary i, .btn-check:checked + .btn.btn-active-icon-primary .svg-icon, .btn-check:active + .btn.btn-active-icon-primary i, .btn-check:active + .btn.btn-active-icon-primary .svg-icon, .btn.btn-active-icon-primary:focus:not(.btn-active) i, .btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:hover:not(.btn-active) i, .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:active:not(.btn-active) i, .btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary.active i, .btn.btn-active-icon-primary.active .svg-icon, .btn.btn-active-icon-primary.show i, .btn.btn-active-icon-primary.show .svg-icon, .show > .btn.btn-active-icon-primary i, .show > .btn.btn-active-icon-primary .svg-icon {
    color: rgb(253, 169, 45);     
}