* { font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; }

.form-label {
    color: #c47d15;
}

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

.btn-primary {
    color: #fff;
    background-color: #f59c1a;
    border-color: #f59c1a;
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.btn-primary:hover {
    color: #fff;
    background-color: #b87514;
    border-color: #b87514
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #b87514;
    border-color: #b87514;
    box-shadow: 0 0 0 0 rgba(247,171,60,.5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #b87514;
    border-color: #b87514
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(247,171,60,.5)
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #f8b553;
    border-color: #f8b553
}

.btn-group>.btn+.btn-primary,
.input-group>.btn+.btn-primary,
.input-group>.btn+.dropdown-menu+.btn-primary {
    border-left: 1px solid #b87514
}

.btn-outline-primary {
    color: #f59c1a;
    border-color: #f59c1a
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #f59c1a;
    border-color: #f59c1a
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0 rgba(245,156,26,.5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    color: #fff;
    background-color: #f59c1a;
    border-color: #f59c1a
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0 rgba(245,156,26,.5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #f59c1a;
    background-color: transparent
}

.text-primary,
.text-primary-500 {
    color: #f59c1a !important
}

.bg-primary,
.bg-primary-500 {
    background-color: #f59c1a !important
}

.bg-gradient-primary {
    background: #f59c1a !important;
    background: -moz-linear-gradient(top, #f9c476 0, #935e10 100%) !important;
    background: -webkit-linear-gradient(top, #f9c476 0, #935e10 100%) !important;
    background: linear-gradient(to bottom, #f9c476 0, #935e10 100%) !important
}

.bg-primary-transparent-1 {
    background-color: rgba(245,156,26,.1) !important
}

.text-primary-transparent-1 {
    color: rgba(245,156,26,.1) !important
}

.bg-primary-transparent-2 {
    background-color: rgba(245,156,26,.2) !important
}

.text-primary-transparent-2 {
    color: rgba(245,156,26,.2) !important
}

.bg-primary-transparent-3 {
    background-color: rgba(245,156,26,.3) !important
}

.text-primary-transparent-3 {
    color: rgba(245,156,26,.3) !important
}

.bg-primary-transparent-4 {
    background-color: rgba(245,156,26, .4) !important
}

.text-primary-transparent-4 {
    color: rgba(245,156,26, .4) !important
}

.bg-primary-transparent-5 {
    background-color: rgba(245,156,26,.5) !important
}

.text-primary-transparent-5 {
    color: rgba(245,156,26,.5) !important
}

.bg-primary-transparent-6 {
    background-color: rgba(245,156,26, .6) !important
}

.text-primary-transparent-6 {
    color: rgba(245,156,26, .6) !important
}

.bg-primary-transparent-7 {
    background-color: rgba(245,156,26, .7) !important
}

.text-primary-transparent-7 {
    color: rgba(245,156,26, .7) !important
}

.bg-primary-transparent-8 {
    background-color: rgba(245,156,26, .8) !important
}

.text-primary-transparent-8 {
    color: rgba(245,156,26, .8) !important
}

.bg-primary-transparent-9 {
    background-color: rgba(245,156,26, .9) !important
}

.text-primary-transparent-9 {
    color: rgba(245,156,26, .9) !important
}

.text-primary-100 {
    color: #fdebd1 !important
}

.bg-primary-100 {
    background-color: #fdebd1 !important
}

.text-primary-600 {
    color: #c47d15 !important
}

.bg-primary-600 {
    background-color: #c47d15 !important
}

.text-primary-200 {
    color: #fbd7a3 !important
}

.bg-primary-200 {
    background-color: #fbd7a3 !important
}

.text-primary-700 {
    color: #935e10 !important
}

.bg-primary-700 {
    background-color: #935e10 !important
}

.text-primary-300 {
    color: #f9c476 !important
}

.bg-primary-300 {
    background-color: #f9c476 !important
}

.text-primary-800 {
    color: #623e0a !important
}

.bg-primary-800 {
    background-color: #623e0a !important
}

.text-primary-400 {
    color: #f7b048 !important
}

.bg-primary-400 {
    background-color: #f7b048 !important
}

.text-primary-900 {
    color: #311f05 !important
}

.bg-primary-900 {
    background-color: #311f05 !important
}

div.dataTables_wrapper .table th, 
div.dataTables_wrapper .table td { max-width: 100px; overflow: hidden; text-overflow: ellipsis;  }
div.dataTables_wrapper div.dataTables_filter { text-align: left; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination { justify-content : center; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active .page-link { background-color: #f59c1a; border-color: #f59c1a; }

.jstree .jstree-container-ul .jstree-node .jstree-anchor.jstree-search { color: red; }

.select2-container {
    width: 100% !important;
}

.select2-dropdown {
    z-index: 2080 !important;
}

.select2-selection.is-invalid {
    border-color: #ff5b57 !important;
    padding-right: calc(1.5em + 0.875rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff5b57'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff5b57' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.21875rem) center;
    background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem); 
}

.select2-selection.is-valid {
    border-color: #32a932 !important;
    padding-right: calc(1.5em + 0.875rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2332a932' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.21875rem) center;
    background-size: calc(0.75em + 0.4375rem) calc(0.75em + 0.4375rem);
}

.daterangepicker {
    z-index: 2080 !important;
}

/* // X-Small devices (portrait phones, less than 576px) */
/**
    .5rem : 모달 패딩
    .9375rem : 헤더 패딩
    1.5rem : 헤더 텍스트 높이
    .6875rem : 푸터 패딩
    .25rem : 푸터 로우 마진
    1.5 : 버튼 텍스트 높이
    .4375rem : 버튼 패딩
    2px : 헤더, 푸터 선
*/
/* .modal-body { max-height: calc(100vh 
    - .5rem - .5rem
    - .9375rem - .9375rem
    - 1.5rem
    - .6875rem - .6875rem
    - .25rem - .25rem
    - 1.5rem
    - .4375rem - .4375rem
    - 2px
    ) !important; overflow: auto; } */

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) 
{
    /* body { background-color: #ffb5b5 !important; }  */

    /**
        1.75rem : 모달 
        .9375rem : 헤더 패딩
        1.5rem : 헤더 텍스트 높이
        .6875rem : 푸터 패딩
        .25rem : 푸터 로우 마진
        1.5 : 버튼 텍스트 높이
        .4375rem : 버튼 패딩
    2px : 헤더, 푸터 선
    */
    /* .modal-body { max-height: calc(100vh 
        - 1.75rem - 1.75rem
        - .9375rem - .9375rem
        - 1.5rem
        - .6875rem - .6875rem
        - .25rem - .25rem
        - 1.5rem
        - .4375rem - .4375rem
        - 2px
        ) !important; overflow: auto; } */
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
    /* body { background-color: #ffe2b7 !important; }  */
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) 
{ 
    /* body { background-color: #fffcb4 !important; }  */
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{ 
    /* body { background-color: #9cffd9 !important; }  */
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) 
{ 
    /* body { background-color: #d7d1ff !important; }  */
}