select,
.form-select {
    background-color: var(--yy-input-bg) !important;
    color: var(--yy-input-color) !important;
    border-color: var(--yy-input-border) !important;
}

select option {
    background-color: var(--yy-input-bg) !important;
    color: var(--yy-input-color) !important;
}
    
.yy-theme-toggle{
	display:inline-block;
	margin-left:6px;
	cursor:pointer;
	user-select:none;
	font-size:14px;
	line-height:1;
	vertical-align:middle;
}
.yy-theme-toggle:hover{
	transform:scale(1.08);
}    
a { text-decoration: none; }
a:hover { text-decoration: none; }

.zA[draggable="false"] {
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-select: none;
}
.zA {
    padding-bottom: 10px;
    padding-top: 10px;
    -webkit-box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
    box-shadow: inset 0 -1px 0 0 rgba(100,121,143,0.122);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    color: var(--yy-body-color);
    cursor: pointer;
    background-color: transparent;
}
.zE {
    color: var(--yy-body-color);
    background: none;
}

.col1 { width: 180px; }
.col2 { width: auto; }
.col3 { width: 250px; }

td.tdaNO {}
.selct-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}
th.isTopAlign { vertical-align: top; }

body {
    margin: 3px 5px !important;
    font-size: 12px;
}
form { margin: 0; }

.pointer { cursor: pointer; }
.d-none { display: none; }

.p100p { width: 100%; }
.p80p { width: 80%; }
.p70p { width: 70%; }
.w5em { width: 5em; }
.w4em { width: 4em; }
.w3em { width: 3em; }
.w2em { width: 2em; }
.w1em { width: 1em; }

:root,
html[data-bs-theme="light"] {
    color-scheme: light;

    --yy-page-bg: #f8f8f1;
    --yy-body-bg: #f8f8f1;
    --yy-body-color: #1f2937;

    --yy-db-list-bg: #fff4f7;
    --yy-table-list-bg: #f3fbf3;
    --yy-result-bg: #ffffff;

    --yy-panel-bg: #ffffff;
    --yy-panel-bg-2: #f4f7fa;
    --yy-panel-bg-3: #e8eef5;

    --yy-border: #c9d4e0;
    --yy-border-strong: #9fb0c3;
    --yy-link: #0d6efd;
    --yy-muted: #6b7280;

    --yy-input-bg: #ffffff;
    --yy-input-color: #212529;
    --yy-input-border: #b8c4d0;

    --yy-code-bg: #0f172a;
    --yy-code-color: #e2e8f0;

    --yy-shadow-soft: 0 1px 2px rgba(15,23,42,.06);

    --yy-def-cols-bg: var(--yy-table-list-bg);
    --yy-def-db-cols-bg: var(--yy-db-list-bg);

    --yy-pri-bg: #0d6efd;
    --yy-pri-color: #ffffff;
    --yy-uni-bg: #dff5e5;
    --yy-uni-color: #14532d;
    --yy-mul-bg: #e5e7eb;
    --yy-mul-color: #374151;

    --yy-ckbpri-border: #2196f3;
    --yy-ckbpri-bg: #e3f2fd;
    --yy-ckbpri-color: #0f172a;

    --yy-bx1-bg: #eef2f7;
    --yy-bx1focus-bg: #dcfce7;

    --yy-table-head-bg: #eef2e6;
    --yy-table-subhead-bg: #f4f7fa;
    --yy-table-cell-bg: #ffffff;
    --yy-table-cell-alt-bg: #f8fafc;

    --yy-btn-off-bg: #dff0fa;
    --yy-btn-off-color: #336600;
    --yy-btn-on-bg: #ffdeb7;
    --yy-btn-on-color: #b91c1c;

    --yy-pro-bg: #6fba68;
    --yy-pro-color: #330000;
    --yy-pro2-bg: #808080;
    --yy-pro2-color: #330000;
}

html[data-bs-theme="dark"] {
    color-scheme: dark;

    --yy-page-bg: #12161b;
    --yy-body-bg: #12161b;
    --yy-body-color: #e5e7eb;

    --yy-db-list-bg: #221a20;
    --yy-table-list-bg: #18221b;
    --yy-result-bg: #1a1f24;

    --yy-panel-bg: #111827;
    --yy-panel-bg-2: #1b2430;
    --yy-panel-bg-3: #263244;

    --yy-border: #475569;
    --yy-border-strong: #64748b;
    --yy-link: #8ec5ff;
    --yy-muted: #94a3b8;

    --yy-input-bg: #111827;
    --yy-input-color: #e5e7eb;
    --yy-input-border: #64748b;

    --yy-code-bg: #020617;
    --yy-code-color: #dbeafe;

    --yy-shadow-soft: 0 1px 2px rgba(0,0,0,.28);

    --yy-def-cols-bg: var(--yy-table-list-bg);
    --yy-def-db-cols-bg: var(--yy-db-list-bg);

    --yy-pri-bg: #2563eb;
    --yy-pri-color: #ffffff;
    --yy-uni-bg: #1f3b2b;
    --yy-uni-color: #d1fae5;
    --yy-mul-bg: #374151;
    --yy-mul-color: #f3f4f6;

    --yy-ckbpri-border: #60a5fa;
    --yy-ckbpri-bg: #10263d;
    --yy-ckbpri-color: #dbeafe;

    --yy-bx1-bg: #243041;
    --yy-bx1focus-bg: #173225;

    --yy-table-head-bg: #2c3744;
    --yy-table-subhead-bg: #1f2937;
    --yy-table-cell-bg: #1a1f24;
    --yy-table-cell-alt-bg: #202833;

    --yy-btn-off-bg: #1f3442;
    --yy-btn-off-color: #b7f0c7;
    --yy-btn-on-bg: #4b2f1f;
    --yy-btn-on-color: #ffb4a8;

    --yy-pro-bg: #2f6b3f;
    --yy-pro-color: #f3f4f6;
    --yy-pro2-bg: #4b5563;
    --yy-pro2-color: #f3f4f6;
}

html,
body {
    background-color: var(--yy-body-bg) !important;
    color: var(--yy-body-color) !important;
}
body.body {
    background-color: var(--yy-page-bg) !important;
    color: var(--yy-body-color) !important;
}
a { color: var(--yy-link); }

.DEF_COLS {
    background-color: var(--yy-def-cols-bg) !important;
}
.DEF_DB_COLS {
    background-color: var(--yy-def-db-cols-bg) !important;
}

.ckbpri {
    margin: 5px 0px 5px 0px;
    border-left: 5px solid var(--yy-ckbpri-border);
    background-color: var(--yy-ckbpri-bg);
    color: var(--yy-ckbpri-color);
    font-size: 16px;
    font-weight: 400;
    overflow-x: auto;
}

.pri {
    background-color: var(--yy-pri-bg);
    color: var(--yy-pri-color);
}
.uni {
    background-color: var(--yy-uni-bg);
    color: var(--yy-uni-color);
}
.mul {
    background-color: var(--yy-mul-bg);
    color: var(--yy-mul-color);
}
.pri,
.uni,
.mul {
    border-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
}

.input_box {
    margin: 0;
    padding: 0;
    color: var(--yy-input-color);
    border: 1px solid var(--yy-input-border);
    background-color: var(--yy-input-bg);
    height: 50px;
    width: 100%;
}

.bx1 {
    border: 1px solid var(--yy-border-strong);
    color: var(--yy-body-color);
    background-color: var(--yy-bx1-bg);
    text-align: left;
}
.bx1focus {
    border: 1px solid var(--yy-border-strong);
    color: var(--yy-body-color);
    background-color: var(--yy-bx1focus-bg);
    text-align: left;
}

.table1 {
    width: 99%;
    border-width: 1px;
    border-color: var(--yy-border-strong);
    border-style: solid;
    background-color: var(--yy-border-strong);
    color: var(--yy-body-color);
}

.tda0 {
    background-color: var(--yy-table-head-bg);
    border-right-width: 1px;
    border-right-color: var(--yy-border-strong);
    border-right-style: solid;
    color: var(--yy-body-color);
    font-size: 9pt;
    line-height: 12pt;
}
.tda1 {
    background-color: var(--yy-result-bg);
    border-right-width: 1px;
    border-right-color: var(--yy-border-strong);
    border-right-style: solid;
    font-size: 9pt;
    line-height: 12pt;
    color: var(--yy-body-color);
}
.tda2u_alignL {
    border-top: 1px solid var(--yy-border-strong);
    border-left: 0px solid var(--yy-border-strong);
    border-right: 1px solid var(--yy-border-strong);
    border-bottom: 1px solid var(--yy-border-strong);
    background: var(--yy-table-subhead-bg);
    margin: 0px;
    text-align: left;
    font-size: 13px;
    padding-left: 5px;
    color: var(--yy-body-color);
}
.tda2u_alignR {
    border-top: 1px solid var(--yy-border-strong);
    border-left: 0px solid var(--yy-border-strong);
    border-right: 1px solid var(--yy-border-strong);
    border-bottom: 1px solid var(--yy-border-strong);
    background: var(--yy-table-subhead-bg);
    margin: 0px;
    text-align: right;
    font-size: 13px;
    padding-left: 0px;
    color: var(--yy-body-color);
}
.tda2 {
    background-color: var(--yy-table-subhead-bg);
    border-right-width: 1px;
    border-right-color: var(--yy-border-strong);
    border-right-style: solid;
    font-size: 9pt;
    line-height: 12pt;
    text-align: center;
    color: var(--yy-body-color);
}

.tha1 {
    border-right-style: solid;
    font-size: 13px;
    text-align: center;
}
.tha2 {
    border-right-style: dashed;
    font-size: 14px;
}
.tha1,
.tha2 {
    background-color: var(--yy-table-head-bg);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: var(--yy-border-strong);
    color: var(--yy-body-color);
}

.xtda0 {
    border-right: 1px solid var(--yy-border-strong);
    padding-right: 3px;
    padding-left: 3px;
    font-size: 9pt;
    padding-bottom: 1px;
    color: var(--yy-body-color);
    line-height: 12pt;
    padding-top: 3px;
    background-color: var(--yy-panel-bg-3);
}
.xtda1 {
    border-right: 1px solid var(--yy-border-strong);
    padding-right: 3px;
    padding-left: 3px;
    font-size: 9pt;
    padding-bottom: 1px;
    line-height: 12pt;
    padding-top: 3px;
    background-color: var(--yy-result-bg);
    color: var(--yy-body-color);
}

button.off {
    font-weight: bold;
    font-size: 14px;
    width: 150px;
    color: var(--yy-btn-off-color);
    height: 40px;
    background-color: var(--yy-btn-off-bg);
    border: 1px solid var(--yy-border);
}
button.off1 {
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    color: var(--yy-btn-off-color);
    height: 40px;
    background-color: var(--yy-btn-off-bg);
    border: 1px solid var(--yy-border);
}
button.on {
    font-weight: bold;
    font-size: 14px;
    width: 150px;
    cursor: pointer;
    color: var(--yy-btn-on-color);
    height: 40px;
    background-color: var(--yy-btn-on-bg);
    border: 1px solid var(--yy-border);
}
button.on1 {
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    cursor: pointer;
    color: var(--yy-btn-on-color);
    height: 40px;
    background-color: var(--yy-btn-on-bg);
    border: 1px solid var(--yy-border);
}
file.off { background-color: var(--yy-btn-off-bg); }
file.on { background-color: var(--yy-btn-on-bg); }

.pro {
    text-align: center;
    font-size: 14px;
    color: var(--yy-pro-color);
    background-color: var(--yy-pro-bg);
    font-weight: bold;
    height: 25px;
}
.pro_ {
    text-align: center;
    font-size: 14px;
    color: var(--yy-pro2-color);
    background-color: var(--yy-pro2-bg);
    font-weight: bold;
    height: 25px;
}
.proc {
    text-align: center;
    color: var(--yy-pro-color);
    font-weight: bold;
}
.proc_ {
    text-align: center;
    color: var(--yy-pro2-color);
    font-weight: bold;
}

.bkL {
    --g3s-color-primary-container: #d3e3fd;
    --g3s-color-primary-container-rgb: 211,227,253;
    --g3s-color-primary-fixed: #d3e3fd;
    --g3s-color-primary-fixed-rgb: 211,227,253;
    --g3s-color-primary-fixed-dim: #a8c7fa;
    --g3s-color-primary-fixed-dim-rgb: 168,199,250;
    --g3s-color-scrim: #000;
    --g3s-color-scrim-rgb: 0,0,0;
    --g3s-color-secondary: #00639b;
    --g3s-color-secondary-rgb: 0,99,155;
    --g3s-color-secondary-container: #c2e7ff;
    --g3s-color-secondary-container-rgb: 194,231,255;
    --g3s-color-secondary-fixed: #c2e7ff;
    --g3s-color-secondary-fixed-rgb: 194,231,255;
    --g3s-color-secondary-fixed-dim: #7fcfff;
    --g3s-color-secondary-fixed-dim-rgb: 127,207,255;

    --g3s-color-background: #fff;
    --g3s-color-background-rgb: 255,255,255;
    --g3s-color-error: #b3261e;
    --g3s-color-error-rgb: 179,38,30;
    --g3s-color-error-container: #f9dedc;
    --g3s-color-error-container-rgb: 249,222,220;
    --g3s-color-inverse-on-surface: #f2f2f2;
    --g3s-color-inverse-on-surface-rgb: 242,242,242;
    --g3s-color-inverse-primary: #a8c7fa;
    --g3s-color-inverse-primary-rgb: 168,199,250;
    --g3s-color-inverse-surface: #303030;
    --g3s-color-inverse-surface-rgb: 48,48,48;
    --g3s-color-on-background: #1f1f1f;
    --g3s-color-on-background-rgb: 31,31,31;
    --g3s-color-on-error: #fff;
    --g3s-color-on-error-rgb: 255,255,255;
    --g3s-color-on-error-container: #410e0b;
    --g3s-color-on-error-container-rgb: 65,14,11;
    --g3s-color-on-primary: #fff;
    --g3s-color-on-primary-rgb: 255,255,255;
    --g3s-color-on-primary-container: #041e49;
    --g3s-color-on-primary-container-rgb: 4,30,73;
    --g3s-color-on-primary-fixed: #041e49;
    --g3s-color-on-primary-fixed-rgb: 4,30,73;
    --g3s-color-on-primary-fixed-variant: #0842a0;
    --g3s-color-on-primary-fixed-variant-rgb: 8,66,160;
    --g3s-color-on-secondary: #fff;
    --g3s-color-on-secondary-rgb: 255,255,255;
    --g3s-color-on-secondary-container: #001d35;
    --g3s-color-on-secondary-container-rgb: 0,29,53;
    --g3s-color-on-secondary-fixed: #001d35;
    --g3s-color-on-secondary-fixed-rgb: 0,29,53;
    --g3s-color-on-secondary-fixed-variant: #004a77;
    --g3s-color-on-secondary-fixed-variant-rgb: 0,74,119;
    --g3s-color-on-surface: #1f1f1f;
    --g3s-color-on-surface-rgb: 31,31,31;
    --g3s-color-on-surface-variant: #444746;
    --g3s-color-on-surface-variant-rgb: 68,71,70;
    --g3s-color-on-tertiary: #fff;
    --g3s-color-on-tertiary-rgb: 255,255,255;
    --g3s-color-on-tertiary-container: #072711;
    --g3s-color-on-tertiary-container-rgb: 7,39,17;
    --g3s-color-on-tertiary-fixed: #072711;
    --g3s-color-on-tertiary-fixed-rgb: 7,39,17;
    --g3s-color-on-tertiary-fixed-variant: #0f5223;
    --g3s-color-on-tertiary-fixed-variant-rgb: 15,82,35;
    --g3s-color-outline: #747775;
    --g3s-color-outline-rgb: 116,119,117;
    --g3s-color-outline-variant: #c4c7c5;
    --g3s-color-outline-variant-rgb: 196,199,197;
    --g3s-color-primary: #0b57d0;
    --g3s-color-primary-rgb: 11,87,208;
    --g3s-color-primary-container: #d3e3fd;
    --g3s-color-primary-container-rgb: 211,227,253;
    --g3s-color-primary-fixed: #d3e3fd;
    --g3s-color-primary-fixed-rgb: 211,227,253;
    --g3s-color-primary-fixed-dim: #a8c7fa;
    --g3s-color-primary-fixed-dim-rgb: 168,199,250;
    --g3s-color-scrim: #000;
    --g3s-color-scrim-rgb: 0,0,0;
    --g3s-color-secondary: #00639b;
    --g3s-color-secondary-rgb: 0,99,155;
    --g3s-color-secondary-container: #c2e7ff;
    --g3s-color-secondary-container-rgb: 194,231,255;
    --g3s-color-secondary-fixed: #c2e7ff;
    --g3s-color-secondary-fixed-rgb: 194,231,255;
    --g3s-color-secondary-fixed-dim: #7fcfff;
    --g3s-color-secondary-fixed-dim-rgb: 127,207,255;
    --g3s-color-shadow: #000;
    --g3s-color-shadow-rgb: 0,0,0;
    --g3s-color-surface: #fff;
    --g3s-color-surface-rgb: 255,255,255;
    --g3s-color-surface-bright: #fff;
    --g3s-color-surface-bright-rgb: 255,255,255;
    --g3s-color-surface-container: #f0f4f9;
    --g3s-color-surface-container-rgb: 240,244,249;
    --g3s-color-surface-container-high: #e9eef6;
    --g3s-color-surface-container-high-rgb: 233,238,246;
    --g3s-color-surface-container-highest: #dde3ea;
    --g3s-color-surface-container-highest-rgb: 221,227,234;
    --g3s-color-surface-container-low: #f8fafd;
    --g3s-color-surface-container-low-rgb: 248,250,253;
    --g3s-color-surface-container-lowest: #fff;
    --g3s-color-surface-container-lowest-rgb: 255,255,255;
    --g3s-color-surface-dim: #d3dbe5;
    --g3s-color-surface-dim-rgb: 211,219,229;
    --g3s-color-surface-tint: #6991d6;
    --g3s-color-surface-tint-rgb: 105,145,214;
    --g3s-color-surface-variant: #e1e3e1;
    --g3s-color-surface-variant-rgb: 225,227,225;
    --g3s-color-tertiary: #146c2e;
    --g3s-color-tertiary-rgb: 20,108,46;
    --g3s-color-tertiary-container: #c4eed0;
    --g3s-color-tertiary-container-rgb: 196,238,208;
    --g3s-color-tertiary-fixed: #c4eed0;
    --g3s-color-tertiary-fixed-rgb: 196,238,208;
    --g3s-color-tertiary-fixed-dim: #6dd58c;
    --g3s-color-tertiary-fixed-dim-rgb: 109,213,140;
}

input,
select,
textarea,
.form-control,
.form-select {
    background-color: var(--yy-input-bg) !important;
    color: var(--yy-input-color) !important;
    border-color: var(--yy-input-border) !important;
}
input::placeholder,
textarea::placeholder {
    color: var(--yy-muted) !important;
}

pre,
code,
pre code,
pre.hljs,
code.hljs {
    background-color: var(--yy-code-bg) !important;
    color: var(--yy-code-color) !important;
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    border-radius: .375rem;
}
.badge-primary { background-color: #0d6efd !important; color: #fff !important; }
.badge-secondary { background-color: #6c757d !important; color: #fff !important; }
.badge-success,
.badge-Success { background-color: #198754 !important; color: #fff !important; }
.badge-danger { background-color: #dc3545 !important; color: #fff !important; }
.badge-warning { background-color: #ffc107 !important; color: #212529 !important; }
.badge-info { background-color: #0dcaf0 !important; color: #212529 !important; }
.badge-light { background-color: #f8f9fa !important; color: #212529 !important; }
.badge-dark { background-color: #212529 !important; color: #fff !important; }

.mr-1 { margin-right: .25rem !important; }
.ml-1 { margin-left: .25rem !important; }

.yy-theme-box {
    position: fixed;
    top: 8px;
    right: 8px;
    z-index: 1085;
    width: 110px;
}
.yy-theme-box .form-select {
    min-height: auto;
    padding: .25rem 2rem .25rem .5rem;
    font-size: .875rem;
    box-shadow: none;
}

.db-list-panel,
.yy-db-list,
#dbList,
#db_list,
.db-list-box {
    background-color: var(--yy-db-list-bg) !important;
    color: var(--yy-body-color) !important;
    border: 1px solid var(--yy-border) !important;
    box-shadow: var(--yy-shadow-soft);
}

.table-list-panel,
.yy-table-list,
#tableList,
#table_list,
.table-list-box {
    background-color: var(--yy-table-list-bg) !important;
    color: var(--yy-body-color) !important;
    border: 1px solid var(--yy-border) !important;
    box-shadow: var(--yy-shadow-soft);
}

.sql-result-panel,
.yy-sql-result,
#sqlResult,
#sql_result,
.result-box,
.query-result-box {
    background-color: var(--yy-result-bg) !important;
    color: var(--yy-body-color) !important;
    border: 1px solid var(--yy-border) !important;
    box-shadow: var(--yy-shadow-soft);
}
    

/*추가2026-04-15시작 */    
pre:not(.CodeMirror-line):not(.CodeMirror-placeholder),
code,
pre code,
pre.hljs,
code.hljs {
    background-color: var(--yy-code-bg) !important;
    color: var(--yy-code-color) !important;
}

.CodeMirror pre {
    background: transparent !important;
    color: inherit !important;
}

.CodeMirror-lines,
.CodeMirror-line,
.CodeMirror-code {
    background: transparent !important;
}

.CodeMirror-selected {
    background: rgba(13, 110, 253, 0.28) !important;
}

.CodeMirror-focused .CodeMirror-selected {
    background: rgba(13, 110, 253, 0.38) !important;
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection,
.CodeMirror ::selection {
    background: rgba(13, 110, 253, 0.38) !important;
}    
    
/*추가2026-04-15끝 */ 
    
/*스크롤바2개문제 해결위해서 시작 */ 
.CodeMirror.cm-resizable {
    resize: vertical;
    overflow: hidden !important;
    min-height: 0 !important;
    box-sizing: border-box;
}

.CodeMirror.cm-resizable .CodeMirror-scroll {
    overflow: auto !important;
}

.CodeMirror.cm-resizable .CodeMirror-gutters {
    height: 100% !important;
}    
/*스크롤바2개문제 해결위해서 끝 */