:root {
    --color-accent: #FF5722;
    --color-zero: #CCCCCC;
    --color-common-border: #CCCCCC;
    --color-default: #000000;
    --color-footer: #676767;
    --color-footer-border: #E5E5E5;
    --color-common-header-border: #CCCCCC;
    --color-top-logo-txt: 0C147E;
    --color-submenu-border: #CCCCCC;
    --color-iz-main: #1B6EA9;
    --color-bg-layout-header: #ffffff;
    --color-bg-layout-toolbar: #ffffff;
    --color-bg-darkgray: #444E5C;
    --color-bg-body: #ffffff;
    --color-bg-drawer: #ffffff;
    --color-bg-tab-search: #DEEBF7;
    --color-bg-tab-selected: #ffffff;
    --color-bg-submenu: #ffffff;
    --color-bg-edit-basic: #FAE0D4;
    --color-bg-edit-readonly: #FFF5EE;
    --color-bg-panel: #ffffff;
    --color-bg-panel-content: #F3F3F3;
    --color-bg-panel-boxshadow: #dddddd;
    --color-bg-form-label: #DCEAFB;
    --color-bg-grid-header: var(--color-iz-main);
    --color-bg-card: #ffffff;
    --color-banner: saturate(1) sepia(0) grayscale(0) brightness(1);
    --color-card-border: #F4F4F4;
    --color-card-header-border: #DFDFDF;
    /*--color-bg-form: #f7f7f7;*/
    --color-bg-form: transparent;
    --color-grid-header-border: #e0e0e0;
    /*--color-bg-edit-readonly: #EEEEEE;*/
    --color-bg-edit: #EFEFEF;
    /*--color-submenu-bg: #FFFFFF;*/
    --color-submenu-bg: #439AD3;
    --color-tab-icon: invert(1); /* white */
    --color-tab-icon-selected: invert(0); /* black */
    --color-bg-popup-title: linear-gradient(90deg, rgba(40,47,57,1) 0%, rgba(68,78,92,0.7) 100%);
    /*--color-bg-popup-title: linear-gradient(90deg, rgba(68,78,92,1) 0%, rgba(68,78,92,0.7) 100%);*/
    /*--color-iz-main: purple;*/
    --color-readonly-text: rgba(0,0,0,.8);
    --color-current-form-bg: white;
    --color-current-form-bd: black;
    --color-graph-label: rgba(0,0,0,.87);
    --iz-font-size: 13px;
    --color-header-required: orange;
    --color-group-caption: #1B6EA9;
    --color-formfield-border: #eeeeee;
    --color-datagrid-background-color-red: #FFC6C6;
    --color-datagrid-background-color-yellow: #FFBB00;
    --color-datagrid-background-color-ac3000-1: #FFC19E; /* 빨강색 */
    --color-datagrid-background-color-ac3000-2: #B2CCFF; /* 파란색 */
}

body, html {
    margin: 0;
    min-height: 100%;
    height: 100% !important;
    background-color: var(--color-bg-body);
}

img {
    max-width: 100%;
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

g.dxc-arg-elements text,
g.dxc-val-elements text,
g.dxc-item,
g.dxl-marker text {
    fill: var(--color-graph-label) !important;
}

/**
    그리드
*/

.dx-datagrid-headers .dx-datagrid-table .dx-row:not(.dx-datagrid-filter-row) > td {
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: middle;
    text-align: center !important;
    background-color: var(--color-bg-grid-header) !important;
    color: #FFF !important;
    /*  font-weight: bold !important;
    font-size: 14px !important;*/
    padding: 10px 3px !important;
    border-right: 1px solid var(--color-grid-header-border);
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort, .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator, .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
    color: #FF5722;
}

.dx-datagrid .dx-header-filter {
    position: relative;
    color: white;
    font: 14px/1 DXIcons;
}

/*datagrid height 수정*/
.dx-datagrid .dx-editor-with-menu,
.dx-datagrid-container .dx-editor-with-menu {
    /*20201229 cdb 수정
    height: 48px;*/
    height: 32px;
}

/* td padding 조절로 datagrid height 조절*/
.dx-datagrid .dx-row > td {
    padding-top: 4px;
    padding-bottom: 4px;
}

/*datagrid 선택했을 때 색상변경*/
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
    background-color: rgba(255,87,34,.24);
}

/* 그리드 내 체크박스가 들어 갈 경우 padding 조절 dskim */
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    padding-top: 5px;
    padding-bottom: 5px;
}

/**
    탭패널
*/

/* 탭 메뉴 배경색 지정*/
.dx-tabpanel .dx-tabs-wrapper {
    display: block;
    background-color: var(--color-bg-darkgray);
}

.dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
    background-color: var(--color-bg-darkgray);
    color: white;
}

.dx-tabpanel-tabs .dx-item.dx-tab.dx-state-hover img.icon {
    filter: invert(0);
}

.dx-tabpanel-tabs .dx-item.dx-tab img.icon {
    filter: var(--color-tab-icon);
}

.dx-tabpanel-tabs .dx-item.dx-tab.dx-tab-selected img.icon {
    filter: var(--color-tab-icon-selected);
}


.dx-tabs-wrapper .dx-tab {
    width: auto;
    padding: 6px;
    padding-left: 12px;
}

.dx-tabpanel .dx-tab {
    min-width: 72px;
}

.dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected .dx-icon {
    color: black;
}

.dx-tab {
    /*padding: 8px 16px;*/
    /* min-width: 90px; */
    background-color: white;
}

.dx-tab-content .dx-icon-close {
    display: inline-block;
    opacity: 0.6;
    margin-right: 0;
    margin-left: 7px;
}

.dx-tab-content span {
    vertical-align: middle;
}

.dx-tab .dx-icon {
    color: inherit;
}

/*탭 아이콘 색상*/
.dx-tab.dx-state-hover {
    background-color: #ededed;
    color: black;
}

    /*20200813 cdb 추가 탭 아이콘 색상 변경*/
    .dx-tab.dx-state-hover img {
        /*filter: invert(0%) sepia(5%) saturate(7500%) hue-rotate(228deg) brightness(106%) contrast(106%);*/
        filter: invert(0);
    }

    .dx-tab.dx-state-hover img {
        /*filter: invert(0%) sepia(5%) saturate(7500%) hue-rotate(228deg) brightness(106%) contrast(106%);*/
        filter: invert(0);
    }


.dx-tab.dx-tab-selected {
    background-color: var(--color-bg-tab-selected);
    color: var(--color-default);
}

    .dx-tab.dx-tab-selected.dx-state-hover {
        color: inherit;
    }


        .dx-tab.dx-tab-selected.dx-state-hover img {
            filter: var(--color-tab-icon-selected);
        }

    .dx-tab.dx-tab-selected::before {
        background-color: var(--color-bg-tab-selected);
        color: var(--color-default);
    }

    .dx-tab.dx-tab-selected, .dx-tab.dx-tab-selected .dx-icon {
        color: var(--color-default);
    }

/* 좌측 메뉴 배경색 지정*/
.dx-drawer-panel-content {
    min-width: 250px;
    background-color: var(--color-bg-darkgray);
}

/* 좌측 메뉴 폰트색상 지정*/
#mainmenutree > .dx-item-content.dx-treeview-item-content .dx-item-content.dx-treeview-item-content:hover {
    color: white;
}

/* 컨텐츠 영역(탭 컨텐츠)*/
.dx-drawer-content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: var(--color-bg-drawer);
}

.dx-item-content.dx-multiview-item-content {
    padding: 0 10px;
}

/** 아이콘 */


.dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon {
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    /*기본 버튼의 위치가 변경되어 주석 처리 20230222 dskim*/
    /*margin-right: 4px;*/
    margin-left: 0;
}

.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
    border-radius: 0;
    box-shadow: none;
    /*로그아웃, 컬럼 보이기/숨기기 팝업 닫기버튼 20230712 hyk*/
    /*display: flex;*/
    /*버튼 여러개 배치시 한 줄에 보이도록 수정(아이콘만 있을 경우) 20240227 dskim*/
    display: inline-flex;
}

.dx-button-has-icon.dx-button-has-text .dx-button-content {
    padding: 5px;
}

/*Toast 관련 수정*/
.dx-toast-icon {
    display: table-cell;
    background-size: contain;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
}

.dx-toast-message {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.dx-toast-info {
    background-color: #337ab7;
}

    .dx-toast-info .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==);
    }

.dx-toast-message {
    line-height: 16px;
}

.dx-toast-warning {
    background-color: #f0ad4e;
}

    .dx-toast-warning .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC);
    }

.dx-toast-error {
    background-color: #d9534f;
}

    .dx-toast-error .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC);
    }

.dx-toast-success {
    background-color: #5cb85c;
}

    .dx-toast-success .dx-toast-icon {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==);
    }

.dx-rtl .dx-toast-message {
    padding-left: 0;
    padding-right: 10px;
}

/** 폼 필드 */
.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) {
    padding-top: 4px;
    padding-bottom: 4px;
}

/*.dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
    padding-bottom: 4px;
}
*/

/*.dx-layout-manager .dx-label-h-align.dx-flex-layout {
    padding-bottom: 4px;
}
*/
.dx-layout-manager .dx-field-item {
    font-size: 13px;
    /*padding-bottom: 4px;*/
    padding-bottom: 0;
}

    .dx-layout-manager .dx-field-item:not(.dx-first-row) {
        padding-top: 0px;
    }

    /*    
    .dx-layout-manager .dx-field-item.dx-first-col:not(.dx-label-v-align) {
        margin-left: -20px;
    }

    .dx-layout-manager .dx-field-item.dx-first-col.dx-last-col {
        margin-left: 0;
    }

        .dx-layout-manager .dx-field-item.dx-first-col.dx-field-item-has-group {
            margin-left: 0px;
        }

    .dx-layout-manager .dx-field-item:not(.dx-first-col) {
        padding-left: 0;
    }

    .dx-layout-manager .dx-field-item:not(.dx-last-col) {
        padding-right: 0;
    }

    .dx-layout-manager .dx-label-h-align .dx-field-item-label {
        padding-left: 20px;
    }

*/

    .dx-layout-manager .dx-field-item:not(.dx-first-col) {
        padding-left: 0;
    }

    .dx-layout-manager .dx-field-item:not(.dx-last-col) {
        padding-right: 0;
    }

    .dx-layout-manager .dx-field-item:has(.dx-field-item-label):not(.dx-first-col) {
        /*padding-left: 20px;*/
    }

.dx-layout-manager .dx-label-h-align.dx-flex-layout {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.iz_widget-value > .dx-state-readonly {
    background-color: transparent !important;
}

.dx-state-readonly {
    background-color: var(--color-bg-edit-readonly) !important;
    color: var(--color-bg-edit);
}

    .dx-state-readonly[role=radiogroup] {
        background-color: transparent !important;
    }

.dx-field-item.dx-field-item-required > .dx-field-item-content > .dx-show-invalid-badge:not(.dx-htmleditor) {
    background-color: var(--color-bg-edit-basic);
    color: var(--color-bg-edit);
}

/** 20240302 dskim */
.dx-radiogroup-horizontal .dx-collection {
    height: 25px;
}

/** 아이엠지 폼 필드 */
.iz-form {
    padding: 0;
    border-radius: 5px;
    background-color: var(--color-bg-form);
}

/** 아이엠지 폼 필드 */
.iz-form-none-border {
    padding: 0;
    border-radius: 5px;
    background-color: var(--color-bg-form);
}

/*TextEditor padding 수정*/
.dx-rtl .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
.dx-rtl .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input,
.dx-rtl.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
.dx-rtl.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input,
.dx-texteditor.dx-editor-filled .dx-placeholder:before,
.dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined .dx-placeholder:before,
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {
    /*
    padding: 19px 12px 18px;*/
    padding: 5px 5px;
}

/*TextBox Readonly 투명도 수정*/
.dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
    color: var(--color-readonly-text);
}
/* 팝업 */

.dx-popup-wrapper > .dx-popup-fullscreen {
    border-radius: 0;
    position: relative;
}

    .dx-popup-wrapper > .dx-popup-fullscreen .dx-popup-bottom.dx-toolbar {
        padding: 0 8px 0 16px;
        overflow: visible;
        position: absolute;
        bottom: 0;
    }

/* 팝업 타이틀 배경 색상 */
.dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title {
    /*background: linear-gradient(90deg, rgba(255,86,34,1) 0%, rgba(240,152,25,0.5) 100%);*/
    /*background: linear-gradient(90deg, rgba(40,47,57,1) 0%, rgba(68,78,92,0.7) 100%);*/
    /*background: linear-gradient(90deg, rgba(68,78,92,1) 0%, rgba(68,78,92,0.7) 100%);*/
    background: var(--color-bg-popup-title);
    /*color-bg-popup-title */
    color: white;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 30px;
}

.dx-toolbar-label .dx-toolbar-item-content > div::before {
    content: url("/image/title_icon.png");
    /*filter:invert(1);*/
    margin-right: 5px;
    font-size: 14px;
}

/* 폼 */
/* 왼쪽 라벨 최소 길이 지정*/
/*span.dx-field-item-label-content {
    min-width: 80px;
    max-width: 100px;
}*/


.dx-dropdownlist-popup-wrapper .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-bottom {
    border-top: 1px solid #eeeeee;
}

.dx-datagrid-headers .dx-checkbox-icon {
    border: 2px solid #FFFFFF;
}

.dx-datagrid-headers .dx-checkbox-checked .dx-checkbox-icon, .dx-datagrid-headers .dx-checkbox-indeterminate .dx-checkbox-icon {
    border: 1px solid #FFFFFF;
}

.dx-theme-material-typography a {
    color: var(--color-accent);
    text-decoration: none;
}

    .dx-theme-material-typography a:hover {
        text-decoration: underline;
    }

.iz-panel-right .dx-list .dx-list-item {
    border-top: 1px solid #ddd;
    color: #333;
}

    .iz-panel-right .dx-list .dx-list-item:first-of-type {
        border-top: 1px solid #ddd;
        color: #333;
    }

    .iz-panel-right .dx-list .dx-list-item:last-of-type {
        border-bottom: 1px solid #ddd;
        color: #333;
    }

/*from numberbox 오른쪽정렬*/
.dx-form .dx-numberbox input {
    text-align: right;
}

.dx-accordion-item {
    margin: 8px 0;
    overflow: hidden;
    border: 1px solid var(--color-common-border);
    /*border-top-color: var(--color-common-border);*/
    box-shadow: none;
    -webkit-box-shadow: none;
}

.dx-accordion-item-title {
    padding: 8px;
    word-break: keep-all;
    white-space: normal;
}

.dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title, .dx-accordion-item-opened > .dx-accordion-item-title {
    background-color: transparent;
    border-top: 1px solid var(--color-common-border);
    border-bottom: 1px solid var(--color-common-border);
}

.dx-accordion-item-closed.dx-state-hover > .dx-accordion-item-title, .dx-accordion-item-closed > .dx-accordion-item-title {
    background-color: transparent;
    border-top: 1px solid var(--color-common-border);
}

.dx-accordion-item-title::before {
    background-position: center;
    float: right;
    font-weight: 400;
    color: #99a1a8;
    content: "\f016";
    font-family: DXIcons;
    font-size: 18px;
    margin-left: 9px;
    margin-right: 0;
    line-height: 24px;
}

.tab-container-search {
    min-height: 36px;
}

    /* 조회조건 버튼 스타일*/
    .tab-container-search .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .tab-container-search .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
    .tab-container-search .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .tab-container-search .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
    .tab-container-search .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
    .tab-container-search .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child {
        margin-right: 0px;
    }

.dx-form-group-caption, .dx-form-group-custom-caption {
    color: var(--color-group-caption);
    font-weight: bold;
    font-size: 16px;
    /*padding-top: 10px;*/
    padding-top: 5px;
    margin-bottom: 0px;
    display: flex;
    flex-basis: 100%;
    align-items: center;
    padding-bottom: 5px;
}

    .dx-form-group-caption::after, .dx-form-group-custom-caption::after {
        content: "";
        flex-grow: 1;
        background: #e0e0e0;
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin-left: 10px;
    }

    .dx-form-group-caption::before, .dx-form-group-custom-caption::before {
        /*content: "";*/
        display: list-item;
        font-size: 2px;
        list-style-type: square;
        list-style-position: inside;
    }

        .dx-form-group-caption::before::marker {
        }

.dx-form-group-with-caption > .dx-form-group-content, .dx-form-group-with-caption > .dx-form-group-custom-content {
    border-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link, .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link {
    width: 16px;
    height: 16px;
    background-position: 0px 0px;
    background-size: 16px 16px;
    padding: 0px;
    font-size: var(--iz-font-size);
    text-align: center;
    line-height: var(--iz-font-size);
    margin: 0px 2px;
    vertical-align: middle;
}



.card {
    background-color: var(--color-bg-card);
    border: 1px solid var(--color-card-border);
}

.card-header {
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
    border-bottom: 1px solid var(--color-card-header-border);
    /*border-color: #FDFDFD;*/
}

.card .nav.flex-column:not(.nav-sidebar) > li {
    border-bottom: 1px solid var(--color-card-header-border);
}

.flex-column {
    margin-top: 0;
}

/* 행삭제, 행삭제취소 다크모드 시 컬러 변경 */
.dx-button.dx-button-danger {
    color: #fff;
}

    .dx-button.dx-button-danger .dx-icon {
        color: #fff;
    }

.dx-button.dx-button-default {
    color: #fff;
}

    .dx-button.dx-button-default .dx-icon {
        color: #fff;
    }

.dx-button-mode-text.dx-button-default {
    background-color: rgb(255, 87, 34);
    box-shadow: none;
}

    .dx-button-mode-text.dx-button-default.dx-state-focused, .dx-button-mode-text.dx-button-default.dx-state-hover {
        background-color: rgba(255, 87, 34, 0.8);
        box-shadow: none;
    }

/*240827 최영환 그리드 아래 부분에 Data grid 글씨 나오는 부분 숨김*/
.dx-gridbase-a11y-status-container {
    width : 0;
    height : 0;
    overflow : hidden
}
/*241018 최영환 추가*/
.iz-form-group-caption-grid {
    color: #1B6EA9;
    font-weight: bold;
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 0px;
    display: flex;
    flex-basis: 100%;
    align-items: center;
    padding-bottom: 5px;
}
.iz-form-group-caption-grid::after {
    content: "";
    flex-grow: 1;
    background: #e0e0e0;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin-left: 10px;
}
.iz-grid .dx-row > td {
    font-family: "맑은고딕" !important;
}