:root, [data-bs-theme=light] {
    --bs-primary: #4f46e5 !important;
    --bs-secondary: #3577f1 !important;
    --bs-success: #0ab39c !important;
    --bs-info: #299cdb !important;
    --bs-warning: #fca84e !important;
    --bs-danger: #f06548 !important;

    --bs-primary-rgb: 79, 70, 229 !important;
    --bs-secondary-rgb: 53, 119, 241 !important;
    --bs-success-rgb: 10, 179, 156 !important;
    --bs-info-rgb: 41, 156, 219 !important;
    --bs-warning-rgb: 252, 168, 78 !important;
    --bs-danger-rgb: 240, 101, 72 !important;

    --bs-primary-bg-subtle: rgba(79, 70, 229, 0.2) !important;
    --bs-secondary-bg-subtle: rgba(53, 119, 241, 0.2) !important;
    --bs-success-bg-subtle: rgba(10, 179, 156, 0.15) !important;
    --bs-info-bg-subtle: rgba(41, 156, 219, 0.2) !important;
    --bs-warning-bg-subtle: rgba(247, 184, 75, 0.2) !important;
    --bs-danger-bg-subtle: rgba(240, 101, 72, 0.25) !important;
    --bs-secondary-color: rgba(123, 136, 147, 0.75) !important;
    --bs-secondary-color-rgb: 123, 136, 147;
    --bs-secondary-bg: #eff4fa;
    --bs-secondary-bg-rgb: 239, 244, 250;

    /*리크루팅 실적 관리에 쓰임*/
    --custom-color-violet-01: #C9CEF4 !important;
    --custom-color-violet-02: #DBDFF8 !important;
    --custom-color-violet-03: #EDEEFB !important;

    /* 상세페이지 폰트에 쓰임*/
    --cew-detail-font-color: #000;

    /*  테이블 선색  */
    --cew-custom-border-color: #E9EBEC !important ;

    --cew-custom-header-color: #eee7 !important ;

    /* 날짜 데이터  */
    --cew-days-font-color : #0a0a0a !important;

    /*  모달 헤더 컬러에 쓰임  */
    --cew-modal-header-color : #eee9;

    /* 모달의 text color 기본값*/
    --bs-modal-color : #495057;

}

[data-bs-theme=dark] {
    /* 상세페이지 폰트에 쓰임*/
    --cew-detail-font-color: #ced4da;

    /*날짜 셀렉트 박스에 쓰임*/
    --cew-days-font-color: #fff9 !important;

    /*다크모드 픽시드 헤더에 쓰임*/
    --dt-html-background: #4449 !important;

    /*리크루팅 실적 관리에 쓰임*/
    --custom-color-violet-01: #484c7f !important;
    --custom-color-violet-02: #545877 !important;
    --custom-color-violet-03: #4f5163 !important;

    /*  테이블 선색  */
    --cew-custom-border-color: #555555 !important ;

    --cew-custom-header-color: #4448 !important ;

    --bs-secondary-bg : #1f2a3d !important;

    /*  모달 헤더 컬러에 쓰임  */
    --cew-modal-header-color : #eee2;

    /* 모달의 text color 기본값*/
    --bs-modal-color : #fff9;

}

[data-bs-theme=dark] .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    .month,.year {color: var(--cew-days-font-color) !important;}
    .focused {color: #1a2537 !important;}
    .active.focused {color: var(--cew-days-font-color) !important;}
    .month:hover,.year:hover {color: #1a2537 !important;}
}

/*다크모드 데이터 테이블 show 셀렉트박스 옵션 부분 수정*/
[data-bs-theme=dark] select#dt-length-0 option {
    background-color: #3339;
    color: white;
}

[data-bs-theme=dark] .btn-outline-dark {
    color: #bbb;
    border: 1px solid;
}

/* 라이트모드에서 페이징 아이콘 색상 수정*/
/*div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover {*/
/*    cursor: default;*/
/*    color: rgba(0, 0, 0, 0.5) !important;*/
/*    border: 1px solid transparent;*/
/*    background: transparent;*/
/*    box-shadow: none;*/
/*}*/

/* 다크모드에서 페이징 아이콘 색상 수정*/
div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: rgba(125, 125, 125, 0.8) !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

[data-bs-theme=dark] div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover, div.dt-container .dt-paging .dt-paging-button.disabled:active {
    cursor: default;
    color: rgba(125, 125, 125, 0.8) !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
[data-bs-theme=dark] div.dt-container .dt-paging .dt-paging-button.disabled, div.dt-container .dt-paging .dt-paging-button.disabled:hover {
    cursor: default;
    color: rgba(125, 125, 125, 0.8) !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
[data-bs-theme=dark] div.dt-container .dt-paging .dt-paging-button:hover {
    border: 1px solid #111;
}

div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
    color: var(--cew-days-font-color) !important;
    border: 1px solid rgba(0, 0, 0, 0.3);
    /*background-color: rgba(0, 0, 0, 0.05);*/
}



/*[data-bs-theme=dark] table, th, td {*/
/*    border-color: #555555 !important;*/
/*}*/


/*[data-bs-theme=dark] table.table-bordered.dataTable thead tr th {*/
/*    !* border-top-width: 1px; *!*/
/*    background: #7779 !important;*/
/*}*/

#detail-page .text-dark {
    color: #000 !important;
}



[data-bs-theme=dark] .text-dark {
    color : #bbb !important;
}

[data-bs-theme=dark] #detail-page .text-dark {
    color : #bbb !important;
}

[data-bs-theme=dark] #detail-page .fw-semibold {
    color: #fff9 !important;
}

[data-bs-theme=dark] #detail-page p.fw-semibold {
    color: #fff9 !important;
}

.custom-bg-color-vi-01 {
    background-color: var(--custom-color-violet-01) !important;
}
.custom-bg-color-vi-02 {
    background-color: var(--custom-color-violet-02) !important;
}
.custom-bg-color-vi-03 {
    background-color: var(--custom-color-violet-03) !important;
}




.btn-outline-danger {
    --bs-btn-color: #f06548;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f06548;
    --bs-btn-hover-border-color: #f06548;
    --bs-btn-focus-shadow-rgb: 255, 102, 146;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f06548;
    --bs-btn-active-border-color: #f06548;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f06548;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f06548;
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: #3577f1;
    --bs-btn-border-color: #3577f1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3577f1;
    --bs-btn-hover-border-color: #3577f1;
    --bs-btn-focus-shadow-rgb: 53, 119, 241;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #3577f1;
    --bs-btn-active-border-color: #3577f1;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #3577f1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #3577f1;
    --bs-gradient: none;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #3577f1;
    --bs-btn-border-color: #3577f1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2d65cd;
    --bs-btn-hover-border-color: #2a5fc1;
    --bs-btn-focus-shadow-rgb: 83, 139, 243;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2a5fc1;
    --bs-btn-active-border-color: #2859b5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #3577f1;
    --bs-btn-disabled-border-color: #3577f1;
}

[data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-primary {
    --bs-btn-bg: #4f46e5;
    --bs-btn-border-color: #4f46e5;
    --bs-btn-hover-bg: #5249fe;
    --bs-btn-hover-border-color: #5249fe;
}

[data-bs-theme=light][data-color-theme=Blue_Theme]:root .btn-secondary {
    --bs-btn-bg: #3577f1;
    --bs-btn-border-color: #3577f1;
    --bs-btn-hover-bg: #2d65cd;
    --bs-btn-hover-border-color: #2a5fc1;
}



.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0ab39c;
    --bs-btn-border-color: #0ab39c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2ea95c;
    --bs-btn-hover-border-color: #2b9f56;
    --bs-btn-focus-shadow-rgb: 84, 207, 130;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2b9f56;
    --bs-btn-active-border-color: #299551;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0ab39c;
    --bs-btn-disabled-border-color: #0ab39c;
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #299cdb;
    --bs-btn-border-color: #299cdb;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #3cacc8;
    --bs-btn-hover-border-color: #38a2bc;
    --bs-btn-focus-shadow-rgb: 98, 210, 238;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #38a2bc;
    --bs-btn-active-border-color: #3598b0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #299cdb;
    --bs-btn-disabled-border-color: #299cdb;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f7b84b;
    --bs-btn-border-color: #f7b84b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3a509;
    --bs-btn-hover-border-color: #c69b08;
    --bs-btn-focus-shadow-rgb: 249, 203, 47;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c69b08;
    --bs-btn-active-border-color: #ba9208;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f7b84b;
    --bs-btn-disabled-border-color: #f7b84b;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f06548;
    --bs-btn-border-color: #f06548;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d9577c;
    --bs-btn-hover-border-color: #cc5275;
    --bs-btn-focus-shadow-rgb: 255, 125, 162;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cc5275;
    --bs-btn-active-border-color: #bf4d6e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f06548;
    --bs-btn-disabled-border-color: #f06548;
}



.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(79, 70, 229 , 1) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(41, 156, 219 , 1) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(240, 101, 72 , 1) !important;
}

.bg-secondary {

}

.bg-success {

}

.bg-warning {

}


.modal-text-color {
    /*color: #495057 !important;*/
}


.w-80 {
    width: 80% !important;
}

.w-92 {
    width: 92% !important;
}

.w-94_8 {
    width: 100% !important;

}

.timeline-item > .timeline-desc {
    width: 80% !important;
    /*border: 2px solid ;*/
}

/* 테이블 모든 선색 수정 */
table, th, td {
    border-color: var(--cew-custom-border-color) !important;
}


.table tbody tr {
    --bs-table-bg: transparent !important;
}


table.dataTable thead>tr>th{
    font-size: 13px !important;
}


table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
    bottom: 50%;
    /*content: "▲";*/
    /*content: "▲" / "";*/
    font-size: 0.6em !important;
}

table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
    top: 50%;
    /*content: "▼";*/
    /*content: "▼" / "";*/
    font-size: 0.6em !important;
}


table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: none !important;
}

body table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
    box-shadow: none !important;
}

table.dataTable.table-striped > tbody > tr td,
table.dataTable.table-striped > thead > tr th {
    height: 10px !important;
    padding: 12px;
}

table.dataTable.table-striped > thead > tr th {
    text-align: start;
}

/*데이터 테이블 ui 관련 css 시작*/
/*데이터테이블 검색창 삭제*/
.dt-search {
    display: none;
}
.modal .dt-search {
    display: block;
}

/*테이블 하단 메뉴*/
.dt-info,
.dt-length {
    display: inline-block;
}
/*자리바꿈*/
.dt-length {
    float: left;
}
/*쇼 셀렉트박스 사이즈조정*/
select.dt-input {
    padding: 1px 4px !important;
}

.dt-info {
    position: relative;
    top: 3px;
    left: 10px;
}


/*데이터테이블 페이징 디자인*/
.dt-paging nav{
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px;
}

div.dt-container .dt-paging .dt-paging-button {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}

/*데이터 테이블 검색 ui*/
.dt-search input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    color: inherit;
    /* margin-left: 3px; */
    margin-bottom: 5px;
}

/*모달 푸터 ui*/
.modal-footer {
    padding: 5px 15px 15px 15px !important;
    margin-top: 12px !important;
}

.modal-footer>* {
    margin: 0 !important;
    /*padding: 0 !important;*/
}

/*데이터 테이블 ui관련  css 끝*/

.container-fluid {
    padding: 4px;
}

.datatables .card {
    margin: 0;
}

.badge {
    font-size: 12px !important;
}

.width-3px {
    width: 3px !important;
}

.width-10px {
    width: 10px !important;
}

.width-12px {
    width: 12px !important;
}

.width-15px {
    width: 15px !important;
}

.width-20px {
    width: 20px !important;
}

.width-24px {
    width: 24px !important;
}

.width-28px {
    width: 28px !important;
}

.width-30px {
    width: 30px !important;
}

.width-34px {
    width: 34px !important;
}

.width-40px {
    width: 40px !important;
}

.width-46px {
    width: 46px !important;
}

.width-48px {
    width: 48px !important;
}

.width-50px {
    width: 50px;
}

.width-55px {
    width: 55px;
}

.width-60px {
    width: 60px;
}

.width-62px {
    width: 62px;
}

.width-70px {
    width: 70px;
    min-width: 70px;
}

.width-72px {
    width: 72px;
}

.width-75px {
    width: 75px;
    min-width: 75px !important;
}

.width-77px {
    width: 77px;
}

.width-80px {
    width: 80px;
}

.width-100px {
    width: 100px;
}

.width-108px {
    width: 108px;
}

.width-110px {
    width: 110px;
}

.width-120px {
    width: 120px;
}

.width-130px {
    width: 130px;
}

.width-140px {
    width: 140px;
}

.width-150px {
    width: 150px;
}

.width-200px {
    width: 150px;
}

.width-240px {
    width: 240px;
}

.min-width-40px {
    min-width: 40px !important;
}

.min-width-45px {
    min-width: 45px !important;
}

.min-width-60px {
    min-width: 60px !important;
}

.min-width-80px {
    min-width: 80px !important;
}

.min-width-100px {
    min-width: 100px !important;
}

.min-width-120px {
    min-width: 120px !important;
}

.min-width-135px {
    min-width: 135px !important;
}

.border-radius-5px {
    border-radius: 5px !important;
}

.border-radius-100 {
    border-radius: 100% !important;
}

.border-none {
    border-color: rgba(0, 0, 0, 0) !important;
}

.custom-p {
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 10px;
}

/* 멀티셀렉트 수정*/
body .select2-container--classic .select2-selection--multiple .select2-selection__choice, body .select2-container--default .select2-selection--multiple .select2-selection__choice, body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: var(--bs-primary-bg-subtle) !important;
    border-color: var(--bs-primary-bg-subtle) !important;
    /*color: #fff;*/
    color: rgba(var(--bs-primary-rgb), 1) !important;
}

body .select2-container--default .select2-selection--multiple {
    /*line-height: 27px !important;*/
    height: inherit !important;
    max-width: 470px !important;
    width: 100% !important;
}

/*x닫기 css*/
.select2-container--default .select2-selection--multiple button.select2-selection__choice__remove {
    background-color: transparent !important;
    border-color: transparent !important;
    font-size: 0.7em;
}

/*x닫기 포커싱 css*/
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1 !important;
    color: #333 !important;
    outline: none;
}

/*input box custom*/
.form-control {
    padding: 6px 10px !important;
}

.form-select {
    padding: 6px 10px !important;
    background-position: right 5px center;
}

/*.form-select {*/
/*    --bs-form-select-bg-img: url(../images/svgs/caret-down.svg) !important;*/
/*    background-size: 24px 24px;*/
/*    background-position: right 11px center;*/
/*}*/


/*인풋타입 버튼 크기조정*/
/*버튼태그 크기 조정*/
.float-end button,
.btn-pd-3-16,
input[type="button"] {
    padding: 3px 16px !important;
}

.btn-pd-3-8{
    padding: 3px 8px !important;
}

/*.dataTables_paginate {*/
/*    display: none;*/
/*}*/

#custom_paginate {
    float: right;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, body .select2-container--default .select2-results__option--selected {
    background-color: #80808080 !important;
    color: #ffffff !important;
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable, body .select2-container--default .select2-results__option--selected:hover {
    background-color: #808080 !important;
    color: #cccccc !important;
}


/*.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {*/
/*    background-color: #808080 !important;;*/
/*    color: #dddddd !important;*/
/*}*/

.select2-container--open .select2-dropdown--below {
    max-width: 470px !important;
    width: 100% !important;
    min-width: 462px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: none;
    overflow-y: auto;
}


.tab-text {
    font-size: 16px !important;
}

.form-label {
    font-size: 15px !important;
}

.font-size-12px {
    font-size: 12px !important;
}

.font-size-13px {
    font-size: 13px !important;
}

.font-size-14px {
    font-size: 14px !important;
}

.font-size-15px {
    font-size: 15px !important;
}

.font-size-16px {
    font-size: 16px !important;
}

.font-size-18px {
    font-size: 18px !important;
}

.font-size-22px {
    font-size: 22px !important;
}

.font-size-26px {
    font-size: 26px !important;
}

.font-size-30px {
    font-size: 30px !important;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-0 {
    margin: 0 !important;
}



.margin-left-8 {
    margin-left: 8px;
}

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

.margin-left-12 {
    margin-left: 12px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-right-7 {
    margin-right: 7px;
}

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

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-8 {
    margin-bottom: 8px !important;
}

.margin-bottom-1rem {
    margin-bottom: 1rem !important;
}

.margin-bottom-16 {
    margin-bottom: 16px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-24 {
    margin-bottom: 24px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.padding-bottom-14px {
    padding-bottom: 14px !important;
}

.padding-bottom-24px {
    padding-bottom: 24px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-4px {
    padding-left: 4px;
}

.padding-left-8px {
    padding-left: 8px;
}

.padding-left-9px {
    padding-left: 9px;
}

.padding-left-12px {
    padding-left: 12px;
}

.padding-left-16px {
    padding-left: 16px;
}

.padding-left-18px {
    padding-left: 18px;
}

.padding-left-24px {
    padding-left: 24px;
}

.padding-left-27px {
    padding-left: 27px;
}

.padding-left-34px {
    padding-left: 34px;
}

.padding-left-54px {
    padding-left: 54px;
}

.padding-top-10px {
    padding-top: 10px;
}

.padding-top-14px {
    padding-top: 14px;
}

.padding-top-30px {
    padding-top: 30px;
}

.padding-top-57px {
    padding-top: 57px;
}

/*.width-30-mng {*/
/*    width: 30% !important;*/
/*    min-width: 70px !important;*/
/*    padding: 10px 15px !important;*/
/*}*/

.width-30 {
    width: 30% !important;
}

.width-33 {
    width: 33.3% !important;
}

.width-40 {
    width: 40% !important;
}

.width-10 {
    width: 10% !important;
}

.width-11 {
    width: 11.1% !important;
}

.width-7 {
    width: 7% !important;
}

.w-90 {
    width: 90% !important;
}

.post-bottom {
    height: 42px;
    background-color: gray !important;
    border-color: gray !important;
    box-shadow: none;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-800 {
    font-weight: 800;
}

.position-right {
    right: 0;
}

.position-bottom {
    bottom: 0;
}

.card-subtitle.fs-14px {
    font-size: 14px !important;
}

.card-subtitle.fs-24px {
    font-size: 24px !important;
}

.fs-12px {
    font-size: 12px !important;
}

.form-check.mb-0435rem {
    margin-bottom: 0.435rem !important;
}

/*.custom-status {*/

/*    color: white !important;*/
/*    background-color: var(--bs-gray-700)*/

/*}*/

.custom-status {
    color: #fff !important;
    background-color: #7F858B;
    /*background-color: rgba(41, 52, 61, .6);*/
    font-size: 13px !important;
}

.info-text {
    font-size: 13px !important;
    color: #666 !important;
    font-weight: normal !important;
}

/*.align-middle {*/
/*    vertical-align: middle;*/
/*    text-align: center;*/
/*}*/

table tbody tr img {
    width: 25px;
}

table.table-bordered.dataTable thead tr th {
    /*border-top-width: 1px;*/
    background: var(--cew-custom-header-color) !important;
}

table.table-bordered.dataTable tfoot tr th {
    background: var(--cew-custom-header-color) !important;
}

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

.message-mouseover:hover{
    color: #0b5ed7;
}

.position-top-1px {
    top: 1px;
}

.position-top-2px {
    top: 2px;
}

.position-top-3px {
    top: 3px;
}

.position-top-0 {
    top: 0 !important;
}

.position-left-0 {
    left: 0;
}

.text-color-blue {
    color: blue;
}

.text-color-red {
    color: red !important;
}

.text-color-000 {
    color: #000 !important;
    font-weight: 500 !important;
}

.text-color-333 {
    color: #333 !important;
    font-weight: 500 !important;
}

.text-color-666 {
    color: #666;
}

/*#main-dashboard.body-wrapper {*/
/*    !*font-family: "Manrope", "Noto Sans KR",  sans-serif;*!*/
/*    font-family: "Poppins", "Noto Sans KR", sans-serif !important;*/
/*    font-style: normal;*/
/*    !*font-size: 13px;*!*/
/*    !*color: #495057 !important;*!*/
/*}*/

#main-dashboard h4.card-title.text-color-495057 {
    color: #495057 !important;
    font-weight: 500 !important;
}

#main-dashboard h4.card-title.text-color-405189 {
    color: #405189 !important;
    font-weight: 500 !important;
}

/*캘린더 css*/
.fc-toolbar-chunk:nth-child(3) {
    width: 180px;
}

.fc .fc-toolbar.fc-header-toolbar {
    /*margin-bottom: 1.5em;*/
    display: flex;
    flex-wrap: wrap-reverse;
}

.fc-toolbar-chunk {
    /*box-sizing: border-box;*/
    display: flex;
}

/* 켈린더 일간 일정 헤더 색상 수정 */
[data-bs-theme=dark] .fc .fc-list-sticky .fc-list-day > * {
    background: none;
    background-image: none;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

[data-bs-theme=dark] .fc .fc-list-event-time {
    color: #fff9 !important;
}

[data-bs-theme=dark] .fc .fc-list-event-title {
    color: #fff9 !important;
}

/*마지막 버튼*/
.fc-today-button .fc-button .fc-button-primary:nth-child(3) {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
    font-weight: 400 !important;
}

.fc .fc-toolbar-title {
    color: var(--bs-primary) !important;
    font-size: 18px !important;
}

.fc-toolbar-chunk:nth-child(3) {
    width: 180px;
}

.dt-paging.paging_full_numbers {
    display: none !important;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
     --bs-table-bg-type: initial !important;
}



/* 메인 데쉬보드 전용 main-dashboard css*/
#main-dashboard.body-wrapper .container-fluid,
#main-dashboard.body-wrapper .container-lg,
#main-dashboard.body-wrapper .container-md, .body-wrapper .container-sm,
#main-dashboard.body-wrapper .container-xl, .body-wrapper .container-xxl {
    /*padding: 30px 150px !important;*/
}

#main-dashboard.body-wrapper.custom-main .container-fluid,
#main-dashboard.body-wrapper.custom-main .container-lg,
#main-dashboard.body-wrapper.custom-main .container-md, .body-wrapper .container-sm,
#main-dashboard.body-wrapper.custom-main .container-xl, .body-wrapper .container-xxl {
    /*padding: 30px 25px !important;*/
    /*padding: 30px 150px !important;*/
}


#main-dashboard p.text-uppercase.fw-medium.text-muted.text-truncate{
    color: #878a99 !important;
    font-size: 13px;
}

#main-dashboard.body-wrapper.custom-main {
    border-radius: 0 !important;
    font-family: 'Poppins' , sans-serif !important;
}

#main-dashboard.body-wrapper .text-decoration-underline {
    font-size: 13px;
    color: #405189 !important;

}

[data-bs-theme=light] .modal thead.position-relative {
    opacity: 1 !important;
    background-color: #fff;
}

.modal thead.position-relative {
    opacity: 1 !important;
    /*background-color: #fff;*/
}

#main-dashboard .apexcharts-legend-marker {
    width: 10px !important;
    height: 10px !important;
}

#main-dashboard .custom-row {
    padding: 0 !important;
    margin: 0 !important;
    /*max-height: 395px !important;*/
}

#main-dashboard .numeric {
    font-family: 'Poppins', sans-serif;
    /*font-style: normal;*/
    /*font-weight: 600 !important;*/
    /*color: #495057 !important;*/
    /*font-size: 22px !important;*/
}



#main-dashboard .poppins {
    font-family: 'Poppins', 'Noto Sans KR' , sans-serif;
    /*font-style: normal;*/
    /*font-weight: 600 !important;*/
    color: #878a99 !important;
    /*font-size: 22px !important;*/
}

#main-dashboard .manrope {
    font-family: 'Manrope', sans-serif;
    /*font-style: normal;*/
    /*font-weight: 600 !important;*/
    /*color: #495057 !important;*/
    /*font-size: 22px !important;*/
}

#main-dashboard .display-6 {
    /*font-size: calc(1.375rem + 1.5vw);*/
    /*font-weight: 300;*/
    line-height: 1.2;
}

#main-dashboard p.poppins {
    line-height: 1.2 !important;
}

#main-dashboard .card ,
#main-dashboard-fp .card{
    margin-bottom: var(--bs-gutter-x) !important;
    border-radius: 5px !important;
}

#main-dashboard .counter-value {
    color: #495057 !important;
    font-family: "Poppins", "Noto Sans KR", sans-serif !important;
    font-weight: 500 !important;
}

#main-dashboard span{
    color: #666;
    /*font-size: 13px;*/
}

#main-dashboard .custom-row {
    font-size: 13px;
}

#main-dashboard .fs-7{
    color: #333;
    /*font-size: 18px !important;*/
    font-size: 22px !important;
    /*font-size: 24px !important;*/
    font-weight: 600;
}

#main-dashboard h6{
    font-size: 16px !important;
    line-height: 24px !important;
    color: #666;
    font-weight: 500 !important;
}

#main-dashboard h4.card-title{
    font-size:16px !important;
    color:#333 !important;
}

#main-dashboard card-title{
    font-weight: 500;
}

#main-dashboard p.card-title {
    line-height: 1;
    margin-bottom: 0;
}

#main-dashboard p.card-subtitle {
    font-size: 13px !important;
}

.line-height-1 {
    line-height: 1 !important;
}

#main-dashboard .card-body {
    padding: 15px 25px !important;
}

#main-dashboard .card-body .padding-1525 {
    padding: 15px 25px !important;
}

:root {
 --percentage: 80;
}

#main-dashboard .circle-container {
    width: 65px;
    height: 65px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /*top: 4px;*/
}

#main-dashboard .circle {
    width: 100%;
    height: 100%;
    background: conic-gradient(
            /*var(--bs-primary) 안쪽색 변경*/
            #39A1DC
            0% calc(var(--percentage) * 1%),
            #ededed calc(var(--percentage) * 1%) 100%
    );
    border-radius: 50%;
    mask: radial-gradient(closest-side, transparent 78%, black 82%);
    transform: scaleX(-1);
}

#main-dashboard .percentage {
    position: absolute;
    font-size: 20px;
    color: #333;
}

#main-dashboard .progress {
    width: calc(100% + 4px);
    position: relative;
    right: 2px;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

    /**/
#detail-page .custom-badge,
.custom-badge {
    padding: 2px 0 !important;
    border: 1px solid;
    border-color: var(--bs-primary) !important;
    font-size: 10px;
    border-radius: 3px;
    color: var(--bs-primary) !important;
    margin: 0 0 0 5px;
    width: 27px !important;
}


#detail-page .custom-btn-sub {
    padding: 0 !important;
    height: 34px !important;
    width: 34px !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    background-color: transparent !important;
    border-radius: 5px !important;
    color: #666 !important;
}

#detail-page .custom-btn-sub.minus {
    font-weight: 800 !important;
    font-size: 0.8rem !important;
}

.btn {
    border-radius: 5px !important;
}




#detail-page .custom-btn-sub:hover {
    background-color: #FBFBFB !important;
}

#detail-page .custom-badge-danger,
.custom-badge-danger {
    padding: 2px 0 !important;
    border: 1px solid;
    /*border-color: var(--bs-danger);*/
    /*background-color: var(--bs-danger);*/
    border-color: #F83D4F;
    background-color: #F83D4F;
    font-size: 10px;
    border-radius: 3px;
    color: var(--bs-white) !important;
    margin: 0 0 0 5px;
    width: 27px !important;
}

#detail-page span.custom-text-red,
.custom-text-red{
    color: #F83D4F !important;
}

#detail-page span.custom-text-yellow,
.custom-text-yellow{
    color: #EE9E22 !important;
}

#detail-page span.custom-text-green,
.custom-text-green{
    color: #148F24 !important;
}


.custom-bg-red{
    background-color: #f83d4f !important;
}

.custom-bg-yellow{
    background-color: #EE9E22 !important;
}

.custom-bg-green{
    background-color: #148F24 !important;
}

.preloader {
    display: none !important;
}

@media (max-width: 1400px) {

    .timeline-item > .timeline-desc {
        width: 100% !important;
        /*border: 2px solid ;*/
    }
}


@media (max-width: 1000px) {

    .row .d-flex {
        display: flex !important;
    }

    .row .d-flex.no-flex-1000 {
        display: block !important;
    }

    .no-flex-1000 {
        display: block !important;
    }

    .d-block-1000{
        display: block !important;
    }

    #main-dashboard .d-flex {
        display: flex !important;
    }

    /* 메인 데쉬보드 전용 main-dashboard css*/
    #main-dashboard.body-wrapper .container-fluid,
    #main-dashboard.body-wrapper .container-lg,
    #main-dashboard.body-wrapper .container-md, .body-wrapper .container-sm,
    #main-dashboard.body-wrapper .container-xl, .body-wrapper .container-xxl {
        padding: 30px 20px !important;
    }

    .row .d-none-1000{
        display: none !important;
    }

    .d-none-1000{
        display: none !important;
    }

    .off-m-auto-1000 {
        margin: 0 !important;
    }

    #detail-page .card-body.overflow-hidden.padding-left-0 {
        padding-left: 0 !important;
    }


}

.w-lg-49 {
    width: 49%
}

.w-md-49 {
    width: 49%
}

.w-93 {
    width: 93%;
}

.pt-2_5 {
    padding-top: .6rem;
}

@media (max-width: 767px) {

    .row .d-flex.no-flex-767 {
        display: block !important;
    }

    .no-flex-767 {
        display: block !important;
    }
}

/*덮어씌움*/
@media (min-width: 992px) {
    .datatables .table-responsive {
        /*overflow-x: clip;*/
        overflow-x: auto !important;
    }

    .col-custom-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .d-lg-flex {
        display: flex;
    }
}


/*공통 style css 수정*/
.form-check {
    margin-bottom: 0 !important;
}

textarea.form-control {
    /*padding: 0 !important;*/
}

.card {
    /* margin-bottom: var(--bs-gutter-x); */
    margin-bottom: 0 !important;
}

.right-0 {
    right: 0 !important;
}

.card-header {
    background-color: #ffffff;
}


textarea.form-control {
    height: 150px;
}

/*타임라인 높이 수정작업*/
.timeline-widget .timeline-item .timeline-desc {
    padding: 7px 16px !important;
}


/* 사용자 관리 등록 css */
input[type="date"]::-webkit-datetime-edit-text {
    color: transparent !important;
}

input[type="date"]::-webkit-datetime-edit-month-field {
    color: transparent !important;
}

input[type="date"]::-webkit-datetime-edit-day-field {
    color: transparent !important;
}

input[type="date"]::-webkit-datetime-edit-year-field {
    color: transparent !important;
}

input[type="date"]:focus::-webkit-datetime-edit-text,
input[type="date"]:focus::-webkit-datetime-edit-month-field,
input[type="date"]:focus::-webkit-datetime-edit-day-field,
input[type="date"]:focus::-webkit-datetime-edit-year-field {
    color: var(--cew-days-font-color) !important;;
}

input[type="date"].value-set::-webkit-datetime-edit-text,
input[type="date"].value-set::-webkit-datetime-edit-month-field,
input[type="date"].value-set::-webkit-datetime-edit-day-field,
input[type="date"].value-set::-webkit-datetime-edit-year-field {
    color: var(--cew-days-font-color) !important;;
}

/* 사용자 관리 등록 css 끝*/


/*상세페이지 에만 특수 적용되는 css #detail-page*/

#detail-page .stage a {
    margin: 0 3px 0 0;
    padding: 12px 25px 12px 25px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    background: #f6f6f6;
    color: #262a2a;
    position: relative;
    width: 100%;
    min-width: 0;
}

#detail-page .stage div {
    flex: 1 1 auto;
}

#detail-page .stage a:first-child {
    border-radius: 5px 0 0 5px;
}

#detail-page .stage {
    position: relative;
    /*left: -10px;*/
    margin: 0 auto;
    padding: 17px;
}

#detail-page .progress {
    width: 30%;
    float: right;
}

#detail-page .custom-line > div {

    margin-top: 7px;

}


#detail-page .dp-custom-btn{
    padding: 2px 0 3px 0 !important;
    width: 60px !important;
    height: 30px !important;
    font-size: 13px !important;
}


/*수정*/
#detail-page .dp-custom-btn.btn-outline-dark{
    border-color: #BEBEBE;
    color:#999;
}
#detail-page .dp-custom-btn.btn-outline-dark:hover{
    background-color: #FBFBFB;
    /*color: #0a0a0a;*/
}

/*리포트*/
#detail-page .dp-custom-btn.btn-dark{
    background-color: #3E3E76;
    border-color: #3E3E76;
}


#detail-page label {
    font-weight: normal;
    color: #555;
}

#detail-page span {
    color: #555;
}

#detail-page span.apexcharts-tooltip-text-y-label,
#detail-page span.apexcharts-tooltip-text-y-value {
    color: #ddd;
}


[data-bs-theme=dark] #detail-page span {
    color: #bbb;
}

[data-bs-theme=dark] h6 {
    color: rgba(255, 255, 255, .85) !important;
}


#detail-page .line > div {

    margin-bottom: 8px !important;

}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    cursor: pointer;
}

/*#datail-page span.custom-bg-light {*/
/*    border-color: #bdc3cd !important;*/
/*    background-color: #bdc3cd !important;*/
/*}*/

/*--*/

#detail-page h3 {
    font-size: 22px !important;
}

#detail-page h6 {
    font-size: 16px !important;
}

#detail-page .fs-5 {
    font-size: 15px !important;
}

#detail-page body .text-muted {
    color: #384147 !important;
}

#detail-page .card-body {
    flex: 1 1 auto !important;
    padding: 20px 30px !important;
    color: var(--bs-card-color) !important;
}

#detail-page .card-title {
    font-size: 16px !important;
    margin-bottom: 8px !important;
    color: var(--bs-card-title-color) !important;
}

#detail-page .form-control {
    border-radius: 5px !important;
    /*border: 2px solid !important;*/
}

#detail-page .form-select {
    border-radius: 5px !important;
    /*border: 2px solid !important;*/
}

#detail-page div.detail-rounded {
    background-color: #333;
    width: 100%;
    min-width: 14px;
    max-width: 14px;

    height: 100%;
    min-height: 14px;
    max-height: 14px;

    border-radius: 100%;
    margin-right: 4px;

    box-sizing: border-box;
}

#detail-page .timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge {
    width: 16px !important;
    height: 16px !important;
    border-color: #bdc3cd;
    background-color: #bdc3cd;
}

#detail-page .fs-5 {
    font-size: 1rem !important;
}



/* td 패딩 재조정 */
/*#datail-page tbody > tr td{*/
/*    padding: 5px 8px !important;*/
/*}*/

#detail-page thead th {
    /*color: #0a0a0a;*/
    background: var(--cew-custom-header-color) !important;
    /*border: 0;*/
}

#detail-page thead {
    /*border: 1px solid #e3e3e3 !important;*/
    /*border-bottom: rgba(0, 0, 0, 0);*/
}

#detail-page .table>:not(caption)>*>* {
    padding: 8px 14px;
    /*color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));*/
    /*background-color: var(--bs-table-bg);*/
    /*border-bottom-width: var(--bs-border-width);*/
    /*box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));*/
    /*cm*/
    /*border-color: #e3e3e3 !important;*/
}

#detail-page .text-muted {
    color: #666 !important;
}

[data-bs-theme=dark]#detail-page .text-muted {
    color: #bbb !important;
}

#detail-page .fw-semibold {
    font-weight: 500 !important;
    color: #333 !important;
}

#detail-page .custom-content-btn {
    padding: 3px 0 !important;
    width: 120px;
}

#detail-page p.fw-semibold{
    font-size:15px !important;
}

#detail-page.rdco002 p.fw-semibold,
.rdco004 p.fw-semibold,
#detail-page.rdjw002 p.fw-semibold,
#detail-page.rdda102 p.fw-semibold{
    font-size:15px !important;
    margin-bottom: 8px !important;
}

#detail-page .detail_title_text{
    font-size:15px !important;
}

#detail-page .user-profile-tab .nav-item .nav-link.active {
    color: var(--bs-primary) !important;
    border-bottom: 2px solid var(--bs-primary);
    font-weight: 800 !important;
}

/*.timeline-widget .timeline-item .timeline-badge-wrap .timeline-badge-border {*/
/*    background-color: var(--bs-primary) !important;*/
/*}*/


@media (max-width: 600px) {

    .d-block-600 {
        display: block !important;
    }

    #detail-page .stage {
        display: block !important;
    }
}

#detail-page .timeline-time {
    width: 50px !important;
    padding: 7px 16px 6px 0 !important;

}

#detail-page .timeline-widget .timeline-item {
    padding-top: 2px;
    /*min-height: 100px;*/
}

#detail-page .timeline-widget .timeline-item .timeline-desc {
    /*padding: 7px 16px;*/
    padding: 0 16px 34px 16px !important;
    /*margin-top: 0 !important;*/
}

#detail-page .mt-n6 {
    margin-top: -3px !important;
}

#detail-page .mt-n1 {
    margin-top: 0.3rem !important;
}

#detail-page .card {
    margin-bottom: var(--bs-gutter-x) !important;
}

#detail-page .custom-card-pd {
    padding: 1rem 1.5rem !important;
}

#detail-page .custom-color-danger {
    padding: 1rem 1.5rem !important;
}

/*#border-page .form-label{*/
/*    margin-bottom: 0 !important;*/
/*}*/



.card-title_header {
    color: var(--bs-heading-color);
    padding-bottom: 13px;
}

.textarea-height-60px {
    height: 60px !important;
}

.textarea-height-400px {
    height: 400px !important;
}


input::placeholder,
textarea::placeholder {
    color: #808080 !important;
}

.height-7px {
    height: 7px !important;
}

.height-8px {
    height: 8px !important;
}

.height-10px {
    height: 10px !important;
}

.height-12px {
    height: 12px !important;
}

.height-15px {
    height: 15px !important;
}

.height-16px {
    height: 16px !important;
}

.height-20px {
    height: 20px !important;
}

.height-24px {
    height: 24px !important;
}

.height-28px {
    height: 28px !important;
}

.height-30px {
    height: 30px !important;
}

.height-34px {
    height: 34px !important;
}

.height-40px {
    height: 40px !important;
}

.height-43px {
    height: 43px !important;
}

.height-46px {
    height: 46px !important;
}

.height-48px {
    height: 48px !important;
}

.height-100px {
    height: 100px !important;
}

.height-107px {
    height: 107px !important;
}

.height-110px {
    height: 110px !important;
}

.height-117px {
    height: 117px !important;
}

.height-120px {
    height: 120px !important;
}

.height-129px {
    height: 129px !important;
}

.height-162px {
    height: 162px !important;
}

.height-226px {
    height: 226px !important;
}

.height-247px {
    height: 247px !important;
}

.height-266px {
    height: 266px !important;
}

.height-400px {
    height: 400px !important;
}

.height-440px {
    height: 440px !important;
}

.height-473px {
    height: 473px !important;
}



.h-97 {
    height: 97% !important;
}

.h-90 {
    height: 90% !important;
}

.border-top-success {
    border-top: 3px solid var(--bs-success);
    box-sizing: border-box !important;
    border-radius: 5px;
}


.max-height-45vh {
    max-height: 70vh !important;
}

.min-height-55vh {
    min-height: 55vh;
    /*max-height: 400px;*/
}

.avatar-xl {
    height: 140px;
    min-width: 140px;
}

.avatar-sm {
    height: 28px;
    width: 28px;
}

.avatar-sm-velzon {
    height: 3rem !important;
    width: 3rem !important;
}

.custom-x {
    line-height: 0;
    font-size: 10px;
    border-radius: 4px !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

/*전체 테이블 안쪽 td 의 폰트 13px로 수정 컬러 검정 수정*/
table.dataTable.table-striped > tbody > tr td {
    font-size: 13px !important;
    color: var(--bs-card-title-color) !important;
}

/*responsive 관련*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column.collapsed > tbody > tr > th.dtr-control:before{
    margin-right: 0.5em;
    display: inline-block;
    box-sizing: border-box;
    content: "+" !important;
    border-top:  0 solid transparent !important;
    border-left:  0 solid transparent !important;
    border-bottom:  0 solid transparent !important;
    border-right:  0 solid transparent !important;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
    display: inline-block;
    box-sizing: border-box;
    content: "" !important;
    border-top: 0 solid transparent !important;
    border-left: 0 solid transparent !important;
    border-bottom: 0 solid transparent !important;
    border-right: 0 solid transparent !important;
}

/*탭 커스텀*/
.tab-custom-left {
    margin-left: 30px;
    /*margin-right: 30px;*/
    /*padding: 8px 1px;*/
}

.tab-custom-center {
    /*padding: 8px 1px;*/
    /*margin-right: 30px;*/
}

.tab-custom-right {
    /*padding: 8px 1px;*/
}


/*DB배정현황 등록 페이지 커스텀*/
#rdda103m tr {
    height: 0 !important;
}

#rdda103m table.dataTable.table-striped > thead > tr th {
    padding: 0px 0px !important;
    text-align: center !important;
    vertical-align: middle !important;
}

/* 약속장소 헤더 */
#rdda103m table.dataTable.table-striped > thead > tr th:nth-child(8) {
    min-width: 170px !important;
    max-width: 200px !important;
    width: 200px;
}
/* 메모 헤더 */
#rdda103m table.dataTable.table-striped > thead > tr th:nth-child(9) {
    min-width: 200px !important;
    max-width: 250px !important;
    width: 250px;
}

/* td 패딩 재조정 */
#rdda103m table.dataTable.table-striped > tbody > tr td{
    padding: 5px 8px !important;
    /*color: black !important;*/
    /*font-size: 13px !important;*/
}
/* 테이블 body font 수정 14->13*/
tbody > tr td {
    color: black !important;
    font-size: 13px !important;
}


    /* input box사이즈 고정*/
.select-sizing {
    width: 130px !important;
}

.select-sizing-120 {
    width: 120px !important;
}

.select-sizing-100 {
    width: 100px !important;
}

.select-sizing-160 {
    width: 160px !important;
}

.select-sizing-350 {
    width: 350px !important;
}

.width-180 {
    width: 180px !important;
}

.width-490 {
    width: 490px !important;
}

.input-search-sizing-220 {
    width: 220px !important;
}

.box-gap-sizing {
    margin-right: 12px !important;
}

/*card default color 커스텀*/
/*.card,*/
/*.card .card-subtitle{*/
/*    color: var(--bs-heading-color) !important;*/
/*}*/

#rdgl002m tr td,
#rdgl002m tr th{

    border: 1px solid var(--bs-table-border-color);
    width: 6.6% !important;

}

#rdrc002m tr th,
#rdrc002m tr td{
    border: 1px solid var(--bs-table-border-color);
    width: 5.6% !important;

}

/*모달 수정*/
.modal-header {
    padding-bottom: 14px !important;
    padding-left: 20px !important;
    background-color: var(--cew-modal-header-color);
    border-radius: 12px 12px 0 0;
}

.modal-title {
    font-size: 18px !important;
}

.modal-body {
    padding: 12px 20px 20px !important;
}

/* 데이터 테이블 검색 수정*/
.dataTables_filter input {
    height: 35px !important;
    border-radius: 8px !important;
}

.dataTables_filter input::placeholder {
    font-size: 14px !important;
    color: var(--bs-card-title-color);
}

.custom-modal  {
    display: none;
    top: 28px;
    height: 605px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    max-width: 800px;
    left: calc(50% - 400px);
}

@media (max-width: 992px) {
    .custom-modal {
        top: 28px;
        height: 605px;
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        max-width: 500px;
        left: calc(50% - 250px);
    }

    .w-lg-49 {
        width: 100%;
    }

}

@media (max-width: 577px) {
    .custom-modal {
        top: 8px;
        height: 605px;
        background: rgba(0, 0, 0, 0.4);
        width: 97.5%;
        max-width: initial;
        left: initial;
        right: 8px;
    }
}



/*테이블 초기 숨겨지는 로우*/
/*.expanded-row {*/
/*    display: none;*/
/*}*/

.popup_foot.show {
    display: none !important;
}

#map > div {
    z-index :1;
}


.preloader {
    display: none !important;
}

/*트리뷰 css */
#usersTree li.list-group-item {
    border-color: transparent;
}

/*sweetAlert css*/
.swal-modal {
    width: 100% !important;
    max-width: 300px !important;
    height: 146px !important;
    /*background-color: #f8f9fa !important;*/
    vertical-align: 250px;
}

.swal-text:first-child {
    margin-top: 36px !important;
}

.swal-text {
    font-weight: 500;
    /*margin-top: 36px !important;*/
}

.swalBtnCancel {
    /*background-color: var(--bs-danger) !important;*/
    padding: 3px 16px !important;
    font-size: 14px !important;
    /*color: #fff;*/
}

.swalBtnCatch {
    /*background-color: var(--bs-primary) !important;*/
    padding: 3px 16px !important;
    font-size: 14px !important;
}

@media (min-width: 1300px) {
    /*html[data-layout=vertical] [data-sidebartype=mini-sidebar].link-sidebar .sidebar-nav .sidebar-menu .sidebar-item .sidebar-link .hide-menu {*/
    /*    display: none;*/
    /*}*/

    html[data-layout=vertical] [data-sidebartype=mini-sidebar].link-sidebar .sidebar-nav .sidebar-menu #menu-after .hide-menu {
        display: none;
    }

    html[data-layout=vertical] [data-sidebartype=mini-sidebar].link-sidebar .left-sidebar:hover .sidebar-nav .sidebar-menu #menu-after .hide-menu  {
        display: inline-block;
    }
}

.text-overflow-ellipsis {
    /*text-overflow: ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
}

.simplebar-track.simplebar-vertical {
    width: 0;
}

[data-layout=vertical] .link-sidebar .scroll-sidebar {
    overflow-y: hidden !important;
}