@charset "utf-8";



/* **************************************** *
*  theme-default
* **************************************** */


/* **************************************** *
*  theme-dark
* **************************************** */
body.theme-dark {background:#1e1e1e}

/* common */

.theme-dark .require{}
.theme-dark a{color:#ccc}
.theme-dark .stitArea .stitL,
.theme-dark .stitArea .stitC,
.theme-dark .stitArea .stitR{color:#f2f2f2}

.theme-dark h2.stit02,
.theme-dark h3.stit03,
.theme-dark h4.stit04,
.theme-dark h5.stit05{color:#f2f2f2}
.theme-dark .switch{color:#eaeaea}
.theme-dark .switch .label{color:#eaeaea}
.theme-dark .switch .switch-ground{background:#777}
.theme-dark .switch input[type="checkbox"]:checked + .switch-ground{background:linear-gradient(-43deg, #7c55ff, #be52f2)}


.theme-dark .dash-tit{color:#eaeaea}

.theme-dark .dash-txt,
.theme-dark .dash-uni{color:#ccc}

.theme-dark .bg-gray3{background:#242424 !important}
.theme-dark .bg-gray5{background:#ffffff0a !important}
.theme-dark .bd-bottom{border-color:#ffffff1f}
.theme-dark .bd-radius{border-color:#ffffff1f}
.theme-dark .tlink{color:#8e6cff}	


.theme-dark .badge{background:#8e6cff; }
.theme-dark .badge.alarm{background:#fa196d; }
.theme-dark .badge-color.color01.light{background:#fae2e7; color:#e00e36}
.theme-dark .badge-color.color02.light{background:#ffe3cf; color:#ff6a00}
.theme-dark .badge-color.color03.light{background:#fff1b9; color:#c29c05}
.theme-dark .badge-color.color04.light{background:#eafcd5; color:#66b409}
.theme-dark .badge-color.color05.light{background:#ddf5ed; color:#37ae84}
.theme-dark .badge-color.color06.light{background:#d6f2f1; color:#2cada9}
.theme-dark .badge-color.color07.light{background:#d8f8f9; color:#0aa9af}
.theme-dark .badge-color.color08.light{background:#ebe6fb; color:#937cdf}
.theme-dark .badge-color.color09.light{background:#d7cdf8; color:#755ad0}
.theme-dark .badge-color.color10.light{background:#d4dcf4; color:#4265d6}
.theme-dark .badge-color.color11.light{background:#dff5ff; color:#26a2dc}
.theme-dark .badge-color.color12.light{background:#deeafd; color:#0061ff}
.theme-dark .badge-color.color13.light{background:#d9ccef; color:#5f21c7}
.theme-dark .badge-color.color14.light{background:#ced5e4; color:#103783}
.theme-dark .badge-color.color15.light{background:#ffe3f0; color:#fa167c}
.theme-dark .badge-color.color16.light{background:#fce5e3; color:#e8736a}
.theme-dark .badge-color.color17.light{background:#d9efe7; color:#588b7a}
.theme-dark .badge-color.color18.light{background:#cfe2e4; color:#02535b}
.theme-dark .badge-color.color19.light{background:#efefef; color:#8d8a8a}
.theme-dark .badge-color.color20.light{background:#d8d8d8; color:#555555}
.theme-dark .badge-color.color21.light{background:#fff0d9; color:#ec9619}
.theme-dark .badge-color.color22.light{background:#dff5ff; border:1px solid #c3dce8; color:#26a2dc}
.theme-dark .badge-color.color23.light{background:#ffffff; border:1px solid #dedede; color:#333}

.theme-dark .color-purple1{color:#8e6cff!important;}
.theme-dark .color-gray1{color:#888 !important;}
.theme-dark .group_label1{background:#8e6cff;}
.theme-dark .bg-gray1{background:#1e1e1e!important;}

.theme-dark .signal-list-wrap{background:inherit; border-color:#ffffff30}
.theme-dark .signal-list-wrap .tit{color:#ccc}
.theme-dark .signal-list-wrap .signal-list{background:#222; border-color:#ffffff30}


.theme-dark .signal-color.color13:before{background:#7c00ff}
.theme-dark .signal-color.color14:before{background:#051883}
.theme-dark .signal-color .cont-txt{color:#aaa}

.theme-dark .Label span{color:#ccc}
.theme-dark .Label-color.color24.light{background:#fbf9ff0a; border-color:#ae95ff; color:#ae95ff}
.theme-dark .Label-color.total{color:#303030}
.theme-dark .Label-color.total2{color:#303030}
.theme-dark .group_label8{background:#8848a2}
.theme-dark .group_label12{background:#314882}
.theme-dark .infoTxt01{color:#ccc;}
.theme-dark .infoTxt02{color:#ccc;}



.theme-dark .guide-box2:before{background-color:#8e6cff}
.theme-dark .guide-box2 .infoTxt01{color:#666;}
.theme-dark .guide-box2 i{background:#8e6cff}
.theme-dark .warning_box .infoTxt01{color:#222}


.theme-dark .cover-img.cover-stamp.default,
.theme-dark .cover-img.cover-logo.default{background:#454545; border-color:#454545}

.theme-dark .columnBox{background:#1e1e1e; border-color:#2d2d2d ; color:#fff}
.theme-dark .columnBox.lineless{border:none}
.theme-dark .columnBox .keySearchbox{border-color:#444}
.theme-dark .columnBox .signalbox{border-color:#444}
.theme-dark .columnBox .fixed-tit .stitArea{border-color:#ffffff12}

.theme-dark .layerpop-box .dev-content .columnBox{border-color:#444; background:#323232 }
.theme-dark .columnBox .tit-wrap .tit{color:#f2f2f2}
.theme-dark .columnBox .info ul li{color:#777}
.theme-dark .columnBox .info ul li:after{background:#7f7f7f;}
.theme-dark .bd{border-color:#373737;}
.theme-dark .bd-top{border-color:#373737;}

.theme-dark .keySearchbox .searchkey .search{color:#aaa}
.theme-dark .keySearchbox .searchkey .search:hover,
.theme-dark .keySearchbox .searchkey .search:focus{border:0; background:none;}


.theme-dark .infoList01 > li{color:#ccc}

.theme-dark .guide-box{background:#3e355b7d;}
.theme-dark .warning_box2{background:#592c34;}
.theme-dark .Tabs.fixed .guide-box.line{background:#2d2d2d99; border-color:#8e6cff;}
.theme-dark .form-box{background:#323232; border:0}
.theme-dark .layerpop-box .form-box{background: inherit;}


/* COMMON - fixConWrap */
.theme-dark .fixConWrap{background:inherit; }
.theme-dark .fixConWrap .fixCtrl{border-color:#ffffff20}
.theme-dark .fixConWrap.duty .fixCont1,
.theme-dark .fixConWrap.duty .fixCont2,
.theme-dark .fixConWrap.duty .fixCont3{background:#2d2d2d; border-color:#2d2d2d;}
.theme-dark .fixConWrap .form-wrap .form-box{background:#2d2d2d; border-color:#2d2d2d;}


.theme-dark .fixConWrap.contact{border-color:#555}
.theme-dark .fixConWrap.contact > div{border-color:#555}

/* COMMON - contact*/
.theme-dark .contact-recipient .recipient-box{border-color:#555;}
.theme-dark .contact-recipient .recipient-box.selected{border-color:#8b69ff; background:#2b2837;}
.theme-dark .recipient-header .tit{color:#eaeaea;}
.theme-dark .recipient-header .count{color:#8b69ff}
.theme-dark .recipient-list{background:none}
.theme-dark .recipient-list .recipient-item .mail-info{color:#eaeaea;}

/* COMMON - sidemenu */
.theme-dark .sidemenu .project-list h4.tit i{color:#8e6cff}
.theme-dark .sidemenu .project-list h4.tit{color:#eaeaea}


/* button */
.theme-dark .Button{background:#222; border-color:#474747; color:#eaeaea}
.theme-dark .Button:active,
.theme-dark .Button:hover,
.theme-dark .Button:focus,
.theme-dark .Button.af-hover,
.theme-dark .Button.Checked{background:#333; border:1px solid #666; color:#eaeaea}
.theme-dark .Button.trans-ico{background:none;}
.theme-dark .Button.trans-ico:active,
.theme-dark .Button.trans-ico:hover,
.theme-dark .Button.trans-ico:focus,
.theme-dark .Button.trans-ico.af-hover,
.theme-dark .Button.trans-ico.Checked{border:0;}

.theme-dark .Button.Disabled,
.theme-dark .Dropdownbutton.Disabled{color:#5b5b5b; background:#1f1f1f; border:1px solid #3c3c3c}

.theme-dark .Button.info{background:#7c55ff; border:1px solid #7c55ff; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.info:active,
.theme-dark .Button.info:hover,
.theme-dark .Button.info:focus,
.theme-dark .Button.info.af-hover,
.theme-dark .Button.info.Checked{background:#7c55ff; border:1px solid #7c55ff; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.info.Disabled{background:#7c55ff; border:1px solid #7c55ff; color:rgb(255, 255, 255, .7)}

.theme-dark .Button.primary{background:#5b5866; border:1px solid #5b5866; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.primary:active,
.theme-dark .Button.primary:hover,
.theme-dark .Button.primary:focus,
.theme-dark .Button.primary.af-hover,
.theme-dark .Button.primary.Checked{background:#5b5866; border:1px solid #5b5866; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.primary.Disabled{background:#5b5866; border:1px solid #5b5866; color:rgb(255, 255, 255, .7)}

.theme-dark .Button.success{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.success:active,
.theme-dark .Button.success:hover,
.theme-dark .Button.success:focus,
.theme-dark .Button.success.af-hover,
.theme-dark .Button.success.Checked{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.success.Disabled{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, .7)}

.theme-dark .Button.progress{background:#0084f3; border:1px solid #0084f3; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.progress:active,
.theme-dark .Button.progress:hover,
.theme-dark .Button.progress:focus,
.theme-dark .Button.progress.af-hover,
.theme-dark .Button.progress.Checked{background:#0084f3; border:1px solid #0084f3; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.progress.Disabled{background:#0084f3; border:1px solid #0084f3; color:rgb(255, 255, 255, .8)}

.theme-dark .Button.warning{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.warning:active,
.theme-dark .Button.warning:hover,
.theme-dark .Button.warning:focus,
.theme-dark .Button.warning.af-hover,
.theme-dark .Button.warning.Checked{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.warning.Disabled{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, .8)}

.theme-dark .Button.danger{background:#ff6a00; border:1px solid #ff6a00; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.danger:active,
.theme-dark .Button.danger:hover,
.theme-dark .Button.danger:focus,
.theme-dark .Button.danger.af-hover,
.theme-dark .Button.danger.Checked{background:#ff6a00; border:1px solid #ff6a00; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.danger.Disabled{background:#ff6a00; border:1px solid #ff6a00; color:rgb(255, 255, 255, .7)}
 
.theme-dark .Button.info.line{background:transparent; border-color: #8e6cff; color:#8e6cff}
.theme-dark .Button.info.line:active,
.theme-dark .Button.info.line:hover,
.theme-dark .Button.info.line:focus,
.theme-dark .Button.info.line.af-hover,
.theme-dark .Button.info.line.Checked{background:#8e6cff; border-color: #8e6cff; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.info.line.Disabled{background:#1f1f1f; border:1px solid #8e6cff70; color:#8e6cff70}

.theme-dark .Button.primary.line{background:transparent; border-color: #5b5866; color:#5b5866}
.theme-dark .Button.primary.line:active,
.theme-dark .Button.primary.line:hover,
.theme-dark .Button.primary.line:focus,
.theme-dark .Button.primary.line.af-hover,
.theme-dark .Button.primary.line.Checked{background:#5b5866; border:1px solid #5b5866; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.primary.line.Disabled{background:#1f1f1f; border:1px solid #5b5866; color:#5b586670}

.theme-dark .Button.success.line{background:transparent; border-color: #23cf3a; color:#23cf3a;}
.theme-dark .Button.success.line:active,
.theme-dark .Button.success.line:hover,
.theme-dark .Button.success.line:focus,
.theme-dark .Button.success.line.af-hover,
.theme-dark .Button.success.line.Checked{background:#23cf3a;  border-color: #23cf3a; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.success.line.Disabled{background:#1f1f1f; border-color: #23cf3a70; color:#23cf3a70;}

.theme-dark .Button.warning.line{background:transparent; border-color: #fac60a; color:#fac60a}
.theme-dark .Button.warning.line:active,
.theme-dark .Button.warning.line:hover,
.theme-dark .Button.warning.line:focus,
.theme-dark .Button.warning.line.af-hover,
.theme-dark .Button.warning.line.Checked{background:#fac60a; border-color: #fac60a; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.warning.line.Disabled{background:#1f1f1f; border-color: #fac60a70; color:#fac60a70}

.theme-dark .Button.danger.line{background:transparent; border-color: #ff6a00; color:#ff6a00}
.theme-dark .Button.danger.line:active,
.theme-dark .Button.danger.line:hover,
.theme-dark .Button.danger.line:focus,
.theme-dark .Button.danger.line.af-hover,
.theme-dark .Button.danger.line.Checked{background:#ff6a00; border-color: #ff6a00; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.danger.line.Disabled{background:#1f1f1f; border:1px solid #ff6a0070; color: #ff6a0070;}

.theme-dark .Button.hoverline:active,
.theme-dark .Button.hoverline:focus,
.theme-dark .Button.hoverline:Checked,
.theme-dark .Button.hoverline.active{background:#5b5866; border:1px solid #5b5866; color:#fff}

.theme-dark .Button.hoverline.active:hover,
.theme-dark .Button.hoverline:Checked:hover,
.theme-dark .Button.hoverline:active:hover,
.theme-dark .Button.hoverline:focus:hover{background:#5b5866;border:1px solid #5b5866; color:#fff; box-shadow:0px 0px 5px rgb(0 0 0 / 15%)}

.theme-dark .Button.hoverline:hover{border-color:#8e6cff; background:transparent; box-shadow:0px 0px 8px rgb(86 41 238 / 40%); color:#8e6cff;}
.theme-dark .Button.hoverline.Disabled{background:#fff; border:1px solid #8e6cff; color:#8e6cff}


/* 라벨 색상 버튼 */
.theme-dark .Button.color03{background:#fdc23e; border:1px solid #fdc23e; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color03:active,
.theme-dark .Button.color03:hover,
.theme-dark .Button.color03:focus,
.theme-dark .Button.color03.af-hover,
.theme-dark .Button.color03.Checked{background:#fdc23e; border:1px solid #fdc23e; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color03.Disabled{background:#fdc23e; border:1px solid #fdc23e; color:rgb(255, 255, 255, .7)}
.theme-dark .Groupbutton .Button.color03:first-child{margin-left:0; border:1px solid #fdc23e}

.theme-dark .Button.color04{background:#75d701; border:1px solid #75d701; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color04:active,
.theme-dark .Button.color04:hover,
.theme-dark .Button.color04:focus,
.theme-dark .Button.color04.af-hover,
.theme-dark .Button.color04.Checked{background:#75d701; border:1px solid #75d701; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color04.Disabled{background:#75d701; border:1px solid #75d701; color:rgb(255, 255, 255, .7)}
.theme-dark .Groupbutton .Button.color04:first-child{margin-left:0; border:1px solid #75d701}

.theme-dark .Button.color05{background:#3fc495; border:1px solid #3fc495; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color05:active,
.theme-dark .Button.color05:hover,
.theme-dark .Button.color05:focus,
.theme-dark .Button.color05.af-hover,
.theme-dark .Button.color05.Checked{background:#3fc495; border:1px solid #3fc495; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color05.Disabled{background:#3fc495; border:1px solid #3fc495; color:rgb(255, 255, 255, .7)}
.theme-dark .Groupbutton .Button.color05:first-child{margin-left:0; border:1px solid #3fc495}

.theme-dark .Button.color10{background:#4265d6; border:1px solid #4265d6; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color10:active,
.theme-dark .Button.color10:hover,
.theme-dark .Button.color10:focus,
.theme-dark .Button.color10.af-hover,
.theme-dark .Button.color10.Checked{background:#4265d6; border:1px solid #4265d6; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color10.Disabled{background:#4265d6; border:1px solid #4265d6; color:rgb(255, 255, 255, .7)}
.theme-dark .Groupbutton .Button.small.color10:first-child{margin-left:0; border:1px solid #4265d6}

.theme-dark .Button.color11{background:#33beff; border:1px solid #33beff; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color11:active,
.theme-dark .Button.color11:hover,
.theme-dark .Button.color11:focus,
.theme-dark .Button.color11.af-hover,
.theme-dark .Button.color11.Checked{background:#33beff; border:1px solid #33beff; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color11.Disabled{background:#33beff; border:1px solid #33beff; color:rgb(255, 255, 255, .7)}
.theme-dark .Groupbutton .Button.color11:first-child{margin-left:0; border:1px solid #33beff}

.theme-dark .Button.color21{background:#fea626; border:1px solid #fea626; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color21:active,
.theme-dark .Button.color21:hover,
.theme-dark .Button.color21:focus,
.theme-dark .Button.color21.af-hover,
.theme-dark .Button.color21.Checked{background:#fea626; border:1px solid #fea626; color:rgb(255, 255, 255, 1)}
.theme-dark .Button.color21.Disabled{background:#fea626; border:1px solid #fea626; color:rgb(255, 255, 255, .7)}
.theme-dark .Groupbutton .Button.color21:first-child{margin-left:0; border:1px solid #fea626}

.theme-dark .Button.color12.light{background:#deeafd; border:1px solid #deeafd; color:#0061ff}
.theme-dark .Button.color12.light:active,
.theme-dark .Button.color12.light:hover,
.theme-dark .Button.color12.light:focus,
.theme-dark .Button.color12.light.af-hover,
.theme-dark .Button.color12.light.Checked{background:#deeafd; border:1px solid #deeafd; color:#0061ff;}
.theme-dark .Button.color12.light.Disabled{background:#deeafd; border:1px solid #deeafd; color:#0061ff40}
.theme-dark .Groupbutton .Button.color12.light:first-child{margin-left:0; border:1px solid #deeafd}

.theme-dark .Button.color16.light{background:#fce5e3; border:1px solid #fce5e3; color:#e8736a}
.theme-dark .Button.color16.light:active,
.theme-dark .Button.color16.light:hover,
.theme-dark .Button.color16.light:focus,
.theme-dark .Button.color16.light.af-hover,
.theme-dark .Button.color16.light.Checked{background:#fce5e3; border:1px solid #fce5e3; color:#e8736a;}
.theme-dark .Button.color16.light.Disabled{background:#fce5e3; border:1px solid #fce5e3; color:#e8736a40}
.theme-dark .Groupbutton .Button.color16.light:first-child{margin-left:0; border:1px solid #fce5e3}

.theme-dark .Button.xsmall.color01{border-color:#ff8989; color:#ff0404; background:#ffc3c3}
.theme-dark .Button.xsmall.color04{border-color:#74c01a; color:#66b409; background:#eafcd5}
.theme-dark .Button.xsmall.color08{border-color:#cec0ff; color:#7850ff; background:#f5f2ff}
.theme-dark .Button.xsmall.color12{border-color:#8fa8ff; color:#0062ff; background:#d3ddfe}
.theme-dark .Button.xsmall.color20{border-color:#555555; color:#555555; background:#d8d8d8}
.theme-dark .Button.xsmall.color21{border-color:#ffd197; color:#ff9200; background:#ffe8c7}

.theme-dark .Button.xxsmall.color01{border-color:#ff8989; color:#ff0404; background:#ffc3c3}
.theme-dark .Button.xxsmall.color04{border-color:#74c01a; color:#66b409; background:#eafcd5}
.theme-dark .Button.xxsmall.color08{border-color:#cec0ff; color:#7850ff; background:#f5f2ff}
.theme-dark .Button.xxsmall.color12{border-color:#8fa8ff; color:#0062ff; background:#d3ddfe}
.theme-dark .Button.xxsmall.color20{border-color:#555555; color:#555555; background:#d8d8d8}
.theme-dark .Button.xxsmall.color21{border-color:#ffd197; color:#ff9200; background:#ffe8c7}

.theme-dark .Button.xsmall.color01:hover{border-color:#ff0404; color:#ffc3c3; background:#ff0404}
.theme-dark .Button.xsmall.color04:hover{border-color:#66b409; color:#eafcd5; background:#66b409}
.theme-dark .Button.xsmall.color08:hover{border-color:#7850ff; color:#f5f2ff; background:#7850ff}
.theme-dark .Button.xsmall.color12:hover{border-color:#0062ff; color:#d3ddfe; background:#0062ff}
.theme-dark .Button.xsmall.color20:hover{border-color:#555555; color:#555555; background:#555555}
.theme-dark .Button.xsmall.color21:hover{border-color:#ff9200; color:#ffe8c7; background:#ff9200}

.theme-dark .Button.xxsmall.color01:hover{border-color:#ff0404; color:#ffc3c3; background:#ff0404}
.theme-dark .Button.xxsmall.color04:hover{border-color:#66b409; color:#eafcd5; background:#66b409}
.theme-dark .Button.xxsmall.color08:hover{border-color:#7850ff; color:#f5f2ff; background:#7850ff}
.theme-dark .Button.xxsmall.color12:hover{border-color:#0062ff; color:#d3ddfe; background:#0062ff}
.theme-dark .Button.xxsmall.color20:hover{border-color:#555555; color:#555555; background:#555555}
.theme-dark .Button.xxsmall.color21:hover{border-color:#ff9200; color:#ffe8c7; background:#ff9200}

.theme-dark .Groupbutton .Button.info:first-child{border-color:#7c55ff}
.theme-dark .Groupbutton .Button.primary:first-child{border-color: #5b5866}

.theme-dark .Dropdownbutton{background:#28282a; border-color:#353535; color:#eaeaea}
.theme-dark .Dropdownbutton:hover{background:#28282a; color:#eaeaea; border-color:#615b78}
.theme-dark .Dropdownbutton:active,
.theme-dark .Dropdownbutton:focus,
.theme-dark .Dropdownbutton.Checked{background:#28282a; color:#eaeaea; border-color: #615b78;}

.theme-dark .Dropdown,
.theme-dark .Dropdown > ul{background:#28282a; border-color: #434349;}
.theme-dark .Dropdown > li:hover{background:#2f2f2f}

.theme-dark .SimpleMultiSelectHeader{background:#434349; border-color:#434349}

.theme-dark .Multiselect.ui-multiselect{background:#28282a; border-color:#353535; color:#eaeaea}
.theme-dark .Multiselect.ui-multiselect:hover{background:#28282a url("/static/fw/images/multi_btn_on_default.png") no-repeat right 50%; border:1px solid #615b78}
.theme-dark .Multiselect.ui-multiselect:focus,
.theme-dark .Multiselect.ui-multiselect.Checked{background:#28282a; color:#eaeaea; border:1px solid #615b78; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1)}

.theme-dark .Multiselect .ui-multiselect-header{background:#434349; border-color:#434349}
.theme-dark .Multiselect.ui-widget-content{border-color:#434349; background:#28282a}

.theme-dark .Multiselect .ui-multiselect-filter input{color:#eaeaea; background:#28282a; border-color:#353535}
.theme-dark .Multiselect .ui-multiselect-hasfilter ul li a{background:#222; border-color: #474747; color:#eaeaea}
.theme-dark .Multiselect .ui-multiselect-hasfilter ul li a:hover{background:#333; border-color: #666;}
.theme-dark .Multiselect .ui-multiselect-checkboxes li:hover{background:#333}
.theme-dark .Multiselect .ui-multiselect-checkboxes label span{color:#eaeaea}
.theme-dark .Multiselect .ui-multiselect-checkboxes label span:after{color:#555}
.theme-dark .Multiselect .ui-multiselect-checkboxes label input[aria-selected="true"] + span:after{color:#8e6cff; }

.theme-dark .fixConWrap.pcessline .pcessline-list li{border-color:#444}
.theme-dark .fixConWrap.pcessline .pcessline-list li span{color:#ccc}
.theme-dark .fixConWrap.pcessline .pcessline-list li.liChecked,
.theme-dark .fixConWrap.pcessline .pcessline-list li:hover{color:#686868}
.theme-dark .fixConWrap.pcessline .pcessline-list li:hover span,
.theme-dark .fixConWrap.pcessline .pcessline-list li.liChecked span{color:#505050}

.theme-dark .ico-label .cont-txt{color:#aaa}

/* common - select-btn */
.theme-dark .select-btn{background: #28282a; border-color:#353535; color:#eaeaea}
.theme-dark .select-btn .btn{color:#eaeaea}
.theme-dark .select-btn .select-list{background:#444; box-shadow: 2px 2px 7px rgb(0 0 0 / 15%)}
.theme-dark .select-btn .select-list ul li span{color:#eaeaea}
.theme-dark .select-btn .select-list ul li.on{background:#ffffff0f}

.theme-dark .select-btn .btn:active,
.theme-dark .select-btn .btn:focus{color:#8e6cff}
.theme-dark .select-btn li.active .btn:before{background:#ffffff0f}
.theme-dark .select-btn .select-list ul li:hover{background-color:#ffffff0f}

.theme-dark .Divselect:hover,
.theme-dark .Divselect:focus,
.theme-dark .Divselect:active{border-color: #615b78}
.theme-dark .Divselect.Disabled{background-color:#2a2a2a; border-color:#3f3f3f; color:#666; opacity:1}
.theme-dark .Divselect.edit{color:#222; background:#eafcd5 url("/static/fw/images/common/divselect.svg") no-repeat right 50%}

/* common - title-grid */

.theme-dark .title-grid-wrap{border-color:#ffffff20}
.theme-dark .title-grid{border-color:#ffffff20}


/* layout */
.theme-dark .app-lnb .biz-logo{ margin:20px auto; }
.theme-dark .app-lnb .biz-logo img{background: #fff; border-radius: 5px; }
.theme-dark .app-nav-tit .tit.parent-tit:before{background:#8e6cff;}
.theme-dark .linkbiz-app{background-color:#3c3c3c;}
.theme-dark .toolbar-util .util-nav .nav-list.core:before{background: #181818;}
/*.theme-dark .toolbar-util .util-nav .nav-push.core-s:before,
.theme-dark .toolbar-util .util-nav .nav-push.core-e:before{background: #181818;}*/
.theme-dark .page-tit-wrap .page-tit .link-tutorial{color:#aaa}
.theme-dark .page-tit-wrap .page-tit .link-tutorial i:before{color:#b39cff; background:none}
.theme-dark .footer-banner{background:linear-gradient(to right, #8579aa9e, #8579aac2,  #8579aa9e); border-color:#b1a8d847;}
.theme-dark .footer-banner .txt{color:#fff}
.theme-dark .footer-banner .txt a{color:#6cffd5}
.theme-dark .footer-banner .txt i{color:#6cffd5}
.theme-dark .flo-banner i{background:#7349ff;}
.theme-dark .flo-banner i:hover{background:linear-gradient(45deg, #be52f2, #5629ee); }
.theme-dark .flo-banner .txt{color:#fff}
.theme-dark .flo-banner .btn-close i{background:transparent}

.theme-dark .main-lnb .app{color:#8e6cff}
.theme-dark .main-lnb .app-label{color:#f2f2f2;}
.theme-dark .main-lnb .app-btn:hover{background:#404040}
.theme-dark .main-lnb .app-btn:hover .app-label{color:#8e6cff;}
.theme-dark .main-lnb .app .mlicon{background:#8e6cff}

.theme-dark .toggle-lnb .toggle-btn{background:#555}
.theme-dark .toggle-lnb.lnb-collapse .toggle-btn{background-color:#5629ee}

.theme-dark .app-lnb{background-color:#303030}
.theme-dark .app-lnb .app-copyright{background:#3b3b3b}

.theme-dark .app-lnb .user-account .account-layer{background:#444}
.theme-dark .app-lnb .user-account .account-info .name{color:#f2f2f2;}
.theme-dark .app-lnb .user-account .account-layer .account-nav .nav-list > li > a{color:#eaeaea}
.theme-dark .account_lang .lang_tit i{color:#eaeaea}
.theme-dark .account_lang .lang_tit:hover i,
.theme-dark .account_lang .lang_tit:hover a{color:#8e6cff}
.theme-dark .account_lang .lang_list{background:#555}
.theme-dark .account_lang .lang_list li a{color:#ccc}
.theme-dark .account_lang .lang_list li:hover{background:#4f4f4f}

.theme-dark .app-lnb .user-account .account-layer .account-nav .nav-list > li > a:hover{color:#8e6cff;}

.theme-dark .app-lnb .user-account .account-layer .account-nav .nav-list > li.sector{border-color:#555}
.theme-dark .app-lnb .user-account .account-appbar{border-color:#555}

.theme-dark .app-lnb .user-account .account-appbar .appbar-tit .tit,
.theme-dark .app-lnb .user-account .account-theme .theme-tit .tit{color:#eaeaea}
.theme-dark .app-lnb .user-account .account-info .sum.memb .rat{border-color:#8e6cff; background:#8e6cff; color:#fff}
.theme-dark .app-lnb .user-account .account-info .sum.count{background:#444; color:#6cffd5;}

.theme-dark .app-lnb .user-account .account-img{background-color: #a7a7a7}

.theme-dark .theme-setting .theme-chip{border-color:#444}

.theme-dark .app-nav-tit .tit.parent-tit{color:#fff;}

.theme-dark .lnbArea .com-lnb li a span{color:#ccc}
.theme-dark .lnbArea .com-lnb > li.active > a > span{color:#8e6cff}
.theme-dark .lnbArea .com-lnb > li:hover > a > span{color:#8e6cff}
.theme-dark .lnbArea .com-lnb li.hasSub > a:after{color:#888}
.theme-dark .lnbArea .com-lnb > li > a:before{ background-color:#8e6cff; }
.theme-dark .lnbArea .com-lnb > li > a{background:#303030}
.theme-dark .lnbArea .com-lnb > li > ul > li:hover > a > span,
.theme-dark .lnbArea .com-lnb > li > ul > li.active > a > span{background:#404040}
.theme-dark .lnbArea .com-lnb > li > ul > li > a > span,
.theme-dark .lnbArea .com-lnb > li > ul > li > ul > li > a > span{background:#303030}
.theme-dark .lnbArea .com-lnb > li > ul > li > ul > li:hover > a > span{color:#8e6cff}
.theme-dark .lnbArea .com-lnb > li > ul > li > ul > li > ul{background:#272727}
.theme-dark .lnbArea .com-lnb > li > ul > li > ul > li > ul > li:hover > a > span{color:#8e6cff}

.theme-dark .lnbArea .com-lnb > li > ul > li.active > a > span{color:#fff}
.theme-dark .lnbArea .com-lnb > li > ul > li > ul > li.active > a > span{color:#fff}
.theme-dark .lnbArea .com-lnb > li > ul > li > ul > li > ul > li.active > a > span{color:#fff}


.theme-dark .autocomplete-layer{background:#444; border-color:#454545}
.theme-dark .autocomplete-interest{background:#444; border-color:#777}
.theme-dark .autocomplete-core .autocomplete-box{background:transparent!important}
.theme-dark .autocomplete-core .autocomplete-box:hover{background:#555!important}
.theme-dark .autocomplete-core .autocomplete-box .jst{color:#aaa}
.theme-dark .autocomplete-core .autocomplete-box .key .key-txt{color:#f2f2f2}
.theme-dark .autocomplete-interest .autocomplete-box .info-txt{color:#aaa}
.theme-dark .autocomplete-core .autocomplete-box .key i{background-color:#6c6b6e}
.theme-dark .dev-content{background:#1e1e1e;}
.theme-dark .content-wrap .page-content{background:#1e1e1e;}

.theme-dark .all-app-nav .nav-wrap{background:#1e1e1e;}
.theme-dark .all-app-nav .depth_tit .tit{color:#eaeaea}
.theme-dark .all-app-nav .depth2_box .depth2_tit .tit{color:#777}
.theme-dark .all-app-nav .depth3_list > li > a{color:#666}

.theme-dark .all-app-nav .nav_depth{border-color:#555}
.theme-dark .all-app-nav .nav_depth:hover .depth_tit .tit{color:#7c55ff}
.theme-dark .all-app-nav .nav_depth:hover .depth2_box .depth2_tit .tit{color:#ccc}
.theme-dark .all-app-nav .nav_depth:hover .depth3_list > li > a{color:#aaa}

.theme-dark .all-app-nav .toggle-app-close .toggle-btn:before,
.theme-dark .all-app-nav .toggle-app-close .toggle-btn:after{background:#eaeaea;}

.theme-dark .linkbiz-toolbar{background:#262626;}
.theme-dark .page-tit-wrap .page-tit .current-tit{color:#f2f2f2;}
.theme-dark .page-tit-wrap .page-tit .current-tit #linkCopy:hover i{color:#8e6cff}
.theme-dark .page-tit-wrap .page-tit .header-btn:hover i{color:#8e6cff}


.theme-dark .layerpop-box{background:#2d2d2d}
.theme-dark .layerpop-box .notice-wrap{background:#444}

.theme-dark .toolbar-util .custom-layer{background:#444}
.theme-dark .toolbar-util .custom-top{border-color:#555}
.theme-dark .toolbar-util .custom-top .top-tit .tit{color:#fff}
.theme-dark .toolbar-util .custom-top .top-button .more span{color:#8e6cff}
.theme-dark .toolbar-util .custom-top .top-button .more:before{background-color:#8e6cff}
.theme-dark .toolbar-util .custom-body > .custom-list > li{border-color:#555}
.theme-dark .toolbar-util .custom-body > .custom-list > li:hover{background-color:#4c4c4c}

.theme-dark .tutorial-view-lnb .lnb-box .tit{color:#ccc}
.theme-dark .tutorial-view-lnb li.active .lnb-box .tit{color:#eaeaea;}
.theme-dark .tutorial-view-lnb li:hover .lnb-box .tit{color:#eaeaea}
.theme-dark .tutorial-view-lnb li.active .lnb-box .num{background:#8e6cff; border-color:#8e6cff;}
.theme-dark .tutorial-sector .num{background:#8e6cff; }
/* bookmark */
.theme-dark .bookmark-cont-wrap{background: #444}
.theme-dark .bookmark-top .tit{color:#f0f0f0}
.theme-dark .bookmark-top .button-area .Button i{color:#e0e0e0}

.theme-dark .bookmark-cont-wrap .bookmark-list{background: #2f2f2f; border-color:transparent;}
.theme-dark .bookmark-cont-wrap .bookmark-list li a{color:#f0f0f0}
.theme-dark .bookmark-cont-wrap .bookmark-list > li > ul > li{background:#1e1e1e; border-color:#ffffff30}
.theme-dark .bookmark-cont-wrap .bookmark-list > li > ul > li:last-child{border-radius: 0px 0px 12px 12px}
.theme-dark .bookmark-cont-wrap .bookmark-list > li > ul > li > a{color:#c0c0c0}

.theme-dark .bookmark-top .button-area .Button:focus{background: #ececec30;}
.theme-dark .bookmark-top .button-area .Button:hover{background: #ececec30;}
.theme-dark .bookmark-cont-wrap .bookmark-list .menu-btn-area .Button{background: #444}
.theme-dark .bookmark-cont-wrap .bookmark-list .menu-btn-area .Button.del-btn{background:transparent; border-color:#ff6060 }
.theme-dark .bookmark-cont-wrap .bookmark-list > li > ul > li:hover > a{color:#f0f0f0}

/* main-depth */
.theme-dark .linkbiz-app .app-main .main-list-ty2 li > .depth2-wrap{background: #494949}
.theme-dark .linkbiz-app .app-main .main-list-ty2 li > .depth2-wrap > ul.depth2-list > li.depth2-item > a.depth2{color:#f0f0f0}
.theme-dark .linkbiz-app .app-main .main-list-ty2 li > .depth2-wrap > ul.depth2-list > li.depth2-item > a.depth2:hover,
.theme-dark .linkbiz-app .app-main .main-list-ty2 li > .depth3-wrap > ul.depth3-list > li.depth3-item > a.depth3:hover{color:#8e6cff}
.theme-dark .linkbiz-app .app-main .main-list-ty2 li > .depth2-wrap > ul.depth2-list > li.depth2-item > a.depth2:hover:before{background-color:#8e6cff}

/* TreeBOX */
.theme-dark .treeBox .jstree-default .jstree-anchor{color:#f2f2f2}
.theme-dark .treeBox .jstree-default .jstree-search{color:#8e6cff}
.theme-dark .treeBox .jstree-default .jstree-icon:empty{color:#a0a0a0}
.theme-dark .treeBox .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl:before{color:#8e6cff}

.theme-dark .treeBox .jstree-default > .jstree-wholerow-ul .jstree-hovered,
.theme-dark .treeBox .jstree-default > .jstree-wholerow-ul .jstree-clicked{color:#a68cff}
.theme-dark .treeBox .jstree-default .jstree-wholerow-clicked{background:#3b364a}
.theme-dark .treeBox .jstree-default .jstree-wholerow-hovered{background:none; box-shadow: 0px 1px 6px #00000090;}

.theme-dark .treeBox .jstree-default .jstree-checkbox:before{color:#666;}
.theme-dark .treeBox .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:before,
.theme-dark .treeBox .jstree-default .jstree-checked>.jstree-checkbox:before{color:#8e6cff}

.theme-dark .treeBox ul li{color:#eaeaea}

.theme-dark .treeBox.rev ul li.select{background:#3b364a}
.theme-dark .treeBox.rev ul li:hover{background:#3b364a; box-shadow: none}


/* layer-box */
.theme-dark .layer-box{background:#393939}



/* CONTENT */

.theme-dark .memo-list-wrap .memo .memo-top > .info .name{color:#202020}
.theme-dark .memo-list-wrap .memo .memo-top > .info .Textinput{color:#202020}
.theme-dark .memo-list-wrap .memo .memo-top > .info .Textinput::placeholder{color:#666}

.theme-dark .memo-list-wrap .memo .memo-top .Groupbutton .Button.trans-ico{background: transparent; border:none}
.theme-dark .memo-list-wrap .memo .memo-cont .Textarea{background: inherit;}


.theme-dark .pdm-con-map{border-color:#ffffff50}

.theme-dark .info_company{border-color:#333}
.theme-dark .paging-jqx .paging-num .num.active,
.theme-dark .paging-jqx .paging-num button.active{background:#5b5866; color:#fff}
.theme-dark .paging-jqx .paging-btn i{color:#aaa;}
.theme-dark .info-message .message-tit{color:#f2f2f2}
.theme-dark .info-message .message-tit span{color:#8e6cff}

.theme-dark .grid-stack-item-content{background:#333 !important;}
.theme-dark .grid-stack > .grid-stack-item > .grid-stack-item-content:hover{border:1px solid #666}

.theme-dark .left-widget .grid-stack-item-content:after{background:transparent}
.theme-dark .bx-wrapper .grid-stack-item-content:after{background:red}

.theme-dark .pjt-issue-wrap{border-color:#ffffff30}
.theme-dark .pjt-issue-wrap .pjt-issue{border-color:#ffffff30}
.theme-dark .pjt-issue-wrap .pjt-issue .issueL{background:#ffffff0d}
.theme-dark .pjt-issue-wrap .pjt-issue .issueL .activity-info{background:#202020; border-color:#202020}
.theme-dark .pjt-issue-wrap .pjt-issue .issueL .activity-info .activity-manager .trans-ico i{color:#eaeaea}
.theme-dark .pjt-issue-wrap .pjt-issue .issueL .issue-info .issue-status li{background:#9c63ff30 }
.theme-dark .pjt-issue-wrap .pjt-issue .tit{color:#777}
.theme-dark .pjt-issue-wrap .pjt-issue .txt{color:#eaeaea}


.theme-dark .pjt-issue-wrap .pjt-issue .issueR{background: #202020}
.theme-dark .pjt-issue-wrap .pjt-issue .issueR .issue-info > ul > li > div{color:#eaeaea}


.theme-dark .calendar-nav .calendar-date{color:#ccc}
.theme-dark .event-Calendar{border-color:#ffffff30}
.theme-dark .wx-event-calendar-timeline-header-cell.svelte-12eazk3{background: #333; border-color:#ffffff30}
.theme-dark .wx-event-calendar-timeline-header-placeholder.svelte-u67q0x{background: #333; color:#ccc; border-color:#ffffff30}
.theme-dark .wx-event-calendar-timeline-section.svelte-q8o9j3{background: #333; color:#ccc; border-color:#ffffff30}
.theme-dark .wx-event-calendar-timeline-data.svelte-q8o9j3{background: #333; border-color:#ffffff30}
.theme-dark .wx-event-calendar-timeline-row.svelte-u67q0x{border-color:#ffffff30}
.theme-dark .event-Calendar .account-wrap .account-info{color:#eaeaea}

.theme-dark .event-Calendar .wx-event-calendar-timeline-header-date .weekday-blue{color:#5c94c0}
.theme-dark .event-Calendar .wx-event-calendar-timeline-header-date .weekday-red{color:#d14747}
/* MAIN-DASHBOARD */
.theme-dark .main-dashboard .widget_header.Header{background:#373737; color:#eaeaea;}
.theme-dark .main-dashboard .widget_btn li button:hover{border:0px}
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-selected-date,
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today{box-shadow:inset 0 0 0 1000px #8e6cff}
.theme-dark .main-dashboard .post-item:hover,
.theme-dark .main-dashboard .post-item:active{background:#444}

.theme-dark .main-dashboard .widget_btn li button:hover{color: #777;}
.theme-dark .main-dashboard .post-tit{color:#ccc}
.theme-dark .main-dashboard .post-date{color:#777}
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
.theme-dark .main-dashboard .dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover{color:#666}
.theme-dark .main-dashboard .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content{color:#7c55ff}
.theme-dark .main-dashboard .dx-calendar-body thead tr th{color:#eaeaea;}
.theme-dark .dx-calendar-body thead tr th{-webkit-box-shadow:inset 0 -1px 0 #555}
.theme-dark .dx-calendar-cell.dx-state-hover {-webkit-box-shadow: inset 0 -1px 0 1000px #333; color:#7c55ff}
.theme-dark #divWidgetArea .widget-set i{color:#777}
.theme-dark #divWidgetArea .widget-set span{color:#aaa}
.theme-dark #divWidgetArea .widget-set:hover i,
.theme-dark #divWidgetArea .widget-set:hover span{color:#8e6cff}

.theme-dark .sample-widget.main-dashboard .post-table .table li.sort{background:#333 }
.theme-dark .sample-widget.main-dashboard .post-table .table li > div{color:#eaeaea}
.theme-dark .sample-widget.main-dashboard .post-table .table li{border-color:#555}
.theme-dark .sample-widget .grid-stack.right-widget .widget_link .post-item.linkbiz:hover .post-tit, 
.theme-dark .sample-widget .grid-stack.right-widget .widget_link .post-item.mylink:hover .post-tit,
.theme-dark .sample-widget .grid-stack.right-widget .widget_link .post-item.naver:hover .post-tit{color:#9e81ff}
.theme-dark .sample-widget .grid-stack.right-widget .widget_link .post-tit{color:#ccc}
.theme-dark .sample-widget .bx-viewport{background:#fff}
.theme-dark .sample-widget .bx-viewport .carousel-thum .carousel-box{background:#fff}


/* main-dashboard - calendar-sme */
.theme-dark .main-dashboard .left-widget .search-cont .dev-content{background:#333}
.theme-dark .jqx-widget-content.calendar-sme{background:transparent}
.theme-dark .calendar-sme.jqx-calendar .jqx-widget-header{background:transparent}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-month .calendar-header{background:transparent}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-month .jqx-calendar-cell{color:#fff}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail-tit{background:#3c3c3c}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-hover{color:#404040}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-hover:before{background:#00000040;}
.theme-dark .calendar-sme.jqx-calendar .jqx-fill-state-pressed{color:#fff}
.theme-dark .calendar-sme.jqx-calendar .jqx-fill-state-pressed:before{background:#673eee;}
.theme-dark .calendar-sme.jqx-calendar .jqx-fill-state-pressed.jqx-calendar-cell-hover{color:#fff}
.theme-dark .calendar-sme.jqx-calendar .jqx-fill-state-pressed.jqx-calendar-cell-hover:before{background:#5724ff;}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail-tit{color:#eaeaea}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail-tit i{color:#8e6cff}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail-info ul li{color:#eaeaea}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail-info ul li:hover{color:#8e6cff}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail-info ul li .user{color:#aaa}
.theme-dark .main-dashboard .widget-calendar .detail-wrap{border-color:#444}
.theme-dark .main-dashboard .widget-calendar .detail-wrap .detail{border-color:#444}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-year{color:#aaa}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-year.jqx-fill-state-pressed,
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-decade.jqx-fill-state-pressed{color:#fff}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-year.jqx-calendar-cell-hover,
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-decade.jqx-calendar-cell-hover{background:#00000040}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell-weekend.jqx-calendar-cell-othermonth{color:#774747!important}
.theme-dark .calendar-sme.jqx-calendar .jqx-calendar-cell.specail_date:after{color:#9a7fff}
.theme-dark .main-dashboard .left-widget .toolbar-search .search-input{background:#2c2c2c; color:#eaeaea}
.theme-dark .main-dashboard .left-widget .toolbar-search .autocomplete-layer{border:none}

.theme-dark .main-dashboard .left-widget .search-cont .searchlist-depth1 .listing-list > li{border-color:#444}
.theme-dark .main-dashboard .left-widget .search-cont .page-content{background:#333}

.theme-dark .notice-wrap .notice-cont{background:#444}
.theme-dark .notipop .dialog_header{background:#3d3d3d; color:#f3f3f3}
.theme-dark .notice-wrap .layerpop-btnwrap{background:#2d2d2d; border-color:#444}
.theme-dark .notice_tit strong{color:#eaeaea;}
.theme-dark .notice-wrap .notice-cont p{color:#fff}

.theme-dark .layerpop-btnwrap .stitL a{color:#ccc}
.theme-dark .layerpop-btnwrap .stitR a{color:#eaeaea}

.theme-dark .searchlist-depth1 .listing-list{border-color:#333}
.theme-dark .searchlist-depth1 .listing-list > li{border-color:#333}
.theme-dark .searchlist-depth1 .list-box .content-content p{color:#eaeaea}
.theme-dark .searchlist-depth1 .list-box .content-tit .tit-area .tit{color:#f2f2f2}
.theme-dark .searchlist-depth1 .list-box .content-tit .tit-area .stit{color:#ccc}
.theme-dark .searchlist-depth1.pedia .list-box .content-source .writer-area{color:#aaa}
.theme-dark .searchlist-depth1 .list-box .content-source .writer-area .date{color:#aaa}
.theme-dark .searchlist-group .content-util .tag-list li a{background:#1e1e1e; border-color:#565656;  color:#fff}
.theme-dark .searchlist-group .content-util .tag-list li span{color:#f2f2f2;}
.theme-dark .searchlist-group .content-util .tag-list li a:hover{border-color: #8e6cff}
.theme-dark .searchlist-group .content-util .tag-list li a:hover span{color:#8e6cff}
.theme-dark .searchlist-depth1 .list-box .content-tit .down-area .count{color:#7c55ff}
.theme-dark .searchlist-depth1 .list-box .content-tit .down-area .down-list{background:#333; border-color:#3f3f3f}

.theme-dark .paging-ty1 .page-button.current button{background:#5629ee; color:#fff}
.theme-dark .paging-ty1 .page-button button{color:#aaa}
.theme-dark .paging-ty1 .page-button.current button:hover{background:#5629ee; color:#fff}
.theme-dark .paging-ty1 .page-list button:hover{background:#555;}

.theme-dark .board-view-top .tit-area .tit{color:#f2f2f2}
.theme-dark .board-view-top .meta-info dt,
.theme-dark .board-view-top .meta-info dd{color:#aaa}
.theme-dark .board-view-top .meta-info dt{border-color:#444}

.theme-dark .writing-ty1 .writing-list{border-color:#444; color:#f2f2f2;}
.theme-dark .writing-ty1 .writing-list .box_tline{border-color:#444}
.theme-dark .writing-ty1 .writing-list .col-box .box_line{border-color:#444}
.theme-dark .writing-ty1 .writing-tit .tit{color:#f2f2f2;}
.theme-dark .writing-ty1 .writing-cont{color:#f2f2f2}
.theme-dark .doc-view .writing-ty1 .writing-list:nth-child(2){border-color:#444;}
.theme-dark .docpilot-box.overlab .writing-ty1 .writing-list:nth-child(2){border-color:#444;}
.theme-dark .writing-ty1 .writing-cont .columnBox{background: inherit; border:none}

.theme-dark .writing-ty1 .writing-list .box_line.total .writing-tit .tit{color:#202020}

.theme-dark .stage-dash .stage-status .writing-ty1 .writing-list{border-color:#ffffff20}
.theme-dark .my-dash .stage-status .writing-ty1 .writing-list{border-color:#ffffff20}
.theme-dark .con-dash .stage-status .writing-ty1 .writing-list{border-color:#ffffff20}

.theme-dark .schedule-wrap > li .schedule{background: #1d1d1d; border-color:#1d1d1d}
.theme-dark .schedule-wrap > li .schedule > label.ImageCheckbox{background: #171717; border-right: 1px solid #ffffff1a;}

.theme-dark .member-profile .profile-info .info-name .name,
.theme-dark .member-profile .profile-info .info-state .state,
.theme-dark .member-profile .profile-info .info-name strong{color:#f2f2f2;}
.theme-dark .member-profile .profile-info .info-name .info_manager span{color:#8e6cff; border-color:#8e6cff}
.theme-dark .info_manager span{color:#8e6cff; border-color:#8e6cff}
.theme-dark .profile_user_sign{border-color:#555;}
.theme-dark .profile_user_sign .user_sign_upload{color:#7e7e7e; background:#323232;}
.theme-dark .profile_user_sign .user_sign_upload i{color:#aaa}
.theme-dark .info_box .info_list .list_inner .txt_box dl dd.info_img_box{border:0; background:#fff;}
.theme-dark .info_box .info_list .list_inner .txt_box dl dd.info_img_box span{color:#aaa}
.theme-dark .info_box .info_list .list_inner .txt_box dl dt{color:#ccc}
.theme-dark .info_box .info_list .list_inner .txt_box dl dd{color:#eaeaea;}
.theme-dark .info_box .info_list .list_inner .txt_box dl dt.info_exp i{color:#8e6cff;}
.theme-dark .info_box .info_list .list_inner .txt_box dl dd span.group_label1{background:#8e6cff;}
.theme-dark .com_info h4{color:#fff}
.theme-dark .com_info h4:before,
.theme-dark .com_info h4:after{background:#444;}
.theme-dark .group_member .member-profile{background:transparent; border:0}
.theme-dark .group_member .stitArea.group_label:after{background:#444}
.theme-dark .user_sign_wrap .sign_select{color:#777}
.theme-dark .user_sign_wrap .sign_select span.on{color:#eaeaea}
.theme-dark .user_sign_wrap .sign_select span:hover{color:#eaeaea}
.theme-dark .user_sign_wrap .sign_select span:first-child:after{background:#555}
.theme-dark .user_sign_cont .user_sign_img{border-color: #4d4d4d}
.theme-dark .user_sign_cont .user_sign_img .upload_btn{background:#444; color:#777}
.theme-dark .user_sign_cont .user_sign_img .upload_btn i{color:#ccc}
.theme-dark  #userNotisArea .writing-ty1.form-box{border-color:#444; background:#444}
.theme-dark #userNotisArea .writing-ty1.form-box .stitArea{border-color:#5b5b5b}
.theme-dark #userNotisArea .writing-ty1.form-box .writing-list .switch .label{color:#aaa}

.theme-dark .userNotis-wrap .Notis-app.active{background:#4b4b4b; border-color:#4b4b4b}
.theme-dark .userNotis-wrap .Notis-app{background:#3a3a3a; border-color:#3a3a3a;}
.theme-dark .userNotis-wrap .Notis-app .Notis-app-cont .Label-color.color11.light{background:none; border:1px solid #26a2dc; color:#26a2dc;}
.theme-dark .userNotis-wrap .Notis-app .Notis-app-cont .Label-color.color11.light:hover{background:#26a2dc; border:1px solid #26a2dc; color:#fff; transition: 0.2s ease-in-out;}
.theme-dark .userNotis-wrap .Notis-app .Notis-app-cont .Label-color.color19.light{background:#2e2e2e}
.theme-dark .userNotis-wrap .Notis-app .Notis-app-cont .Label-color.color19.light:hover{background:#262626; transition: 0.2s ease-in-out;}
.theme-dark .userNotis-wrap .Notis-app .Notis-app-cont .tit{color:#fff}

.theme-dark .NotisReceive li .Button i{color:#ccc}
.theme-dark .NotisReceive li .Button:hover i{color:#8e6cff}
.theme-dark .NotisReceive li .writing-tit{border-color: #8e6cff; }

.theme-dark .notis-time .switch_day .switch_day-ground{background-color:#4e4e4e}
.theme-dark .notis-time .switch_day input[type="checkbox"]:checked+.switch_day-ground{background-color:#8e6cff}

.theme-dark .doc-flow .flow-point.line_r:after{background:linear-gradient(-43deg, #7c55ff, #be52f2)}
.theme-dark .doc-flow .flow-point.line_l:before{background:linear-gradient(-43deg, #be52f2, #7c55ff)}
.theme-dark .doc-flow .flow-point:before,
.theme-dark .doc-flow .flow-point:after{background:#777}
.theme-dark .doc-flow .flow-point .tit{color:#aaa}
.theme-dark .doc-flow .flow-point.current .tit{color:#eaeaea}
.theme-dark .doc-flow .flow-point .pin{background-color:#8e6cff}
.theme-dark .doc-flow .flow-point .pin.gray{background:#fff; border-color:#aaa}
.theme-dark .doc-flow .flow-point.current .pin{border-color:#8e6cff; background:#2d2d2d;}
.theme-dark .doc-flow .flow-point.current i{color:#8e6cff;}

.theme-dark .carousel-thum .slick-prev, 
.theme-dark .carousel-thum .slick-next{background:rgb(137 137 137 / 50%)}
.theme-dark .carousel-thum .slick-prev:hover,
.theme-dark .carousel-thum .slick-next:hover{background:rgb(102 102 102 / 70%)}

.theme-dark .carousel-thum .slick-prev:before, 
.theme-dark .carousel-thum .slick-next:before{color:rgb(255 255 255 / 70%)}

.theme-dark .admin-main .fixCont1 .form-box:nth-child(1){background:linear-gradient(150deg, #946ad4, #623c9b)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(2){background:linear-gradient(150deg, #5593d8, #295280)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(3){background:linear-gradient(150deg, #d8747b, #8d3238)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(4){background:linear-gradient(150deg, #74afc3, #376d80)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(5){background:linear-gradient(150deg, #3b5ab3, #173790)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(6){background:linear-gradient(150deg, #6763b9, #39358d)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(7){background:linear-gradient(150deg, #77baaa, #317e6b)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(8){background:linear-gradient(150deg, #7986e8, #505db9)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(9){background:linear-gradient(150deg, #946eed, #6647ac)}
.theme-dark .admin-main .fixCont1 .form-box:nth-child(10){background:linear-gradient(150deg, #f18e4d, #b1591f)}
.theme-dark .admin-main .fixCont1 .form-box ul .form-tit{color:#f2f2f2}
.theme-dark .admin-main .fixCont1 .form-box{color:#ffffffab}
.theme-dark .admin-main .fixCont1 .form-box:before{color:#ccc}
.theme-dark .admin-main .fixCont1 .form-box .icon i{color:#eaeaea;}
.theme-dark .admin-main .fixCont1 .form-box:hover{filter:brightness(1.1)}

.theme-dark .admin-main .fixCont2 .form-box{background:#2d2d2d; border-color:#2d2d2d;}
.theme-dark .admin-main .fixCont2 ul{border-color:#444}
.theme-dark .admin-main .fixCont2 ul li{color:#eaeaea}
.theme-dark .admin-main .fixCont2 ul li span.fr{color:#8e6cff;}
.theme-dark .admin-main .form-box.guide p{color:#aaa}
.theme-dark .admin-main .form-box .count a{background:#363636}
.theme-dark .admin-main .form-box.guide .guide-icon i{background:transparent; color:#8e6cff;}
.theme-dark .admin-main .form-box.guide:hover .guide-icon i{background:#222; box-shadow: none;}

.theme-dark .admin-main .fixCont3 .form-box{background:#2d2d2d; border-color:#2d2d2d;}
.theme-dark .admin-main .fixCont3 .form-box .txt_box p.form-tit{color:#e3e3e3}
.theme-dark .admin-main .fixCont3 .form-box .txt_box span{color:#8e6cff; border-color:#8e6cff}
.theme-dark .admin-main .fixCont3 .form-box .icon i{color:#eaeaea;}
.theme-dark .admin-main .fixCont3.apicon .form-box:hover{background:#333}

.theme-dark .retain-app .app-box{background:#3e3e3e70; border-color:#3e3e3e70}
.theme-dark .retain-app .app-box.active{background: #9d73ff40; border-color:#996cff}
.theme-dark .retain-app .app-state .state-list li .tit{color:#ccc}
.theme-dark .retain-app .app-state .state-list li .num{color:#aa85ff}
.theme-dark .retain-app .app-state .state-list li .num:before{background:#aa85ff}
.theme-dark .retain-app .app-info .app-ico i{color:#f5f5f5}
.theme-dark .retain-app .app-box.before .app-info .app-ico, 
.theme-dark .retain-app .app-box.before .app-state{opacity:0.4}
.theme-dark .retain-app .app-box.before .app-label .tit{color:#999}
.theme-dark .retain-app .app-info .app-label .tit{color:#f5f5f5}
.theme-dark .retain-app .app-volume{background:#3e3e3e;}
.theme-dark .retain-app .app-volume .tit{color:#ccc;}
.theme-dark .cart-app .app-box:first-child,
.theme-dark .cart-app .app-box{border-color:#404040}
.theme-dark .cart-app .app-box .app-info .app-label .tit{color:#eaeaea;}
.theme-dark .cart-app .app-box .app-info .app-ico i{color:#8e6cff;}
.theme-dark .cart-app .app-box .app-confirm .price{color:#eaeaea;}
.theme-dark .cart-app .app-box .app-confirm .price.before{color:#666}
.theme-dark .cart-final-price{border-color:#564d7a}
.theme-dark .cart-final-price .price-total,
.theme-dark .cart-final-price .price-confirm{background:#8e6cff20; border-color:#564d7a}
.theme-dark .cart-final-price .price-confirm .total-calc .tit,
.theme-dark .cart-final-price .price-total .total-calc .price,
.theme-dark .cart-final-price .price-total .total-calc .tit,
.theme-dark .cart-final-price .price-confirm .total-calc .price{color:#eaeaea;}
.theme-dark .cart-final-price .price-total .total-tit{color:#f2f2f2}
.theme-dark .payment-type{background:transparent; border-color:#564d7a}
.theme-dark .payment-type .payment-tit{color:#f2f2f2}
.theme-dark .cart-app .app-box .app-confirm .app-term,
.theme-dark .cart-app .app-box .app-confirm .app-price{color:#fff}

.theme-dark .nodata .message{color:#aaa;}

.theme-dark .board-view-bottom .util-btn .util-ico{background-color:#2a2a2a}
.theme-dark .board-view-bottom .like.active .util-ico i{color:#8e6cff;}
.theme-dark .board-view-bottom .util-btn .util-ico:hover i{color:#fff}
.theme-dark .board-view-bottom .util-btn .util-ico:hover{background:#8e6cff}

.theme-dark .board-view-contents{color:#fff}
.theme-dark .board-view-discovery{border-color:#313131}
.theme-dark .board-view-file .Fileupload.multi.down .preview-container{background:none;}
.theme-dark .board-view-comment .comment-list .comment-box .comment-info > li.name{color:#f2f2f2}
.theme-dark .board-view-comment .comment-list .comment-box .comment-cont{color:#ccc}
.theme-dark .board-view-comment .comment-list .comment-box .comment-info > li:before {background-color:#444}
.theme-dark .board-view-comment .comment-view .Tabs .af-tabs-content{border-color:#555}
.theme-dark .board-view-comment .comment-form textarea{background:#28282a; color:#eaeaea; border-color:#353535}
.theme-dark .board-view-comment .comment-form textarea:focus,
.theme-dark .board-view-comment .comment-form textarea:active{box-shadow:2px 2px 4px 0 rgba(0,0,0,0.20);}

.theme-dark .widget-manager{background:#2a2a2a; border-color:#2a2a2a}
.theme-dark .widget-manager .save-btn{background:#5b5866}
.theme-dark .widget-manager .copy-btn{background:#3e3e3e}
.theme-dark .widget-manager .widget-setup > ul > li:before{background:#555}
.theme-dark .widget-manager .widget-setup > ul > li .deth{color:#eaeaea}
.theme-dark .widget-manager .widget-setup > ul > li.active .deth{background:#444}
.theme-dark .widget-manager .widget-detail{background:#444}
.theme-dark .widget-manager .widget-detail .widget-list li:hover{background-color:#4d4d4d}
.theme-dark .widget-manager .widget-setup > ul > li.active .deth:before{background:#5a5a5a}



.theme-dark .printer-label .printer-label-inner{border-color:#2d2d2d; background:#2d2d2d}
.theme-dark .printer-label .printer-label-list .label-tit .tit{color:#aaa;}
.theme-dark .printer-label .printer-label-list .label-info{color:#f2f2f2}
.theme-dark .printer-label .printer-label-inner:hover{background:#9d73ff40; border:1px solid #996cff;}

.theme-dark .toolbar-util .custom-list .push-box .tit-area .tit-l .tit{color:#eaeaea}
.theme-dark .toolbar-util .custom-list .push-box .cont-area{color:#aaa}
.theme-dark .toolbar-util .custom-list .push-box .controll.read-not{color:#777}
.theme-dark .toolbar-util .custom-list .push-box .foot-area .date{color:#717171}


/* PMS MAIN */
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li{border:none}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li .Progressbar{background:#00000036}

.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li .Progressbar div{background:#a08fff;background:-webkit-linear-gradient(90deg,#a08fff, #c98cff);background:-moz-linear-gradient(90deg, #a08fff, #a08fff);background: linear-gradient(90deg,#a08fff, #c98cff)}

.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li .ico{background:#fff}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li .date{color:#eee}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:hover{box-shadow: 0px 3px 5px #0000008a;}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(n){background: #71a4e640;}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(2n){background:#9476de40}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(3n){background:#485ef340}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(4n){background:#63aca140}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(5n){background:#f6be4d15}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(6n){background:#7f9de640}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(7n){background:#f878a515}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(8n){background:#6ba1bc40}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(9n){background:#e8515115}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(10n){background:#5b54b140}

.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(n) .ico i{color:#57b0ff}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(2n) .ico i{color:#a682ff}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(3n) .ico i{color:#5e78ff}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(4n) .ico i{color:#7ccfc1}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(5n) .ico i{color:#f7c15d}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(6n) .ico i{color:#7393e1}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(7n) .ico i{color:#df8fd4}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(8n) .ico i{color:#83b6cf}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(9n) .ico i{color:#ff6262}
.theme-dark .sample-widget .grid-stack > .grid-stack-item .project-list > ul li:nth-child(10n) .ico i{color:#7c76cb}


/* pms-dashboard */

.theme-dark .pms-dashboard .board{background: #333; box-shadow: 0px 2px 9px 2px #0000001a}
.theme-dark .pms-dashboard .board .board-tit{color:#f2f2f2}
.theme-dark .pms-dashboard .board.project .project-total .tit-wrap .tit{color:#ffffff70}
.theme-dark .pms-info .info-tit{color:#ccc}
.theme-dark .pms-dashboard .board .chart-area{background: #333}
.theme-dark .pms-dashboard .board .legend .tit{color:#ccc}
.theme-dark .pms-dashboard.ty2 .board .project-list ul{border-color:#272727; background: #272727 }
.theme-dark .pms-dashboard.ty2 .board .project-list ul li{background: transparent; color:#e0e0e0}
.theme-dark .pms-dashboard.ty2 .tit-wrap .tit{color: #ffffff70}
.theme-dark .pms-dashboard.ty2 .issue .tit-wrap .total .count{color:#fff}
.theme-dark .pms-dashboard.ty2 .issue .tit-wrap .total .count > span{color:#fff}

/* PMS */
.theme-dark .pms-search-popup{background:#333}
.theme-dark .pms-search{border-color:#404040; background: #2c2c2c}
.theme-dark .pms-search .search-wrap > .Textinput{background:#2c2c2c}
.theme-dark .pms-search .search-wrap input:-webkit-autofill,
.theme-dark .pms-search .search-wrap input:-webkit-autofill:hover,
.theme-dark .pms-search .search-wrap input:-webkit-autofill:focus,
.theme-dark .pms-search .search-wrap input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-box-shadow: 0 0 0px 1000px #2c2c2c inset !important;
    -webkit-text-fill-color: #fff !important;}


.theme-dark .pms-search-tag .tag-list li .tag-box{border-color:#8e6cff; background:transparent;}
.theme-dark .pms-search-tag .tag-list li .tag-box span{color:#ccc;}
.theme-dark .pms-search-tag .tag-list li .tag-box .del:before{color:#8e6cff;}
.theme-dark .stitL.pms-tit h3.stit02 > span{color:#8e6cff}
.theme-dark .stitL.pms-tit h3.stit02 > div > Button:hover i{color:#8e6cff}

.theme-dark .pms-sidemenu{background:#8e6cff;}
.theme-dark .pms-sidemenu .project-list{background:#303030e8; backdrop-filter:blur(8px); box-shadow:8px 9px 10px rgb(0 0 0 / 15%); }
.theme-dark .pms-tooltip.ri-information-line{color:#8e6cff;}

.theme-dark .Tooltip.pms .guide-box{background:#393939} 
.theme-dark .project-list > ul li,
.theme-dark .pms-sidemenu .project-list > ul li{background:#252525; border:1px solid #252525; }
.theme-dark .project-list > ul li.active,
.theme-dark .pms-sidemenu.project-list > ul li.active{box-shadow: 0px 0px 5px rgb(0 0 0 / 14%); background:#f8f6ff; border:1px solid #f8f6ff}

.theme-dark .project-list > ul li .tit,
.theme-dark .pms-sidemenu .project-list > ul li .tit{color:#f2f2f2}
.theme-dark .project-list > ul li .date,
.theme-dark .pms-sidemenu .project-list > ul li .date,
.theme-dark .project-list > ul li .writer i, 
.theme-dark .pms-sidemenu .project-list > ul li .writer i{color:#aeaeae}
.theme-dark .project-list > ul li .writer span,
.theme-dark .pms-sidemenu .project-list > ul li .writer span{color:#eaeaea}
.theme-dark .project-list .Progressbar{background:#000}

.theme-dark .pms-sidemenu.project-list > ul li.active  .date i,
.theme-dark .project-list > ul li.active .date i{color:#656565}
.theme-dark .project-list > ul li.active .date span,
.theme-dark .pms-sidemenu .project-list > ul li.active .date span{color:#999}
.theme-dark .project-list > ul li.active .writer i, 
.theme-dark .pms-sidemenu .project-list > ul li.active .writer i{color:#656565}
.theme-dark .project-list > ul li.active .writer span,
.theme-dark .pms-sidemenu .project-list > ul li.active .writer span{color:#656565}
.theme-dark .project-list > ul li.active:after,
.theme-dark .pms-sidemenu .project-list > ul li.active:after{background:#8e6cff;}
.theme-dark .project-list > ul li.active .tit,
.theme-dark .pms-sidemenu .project-list > ul li.active .tit{color:#333}
.theme-dark .sidemenu .project-list{background:#303030e8; backdrop-filter:blur(6px); box-shadow:8px 9px 10px rgb(0 0 0 / 15%);}
.theme-dark .sidemenu .project-list .tit.Strong{color:#fff}
.theme-dark .sidemenu .project-list > span{color:#fff}

.theme-dark .sidemenu{background:#8e6cff;}
.theme-dark .sidemenu.right .cont-wrap{background:#303030e8; backdrop-filter:blur(8px); }
.theme-dark .sidemenu.right .cont-wrap .columnBox{background:#3a3a3a}
.theme-dark .sidemenu.right .cont-wrap .Button.close{background:#eaeaea; color:#222}
.theme-dark .sidemenu.right .cont-wrap .Button.close:hover{background:#222; color:#eaeaea}

.theme-dark .pdm-sched .sidemenu .project-list .member-list{background: #242424; border-color:transparent;}
.theme-dark .pdm-sched .sidemenu .project-list .member-list > ul li:hover,
.theme-dark .pdm-sched .sidemenu .project-list .member-list > ul li:active{box-shadow:none; background: #e7caff0f}


.theme-dark .gantt_container{background:#1e1e1e}
.theme-dark .gantt_grid_scale,
.theme-dark .gantt_task_scale,
.theme-dark .gantt_task_vscroll{background-color:#3b3b3b;}
.theme-dark .com-grid .gantt_grid_scale .gantt_grid_head_cell,
.theme-dark .com-grid .gantt_task .gantt_task_scale .gantt_scale_cell{color:#eaeaea;}
.theme-dark .gantt_grid_column_resize_wrap .gantt_grid_column_resize{background-color:#555;}
.theme-dark .gantt_task .gantt_task_scale .gantt_scale_cell,
.theme-dark .com-grid .gantt_scale_line,
.theme-dark .gantt_task_cell,
.theme-dark .gantt_layout .gantt_grid_data .gantt_cell,
.theme-dark .gantt_row,
.theme-dark .gantt_task_row,
.theme-dark .com-grid .gantt_grid_scale,
.theme-dark .com-grid .gantt_task_scale{border-color:#343434}

.theme-dark .gantt_row,
.theme-dark .gantt_task_row{background:#1e1e1e}

.theme-dark .gantt_row.odd,
.theme-dark .gantt_task_row.odd{background:#1e1e1e}

.theme-dark .gantt_layout .gantt_grid_data .P008{background: #7a88ff24;}

.theme-dark .gantt_layout .gantt_grid_data .gantt_row{}
.theme-dark .gantt_layout .gantt_grid_data .projectLine{background:#fffcad63}
.theme-dark .gantt_layout .gantt_grid_data .P001{background-color: #f6f4ff;}
.theme-dark .gantt_layout .gantt_grid_data .P002{background-color: #f6f7ff;}
.theme-dark .gantt_layout .gantt_grid_data .P003{background-color: #1e94b10d}
.theme-dark .gantt_layout .gantt_grid_data .P004{background-color: #fcfff6;}
.theme-dark .gantt_layout .gantt_grid_data .P005{background-color: #f4faff; }
.theme-dark .gantt_layout .gantt_grid_data .P006{background-color: #3283530f;}
.theme-dark .gantt_layout .gantt_grid_data .P007{background-color: #164ec00f;}
.theme-dark .gantt_layout .gantt_grid_data .P008{background-color: #7a88ff24;}
.theme-dark .gantt_layout .gantt_grid_data .WMS{ background-color: #fff8f3;}
.theme-dark .gantt_layout .gantt_grid_data .QMS{background-color: #f0d5e538;}
.theme-dark .gantt_layout .gantt_grid_data .TOOLKIT{background-color: #faf6ff;} 


.theme-dark .gantt_grid_data .gantt_cell{color:#ccc}

.theme-dark .gantt_grid_data .gantt_cell .gantt_tree_content > div[style="background-color: #eafcd5"]{color:#202020}
.theme-dark .gantt_grid_data .gantt_cell .gantt_tree_content > div[style="background-color: #bef5e1"]{color:#202020}


.theme-dark .com-grid .gantt_add:before,
.theme-dark .com-grid .gantt_grid_head_add:before{color:#8e6cff;}

.theme-dark .com-grid .wx-kanban.svelte-1uazi8m.svelte-1uazi8m{background:#2d2d2d}
.theme-dark .com-grid .wx-toolbar.svelte-138g2gg{background:#1e1e1e; border-color:#3f3f3f; color:#ccc}

.theme-dark .gantt_layout .gantt_grid_data .gantt_row.gantt_selected,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.odd.gantt_selected,
.theme-dark .gantt_layout .gantt_task_row.gantt_selected{background-color:#37373d}

.theme-dark .gantt_layout .gantt_row.gantt_row_task:hover,
.theme-dark .gantt_layout .gantt_row.odd.gantt_row_task:hover,
.theme-dark .gantt_layout .gantt_row.gantt_row_project:hover,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.odd:hover,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row:hover{background-color:#37373d}

.theme-dark .gantt_layout .gantt_task_row.gantt_selected .gantt_task_cell{border-color:#6c6c6c}

.theme-dark .gantt_layout .gantt_grid_data .P001{background-color: #423c5e;}
.theme-dark .gantt_layout .gantt_grid_data .P002{background-color: #414355;}
.theme-dark .gantt_layout .gantt_grid_data .P003{background-color: #244148}
.theme-dark .gantt_layout .gantt_grid_data .P004{background-color: #2b321e;}
.theme-dark .gantt_layout .gantt_grid_data .P005{background-color: #293036;}
.theme-dark .gantt_layout .gantt_grid_data .P006{background-color: #1d2b23;}
.theme-dark .gantt_layout .gantt_grid_data .P007{background-color: #192f5b}
.theme-dark .gantt_layout .gantt_grid_data .TOOLKIT .gantt_cell{color:#555}
.theme-dark .gantt_layout .gantt_grid_data .WMS .gantt_cell{color:#555}
.theme-dark .gantt_layout .gantt_grid_data .QMS .gantt_cell{color:#555}
.theme-dark .gantt_layout .gantt_grid_data .TOOLKIT.gantt_row.gantt_selected,
.theme-dark .gantt_layout .gantt_grid_data .TOOLKIT.gantt_row:hover .gantt_cell{color:#ccc}

.theme-dark .gantt_layout .gantt_grid_data .gantt_row.gantt_selected.WMS .gantt_cell,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.gantt_selected.QMS .gantt_cell,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.gantt_selected.TOOLKIT .gantt_cell{color:#ccc}

.theme-dark .gantt_layout .gantt_row.gantt_row_task:hover .gantt_cell,
.theme-dark .gantt_layout .gantt_row.odd.gantt_row_task:hover .gantt_cell,
.theme-dark .gantt_layout .gantt_row.gantt_row_project:hover .gantt_cell,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.odd:hover .gantt_cell,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row:hover .gantt_cell{color:#ccc}


.theme-dark .gantt_layout .gantt_task_row .gantt_task_cell.week_end{background:#00000030}

.theme-dark .gantt_layout .gantt_task_row.deadline .gantt_cell,
.theme-dark .gantt_layout .gantt_grid_data .deadline .gantt_cell{color:#f8f8f8}

.gantt_layout .gantt_grid_data .deadline, .gantt_layout .gantt_task_row.deadline
.theme-dark .gantt_row.deadline, 
.theme-dark .gantt_task_row.deadline,
.theme-dark .gantt_row.odd.deadline, 
.theme-dark .gantt_task_row.odd.deadline{background-color:#ffcbcb73; border-color:#ea8d8d}

.theme-dark .gantt_layout .gantt_grid_data .gantt_row.gantt_selected.deadline,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.odd.gantt_selected.deadline, 
.theme-dark .gantt_layout .gantt_task_row.gantt_selected.deadline{background-color: #775353}

.theme-dark .gantt_layout .gantt_row.gantt_row_task.deadline:hover,
.theme-dark .gantt_layout .gantt_row.odd.gantt_row_task.deadline:hover,
.theme-dark .gantt_layout .gantt_row.gantt_row_project.deadline:hover,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.odd.deadline:hover,
.theme-dark .gantt_layout .gantt_grid_data .gantt_row.deadline:hover{background-color: #775353}

.theme-dark .gantt_row,
.theme-dark .gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,
.theme-dark .gantt_task_line.gantt_task_inline_color.gantt_selected{box-shadow:0 0 5px #232323a1}




.theme-dark .gantt_side_content{color:#999}


.theme-dark .com-grid .gantt_tree_icon{color:#777}
.theme-dark .custom-seletlist{background:#444; box-shadow:0px 2px 5px rgb(0 0 0 / 50%); border:0}
.theme-dark .custom-seletlist ul li{border-color:#555}
.theme-dark .custom-seletlist ul li:hover{background:#555}

.theme-dark .wx-kanban .wx-header.svelte-1lnsrmc{background:#2d2d2d; border-color:#3f3f3f}
.theme-dark #kanbanRoot .wx-column.svelte-1tkfa0u.svelte-1tkfa0u:before{background:#474747}
.theme-dark #kanbanRoot .wx-column.svelte-1tkfa0u.svelte-1tkfa0u{background:#2d2d2d;}
.theme-dark .wx-kanban .wx-label.svelte-1tkfa0u.svelte-1tkfa0u{color:#ccc}
.theme-dark .com-grid
.theme-dark .fixConWrap .form-wrap.pms .form-box .thum-img{border-color:#444; background:#fff}
.theme-dark .fixConWrap .form-wrap.pms .form-box .tit{color:#eaeaea;}
.theme-dark .fixConWrap .form-wrap.pms .form-box .txt{color:#ccc}
.theme-dark .fixConWrap .form-wrap.pms .form-box.active:before{background:#5629ee10}
.theme-dark .fixConWrap .form-wrap.pms .form-box.active{border-color:#9576fe5c; box-shadow: 3px 4px 8px #00000070;}
.theme-dark .fixConWrap .form-wrap.pms .form-box.active:after{background:#8e6cff;}
.theme-dark	.ml-kanban{background:#454545; border-color:#454545 }
.theme-dark .ml-kanban .kanban-header{background: #333; border-color: #333}
.theme-dark .ml-kanban .kanban-header > li > div{color:#ccc}
.theme-dark .ml-kanban .kanban-header > li{border-color:#494949}

.theme-dark .com-grid .wx-card.svelte-1uvarav{border:0}
.theme-dark .com-grid input::placeholder{font-size: 14px; color:transparent}
.theme-dark .com-grid input.svelte-hdd195{color:#ccc}
.theme-dark .wx-icon.svelte-sl70ns,
.theme-dark .wx-icon.svelte-sl70ns{color:#aaa}

.theme-dark .dhx_cal_container{background:inherit;}
.theme-dark .dhx_cal_navline .dhx_cal_date{color:#fff}
.theme-dark .dhx_cal_container .dhx_cal_prev_button, 
.theme-dark .dhx_cal_container .dhx_cal_next_button, 
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button,
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button{color:#f2f2f2}

.theme-dark .dhx_cal_container .dhx_cal_prev_button:hover,
.theme-dark .dhx_cal_container .dhx_cal_next_button:hover, 
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button:hover,
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_next_button:hover{background:#333; box-shadow:none;}

.theme-dark .dhx_cal_header{background:#1e1e1e}
.theme-dark .dhx_cal_container .dhx_multi_day{border-color:#555}
.theme-dark .dhx_cal_scale_placeholder{box-shadow:0 3px 5px 0 rgb(0 0 0 / 50%)}
.theme-dark .dhx_scale_bar{color:#ccc; background:#1e1e1e}
.theme-dark .dhx_scale_holder,
.theme-dark .dhx_scale_holder_now{background-color:#1e1e1e; background-blend-mode:soft-light}
.theme-dark .dhx_scale_holder,
.theme-dark .com-grid .dhx_scale_holder_now{border-color:#555}
.theme-dark .dhx_now .dhx_month_body, 
.theme-dark .dhx_now .dhx_month_head{background:#2a2a2a}

.theme-dark .dhx_focus_slot{background:#4a4a4a}
.theme-dark .com-grid .dhx_multi_day_icon{background:#9d9d9d}
.theme-dark .dhx_cal_container .dhx_cal_data .dhx_month_body,
.theme-dark .dhx_cal_container .dhx_cal_data .dhx_month_head,
.theme-dark .dhx_month_head,
.theme-dark .dhx_scale_hour{border-color:#444; color:#888}

.theme-dark .datalink-label .label-btn,
.theme-dark .writing-cont .datalink-label .label-btn{background:#171717; color:#aaa;}

.theme-dark .datalink-label .label-btn.active{background:#efefef; color:#222;}
.theme-dark .datalink-label .label-btn:before{color:#222;}
.theme-dark .datalink-label .label-btn.select{background:#efefef; color:#222;}

.theme-dark .dhx_cal_data .weekday-blue{background-color:#232c3a}
.theme-dark .dhx_cal_data .weekday-red{background-color:#322424}

.theme-dark .com-grid .dhx_cal_event_line.personal{border-color:#8e6cff; background:transparent !important; color:#8e6cff;}
.theme-dark .com-grid .dhx_cal_event.personal .dhx_header,
.theme-dark .com-grid .dhx_cal_event.personal .dhx_title,
.theme-dark .com-grid .dhx_cal_event.personal .dhx_body{border-color:#8e6cff; background:#242424 !important; color:#8e6cff;}

.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_tab,
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button{background:#1e1e1e; color:#eaeaea; border-color:#404040}
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.active{background-color:#5b5866; border-color:#5b5866; color:#fff;}
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_today_button:hover,
.theme-dark .dhx_cal_container .dhx_cal_navline .dhx_cal_tab:hover{border-color:#8e6cff; background:transparent; box-shadow:0px 0px 8px rgb(86 41 238 / 40%); color:#8e6cff;}
.theme-dark .pdm-sched .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.cal-regist{border-color:#8e6cff; color:#8e6cff}
.theme-dark .pdm-sched .dhx_cal_container .dhx_cal_navline .dhx_cal_tab.cal-regist:hover{background:#8e6cff; color:#fff}

.theme-dark .dhx_minical_popup .dhx_cal_container.dhx_mini_calendar{background:#4c4c4c}
.theme-dark .dhx_cal_container.dhx_mini_calendar{box-shadow:0 2px 10px 0 #00000060}
.theme-dark .dhx_minical_popup .dhx_cal_container .dhx_year_month{background:#1f1f1f}
.theme-dark .dhx_minical_popup .dhx_cal_container .dhx_year_week{background:#00000010}
.theme-dark .dhx_minical_popup .dhx_cal_container .dhx_scale_bar{color:#f2f2f2}
.theme-dark .dhx_mini_calendar .dhx_year_week{border:0}
.theme-dark .dhx_mini_calendar .dhx_after .dhx_month_head,
.theme-dark .dhx_mini_calendar .dhx_before .dhx_month_head,
.theme-dark .dhx_mini_calendar .dhx_month_head,
.theme-dark .dhx_mini_calendar .dhx_scale_hour{background:#4c4c4c}
.theme-dark .dhx_mini_calendar .dhx_after .dhx_month_body,
.theme-dark .dhx_mini_calendar .dhx_before .dhx_month_body,
.theme-dark .dhx_mini_calendar .dhx_month_body{background:transparent}
.theme-dark .dhx_mini_calendar .dhx_before .dhx_month_head,
.theme-dark .dhx_mini_calendar .dhx_after .dhx_month_head,
.theme-dark .dhx_mini_calendar .dhx_month_head{color:#eaeaea;}
.theme-dark .dhx_cal_container.dhx_mini_calendar div.dhx_month_head.dhx_year_event.dhx_calendar_click{background:#8e6cff;}

.theme-dark .dhx_diagram_editor_shapebar__container{background:#777}
.theme-dark .dhx_diagram_editor__dropdown_checkbox:checked+.dhx_diagram_editor__dropdown_label:before{border-top:7px solid #f2f2f2}
.theme-dark .dhx_diagram_editor__dropdown_label{color:#f2f2f2}

/* dhx_grid */

.theme-dark .dhx_header-wrapper{background:#212121}
.theme-dark .dhx_header-row{background:#212121}
.theme-dark .dhx_header-row:first-child .dhx_grid-footer-cell,
.theme-dark .dhx_header-row:first-child .dhx_grid-header-cell{background:#212121}
.theme-dark .com-grid .dhx_grid-header-cell--align_center.dhx_grid-header-cell--sortable .dhx_grid-header-cell-text_content{color:#f2f2f2}
.theme-dark .dhx_grid-cell, 
.theme-dark .dhx_grid-row{background: #2c2c2c; color:#eaeaea; border-color:#ffffff30}
.theme-dark .dhx_tree-cell{color:#eaeaea}
.theme-dark .dhx_grid-less-width .dhx_grid-cell:last-child, 
.theme-dark .dhx_grid_border .dhx_grid-cell:last-child{border-right: #ffffff30}
.theme-dark .dhx_checkbox__visual-input{background: inherit;}
.theme-dark .com-grid .dhx_checkbox__visual-input{border-color:#666}
.theme-dark .com-grid .dhx_checkbox__input:checked+.dhx_checkbox__visual-input,
.theme-dark .com-grid .dhx_checkbox__input[data-dhx-checked=true]+.dhx_checkbox__visual-input{background-color:#8e6cff; border-color:#8e6cff }

/* DRIVE */
.theme-dark .drive-storage .storage-tit i,
.theme-dark .drive-storage .storage-state .state-num.use{color:#8e6cff}
.theme-dark .drive-storage .storage-tit .tit{color:#eaeaea}
.theme-dark .drive-storage .storage-state .state-num{color:#ccc;}
.theme-dark .drive-wrap .drive-top .controller-btn-crud .crud-btn{border-color:#555}
.theme-dark .drive-wrap .drive-top .auto-technical .technical-btn{background:transparent; color:#8e6cff; border-color:#8e6cff}

.theme-dark .drive-wrap .drive-top{border-color:#444}
.theme-dark .drive-wrap .drive-top .view-type:hover{border:0; background:none;}
.theme-dark .drive-wrap .drive-top .view-type.selected i{color:#8e6cff}
.theme-dark .drive-wrap .drive-top .view-type i{color:#ccc}
.theme-dark .drive-wrap .drive-top .view-type:focus{border:0; background:none;}

.theme-dark .drive-wrap .pannel-info{background:#212121;}
.theme-dark .drive-wrap .pannel-info .file-meta .tit,
.theme-dark .drive-wrap .pannel-info .file-meta .meta{color:#ccc}

.theme-dark .drive-wrap .pannel-preview{background:#2b2b2b;}
.theme-dark .drive-wrap .pannel-preview .preview-cont .tit{color:#777}
.theme-dark .drive-wrap .pannel-preview .preview-cont .cont-btn .Button{background:#554c71; color:#ededed}
.theme-dark .drive-wrap .pannel-preview .preview-cont .txt{color:#ccc}
.theme-dark .drive-wrap .empty-list .empty .tit{color:#ccc}
.theme-dark .drive-wrap .empty-list .empty .info{color:#aaa}
.theme-dark .drive-wrap .thumb-item .item-list li:last-child .item-depth{color:#f2f2f2}
.theme-dark .drive-wrap .main-thumb .thumb-list .thumb:hover,
.theme-dark .drive-wrap .main-thumb .thumb-list .thumb.selected{background:#48484850}
.theme-dark .drive-wrap .main-thumb .thumb-list .thumb .folder-info .tit{color:#fff}
.theme-dark .drive-wrap .pannel-preview .preview-cont .tit
.theme-dark .drive-wrap .main-thumb .thumb-list .thumb .folder-info .time{color:#777}
.theme-dark .drive-wrap .convert{background:#8e6cff45; border:1px solid #8e6cff45 !important;}
.theme-dark .drive-wrap .convert i{color:#a7a7a7 !important;}
 
.theme-dark .lnbArea .drive-lnb li button span{color:#ccc}
.theme-dark .lnbArea .drive-lnb li:hover button span{color:#f2f2f2}

.theme-dark .biz-iframe .df-sidemenu{background:#2b2b2b;}
.theme-dark .ocr-text-transform span{color:#f2f2f2}
.theme-dark .ocr-text-transform span.highlight{background:#8e6cff}
.theme-dark .ocr-text-transform span:hover{background-color:#8e6cff}

.theme-dark .section-group{border-color:#444}
.theme-dark .section-group:nth-child(2n){background:#2d2d2d}

.theme-dark .Tabs .af-tabs-content{border-color:#444}


.theme-dark .jqx-aprv-line div:before{color:#8e6cff80}
.theme-dark .jqx-aprv-line i.memo{color:#8e6cff}

.theme-dark .Tabs.fixed > ul{background:#1e1e1e;}

.theme-dark .template_wrap .form-box-wrap .form-box .icon{background:#3e3e3e}
.theme-dark .template_wrap .biz-form .form-box-wrap .form-box:hover span{color:#8e6cff}
.theme-dark .template_wrap .biz-form .form-box-wrap .form-box:hover{box-shadow:0px 0px 14px rgb(0 0 0 / 30%); }

.theme-dark .Tree.prog-position.jstree .jstree-node.jstree-open > .jstree-wholerow{background:#77777730}
.theme-dark .Tree.prog-position.jstree .jstree-node > .jstree-wholerow.jstree-wholerow-clicked{background:none}
.theme-dark .Tree.prog-position.jstree .jstree-children > li > ul > .jstree-open > .jstree-wholerow{background:none}
.theme-dark .Tree.prog-position.jstree .jstree-children > li > ul > .jstree-open > .jstree-wholerow.jstree-wholerow-hovered{background:#77777730}
.theme-dark .Tree.prog-position.jstree .jstree-node.jstree-leaf > .jstree-wholerow.jstree-wholerow-clicked{background:#353439;}
.theme-dark .Tree.prog-position.jstree .jstree-node.jstree-leaf > .jstree-wholerow.jstree-wholerow-hovered{background:none}
.theme-dark .Tree.prog-position.jstree .jstree-wholerow.jstree-wholerow-hovered{background:#77777730}

.theme-dark .preview-file-all{border-color:#3b3b3b}
.theme-dark .preview-file-all .file-list .tit-area .tit{color:#ccc}
.theme-dark .preview-file-all .file-list .tit-area:hover .tit{color:#f2f2f2}
.theme-dark .preview-file-all .file-list .tit-area .size{color:#aaa}

.theme-dark .bom-grid table{border-top:3px solid #8e6cff!important;}
.theme-dark .bom-grid table thead th,
.theme-dark .bom-grid table tbody tr td{background:#2d2d2d; color:#ccc; border-color:#3a3a3a}
.theme-dark .bom-grid table tbody tr:hover td{background:#393939}
.theme-dark .bom-signal .icon i,
.theme-dark .bom-grid .bom-tree i,
.theme-dark .bom-grid .bom-part i{color:#8e6cff}

.theme-dark .bom-grid table tbody tr td:nth-child(7),
.theme-dark .bom-grid table tbody tr td:nth-child(9), 
.theme-dark .bom-grid table tbody tr td:nth-child(11),
.theme-dark .bom-grid table tbody tr td:nth-child(12),
.theme-dark .bom-grid table tbody tr td:nth-child(13),
.theme-dark .bom-grid table tbody tr td:nth-child(14), 
.theme-dark .bom-grid table tbody tr td:nth-child(15){background:#5a7bcf66  !important}

.theme-dark .bom-grid table tbody tr td:nth-child(10){background:#93ff9c4d !important}

.theme-dark .bom-grid table tbody tr td.layer ul{background:#3d3d3d}
.theme-dark .bom-grid table tbody tr td.layer ul li{border-color:#444; border-left:3px solid transparent}
.theme-dark .bom-grid table tbody tr td.layer ul li:hover{color:#8e6cff; border-left:3px solid #8e6cff }

.theme-dark .chg-process-wrap{background:#2e2e2e; border-color:#393939;}
.theme-dark .chg-category .category-form{background:#2d2d2d; border-color:#2d2d2d}
.theme-dark .chg-category .category-form .category-list{color:#f2f2f2; border-color:#444;}
.theme-dark .chg-category .category-form .category-list ul li:hover,
.theme-dark .chg-category .category-form .category-list ul li.active{background:#333; border-radius: 8px;}
.theme-dark .chg-process-wrap .chg-stage.checkbox:before{background:#c7c7c7; color:#dfdfdf}

.theme-dark .info-group{background:#2e2e2e;}
.theme-dark .info-group.border{border:1px solid #2e2e2e;}
.theme-dark .lotcore-scroll .lot-result-box{border-color:#444}
.theme-dark .lotcore-scroll .lot-modify{background:#7134ff15;}
.theme-dark .lotcore-scroll .lot-result-box.default:hover{border-color:#444}
.theme-dark .lotcore-scroll .lot-num .num{background:#2e2e2e; border-color: #8e6cff; color: #8e6cff}
.theme-dark .lotcore-scroll .lot-start{border-color:#252525; background:#252525;}
.theme-dark .lotcore-scroll .lot-start .num{color:#eaeaea}
.theme-dark .lotcore-scroll .lot-detail .val-tit{background-color:#444 }
.theme-dark .lotcore-scroll .lot-detail .val-tit .ico-area i,
.theme-dark .lotcore-scroll .lot-detail .val-tit .tit,
.theme-dark .lotcore-scroll .lot-detail .val-info li{color:#ccc}
.theme-dark .lotcore-scroll .lot-add .add:before,
.theme-dark .lotcore-scroll .lot-add .add:after{background-color:#6e6e6e}

.theme-dark .lotcore-carousel .lot-result-box{border-color:#444}
.theme-dark .lotcore-carousel .lot-result-box:hover{border-color:#996cff70}
.theme-dark .lotcore-carousel .lot-modify{background:#7134ff15;}
.theme-dark .lotcore-carousel .lot-result-box.default:hover{border-color:#888}
.theme-dark .lotcore-carousel .lot-num .num{background:#2e2e2e; border-color: #8e6cff; color: #8e6cff}
.theme-dark .lotcore-carousel .lot-start{border-color:#252525; background:#252525; color:#eaeaea}
.theme-dark .lotcore-carousel .lot-start .num{color:#eaeaea}
.theme-dark .lotcore-carousel .lot-detail .val-tit{background-color:#444 }
.theme-dark .lotcore-carousel .lot-detail .val-tit .tit,
.theme-dark .lotcore-carousel .lot-detail .val-tit .ico-area i,
.theme-dark .lotcore-carousel .lot-detail .val-info li{color:#ccc}
.theme-dark .lotcore-carousel .lot-add .add:before,
.theme-dark .lotcore-carousel .lot-add .add:after{background-color:#6e6e6e}

.theme-dark .lotcore-carousel .slick-prev,
.theme-dark .lotcore-carousel .slick-next{background:#89898940}
.theme-dark .lotcore-carousel .slick-prev:hover:before,
.theme-dark .lotcore-carousel .slick-next:hover:before{color:rgb(255 255 255 / 70%)}
.theme-dark .lotcore-carousel .slick-prev:hover,
.theme-dark .lotcore-carousel .slick-next:hover{background:rgb(102 102 102 / 70%)}

.theme-dark .Button.trans-ico.help{color:#777}
.theme-dark .docpilot-box{background-color:transparent; border:none; border-top: 1px solid #777;}
.theme-dark .docpilot-box.lineless{border:none}

.theme-dark .master-toolbar{background:#373737; border-color:#373737; box-shadow: 1px 3px 10px #000000a1;}
.theme-dark .master-toolbar .tool-list > li button{padding:6px}
.theme-dark .master-toolbar .tool-list > li button span{color:#aaa}
.theme-dark .master-toolbar .tool-list > li button:hover span{color:#f2f2f2;}
.theme-dark .master-toolbar .tool-list > li button .axl-ico{background:#fff; display:flex; justify-content:center; align-items:center; border-radius:8px; width:30px; height:30px }
.theme-dark .master-toolbar .tool-list > li button .axl-ico svg{margin-top:0}
.theme-dark .toolkit-reg .master-toolbar{background:#373737; border-color:#373737; box-shadow: 1px 3px 10px #000000a1;}

.theme-dark .doc-master{border-color:#252525}
.theme-dark .doc-master .check-list02 li{border:none;}
.theme-dark .doc-master .master-inner{background:#252525}
.theme-dark .doc-master .docform-ty2 .controll-select li{color:#aaa}
.theme-dark .doc-master .docform-ty2 .controll-select li:before{background-color:#444;}
.theme-dark .doc-master .docform-ty2 .position-controll .option-fix.active{color:#8e6cff}
.theme-dark .doc-master .docform-ty2 .position-controll .option-viw,
.theme-dark .doc-master .docform-ty2 .position-controll .option-fix{color:#ccc}
.theme-dark .doc-master .docform-ty2 .position-controll .list-group{border-color:#444}

.theme-dark .docform-ty2 .writing-tit img{background:#fff; width:28px; height:28px;  padding:4px; border-radius: 4px; }
.theme-dark .docform-ty2 .writing-cont > span,
.theme-dark .docform-ty2 .writing-cont > a{color:#fff}
.theme-dark .docform-ty2 .auto-input{border-color:#457899}

.theme-dark .biz-form.form-list .form-box-wrap .form-box{background: #fff}
.theme-dark .biz-form.form-list .form-box-wrap .form-box h5{color:#323232}

/* controll-block */
.theme-dark .controll-block{border-color: #444; background: #444; box-shadow:0px 0px 5px #00000020}
.theme-dark .controll-block .IconLabel span{color:#f2f2f2}
.theme-dark .controll-block ul{border-color:#555}
.theme-dark .controll-block li:hover .ImageCheckbox span,
.theme-dark .controll-block li:hover .ImageCheckbox:after,
.theme-dark .controll-block li:hover .IconLabel span,
.theme-dark .controll-block li:hover .IconLabel:after,
.theme-dark .controll-block li:hover .IconLabel i,
.theme-dark .controll-block li:hover .Label span,
.theme-dark .controll-block li:hover .Label::after {color: #a78cff;}
.theme-dark .controll-block .list-group{border-color: #555;}
.theme-dark .controll-block li > ul{background: #444; border-color: #444; box-shadow: -2px 0px 3px #00000030}
.theme-dark .controll-block li:hover ul li .IconLabel span,
.theme-dark .controll-block li:hover ul li .IconLabel:after,
.theme-dark .controll-block li:hover ul li .IconLabel i {color:#f2f2f2}    
.theme-dark .controll-block li i.arrow{color:#666}
.theme-dark .controll-block li.active > ul li:hover .ImageCheckbox span,
.theme-dark .controll-block li.active > ul li:hover .ImageCheckbox:after,
.theme-dark .controll-block li.active > ul li:hover .IconLabel span,
.theme-dark .controll-block li.active > ul li:hover .IconLabel:after,
.theme-dark .controll-block li.active > ul li:hover .IconLabel i,
.theme-dark .controll-block li.active > ul li:hover .Label span,
.theme-dark .controll-block li.active > ul li:hover .Label::after{color:#a78cff;}

.theme-dark .layerpop-box .plant .stage-detail{background:#2d2d2d}
.theme-dark .layerpop-box .plant .stage-detail .controll-block{background:#2d2d2d; box-shadow: none; border-color:#ffffff30}
.theme-dark .plant .stage-detail .stage .stage-info .tit{color:#f2f2f2}
.theme-dark .plant .stage-detail .stage .stage-cont .cont-tit .tit{color:#8e6cff}
.theme-dark .plant .stage-detail .stage .stage-cont .cont-detail ul li{color:#eaeaea}
.theme-dark .plant .stage-detail .task-list{border-color:#ffffff30}
.theme-dark .plant .stage-detail .task-list li{border-color:8e6cffz}
.theme-dark .plant .stage-detail .task-list li > span{color:#8e6cff}
.theme-dark .plant .stage-detail .task-list li.active{background: #8e6cff; border-color:#8e6cff}
.theme-dark .plant .stage-detail .task-list li.active > span{color:#fff}




.theme-dark .docpilot-box.overlab .docpilot-step .writing-ty1 .writing-list:first-child{border-top: none;}
.theme-dark .docform-ty2{background:#252525}
.theme-dark .docform-ty2 .writing-list{border-color:#555}
.theme-dark .docform-ty2 .writing-tit{background:#313131; color:#f2f2f2}


.theme-dark .docform-ty2 .writing-tit .tit{color:#f2f2f2}
.theme-dark .docform-ty2 .writing-list li.col2 .position-controll{border-color:#555}
.theme-dark .docform-ty2 .writing-list li.col2 .col-box > li:nth-child(2){border-color:#3d3d3d}
.theme-dark .docform-ty2 .datalink-combine .combine-top{background:#313131; border-color:#444}
.theme-dark .docform-ty2 .writing-list > li{border-color:#252525}
.theme-dark .docform-ty2 .datalink-combine .combine-body{border-color:#444}
.theme-dark .docform-ty2 .datalink-combine .combine-body-l{background:#313131; border-color:#444}
.theme-dark .docform-ty2 .datalink-combine .combine-body-r{background:#3c3c3c;}
.theme-dark .docform-ty2 .datalink-combine .datalink_tab ul li i,
.theme-dark .docform-ty2 .datalink-combine .datalink_tab ul li a span{color:#eaeaea}
.theme-dark .docform-ty2 .datalink-combine .datalink_tab ul li:hover i,
.theme-dark .docform-ty2 .datalink-combine .datalink_tab ul li:hover a span,
.theme-dark .docform-ty2 .datalink-combine .datalink_tab ul li.active i,
.theme-dark .docform-ty2 .datalink-combine .datalink_tab ul li.active a span{color:#5c6072}
.theme-dark .docform-ty2 .datalink-combine .col-group{border-color:#555}

.theme-dark .doc-view{background-color:#252525; border-color:#55555570; color:#fff}
.theme-dark .doc-view .docform-ty2 .list-tit span{color:#f2f2f2}
.theme-dark .doc-view .docform-ty2 .list-tit{border-color:#ffffff10}
.theme-dark .docscreen{border-color:#6d6675}
.theme-dark .docfile{background:#252525; border-color:#333}
.theme-dark .docapproval .approval-wrap{border-color:#424242}
.theme-dark .docapproval .approval-box{border-color:#63636370}
.theme-dark .docapproval .approval-p{background:#252525; border-color:#424242}
.theme-dark .docapproval .approval-p span{color:#ccc}
.theme-dark .docapproval .approval-s{background:#fff}
.theme-dark .docapproval .approval-n{background:#aaa}
.theme-dark .docapproval .approval-tit{background:#252525; color:#ccc}

.theme-dark .flag-approval .approval-wrap{border-color:#424242; }
.theme-dark .flag-approval .approval-t,
.theme-dark .flag-approval .approval-p{background:#252525; border-color:#424242}
.theme-dark .flag-approval .approval-box{border-color:#63636370; background:#4c4c4c; overflow: hidden;}
.theme-dark .flag-approval .approval-t .txt,
.theme-dark .flag-approval .approval-p .txt{color:#f2f2f2}
.theme-dark .flag-approval .approval-s{background:#fff}
.theme-dark .flag-approval .approval-d{background:#4c4c4c;}
.theme-dark .flag-approval .approval-d .txt{color:#e0e0e0}
.theme-dark .flag-approval .approval-d:last-child{ border-color:#63636370}



/* LIST */
.theme-dark .listing-ty1 .listing-list,
.theme-dark .listing-ty1 .listing-list > li{border-color:#3b3b3b}
.theme-dark .listing-ty1 .listing-list > li:hover{background:#1b1b1b; box-shadow: 0px 3px 5px #00000015;}

.theme-dark .listing-ty1 .list-box.select{background:#333}
.theme-dark .listing-ty1 .list-box .content-tit .tit-area .tit{color:#f2f2f2}
.theme-dark .listing-ty1 .list-box .content-tit .tit-area:hover .tit{color:#8e6cff}

.theme-dark .listing-ty1 .list-box .content-tit .tit-area .stit{color:#aaa}
.theme-dark .listing-ty1 .list-box .content-content p{color:#aaa}
.theme-dark .listing-ty1 .list-box .content-util .option-list li i{color:#aaa}
.theme-dark .listing-ty1 .list-box .content-util .option-list li span{color:#aaa}
.theme-dark .listing-ty1 .list-box .content-util .date-area{color:#777}


.theme-dark .listing-ty1 .list-box .cover-ico.doc-list{background-color: #8157ff; color:#ffffffcc}
.theme-dark .listing-ty1 .list-box .cover-ico.doc-file{background-color: #64bbb0; color:#ffffffcc}
.theme-dark .listing-ty1 .list-box .cover-ico.doc-aprv{background-color: #4585ff; color:#ffffffcc}
.theme-dark .listing-ty1 .list-box .cover-ico.doc-report{background-color: #ff9f89; color:#ffffffcc}
.theme-dark .listing-ty1 .list-box .cover-ico.doc-etc{background-color: #7fa3d8; color:#ffffffcc}

.theme-dark .listing-ty1 .list-box .option-area .option-list li div.active i{color:#8e6cff}
.theme-dark .listing-ty1 .list-box .option-area .option-list li span{color:#999}


/* TOOLKIT-REG */
.theme-dark .toolkit-reg .docpilot-box{background:transparent}


/* CHART */
.theme-dark .chart-set-list > li .list-box{background:#333; border:transparent}
.theme-dark .chart-set-list .list-box .chart-type .type-tit{color:#eaeaea}
.theme-dark .chart-set-list .list-box .writing-ty1 .writing-cont .txt{color:#eaeaea}
.theme-dark .chart-set-list .list-box .chart-preview{color:#999}
.theme-dark .chart-set-list .list-box .chart-preview:hover{color:#8e6cff}
.theme-dark .chart-set-list .list-box .list-del .Button i{color:#555;}
.theme-dark .chart-set-list > li:hover .list-box .list-del .Button:hover{background:#555;}
.theme-dark .chart-set-list > li:hover .list-box .list-del .Button:hover i{color:#ddd}
.theme-dark .chart-set-list > li .list-box.add{background:transparent; border:1px dashed #4e4e4e}
.theme-dark .chart-set-list > li .list-box.add:hover{border-color: #997aff96; box-shadow:0px 0px 5px #514c62ed; }
.theme-dark .chart-set-list > li .list-box.add .ico-add i,
.theme-dark .chart-set-list > li .list-box.add .tit{color:#555}
.theme-dark .chart-set-list > li .list-box.add:hover .tit{color:#999; border-color:#8e6cff; color:#8e6cff}
.theme-dark .chart-ser-btn{border:0; border-top:1px solid #373737; background:#1c1c1c}
.theme-dark .chart-ser-btn .tit{color:#ccc}
.theme-dark .chart-ser-btn .Button{z-index: 2; margin-left: 4px; color:#555; border-radius: 50%; min-width:24px; height:24px;}
.theme-dark .chart-ser-btn .Button:hover{ background:#2c2c2c; color:#ccc}



/* TOOLKIT-STEPER */
.theme-dark .toolkit-flow .steper-state .state_box{background:#2a2a2a; border-color:#83838320}
.theme-dark .toolkit-flow .steper-state .state_box .state_top .tit{color:#999}
.theme-dark .toolkit-flow .steper-state .state_box.active{background-color:#e0d6ff; border:1px solid #e0d6ff;}
.theme-dark .toolkit-flow .steper-state .state_box.active .state_top .tit{color:#6548c4}

.theme-dark .toolkit-flow .steper-state .state_box .state_del{background:#9b9b9b33;}
.theme-dark .toolkit-flow .steper-state .state_box .state_del i{color:#ffffffbd}
.theme-dark .content-flow .toolkit-flow .steper-state .state_box .state_top .next{color:#8e6cff}
.theme-dark .toolkit-flow .steper-state .state_box.add{background:transparent; border-color: #4e4e4e;}
.theme-dark .toolkit-flow .steper-state .state_box.add:hover {border-color: #997aff96; box-shadow:0px 0px 5px #514c62ed; background:#1a1a1a;}
.theme-dark .toolkit-flow .steper-state .state_box.active .state_top .next{background:#8e6cff; border-color:#8e6cff;  color:#fff}
.theme-dark .toolkit-flow .steper-state .state_box.add .state_top .tit,
.theme-dark .toolkit-flow .steper-state .state_box.add .state_top .ico-add i{color:#555}
.theme-dark .toolkit-flow .steper-state .state_box.add:hover .state_top .tit{color:#8e6cff}
.theme-dark .content-flow .slick-prev:before,
.theme-dark .content-flow .slick-next:before{color: #ffffff90;}
.theme-dark .content-flow .slick-prev{background: linear-gradient(90deg, #1e1e1e, #1e1e1e,  #1e1e1e00);}
.theme-dark .content-flow .slick-next{background: linear-gradient(90deg, #1e1e1e00, #1e1e1e, #1e1e1e);}
.theme-dark .content-flow .slick-prev:hover:before,
.theme-dark .content-flow .slick-next:hover:before{color: #ffffff;}
.theme-dark .listing-ty1 .listing-list > li:hover .content-flow .slick-prev,
.theme-dark .content-flow .slick-prev:hover{background: linear-gradient(90deg, #1b1b1b, #1b1b1b,  #1b1b1b00);}
.theme-dark .listing-ty1 .listing-list > li:hover .content-flow .slick-next,
.theme-dark .content-flow .slick-next:hover{background: linear-gradient(90deg, #1b1b1b00, #1b1b1b, #1b1b1b);}

/* BARCODE */
.theme-dark .barcode_ty1 .page .barcode_list .list_inner{background:#373737; color:#eaeaea;}

/* Attend */
.theme-dark .manager_attendance .docform-ty2 .writing-list .writing-tit{background:#313131;}

/* Board */

.theme-dark .board .board-list .post{border-color:#555;}
.theme-dark .board .board-list .post:hover{background:#111}
.theme-dark .board .post .post-tit{color:#f2f2f2}
.theme-dark .board .post .post-txt{color:#aaa}
.theme-dark .board .post .post-info .name{color:#999}
.theme-dark .board .post .post-info .account-img.default{border-color:transparent;}
.theme-dark .board .board-box{background:#333; border:1px solid rgba(255,255,255,0)}
.theme-dark .board .board-box .board-tit{background:#373737; color:#eaeaea}
.theme-dark .board .board-box .board-tit .Button:hover i{color:#777;}
.theme-dark .board .board-box .post-list ul li .post-tit{color:#ccc}
.theme-dark .board .board-box .post-list ul li:hover{background:#444}
.theme-dark .blog-board .board-box{background:#2c2c2c; border:0; box-shadow: 1px 2px 5px rgb(0 0 0 / 16%);}
.theme-dark .blog-board .board-box .tit-wrap .post-tit{color:#f2f2f2}
.theme-dark .blog-board .board-box .name{color:#eaeaea}

/* aprvline */
.theme-dark .aprvline,
.theme-dark .aprvline .col-row{border-color:#444}
.theme-dark .aprvline .col-row > div.cont-txt{color:#eaeaea}
.theme-dark .aprv-box{background:#2e2e2e; border-color:#2e2e2e}
.theme-dark .aprv-box:hover{box-shadow: 1px 5px 5px rgb(0 0 0 / 0.12);}
.theme-dark .aprv-cont .tit > span{color:#f2f2f2}
.theme-dark .aprv-box .aprv-info{color:#777}
.theme-dark .aprv-line > div.state-finish > span,
.theme-dark .aprv-line > div.state-finish > span::after{color:#8e6cff80;}
.theme-dark .aprv-line > div.state-finish > .state-icon::before{background:linear-gradient(-43deg, #d275ff, #8e6cff)}
.theme-dark .aprv-line > div.state-finish > .state-icon i{background:#8e6cff; color:#fff}
.theme-dark .aprv-line > div > span{color:#f2f2f2}
.theme-dark .aprv-line > div > span:after{color:#5f5f5f}
.theme-dark .aprv-line > div > .state-icon::before{background:#535353}
.theme-dark .aprv-line > div > .state-icon i{background:#535353; color:#b7b7b7}
.theme-dark .aprv-line > div.state-ongoing > span{color:#8e6cff;}
.theme-dark .aprv-line > div.state-ongoing > span::after{color:#575757}
.theme-dark .aprv-line > div.state-ongoing > .state-icon i{border-color:#8e6cff;background:#2b2b2b; color:#8e6cff;}
.theme-dark .aprv-line span > .memo{color:#8e6cff80}
.theme-dark .aprv-line > div.state-confirm > .state-icon i{background:#7c00ff; color:#b7b7b7}
.theme-dark .aprv-line > div > .state-icon i{background:#535353;}
.theme-dark .aprv-line > div.state-confirm.current .state-icon i{background:#7c00ff; border-color:#ffffff50; color:#fff}
.theme-dark .aprv-line > div.state-between.current .state-icon i{background:#a38af7; border-color:#ffffff50; color:#fff}
.theme-dark .aprv-line.detail > div > .state-icon:before,
.theme-dark .aprv-line.detail > div > .state-icon:after{background:#535353}
.theme-dark .aprv-sidemenu{background:#8e6cff;}
.theme-dark .aprv-sidemenu .aprv-tree{background:#303030e8; backdrop-filter:blur(8px); box-shadow:8px 9px 10px rgb(0 0 0 / 15%); }
.theme-dark .aprv-sidemenu .columnBox{background:#303030}
.theme-dark .aprv-line > div.state-return > .state-icon i{background:#fa167c; color:#f6f6f6}

.theme-dark .aprvline-group{border-color:#444}
.theme-dark .aprvline-group.selected{border-color:#8e6cff}
.theme-dark .aprvline-group .com-grid.test01{background:#2d2d2d}
.theme-dark .aprvline-group .apprline ul li{border-color:#464646; background:#464646}
.theme-dark .aprvline-group .apprline ul li.inactive{background:#3f3f3f}
.theme-dark .aprvline-group .apprline ul li .name{color:#f0f0f0}
.theme-dark .aprvline-group .apprline ul li .name .lank{color:#999}
.theme-dark .aprvline-group .apprline ul li .depart{color:#eaeaea}
.theme-dark .aprv-option-popup{background: #333; border-color:#333; box-shadow: 1px 3px 14px 10px #00000026}

.theme-dark .aprvline-group .apprline ul li:active,
.theme-dark .aprvline-group .apprline ul li:focus{border-color:#ab93ff4a; background:#5629ee0a}

.theme-dark .aprvline-group .apprline .grid-stack-wrap{border-color:#464646}
.theme-dark .aprvline-group .apprline > .stitArea .Button.del-btn{border-color:#b24747}
.theme-dark .aprvline-group .apprline > .stitArea .Button.del-btn:active, 
.theme-dark .aprvline-group .apprline > .stitArea .Button.del-btn:hover,
.theme-dark .aprvline-group .apprline > .stitArea .Button.del-btn:focus,
.theme-dark .aprvline-group .apprline > .stitArea .Button.del-btn.af-hover,
.theme-dark .aprvline-group .apprline > .stitArea .Button.del-btn.Checked{background: #6527278f}

.theme-dark .aprv-wrap .sum-approval{background:#333}
.theme-dark .aprv-wrap .sum-approval .sum-tit{color:#aaa}
.theme-dark .aprv-wrap .sum-approval .sum-cont{color:#f0f0f0}
.theme-dark .aprv-view .aprv-wrap .view-info-list .cooper-approval{color:#f0f0f0}
.theme-dark .cooper-approval .cooper-list li .cooper-list-cont{background:#666; border-color:#666; color:#acacac}
.theme-dark .cooper-approval .cooper-list li .cooper-list-cont .name{color:#eee}
.theme-dark .aprv-view .aprv-wrap .view-info-list .cooper-approval .cooper-list li .cooper-list-cont .date{border-color:#888}


.theme-dark .aprvset-list .set-box-list{background:#454545; border-color:#454545; color:#eaeaea}
.theme-dark .aprvset-list .set-box-list.active{background:#bdacff33; border-color:#797097} 

.theme-dark .aprvset-list .set-box-list .approval-step .flag-approval .approval-box{background:#4c4c4c}
.theme-dark .aprvset-list .set-box-list .set-info .set-info-cont .date,
.theme-dark .aprvset-list .set-box-list .set-info .set-info-cont .receive{color:#aaa}

.theme-dark .aprvset-list .set-box-list .set-info .set-info-cont .date .charge:after{background: #777}

/* 공정관리 모니터링 */
.theme-dark .Tabs.plant .af-tabs-content{background:#222}
.theme-dark .plant .plant-wrap .plant-bg-cont{box-shadow: 2px 2px 9px 3px #00000060}
.theme-dark .plant.plant-set{background: #222; border-color: #333}
.theme-dark .plant.plant-set .stage-wrap{background: #333; border-color: #333}
.theme-dark .plant.plant-set .stage-wrap .stage-list ul li{background: #fff}
.theme-dark .plant.plant-set .stage-wrap .stage-list ul li.active{background:#f5f2ff; border-color:#c391ff}
.theme-dark .plant.plant-set .stage-wrap .fixCtrl{border-color:#444}
.theme-dark .plant.plant-set .folding-btn{border-color:#494949}
.theme-dark .plant.plant-set .folding-btn:focus{background: #222}

.theme-dark .plant.storage-set{background: #222; border-color: #333}
.theme-dark .plant.storage-set .stage-wrap{background: #333; border-color: #333}
.theme-dark .plant.storage-set .stage-wrap .fixCtrl{border-color:#424242}
.theme-dark .plant.storage-set .folding-btn{border-color:#434343}
.theme-dark .plant-wrap .width span{color:#666}
.theme-dark .plant.storage-set .stage.active{border-color:#8865ff; background: #ede9ff}



/* PDM */
.theme-dark #equChkInfo .form-box{background:#333; color:#ccc}
.theme-dark #equChkInfo .form-box ul::before{background:#464646}
.theme-dark #equChkInfo .form-box:hover ul::before{background:#555;}

.theme-dark .ecr_cont_left .ecr_search .fillCont a span.clicked{color:#8e6cff}
.theme-dark .ecr_cont_left .ecr_search .fillCont a .ecr_ocl.clicked:before{color:#8e6cff}
.theme-dark .ecr_cont_left .ecr_search .fillCont a span{color:#eaeaea;}


/* COM-TABLE */
.theme-dark .com-table.top-line .ecr_info .Table-wrapper.Table-wrapper{background:transparent}
.theme-dark .com-table.notis-set thead tr th{ color:#8e6cff;  border-color: #8e6cff; border-bottom:1px solid #555;}
.theme-dark .com-table.notis-set tbody td{border-color:  #555;}
.theme-dark .com-table.top-line .Table-wrapper .Table-wrapper{border:0; background:#00000040}



/* SAMPLE - GRID */
.theme-dark .Table.Form-type .sample-grid table tr,
.theme-dark .Table.Form-type .sample-grid table td,
.theme-dark .Table.Form-type .sample-grid table th{border-color:#3a3a3a}
.theme-dark .Table.Form-type .sample-grid table thead th{background:#2d2d2d; color:#ccc;}
.theme-dark .Table.Form-type .sample-grid table tbody tr:hover td{background:#3a3a3a; }
.theme-dark .sample-grid table{border-color: #8e6cff !important}
.theme-dark .sample-grid table thead th{color:#ccc; background:#2d2d2d; border-color:#3a3a3a}
.theme-dark .sample-grid table tbody tr td{color:#ccc; border-color:#3a3a3a}
.theme-dark .sample-grid table tbody tr td.bg-color01{background:#ecf6fe !important;}
.theme-dark .sample-grid table tbody tr td.bg-color02{background:#fffae8 !important;}
.theme-dark .sample-grid table tbody tr:hover td{background:#393939}
.theme-dark .Splitter-cont .Table-wrapper.Table-wrapper{background:none;}

.theme-dark .sample-grid .bg-column02{background: #ffb67630}
.theme-dark .sample-grid table tbody tr.bg-column04 td{color:#555}
.theme-dark .sample-grid table tbody tr.bg-column24 td{color:#555}



.theme-dark .approv_numb,
.theme-dark .approv_numb2,
.theme-dark .approv_numb3{border-color:#444}
.theme-dark .approv_numb p,
.theme-dark .approv_numb2 p,
.theme-dark .approv_numb3 p{color:#8e6cff; background:#242424}
.theme-dark .layerpop-box .dev-content .columnBox.b_red{border-color:#663838}
.theme-dark .layerpop-box .dev-content .columnBox.b_blue{border-color:#384675}
.theme-dark .sup_tit.red{color:#ff4e4e}
.theme-dark .sup_tit.red:before{background:#ff4e4e}
.theme-dark .sup_tit.blue{color:#3381ff}
.theme-dark .sup_tit.blue:before{background:#3381ff;}

.theme-dark .fixConWrap.drive-folder .form-box .drive-info li > ul > li,
.theme-dark .fixConWrap.drive-folder .form-box .drive-info li span{color:#eaeaea}
.theme-dark .fixConWrap.drive-folder .form-box .drive-info li span::before{background:#8e6cff}
.theme-dark .fixConWrap.drive-folder .form-box .folder-tit span{color:#777}

.theme-dark .com-searchbox .search-inner{background:#2d2d2d; border-color:#484848}
.theme-dark .demo-blind{background:rgb(43 43 43 / 80%)}
.theme-dark .info-message a{color:#8e6cff}
.theme-dark .info-message a:before{background:#8e6cff;}

.theme-dark .gird-attach span{color:#8e6cff;}
.theme-dark .project-list.srch-popup{border-color:#444}

/* File DRAW */
.theme-dark .draw-list{border-color:#ffffff10; background:#2d2d2d}
.theme-dark .draw-list ul li:hover{background:#333; border-color:#8e6cff}
.theme-dark .draw-list ul li .cont-txt{color:#eaeaea}
.theme-dark .draw-list .inform-ty1{border-color:#bac8ff7a}
.theme-dark .draw-list .inform-ty1:hover{border-color:#717bff; background:#b2c1ff20;}
.theme-dark .draw-list .inform-ty1 p{color:#ccc}
.theme-dark .draw-list ul li .draw-txt{color:#aaa}
.theme-dark .draw-list ul li .draw-txt.file-size{color:#777}
.theme-dark .draw-list.columnBox ul li .option_btn .Button.del-btn{background:#00000040}
.theme-dark .draw-list.columnBox ul li .option_btn .Button.only-ico{color:#8e6cff; background:#00000040}
.theme-dark .draw-list ul li.sort{background:#252525; border-bottom-color:#ffffff30}
.theme-dark .draw-list ul li.sort:hover{border-left-color:transparent; border-bottom-color:#ffffff30 }
.theme-dark .file-loader{background:#333}
.theme-dark .file-loader .file-loader-btn .Button.stop{background:#00000050}
.theme-dark .draw-list.columnBox ul li .option_btn .Button{border-color:#ffffff30 }

.theme-dark .carousel-thum .carousel-box{background:#424242; border-color:#424242}
.theme-dark .rack-set-wrap .carousel-box .rack-set ul li .set-tit{color:#eaeaea}
.theme-dark .rack-btn{background:#999; color:#fdfdfd; }
.theme-dark .rack-btn.active{background:#fff; color:#5c6072}
.theme-dark .rack-set-wrap .cell-box{background:#424242; border-color:#424242}
.theme-dark .rack-set-wrap .cell-box ul li.depth{border-color:#888}

.theme-dark .cell .cell-btn{background:#2f2f2f; border-color:#2f2f2f}
.theme-dark .cell .cell-btn.active{background:#a38af7; border-color:#a38af7; color:#fff ;}
.theme-dark .cell .cell-btn.color01{background:#f10f3a; border-color:#f10f3a; color:#fff ;}
.theme-dark .cell .cell-btn.color11{background:#33beff; border-color:#33beff; color:#ffffff90; }
.theme-dark .cell .cell-btn.color11.light{background:#dff5ff; color:#26a2dc; border-color:#bdeaff;}
.theme-dark .rack-set-wrap .signal-color.color23:before{background:#2f2f2f; border:1px solid #757575}

/* wtime-status */
.theme-dark .columnBox.my-status .account-info{background:#fff; color:#333; font-weight: 300;}
.theme-dark .columnBox.my-status .Button.cal-tool-btn{background:transparent}
.theme-dark .columnBox.my-status .Button.cal-tool-btn:hover{background:transparent; color:#eaeaea}
.theme-dark .columnBox.my-status .work-plan .tit strong{color:#a085ff}
.theme-dark .columnBox.my-status .work-plan .tit{color:#eaeaea}
.theme-dark .columnBox.my-status .attend-list li .Label-color.color25.light{border:0; background:#272727; color:#8e8e8e}
.theme-dark .stats-wrap ul li.stats-ty1{background:#272727; color: #ccc}
.theme-dark .stats-wrap ul li.remain{background:#171717; color: #ccc}
.theme-dark .wx-material-theme{background:#1e1e1e}
.theme-dark .wx-event-calendar-layout.svelte-1hdh83m{background:#1e1e1e}
.theme-dark .wx-event-calendar-toolbar.svelte-1rx91km{border-color:#333}
.theme-dark .wx-event-calendar-wrapper.svelte-1fnsmxv{background:#1e1e1e; border-color:#333}
.theme-dark .wx-event-calendar-weekdays.svelte-ywzoz9{border-color:#333}
.theme-dark .wx-event-calendar-toolbar.svelte-1rx91km{border-color:#333}
.theme-dark .wx-event-calendar-calendar-week.svelte-1s1ahhr.svelte-1s1ahhr{border-color:#333}
.theme-dark .wx-event-calendar-calendar_item.svelte-1wqsbfi{border-color:#333}
.theme-dark .wx-event-calendar-day.svelte-1s1ahhr.svelte-1s1ahhr{border-color:#333}
.theme-dark .wx-event-calendar-date.svelte-1nmcb21{color:#ffffff80}
.theme-dark .wx-event-calendar-layout{color:#fff}
.theme-dark .wx-event-calendar-date-label.svelte-1s1ahhr.svelte-1s1ahhr{color:#fff}

/* schedule Manage */
.theme-dark .schedule-list .plan-list{background:#313131}
.theme-dark .schedule-list .plan-list .schedule-info .tit{color:#a6a6a6}
.theme-dark .schedule-list .plan-list .schedule-info{color:#fff}
.theme-dark .schedule-list .plan-list .schedule-info .info-detail > ul{background:#333}
.theme-dark .schedule-list .plan-list .schedule-info .Button.active{color:#a085ff}
.theme-dark .schedule-list .plan-list .task-info{color:#f0f0f0}
.theme-dark .schedule-list .list-box:after{color:#ffffff73}

.theme-dark .task-schedule-wrap .plant-info{border-color:#333}

.theme-dark .layerpop-box .schedule-list .plan-list{background: transparent;}

.theme-dark .schedule-list.wrap.sub{background: #222; border-color:#222}

/* 상단표시 내용 */
.theme-dark .plant-info ul{background:#333; border-color:#333}
.theme-dark .plant-info ul li .tit{ color:#777; }
.theme-dark .plant-info ul li .txt{color:#f2f2f2;}
.theme-dark .plant-info.delay ul li .count{color:#fa196d;}
.theme-dark .plant-info.delay ul li .total{color:#ff8d00}
.theme-dark .plant-info.row2{background:#333; border-color:#333}
.theme-dark .plant-info.row3{background:#333; border-color:#333}
.theme-dark .plant-info .acti-info{background:#454545; border-color:#454545; }
.theme-dark .plant-info .acti-info > ul{background:#454545}
.theme-dark .plant-info .acti-info ul:first-child:after{background:#555}
.theme-dark .plant-info .acti-info ul li{color:#fff}

.theme-dark .my-dash .today-list .plant-info.row2{background: #444; border-color:#444}
.theme-dark .my-dash .today-list .plant-info ul{background: #444; border-color:#444}

.theme-dark .my-dash .todo-list .plant-info.row2{background: #444; border-color:#444}
.theme-dark .my-dash .todo-list .plant-info ul{background: #444; border-color:#444}

/* report */
.theme-dark .report{border-color:#fff}
.theme-dark .report-body{border-color:#fff;}
.theme-dark .report-body .cont-wrap{color:#fff}
.theme-dark .report-body .cont > ul{border-bottom:1px solid #999}
.theme-dark .report-body .cont > ul > li{border-color:#555}
.theme-dark .report-body .cont > ul > li:first-child{border-color:#999}
.theme-dark .report-body .cont > ul > li .tit{color:#f9f9f9}
.theme-dark .report-body .cont > ul > li .txt{color:#aeaeae}
.theme-dark .report-body .cont > div{color:#888}
.theme-dark .report-body .cont .photo-wrap img{border-color:#ffffff20}

/* scheduler */

.theme-dark .scheduler-detail .detail-wrap .detail-info{color:#eaeaea}

.theme-dark .ml-calendar div.svelte-t51uh6.svelte-t51uh6{background:#333; border-color:#333}
.theme-dark .ml-calendar .wx-event-calendar-right.svelte-1rx91km button.svelte-t51uh6.svelte-t51uh6{color:#ccc}
.theme-dark .ml-calendar .secondary.svelte-19a7fgm.svelte-19a7fgm{background: #000}
.theme-dark .ml-calendar .secondary.svelte-19a7fgm.svelte-19a7fgm:hover{background:#131313; box-shadow: 0px 0px 5px #5629ee40; color:#5629ee!important}

/* estm reg form */
.theme-dark .estm_reg_form .view_list .tit{color:#aaa}
.theme-dark .estm_reg_form .view_list .tit:after{background:#555}
.theme-dark .estm_reg_form .view_list .cont{color:#f2f2f2}

/* shift list- */
.theme-dark .shift-list-wrap > ul{border-color:#ffffff30;}
.theme-dark .shift-list-wrap ul li.shift-cont{border-color:#ffffff30; background: #2a2a2a}
.theme-dark .shift-list-wrap ul li.shift-cont:hover{background: #e5dfff20;}
.theme-dark .shift-list-wrap ul li.shift-cont.checked{background: #3f3c4e;}
.theme-dark .shift-list-wrap ul li.shift-cont > ul > li .txt{color:#f0f0f0}


.theme-dark .com-pagenation{border-color: #ffffff30 !important;}

/* dist */ 

.theme-dark .weekday-blue{background: #007bda3d}
.theme-dark .weekday-red{background: #ff000030}

.theme-dark .dhx_minical_popup .weekday-red,
.theme-dark .dhx_minical_popup .weekday-blue{background:none}

.theme-dark .dhx_minical_popup .dhx_before.weekday-red .color-red1,
.theme-dark .dhx_minical_popup .dhx_after.weekday-red .color-red1{color:#bd7f7e80 !important}
.theme-dark .dhx_minical_popup .dhx_before.weekday-blue .color-blue1,
.theme-dark .dhx_minical_popup .dhx_after.weekday-blue .color-blue1{color:#5f99cc66 !important}

.theme-dark .dhx_now .dhx_month_body, 
.theme-dark .dhx_now .dhx_month_head{background: #ffffff1c}

.theme-dark .dhx_minical_popup .dhx_year_body .dhx_after .dhx_month_head,
.theme-dark .dhx_minical_popup .dhx_year_body .dhx_after .dhx_month_head a,
.theme-dark .dhx_minical_popup .dhx_year_body .dhx_before .dhx_month_head, 
.theme-dark .dhx_minical_popup .dhx_year_body .dhx_before .dhx_month_head a{color:#6d6d6d}

.theme-dark .IconLabel i{color:#aaa} 
.theme-dark .layerpop-box .dev-content{background:#2d2d2d}
.theme-dark .Tooltip{background:#8e6cff}
.theme-dark .Tooltip.Top:before{top:100%; border-top:6px solid #8e6cff}
.theme-dark .Tooltip.Bottom:before{top:-6px; border-bottom:6px solid #8e6cff}
.theme-dark .Tooltip.Left:before{left:100%; border-left:6px solid #8e6cff}
.theme-dark .Tooltip.Right:before{left:-6px; border-right:6px solid #8e6cff}
.theme-dark .Tooltip.summury{background:#000; border-color:#8e6cff;}
.theme-dark .Tooltip.summury.Right:after{border-right:6px solid #8e6cff}
.theme-dark .Tooltip.summury .guide-box{background:none;}
.theme-dark .Tooltip.white{color:#fff; border-color:#8e6cff}
.theme-dark .Tooltip.white.Top:after{border-top:6px solid #8e6cff;}
.theme-dark .Tooltip.white.Bottom:after{border-bottom:6px solid #8e6cff; }
.theme-dark .Tooltip.white.Left:after{border-left:6px solid #8e6cff}
.theme-dark .Tooltip.white.Right:after{border-right:6px solid #8e6cff;}


.theme-dark .dx-calendar{background:#333}
.theme-dark .dx-button-mode-contained{background:#333}
.theme-dark .dx-calendar-cell{color:#ccc}
.theme-dark .bx-wrapper{background:#333 !important}

.theme-dark .dhtmlXTooltip.tooltip{background: #333; color:#ccc}


.theme-dark .Dialog{border-color:#353535; background:#2d2d2d; color:#eaeaea;}
.theme-dark .Dialog .Header, 
.theme-dark .popUp .Header{border-color:#444; background:#3c3c3c; color:#f2f2f2}
.theme-dark .layerpop-btnwrap{border-color:#3b3b3b;}

.theme-dark .Dialog .Header .DialogBtn.dialog_btn:after, 
.theme-dark .Dialog .Header .DialogBtn.dialogMin:after,
.theme-dark .Dialog .Header .DialogBtn.dialogMax:after{color:#ccc;}
.theme-dark .Dialog.alert .alert-box .text,
.theme-dark .popUp.alert .alert-box .text{color:#f2f2f2}
.theme-dark .Dialog.alert .alert-btnwrap .Button{background:#212121; border-color:#212121; color:#eaeaea;}
.theme-dark .Dialog.alert .alert-btnwrap .Button.confirm,
.theme-dark .Dialog.alert .alert-btnwrap .Button.info,
.theme-dark .Dialog.alert .alert-btnwrap .Button.primary{background:linear-gradient(-43deg, #be52f2, #7c55ff); border:0; color:#fff}

.theme-dark .Dialog .layerpop-box .com-table.top-line .Table-wrapper{border-color:#55555570}

.theme-dark .Textinput,
.theme-dark .Textarea,
.theme-dark textarea{background:#28282a; color:#eaeaea; border-color:#353535}
.theme-dark .layerpop-box.wms-layout .Textarea{color:#eaeaea; }


.theme-dark .Textinput.edit,
.theme-dark .Textinput.edit:hover{color:#222; background:#eafcd5}

.theme-dark .Textinput:hover,
.theme-dark .Textinput:focus,
.theme-dark .Textinput:active{border-color: #615b78}
.theme-dark .Textinput.Disabled{background-color:#2a2a2a; border-color:#3f3f3f; color:#666}


.theme-dark .Textinput.lineless{background:transparent}
.theme-dark .Textinput.lineless:hover{box-shadow:2px 2px 4px 0 rgba(0,0,0,0.6);}
.theme-dark .Textinput.lineless:focus,
.theme-dark .Textinput.lineless:active{box-shadow:2px 2px 4px 0 rgba(0,0,0,0.6);}
.theme-dark .Textinput.lineless.Disabled{background-color:transparent; border:0; color:#666}

.theme-dark input:-webkit-autofill,
.theme-dark input:-webkit-autofill:hover,
.theme-dark input:-webkit-autofill:focus,
.theme-dark input:-webkit-autofill:active {
	 transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
     -webkit-box-shadow: 0 0 0px 1000px #28282a inset !important;
     -webkit-text-fill-color: #eaeaea !important;
 }
.theme-dark .searchlist-group .content-util .searchkey .Button{background:transparent; border:0}
.theme-dark .searchkey .Button{background: transparent; border: none}
.theme-dark .searchkey .Button:hover{border: none}

.theme-dark .fixConWrap .fixCont1 .keySearchbox .searchkey .Textinput{background: transparent;}


.theme-dark .optionSearchbox .Groupbutton .Button:after{background: #454545}
.theme-dark .optionSearchbox .searchkey-detail{background: #333; border-color:#333; box-shadow: 0px 5px 10px 2px #00000014}




.theme-dark .fileupload-box,
.theme-dark .preview-container{background:#28282a; border-color:#353535}
.theme-dark .Fileupload .multifile-text > a:hover{color:#8e6cff}
.theme-dark .Fileupload .all-fileinfo{color:#888}
.theme-dark .board-view-file .Fileupload .multifile-text > span{color:#ffffff60}

.theme-dark .Divselect select{background:#28282a; border-color:#353535; color:#eaeaea}
.theme-dark .Divselect {background:#28282a url("/static/fw/images/common/divselect.svg") no-repeat right 50%; border-color:#353535; color:#eaeaea}
.theme-dark .Divselect:hover,
.theme-dark .Divselect:focus,
.theme-dark .Divselect:active{border-color: #615b78}
.theme-dark .Divselect.Disabled{background-color:#2a2a2a; border-color:#3f3f3f; color:#666; opacity:1}
.theme-dark .Divselect.edit{color:#222; background:#eafcd5 url("/static/fw/images/common/divselect.svg") no-repeat right 50%}
.theme-dark .fixCont2 .keySearchbox .searchOpt .Divselect{border-color:#353535}


.theme-dark .Dateinput > input,
.theme-dark .Daterange .Startdate > input, 
.theme-dark .Daterange .Enddate > input{background:#28282a; color:#eaeaea; border-color:#353535}
.theme-dark .Dateinput > .Calendar:before, 
.theme-dark .Daterange .Calendar:before{color:#aaa}
.theme-dark .Dateinput > input.Disabled,
.theme-dark .Daterange .Startdate>input.Disabled,
.theme-dark .Daterange .Enddate>input.Disabled{background-color:#2a2a2a; border-color:#3f3f3f; color:#666;}
.theme-dark .Dateinput > .Calendar.Disabled,
.theme-dark .Daterange .Startdate>.Calendar.Disabled,
.theme-dark .Daterange .Enddate>.Calendar.Disabled{content:"\e9a4"; color:#666}
.theme-dark .Dateinput > input:hover,
.theme-dark .Daterange .Startdate > input:hover,
.theme-dark .Daterange .Enddate > input:hover,
.theme-dark .Dateinput > input:focus,
.theme-dark .Daterange .Startdate > input:focus,
.theme-dark .Daterange .Enddate > input:focus,
.theme-dark .Dateinput > input:active,
.theme-dark .Daterange .Startdate > input:active,
.theme-dark .Daterange .Enddate > input:active{border-color: #615b78}

.theme-dark .Dateinput.edit > input,
.theme-dark .Daterange.edit .Startdate > input,
.theme-dark .Daterange.edit .Enddate > input{ color:#222; background:#eafcd5}

.theme-dark .Dateinput.edit > .Calendar:before{color:#24242490}

.theme-dark .Spinner{border-color: #353535; background:#353535;}
.theme-dark .Spinner > input{color:#eaeaea; background: #28282a;}
.theme-dark .Spinner > .Up,
.theme-dark .Spinner > .Down{border-color: #444;}
.theme-dark .Spinner > .Up{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}
.theme-dark .Spinner > .Up:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}
.theme-dark .Spinner > .Up.Disabled,
.theme-dark .Spinner > .Up.Disabled:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}
.theme-dark .Spinner > .Down{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px -8px}
.theme-dark .Spinner > .Down:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px -8px}
.theme-dark .Spinner > .Down.Disabled,
.theme-dark .Spinner > .Down.Disabled:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}

.theme-dark .Spinner.small > .Up{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 7px}
.theme-dark .Spinner.small > .Up:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 7px}
.theme-dark .Spinner.small > .Up.Disabled,
.theme-dark .Spinner.small > .Up.Disabled:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px 7px}
.theme-dark .Spinner.small > .Down{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px -10px}
.theme-dark .Spinner.small > .Down:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px -10px}
.theme-dark .Spinner.small > .Down.Disabled,
.theme-dark .Spinner.small > .Down.Disabled:hover{background:#353535 url("/static/fw/images/spinner_arrow.png") no-repeat 8px -10px}

.theme-dark .Spinner:hover,
.theme-dark .Spinner:active,
.theme-dark .Spinner.ui-state-active,
.theme-dark .Spinner.ui-state-focus,
.theme-dark .Spinner:hover > .Up,
.theme-dark .Spinner:hover > .Down,
.theme-dark .Spinner:active > .Up,
.theme-dark .Spinner:active > .Down,
.theme-dark .Spinner:hover > .Up,
.theme-dark .Spinner:hover > .Down,
.theme-dark .Spinner.ui-state-active > .Up,
.theme-dark .Spinner.ui-state-active > .Down{border-color: #615b78}


/* ImageCheckbox */
.theme-dark .ImageCheckbox:after{color:#666;}
.theme-dark .ImageCheckbox span{color:#eaeaea;}
.theme-dark .ImageCheckbox.Checked:after{color:#8e6cff}
.theme-dark .ImageCheckbox.cart:after,
.theme-dark .ImageCheckbox.widget:after,
.theme-dark .ImageCheckbox.mail:after{background:transparent; border-color:#666; color:#999 }
.theme-dark .ImageCheckbox.cart.Checked:after,
.theme-dark .ImageCheckbox.widget.Checked:after,
.theme-dark .ImageCheckbox.mail.Checked:after{background-color:#8e6cff; border-color:#8e6cff; color:#fff;}

.theme-dark .ImageCheckbox.round{background: #0000005e; border:1px solid #998ec275; }
.theme-dark .ImageCheckbox.round span{color:#928ca9;}

.theme-dark .ImageCheckbox.round.Checked{background:#7247ff; border-color:#7247ff}
.theme-dark .ImageCheckbox.round.Checked span{color:#fff;}
.theme-dark .ImageCheckbox.round.Checked:after{content:""; display:none}
.theme-dark .ImageCheckbox.round:hover{border:1px solid #8e6cff; color:#8e6cff; background:#0000005e;}
.theme-dark .ImageCheckbox.round:hover span{color:#8e6cff}
.theme-dark .ImageCheckbox.round.Checked:hover{background:#7247ff; border-color:#7247ff;}
.theme-dark .ImageCheckbox.round.Checked:hover span{color:#fff}

.theme-dark .ImageCheckbox.ty2.Checked:after{background:#8e6cff; color:#fff; border-color:#8e6cff}
.theme-dark .ImageCheckbox.ty2:after{border-color:#666}
.theme-dark .ImageCheckbox.ty2.Disabled:after{background:#ffffff10; border-color:#ffffff20}

.theme-dark .ImageCheckbox.accep.Checked:after, 
.theme-dark .ImageCheckbox.fail.Checked:after{color:#fff}



/* ImageRadio */
.theme-dark .ImageRadio span{color:#eaeaea;}
.theme-dark .ImageRadio:after{color:#666;}
.theme-dark .ImageRadio.Checked:after{color:#8e6cff}

.theme-dark .ImageRadio.accep{background: #b9daf624}
.theme-dark .ImageRadio.fail{background: #ffc0c01f}
.theme-dark .ImageRadio.accep span,
.theme-dark .ImageRadio.fail span{color:#eaeaea54}

.theme-dark .ImageRadio.accep.Checked{background:#1e88e5}
.theme-dark .ImageRadio.fail.Checked{background: #f34444}
.theme-dark .ImageRadio.accep.Checked:after,
.theme-dark .ImageRadio.fail.Checked:after{color:#fff}
.theme-dark .ImageRadio.accep.Checked span,
.theme-dark .ImageRadio.fail.Checked span{color:#fff}


/* ImageRadio - chart-type */
.theme-dark .ImageRadio.chart-Ty{background:#1c1c1c; border-color:#1c1c1c;}
.theme-dark .ImageRadio.chart-Ty.Checked{box-shadow: 0px 0px 0px 2px #8e6cff;}
.theme-dark .ImageRadio.chart-Ty span{color:#ccc}





/* btnRadio */
.theme-dark .btnRadio input[type=radio]:checked + label{background-color:#8e6cff; border-color:#8e6cff}

.theme-dark .com-grid .gantt_layout_cell_border_top{border-color:#1e1e1e;}
.theme-dark #divTodo{border-color:#2d2d2d; background:#2d2d2d; box-shadow:3px 3px 2px #00000020;}
.theme-dark .com-grid .wx-todo_toolbar.svelte-18c2a5y{background:#2d2d2d; border-color:#8e6cff;}
.theme-dark .com-grid .wx-todo_text__value.svelte-ti50q3{color:#f2f2f2}
.theme-dark .wx-todo.svelte-c4slbb{background:#2d2d2d}
.theme-dark .com-grid .wx-todo_button-add__icon.svelte-1c08e70 .wxi{color:#8e6cff;}
.theme-dark .com-grid .wx-todo_button-add__content.svelte-1c08e70{color:#777}
.theme-dark .com-grid .wx-todo_separator__line.svelte-r3obej{border-color:#444}
.theme-dark .com-grid .wx-todo_checkbox__icon.svelte-1u2bz8m{border-color:#8e6cff; }
.theme-dark .com-grid .wx-todo_checkbox--checked.svelte-1u2bz8m{background:#8e6cff}
.theme-dark .com-grid .wx-todo_list--selected.svelte-gd4vi2{background:#4e4e4e70;}
.theme-dark .wx-todo_list__text.svelte-gd4vi2{color:#cecece;}
.theme-dark .wx-todo_list--draggable{background:red;}

.theme-dark .com-grid .dhx_before.weekday-red .color-red1{color:#7c5757 !important}
.theme-dark .com-grid .dhx_after.weekday-blue .color-blue1{color:#576979 !important}

.theme-dark .com-grid{color:#fff;}


.theme-dark .jstree-default .jstree-clicked{background:#444; box-shadow:none;}
.theme-dark .jstree-default .jstree-hovered{background:#444; box-shadow:none;}


/* TABS */
.theme-dark .Tabs > ul > li{color:#aaa}
.theme-dark .Tabs > ul > li:hover,
.theme-dark .Tabs > ul > li:active{color:#f9f9f9;}
.theme-dark .Tabs .af-tabs-content{color:#777}
.theme-dark .Tabs > ul > li.Selected{border-color:#f9f9f9; color:#f9f9f9}




.theme-dark .Progressbar{background:#555}
.theme-dark .ProgressOut{color:#ccc}



/* JQX WIDGET */
.theme-dark .jqx-widget{color:#f2f2f2}
.theme-dark .jqx-widget-header{border-bottom:1px solid #484848; background:inherit}
.theme-dark .jqx-widget-content{background:transparent; color:#fff; border-color:#ffffff30  !important;}
.theme-dark .jqx-widget-content .jqx-splitter-panel{border-radius: 0;}


.theme-dark .paging-jqx .paging-total{color:#999}
.theme-dark .paging-jqx .paging-num .num{color:#aaa}
.theme-dark .paging-jqx .paging-num .num:hover{background:#55555560}
.theme-dark .paging-jqx .paging-perpage{background:#28282a; color:#eaeaea; border-color:#353535}

/* JQX WIDGET - GRID */
.theme-dark .com-grid .jqx-widget .jqx-grid-column-menubutton, 
.theme-dark .com-grid .jqx-widget .jqx-grid-column-sortdescbutton,
.theme-dark .com-grid .jqx-widget .jqx-grid-column-filterbutton{border-color:#555}

.theme-dark .jqx-grid{border-top:2px solid #8e6cff !important; border-bottom:1px solid #353535 !important}
.theme-dark .jqx-grid .jqx-grid-cell{color:#ccc; background:#2d2d2d}
.theme-dark .jqx-grid .jqx-grid-cell-selected{background:#393939}
.theme-dark .jqx-grid .jqx-grid-cell-hover{background:#393939}

.theme-dark .jqx-grid .jqx-grid-column-header{color:#ccc; background:#2d2d2d}

.theme-dark .jqx-grid .editcolumn{background-color:#e4ffc5e6; color:#010101}
.theme-dark .jqx-grid .infocolumn{background-color:#38528b}
.theme-dark .jqx-grid .editcolumn input{background:#28282a}
.theme-dark .jqx-grid .editcolumn.jqx-grid-cell-selected,
.theme-dark .jqx-grid .editcolumn.jqx-grid-cell-hover{background:#bed4a5}
.theme-dark .jqx-grid .infocolumn.jqx-grid-cell-selected,
.theme-dark .jqx-grid .infocolumn.jqx-grid-cell-hover{background:#375189bd}

.theme-dark .jqx-grid .jqx-grid-cell,
.theme-dark .jqx-grid .jqx-grid-column-header,
.theme-dark .jqx-grid .jqx-grid-group-cell{border-color:#3a3a3a}
.theme-dark .jqx-grid .jqx-grid-cell.jqx-grid-cell-selected:nth-child(1):before{background:#8e6cff;}

.theme-dark .jqx-grid .jqx-grid-cell-pinned{background:#232323}
.theme-dark .jqx-grid .jqx-grid-cell-pinned.jqx-grid-cell-selected,
.theme-dark .jqx-grid .jqx-grid-cell-pinned.jqx-grid-cell-hover{background:#272727}


.theme-dark .jqx-grid .jqx-grid-empty-cell span,
.theme-dark .jqx-grid .jqx-grid-empty-cell span:before{color:#ccc}
.theme-dark .jqx-grid .jqx-grid-pager{border-color:#555}
.theme-dark .jqx-grid .jqx-checkbox-check-checked{background:#8e6cff}
.theme-dark .jqx-grid .jqx-checkbox-check-indeterminate{background:#f2f2f2}

.theme-dark .jqx-grid .jqx-input,
.theme-dark .jqx-grid .jqx-input-content{background:#28282a; border-color:#353535!important;}
.theme-dark .jqx-grid .jqx-grid-cell-edit{box-shadow:4px 4px 4px 0 rgb(0 0 0 / 30%)}
.theme-dark .jqx-grid .jqx-cell-editor{border-left:3px solid #b2d885!important}
.theme-dark .jqx-grid .jqx-cell-editor.jqx-fill-state-disabled{border:none !important; opacity:0.8; color:#777 }


/* JQX WIDGET - SPLITTER */
.theme-dark .jqx-splitter-collapse-button-horizontal,
.theme-dark .jqx-splitter-collapse-button-vertical{background:#888}
.theme-dark .jqx-splitter{ border-color:#2d2d2d !important;}

.theme-dark .jqx-grid-cell-selected.jqx-grid-cell-edit{background:#393939!important;}
.theme-dark .jqx-fill-state-normal{background:#373737; border-color:#454545}
.theme-dark .jqx-slider .jqx-fill-state-pressed{background:#4f4f4f}
.theme-dark .jqx-slider .jqx-fill-state-normal{background:#c2c2c2}
.theme-dark .jqx-slider .jqx-fill-state-pressed.jqx-slider-rangebar{background:linear-gradient(-43deg,  #be52f2, #8e6cff)}

.theme-dark .jqx-scrollbar-state-normal{background:#010101}
.theme-dark .jqx-widget-content.jqx-calendar-month-container{border-radius: 5px;overflow:auto}

.theme-dark .jqx-calendar{background:inherit; padding:4px;}
.theme-dark .jqx-calendar-title-container,
.theme-dark .jqx-calendar-title-header{background:#202428;}
.theme-dark .jqx-calendar-month .calendar-header{background:#202428;}
.theme-dark .jqx-calendar-month .jqx-calendar-column-header{border:0}
.theme-dark .jqx-calendar-month .jqx-calendar-cell{color:#000}


.theme-dark .widget-calendar-mini.jqx-calendar .jqx-widget-header{background:transparent;}
.theme-dark .jqx-calendar-month .jqx-calendar-cell{color:#fff}
.theme-dark .stitL.pjt-list h2.stit02 > span{color:#8e6cff}


.theme-dark .af-table-scroller.Table-scroller .ui-widget-content{background:#202020!important;}
.theme-dark .af-table-scroller.Table-scroller .drive_slider .ui-state-default,
.theme-dark .ui-widget-content .ui-state-default{border-color:#8e6cff!important; background:#2d2d2d!important;}
.theme-dark .af-table-scroller.Table-scroller .vol_bg{background:#8e6cff!important}
.theme-dark .af-table-scroller.Table-scroller .drive_btn Button{border:0; background:transparent}

.theme-dark .jqx-listbox{background:#444!important; border:1px solid #505050 !important}
.theme-dark .jqx-listbox .jqx-fill-state-pressed{background:#575757;border-color:#575757; border-radius: 0;}
.theme-dark .jqx-listbox .jqx-fill-state-hover{background:#575757;border-color:#575757; border-radius: 0;}

.theme-dark .jqx-menu-vertical{background:#444; border:1px solid #444!important; box-shadow:2px 1px 5px #00000040 }
.theme-dark .jqx-menu-vertical .jqx-fill-state-focus,
.theme-dark .jqx-menu-vertical .jqx-fill-state-hover{border-color:#505050; background:#505050;}
.theme-dark .jqx-menu-vertical .jqx-fill-state-disabled{color:#ccc}
.theme-dark .jqx-aprv-line .state.approval{color:#8e6cff;}
.theme-dark .jqx-aprv-wrap .more .Button{color:#8e6cff;}
.theme-dark .jqx-aprv-line .name{color:#ccc}
.theme-dark .jqx-aprv-line > div:before{background:#2c2c2c; border-color:#444; color:#8c8c8c}
.theme-dark i.rep-check{color:#777}
.theme-dark i.rep-check.checked{color:#8e6cff;}

.theme-dark .fixConWrap .form-wrap.pms .form-box .thum-img{border-color:#444}

/* jqx-grid 검색영역 */
.theme-dark  .jqx-grid .jqx-widget-header.jqx-grid-toolbar{background: #333; border-color:#333}
.theme-dark  .jqx-grid .jqx-rc-all.jqx-widget.jqx-input-group{color:#e0e0e0}
.theme-dark  .jqx-grid input[type=text].jqx-input,
.theme-dark  .jqx-grid input[type=password].jqx-input{background: #1e1e1e; border-color:#454545 !important;}
.theme-dark  .jqx-grid .jqx-fill-state-normal.jqx-rc-r.jqx-input-group-addon{background: #1e1e1e;}
.theme-dark  .jqx-grid .jqx-icon-search:before{color:#ccc}




/* table */

.theme-dark .Table{color:#eaeaea}
.theme-dark .Table.Form-type tbody th,
.theme-dark .Table th,
.theme-dark .Table.Form-type tbody td,
.theme-dark .Table td{color:#eaeaea}

.theme-dark .layerpop-box .dev-content .columnBox .Table-wrapper.Table-wrapper{background:transparent;}
.theme-dark .Table-wrapper.Table-wrapper{background:#2d2d2d; border-color:#2d2d2d}
.theme-dark .layerpop-box .com-searchbox .Table-wrapper.Table-wrapper{border-color:#444}
.theme-dark .layerpop-box.wms-layout .com-searchbox .Table-wrapper.Table-wrapper{border-color:#444}

.theme-dark .Table tr:nth-child(odd),
.theme-dark .Table.Form-type tr:nth-child(even) td{background:transparent }

.theme-dark .com-searchbox .searchConfirm,
.theme-dark .com-searchbox .searchExtend{background:#2d2d2d; border-color:#444}
.theme-dark .com-searchbox .searchConfirm button:nth-child(even):before{background:#444}

.theme-dark .Dialog .layerpop-box .com-searchbox .searchConfirm{background:#323232; border-color:#444}

.theme-dark .ocr-table-transform table td{color:#f2f2f2; border-color:#555}

.theme-dark .Datepicker{background:#4c4c4c; box-shadow:1px 1px 5px #00000060}
.theme-dark .Datepicker .Header{background:#1f1f1f}
.theme-dark .Datepicker .Weekdays{background:#00000010; color:#e0e0e0}
.theme-dark .Datepicker .Day, 
.theme-dark .Datepicker .Month{color:#eaeaea; background:#4c4c4c}
.theme-dark .Datepicker .Day:hover,
.theme-dark .Datepicker .Month:hover{background:#00000040; }
.theme-dark .Datepicker .Day.Holiday{background:#464646}
.theme-dark .Datepicker .Day.Sat{color:#4f9fd7}
.theme-dark .Datepicker .Day.Holiday{color:#cf6565}
.theme-dark .Datepicker .Today{background:#8e6cff !important}


/* SCROLL */

.theme-dark ::-webkit-scrollbar-track
{
	background-color:#f2f2f2; background-image:-moz-linear-gradient(left, #0c0c0c 0%, #010101 100%);
 	background-image: linear-gradient(to left, #0c0c0c 0%, #010101 100%);
	background-image: -webkit-linear-gradient(left, #0c0c0c 0%, #010101 100%);
	background-image: -o-linear-gradient(left, #0c0c0c 0%, #010101 100%);
	background-image: -ms-linear-gradient(left, #0c0c0c 0%, #010101 100%);
	border-color:#191919;
}
.theme-dark ::-webkit-scrollbar-thumb{background: #5c5c5c;}
.theme-dark ::-webkit-scrollbar-thumb:hover{background:#6b6b6b	}


/* Textinput - 자동완성 */
.theme-dark .ui-widget-content-ext{background:#3d3d3d}
.theme-dark .ui-widget-content-ext .ui-state-hover,
.theme-dark .ui-widget-header .ui-state-hover,
.theme-dark .ui-state-focus,
.theme-dark .ui-widget-content-ext .ui-state-focus,
.theme-dark .ui-widget-header .ui-state-focus{color:#8e6cff}
.theme-dark .ui-widget-content-ext .ui-state-hover,
.theme-dark .ui-widget-header .ui-state-hover,

.theme-dark .ui-widget-content-ext .ui-state-focus,
.theme-dark .ui-widget-header .ui-state-focus{background:#474747; color:#8e6cff}

.theme-dark .ui-state-focus{background:#28282a url("/static/fw/images/common/divselect.svg") no-repeat right 50%}

/* MAIL */
.theme-dark .mail-layout .Divselect.ui-state-focus{background:#28282a url("/static/fw/images/common/divselect.svg") no-repeat right 50%}
.theme-dark .dev-content.mail .Divselect.ui-state-focus{background:#28282a url("/static/fw/images/common/divselect.svg") no-repeat right 50%}

.theme-dark .mail-meta .meta-num .tit{color:#777}
.theme-dark .mail-meta .meta-num .num{color:#ccc}
.theme-dark .mail-storage{border-color:#444}
.theme-dark .mail-storage .storage-tit i,
.theme-dark .mail-storage .storage-state .state-num.use{color:#8e6cff}
.theme-dark .mail-storage .storage-tit .tit{color:#eaeaea}
.theme-dark .mail-storage .storage-state .state-num{color:#ccc;}

.theme-dark .mail-inbox .mail-top{border-color:#444}
.theme-dark .mail-inbox .mail-top .btn-box .btn span{color:#aaa}
.theme-dark .mail-inbox .mail-top .btn-box .btn i{color:#ccc}
.theme-dark .mail-inbox .mail-top .mail-search .search-area{background:#28282a;  border-color:#353535}
.theme-dark .mail-inbox .mail-top .mail-search .search-input{ color:#ccc;}
.theme-dark .mail-inbox .no-select-mail .message-tit{color:#ccc}
.theme-dark .mail-inbox .no-select-mail .message-stit{color:#aaa}
.theme-dark .mail-inbox .inbox-mail-page{border-color:#353535}
.theme-dark .mail-inbox .inbox-wrap .jqx-splitter-splitbar-horizontal,
.theme-dark .mail-inbox .inbox-wrap .jqx-splitter-splitbar-vertical{border-color:#454545; background:#2c2c2c}
.theme-dark .mail-inbox .inbox-r.splitter-panel .inbox-mail-view{background:#fff}
.theme-dark .mail-inbox .mail-view-content div,
.theme-dark .mail-inbox .mail-view-content a{color:#000}
.theme-dark .mail-inbox .mail-box .mail-date .keep.active i{color:#7c55ff}
.theme-dark .mail-search .search-btn button{color:#777}
.theme-dark .mail-inbox .mail-box{border-color:#333}
.theme-dark .mail-lnb li .mail-box i{color:#777}
.theme-dark .mail-lnb li .mail-box span{color:#ccc}
.theme-dark .mail-lnb li > ul > li .mail_box_cont:hover{background:#222; border-radius:5px; width:100%}
.theme-dark .mail-lnb li > ul > li .mail_box_cont:hover .mail-box span,
.theme-dark .mail-lnb li > ul > li > ul > li:hover .mail-box span,
.theme-dark .mail-lnb li > ul > li > ul > li.selected .mail-box span{color:#eaeaea}
.theme-dark .mail-lnb .mail-box-clean,
.theme-dark .mail-lnb .mail-box-recept{background:#444; border:1px solid #666; color:#999;}

.theme-dark .mail-write-header .report-col .report-tit .tit{color:#ccc}
.theme-dark .mail-write-header .report-col .report-cont{border-color:#555}
.theme-dark .mail-write-header .report-col .report-cont .subject{background:#1e1e1e; color:#f2f2f2}
.theme-dark .mail-write-header .report-col .report-cont .subject::placeholder{font-size: 14px; color:transparent}


.theme-dark .mail-inbox .mail-box .mail-info .send .send-tit{color:#ccc}
.theme-dark .mail-inbox .mail-box .mail-info .read .read-preview{color:#777}
.theme-dark .mail-inbox .mail-box.lavender .mail-info .send .send-tit,
.theme-dark .mail-inbox .mail-box.lemon .mail-info .send .send-tit,
.theme-dark .mail-inbox .mail-box.honeydew .mail-info .send .send-tit,
.theme-dark .mail-inbox .mail-box.aliceblue .mail-info .send .send-tit,
.theme-dark .mail-inbox .mail-box.azure .mail-info .send .send-tit,
.theme-dark .mail-inbox .mail-box.snow .mail-info .send .send-tit{color:#333}



.theme-dark .mail-search .search-area{background:#343434; border:1px solid #555;}
.theme-dark .mail-search .search-input::-webkit-input-placeholder{color:#999;}
.theme-dark .mail-search .search-input::-moz-placeholder{color:#999;}
.theme-dark .mail-search .search-input:-ms-input-placeholder{color:#999; }
.theme-dark .mail-search .search-input{color:#ccc;}
.theme-dark .mail-search .search-btn button{color:#ccc;}
.theme-dark .mail-search .search-area .detail_btn{color:#ccc;}
.theme-dark .mail-search .search-area .detail_btn:before {background:#666; }

.theme-dark .mail-search .search-detail{background:#444; box-shadow:0px 0px 5px #00000050;}
.theme-dark .mail-search .search-detail .writing-ty1 .writing-tit .tit{font-weight: 300; color:#eee}

.theme-dark .mail-fliter.writing-ty1 .writing-list:first-child{border-color:#3a3a3a}
.theme-dark .mail-fliter.writing-ty1 .writing-list .filter-option .option-tit{color:#aaa}
.theme-dark .mail-fliter.writing-ty1 .writing-list .filter-option .tag-box{border-color:#9473ff; background:#2b2837}
.theme-dark .mail-fliter.writing-ty1 .writing-list .filter-option .tag-box span{color:#ccc}
.theme-dark .mail-fliter.writing-ty1 .writing-list .filter-option .tag-box .del:before{color:#9473ff}

.theme-dark .color-option:after{background:#1e1e1e; border:1px solid #00000021; box-sizing:border-box; color:#ffffff80}
.theme-dark .color-option.lavender:after{background:#f4f4ff; color:#00000080}
.theme-dark .color-option.lemon:after{background:#fffdee; color:#00000080}
.theme-dark .color-option.honeydew:after{background:#f0fff0; color:#00000080}
.theme-dark .color-option.aliceblue:after{background:#f0f8ff; color:#00000080}
.theme-dark .color-option.azure:after{background:#f0ffff; color:#00000080}
.theme-dark .color-option.snow:after{background:#fffafa; color:#00000080}
.theme-dark .color-option.ultraV:after{background:linear-gradient(45deg, #654ea3, #eaafc8)}
.theme-dark .color-option.windy:after{background:linear-gradient(45deg, #acb6e5, #86fde8)}
.theme-dark .color-option.mild:after{background:linear-gradient(45deg, #67B26F, #4ca2cd)}
.theme-dark .color-option.peach:after{background:linear-gradient(45deg, #ED4264, #FFEDBC)}

.theme-dark .color-option.ruth:after{background:#ECD0CB}
.theme-dark .color-option.amethyst:after{background:#9966CC}
.theme-dark .color-option.blueberry:after{background:#4F86F7}
.theme-dark .color-option.sunglow:after{background:#FFCC33}
.theme-dark .color-option.pistachio:after{background:#93C572}
.theme-dark .color-option.tangerine:after{background:#FA9336}
.theme-dark .color-option.tulip:after{background:#FF878D }
.theme-dark .color-option.vermillion:after{background:#E34234}
.theme-dark .color-option.softteal:after{background:#44A9AA}
.theme-dark .color-option.pear:after{background:#D1E231}
.theme-dark .color-option.slategray:after{background:#708090}

.theme-dark .color-option.bisque:after{background:#FFE2C6 }
.theme-dark .color-option.mistyrose:after{background:#FFE5E3}
.theme-dark .color-option.powderblue:after{background:#beebeb}
.theme-dark .color-option.eggshell:after{background:#ECEFCC}
.theme-dark .color-option.gainsboro:after{background:#dddddd}

.theme-dark .color-option.laserlemon:after{background:#FFFF66} 
.theme-dark .color-option.springbud:after{background:#A7FC00 }  
.theme-dark .color-option.neonteal:after{background:#00CAB1 } 
.theme-dark .color-option.traditional:after{background:#0080FF}
.theme-dark .color-option.idorange:after{background:#FF7722 }
.theme-dark .color-option.veronica:after{background:#A020F0 }

.theme-dark .color-option.color01:after{background:linear-gradient(45deg, #b85eff, #5670a7)}
.theme-dark .color-option.color02:after{background:linear-gradient(45deg, #5f75fb, #3465cb)}
.theme-dark .color-option.color03:after{background:linear-gradient(45deg, #5ad4ba, #809cd6)}
.theme-dark .color-option.color04:after{background:linear-gradient(45deg, #ff3e3e, #ff7166)}
.theme-dark .color-option.color05:after{background:linear-gradient(45deg, #ffc74f, #ff993b)}
.theme-dark .color-option.color06:after{background:linear-gradient(45deg, #ff63a8, #955f9f)}
.theme-dark .color-option.color07:after{background:linear-gradient(45deg, #c8d0ff, #edddff)}
.theme-dark .color-option.color08:after{background:linear-gradient(45deg, #141414, #342f35)}
.theme-dark .color-option.color01.Checked:after{color:#ffffffab}
.theme-dark .color-option.color02.Checked:after{color:#ffffffab}
.theme-dark .color-option.color08.Checked:after{color:#ffffffab}





/* MAIL - SET */

.theme-dark .mail_tabs .Tabs .mail_setting_list .mail_setting_cont{border-color:#333}
.theme-dark .mail_tabs .Tabs .mail_setting_list .top_tit{color:#f2f2f2}
.theme-dark .mail_tabs .Tabs .mail_setting_list .mail_setting_cont .tit_area .tit{color:#f2f2f2}

.theme-dark .mail_tabs .Tabs .mail_setting_list .mail_setting_cont .cont_area .ImageRadio span, 
.theme-dark .mail_tabs .Tabs .mail_setting_list .mail_setting_cont .cont_area .ImageCheckbox span{color:#eaeaea}

.theme-dark .mail_setting_footer .reset_btn .Button{color:#999; border:1px solid transparent; background:transparent}
.theme-dark .mail_setting_footer .reset_btn .Button:hover,
.theme-dark .mail_setting_footer .reset_btn .Button.af-hover{background:none; color:#8e6cff; border-bottom:1px solid #8e6cff}

.theme-dark .mail_tabs .Tabs .mail_table .table_cont li{border-color: #555;}
.theme-dark .mail_tabs .Tabs .mail_table .table_cont li.sort{background:#333; border-top:1px solid #555}
.theme-dark .mail_tabs .Tabs .mail_table .table_cont li.sort .tit{font-weight:300; color:#f2f2f2; font-size:14px}
.theme-dark .mail_tabs .Tabs .mail_table .table_cont li > div{text-align:center; padding:8px 15px; color:#eaeaea; font-size:14px}

.theme-dark .mail_tabs .Tabs .mail_setting_list .mail_setting_cont .cont_area .mail_table .table_cont .sign_default{color:#8e6cff; border-color:#8e6cff}
.theme-dark .mail_box_more_pop{background:#333; box-shadow: 0px 4px 16px rgb(0 0 0 / 60%);}
.theme-dark .mail_box_more_pop li .more_btn span{color:#aaa}
.theme-dark .mail_box_more_pop li:hover{background:#262626}

/* **************************************** *
*  theme-ocean
* **************************************** */

/* **************************************** *
*  theme-leaf
* **************************************** */

/* **************************************** *
*  theme-peach
* **************************************** */