@charset "utf-8";

/* **************************************** *
 * Textinput - 자동완성
 * **************************************** */
.ui-widget-content-ext{max-height:90px; padding:5px 0; border:0; background:#fff; color:#303030; border-radius:12px; box-shadow:2px 2px 7px rgb(0 0 0 / 12%); overflow:hidden; overflow-y:auto; box-sizing:border-box}
.ui-autocomplete-ext{position:absolute; top:0; left:0}
.ui-front-ext {z-index:9999}
.ui-menu-ext {display:block; margin:0; list-style:none; outline:none; z-index: 9999;}
.ui-helper-hidden-accessible{display:none}
.ui-widget-content-ext a{display:block; padding:5px 20px !important; line-height:135%; color:#505050; font-size:13px; letter-spacing:-0.2px; cursor:pointer; word-break:break-word}
.ui-widget-content-ext .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content-ext .ui-state-focus,
.ui-widget-header .ui-state-focus{background:#f6f3ff; color:#5629ee}


/* **************************************** *
 * INPUT
 * **************************************** */
 /* Textinput */
.Textinput{height:40px; padding:0 15px; line-height:40px; border:1px solid #ddd; color:#333; font-family:'pps', 'ptd','noto', 'sans-serif' !important; font-size:15px; font-weight:normal; letter-spacing:-0.5px; border-radius:8px}
.Textinput:hover{border:1px solid #b7afd4}
.Textinput:focus,
.Textinput:active{border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1); outline:none}
.Textinput.Disabled{background-color:#eaeaea; border:1px solid #ddd; color:#ababab}
.Textinput::placeholder{font-family:'pps', 'ptd','noto', 'sans-serif' !important; font-size:14px; font-weight:normal; color:#aaa}

.wms-layout .Textinput{height:32px; border-radius:6px; font-size: 13px}
.wms-layout .Textinput::placeholder{font-size: 13px}
.fixConWrap .fixCont1 .keySearchbox .searchkey .Textinput{border:0}

.Textinput.edit,
.Textinput.edit:hover{background:#eafcd5}
.Textinput.infocolumn,
.Textinput.infocolumn:hover{background:#ecf6fe}
.Textinput.bg-column03,
.Textinput.bg-column03:hover{background:#fff1b9}
.Textinput.bg-column07,
.Textinput.bg-column07:hover{background:#d8f8f9}
/* input remove */
input:not([type]) + .Remove-sign,
input[type='text'] + .Remove-sign,
input[type='password'] + .Remove-sign,
input[type='search'] + .Remove-sign{position:absolute; width:20px; height:38px; line-height:38px; margin:1px 0 0 -24px; padding:0; background:none; font-size:18px; color:#888; text-align:center; border:0; visibility:hidden; z-index:1; cursor:pointer}
input:not([type]) + .Remove-sign:after,
input[type='text'] + .Remove-sign:after,
input[type='password'] + .Remove-sign:after,
input[type='search'] + .Remove-sign:after{content:"\EB99"; font-family:'remixicon'}
input:not([type]).Disabled + .Remove-sign,
input[type='text'].Disabled + .Remove-sign,
input[type='password'].Disabled + .Remove-sign,
input[type='search'].Disabled + .Remove-sign{display:none !important}

.wms-layout input:not([type]) + .Remove-sign{height:32px; line-height:32px}
.wms-layout input[type='text'] + .Remove-sign{height:32px; line-height:32px}

 /* Textinput - lineless */
.Textinput.lineless{height:40px; padding:0 15px; line-height:40px; border:0; color:#333; font-family:'pps', 'ptd', 'sans-serif' !important; font-size:22px; font-weight:300; letter-spacing:-0.5px;}
.Textinput.lineless:hover{border:0; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1);}
.Textinput.lineless:focus,
.Textinput.lineless:active{border:0; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1); outline:none}
.Textinput.lineless.Disabled{background-color:transparent; border:0; color:#ababab}
.Textinput.lineless::placeholder{font-family:'pps', 'ptd', 'sans-serif' !important; font-size:22px; font-weight:300; color:#aaa}
.Textinput.lineless.Disabled::placeholder{color:#8e8e8e}

.Textinput.lineless.small{height:40px; padding:0 15px; line-height:40px; border:0; color:#333; font-family:'pps', 'ptd', 'sans-serif' !important; font-size:15px; font-weight:normal; letter-spacing:-0.5px;}
.Textinput.lineless.small::placeholder{font-size: 15px; font-weight:normal;}

 /* Textinput - small */
.Textinput.small{height:32px; padding:0 12px; line-height:1.5; font-size:14px; border-radius:8px}
.Textinput.small:hover{border:1px solid #b7afd4}
.Textinput.small::placeholder{font-family:'pps', 'ptd', 'sans-serif' !important; font-size:14px; font-weight:normal; color:#aaa}




 /* Timeinput */
.Timeinput > input{width:150px; height:40px; padding:0 15px;  color:transparent; line-height:31px; border:1px solid #ddd; text-indent:0; font-size:15px; border-radius:8px; box-sizing:border-box}
.Timeinput >.Textinput{min-width:150px; color:transparent}
.Timeinput > input.Disabled{background:#f3f3f3; border:1px solid #ccc; color:#222}
.Timeinput .Textinput::placeholder,
.Timeinput .Textinput::placeholder{font-family:'ppd ', 'ptd', 'sans-serif' !important; font-size:14px; font-weight:normal; letter-spacing:-0.8px; color:#aaa}
.Timeinput > input[type="time"]{color:#303030}


/* Textarea */
.Textarea{border:1px solid #dddddd; border-radius:8px; font-family:'pps', 'ptd', 'sans-serif' !important; font-size:14px}
.Textarea:hover{border:1px solid #b7afd4}
.Textarea:focus,
.Textarea:active{border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1); outline:none}
.Textarea.Disabled{background-color:#eaeaea; border:1px solid #ddd; color:#ababab}
.Textarea::placeholder{font-family:'pps', 'ptd', 'sans-serif' !important; font-size:14px; font-weight:normal; color:#aaa}
.Textarea.webform{background:none; color:#222}

.wms-layout .Textarea{height:32px; border-radius:6px}
.layerpop-box.wms-layout .Textarea{height:auto; color:#202020}

.Textarea.edit{background:#eafcd5}
.Textarea.resize-off{resize: none}



.com-ui-search > Textarea{border:1px solid #dddddd;}
.com-ui-search > Textarea:hover{border:1px solid #b7afd4}
.com-ui-search > Textarea:focus,
.com-ui-search > Textarea:active{border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1); outline:none}
.com-ui-search > Textarea.Disabled{background-color:#eaeaea; border:1px solid #ddd; color:#ababab}
.com-ui-search > Textarea::placeholde{font-family:'pps', 'ptd', 'sans-serif' !important; font-size:14px; font-weight:normal; color:#aaa}


/* ImageCheckbox */
.ImageCheckbox{display:inline-block; height:27px; vertical-align:middle; cursor:pointer}
.ImageCheckbox span{display:inline-block; padding-top:2px; line-height:1.7; letter-spacing: -0.6px; color:#333; font-size:15px; vertical-align:middle}
.ImageCheckbox > .Checkbox{top:0; width:20px; height:20px; margin:0; margin-right:5px}
.ImageCheckbox:after{content:"\ea0e"; left:0; top:50%; width:16px; height:16px; line-height:16px; margin-top:-7px; background:none; font-family:'xeicon'; font-size:24px; color:#cbcbcb; text-align:center}
.ImageCheckbox.Checked:after{content:"\e92e"; color:#5629ee; background:none}
.ImageCheckbox.Disabled:after{content:"\ea0e"; color:#cbcbcb; background:none}
.ImageCheckbox.Checked.Disabled:after{content:"\e92e"; color:#cbcbcb; background:none}
.ImageCheckbox.Disabled span,
.ImageCheckbox.Checked.Disabled span{color:#aaa}

.ImageCheckbox.bg{width:100%; height:45px; border:1px solid #ddd; border-radius:8px}
.ImageCheckbox.bg:after{left:8px}
.ImageCheckbox.bg.Checked{border:1px solid #d9d3ee; background:#f8f7fc}
.ImageCheckbox.bg > .Checkbox{margin-right:15px}
.ImageCheckbox.bg span{font-size:14px; line-height:40px}

.ImageCheckbox.ty2{display:inline-block; padding-left:25px; box-sizing:border-box}
.ImageCheckbox.ty2 > .Checkbox{position:absolute; top:5px; left:0; width:20px; height:20px; margin:0}
.ImageCheckbox.ty2 span{display:inline-block;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-left: 2px;}
.ImageCheckbox.ty2:after{content:""; left:0; top:50%; width:20px; height:20px; line-height:18px; margin-top:-9px; background:none; border:1px solid #ccc; font-family:'xeicon'; font-size:18px; color:#abaaaa; text-align:center; border-radius:5px; box-sizing:border-box}
.ImageCheckbox.ty2.Checked:after{content:"\e92a"; color:#fff; background:none; background-color:#5629ee; border:1px solid #5629ee}
.ImageCheckbox.ty2.Disabled:after{/*content:"\e92a";*/ color:#cbcbcb; background:none; background-color:#eaeaea; border:1px solid #ccc; color:#acabab}
.ImageCheckbox.ty2.Checked.Disabled:after{/*content:"\e92e";*/ color:#cbcbcb; background:none; background-color:#808080}
.ImageCheckbox.ty2.Disabled span,
.ImageCheckbox.ty2.Checked.Disabled span{color:#aaa}

.ImageCheckbox > .signal-color:before{top:9px}
.ImageCheckbox > .signal-color > .cont-txt{font-size: 14px}
.ImageCheckbox.widget{display:block; width:100%; padding-left:25px; box-sizing:border-box}
.ImageCheckbox.widget > .Checkbox{position:absolute; top:5px; left:0; width:20px; height:20px; margin:0}
.ImageCheckbox.widget span{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.ImageCheckbox.widget:after{content:"\e92a"; left:0; top:50%; width:20px; height:20px; line-height:18px; margin-top:-9px; background:none; border:1px solid #ccc; font-family:'xeicon'; font-size:18px; color:#abaaaa; text-align:center; border-radius:5px; box-sizing:border-box}
.ImageCheckbox.widget.Checked:after{content:"\e92a"; color:#fff; background:none; background-color:#5629ee; border:1px solid #5629ee}
.ImageCheckbox.widget.Disabled:after{content:"\e92a"; color:#cbcbcb; background:none; background-color:#eaeaea; border:1px solid #ccc; color:#acabab}
.ImageCheckbox.widget.Checked.Disabled:after{content:"\e92e"; color:#cbcbcb; background:none; background-color:#808080}
.ImageCheckbox.widget.Disabled span,
.ImageCheckbox.widget.Checked.Disabled span{color:#aaa}

.ImageCheckbox.drive{height:22px}
.ImageCheckbox.drive > .Checkbox{top:0; width:22px; height:22px; margin:0; margin-right:0}
.ImageCheckbox.drive:after{content:""; left:0; top:50%; width:22px; height:22px; line-height:20px; margin-top:-11px; background:#fff; border:1px solid #ccc; font-family:'xeicon'; font-size:20px; color:#abaaaa; text-align:center; border-radius:3px; box-sizing:border-box}
.ImageCheckbox.drive.Checked:after{content:"\e92a"; color:#fff; background:none; background-color:#5629ee; border:1px solid #5629ee; font-weight:600; font-size:18px}
.ImageCheckbox.drive.Disabled:after{content:"\e92a"; color:#cbcbcb; background:none; background-color:#eaeaea; border:1px solid #ccc; color:#acabab}
.ImageCheckbox.drive.Checked.Disabled:after{content:"\e92e"; color:#cbcbcb; background:none; background-color:#808080}
.ImageCheckbox.drive.Disabled span,
.ImageCheckbox.drive.Checked.Disabled span{color:#aaa}

.drive-wrap .drive-top .controller-btn-crud .crud-btn.check_all .ImageCheckbox.drive:after{width:18px; height:18px; line-height:18px; margin-top:-8px; font-size:15px}

.ImageCheckbox.cart{height:22px}
.ImageCheckbox.cart span{display:inline-block; position:relative; top:-2px; margin-left:5px; padding-top:0; line-height:22px; color:#333; font-size:15px; vertical-align:middle}
.ImageCheckbox.cart > .Checkbox{top:0; width:22px; height:22px; margin:0; margin-right:0}
.ImageCheckbox.cart:after{content:""; left:0; top:50%; width:22px; height:22px; line-height:20px; margin-top:-11px; background:#fff; border:1px solid #ccc; font-family:'xeicon'; font-size:20px; color:#abaaaa; text-align:center; border-radius:3px; box-sizing:border-box}
.ImageCheckbox.cart.Checked:after{content:"\e92a"; color:#fff; background:none; background-color:#5629ee; border:1px solid #5629ee}
.ImageCheckbox.cart.Disabled:after{content:"\e92a"; color:#cbcbcb; background:none; background-color:#eaeaea; border:1px solid #ccc; color:#acabab}
.ImageCheckbox.cart.Checked.Disabled:after{content:"\e92e"; color:#cbcbcb; background:none; background-color:#808080}
.ImageCheckbox.cart.Disabled span,
.ImageCheckbox.cart.Checked.Disabled span{color:#aaa}

.ImageCheckbox.service{display:block; height:auto; margin-left:5px; margin-top:5px; padding:10px; background:#fff; border:1px solid #dadada; border-radius:4px; box-sizing:border-box}
.ImageCheckbox.service span{display:inline-block; position:relative; top:-2px; margin-left:5px; padding-top:0; line-height:22px; color:#333; font-size:15px; vertical-align:middle}
.ImageCheckbox.service > .Checkbox{top:0; width:22px; height:22px; margin:0; margin-right:0}
.ImageCheckbox.service:after{content:""; left:5px; top:50%; width:22px; height:22px; line-height:20px; margin-top:-11px; background:#fff; border:1px solid #ccc; font-family:'xeicon'; font-size:20px; color:#abaaaa; text-align:center; border-radius:3px; box-sizing:border-box}
.ImageCheckbox.service.Checked:after{content:"\e92a"; color:#fff; background:none; background-color:#5629ee; border:1px solid #5629ee}
.ImageCheckbox.service.Disabled:after{content:"\e92a"; color:#cbcbcb; background:none; background-color:#eaeaea; border:1px solid #ccc; color:#acabab}
.ImageCheckbox.service.Checked.Disabled:after{content:"\e92e"; color:#cbcbcb; background:none; background-color:#808080}
.ImageCheckbox.service.Disabled span,
.ImageCheckbox.service.Checked.Disabled span{color:#aaa}

.ImageCheckbox.mail{height:18px}
.ImageCheckbox.mail span{display:inline-block; position:relative; top:-4px; padding-top:0; line-height:18px; color:#333; font-size:15px; vertical-align:middle}
.ImageCheckbox.mail > .Checkbox{top:-4px; width:18px; height:18px; margin:0; margin-right:0}
.ImageCheckbox.mail:after{content:""; left:0; top:50%; width:18px; height:18px; line-height:18px; margin-top:-9px; background:#fff; border:1px solid #ccc; font-family:'xeicon'; font-size:16px; color:#abaaaa; text-align:center; border-radius:3px; box-sizing:border-box}
.ImageCheckbox.mail.Checked:after{content:"\e92a"; color:#fff; background:none; background-color:#5629ee; border:1px solid #5629ee}
.ImageCheckbox.mail.Disabled:after{content:"\e92a"; color:#cbcbcb; background:none; background-color:#eaeaea; border:1px solid #ccc; color:#acabab}
.ImageCheckbox.mail.Checked.Disabled:after{content:"\e92e"; color:#cbcbcb; background:none; background-color:#808080}
.ImageCheckbox.mail.Disabled span,
.ImageCheckbox.mail.Checked.Disabled span{color:#aaa}

.wms-layout .ImageCheckbox span{line-height:26px; font-size:14px}


.ImageCheckbox.accep,
.ImageCheckbox.fail{border-radius: 120px; background:#f0f2f2; height:36px; padding:0px 16px;}
.ImageCheckbox.accep{background:#1e88e5;}
.ImageCheckbox.fail{background:#f34444;}
.ImageCheckbox.accep  > .Checkbox,
.ImageCheckbox.fail  > .Checkbox{display:none;}
.ImageCheckbox.accep > .Checked,
.ImageCheckbox.fail > .Checked{display:none;}

.ImageCheckbox.accep:after,
.ImageCheckbox.fail:after{content:''}

.ImageCheckbox.accep span,
.ImageCheckbox.fail span{font-size:16px; line-height: 36px; color:#fff; text-align: center;}
.ImageCheckbox.accep.Checked span,
.ImageCheckbox.fail.Checked span{padding-left:16px}
.ImageCheckbox.accep.Checked:after,
.ImageCheckbox.fail.Checked:after{content:"\e929";background:none; color:#fff; margin-left: 8px;}

.ImageCheckbox.round{border-radius: 120px;background:#fff; height:35px; padding:3px 15px 3px; border:1px solid #998ec2; transition:all 0.3s}
.ImageCheckbox.round  > .Checkbox{display:none;}
.ImageCheckbox.round > .Checked{display:none;}
.ImageCheckbox.round:after{content:''; display:none}
.ImageCheckbox.round span{font-size:15px; line-height:1.6; color:#998ec2; text-align: center; transition:all 0.3s}
.ImageCheckbox.round i{color:#998ec2; margin-right:4px}
.ImageCheckbox.round.Checked{background:#5629ee; border-color:#5629ee}
.week_list_cont .ImageCheckbox.round.Checked,
.week_list_cont .ImageCheckbox.round.Checked:hover{background:#8364e8; border-color:#8364e8}
.ImageCheckbox.round.Checked span{color:#fff;}
.ImageCheckbox.round.Checked i{color:#fff;;}
.ImageCheckbox.round.Checked:after{content:""; display:none}
.ImageCheckbox.round:hover{border:1px solid #5629ee; color:#5629ee; background:#fff}
.ImageCheckbox.round:hover span{color:#5629ee}
.ImageCheckbox.round.Checked:hover{background:#5629ee; border-color:#5629ee;}
.ImageCheckbox.round.Checked:hover span{color:#fff}

.ImageCheckbox.round.small{height:32px; padding:2px 12px 2px;}
.ImageCheckbox.round.small span{font-size:13px;}

.ImageCheckbox.round.color11{border-color:#33beff}
.ImageCheckbox.round.color11 span{color:#33beff}
.ImageCheckbox.round.color11.Checked{background:#33beff}
.ImageCheckbox.round.color11.Checked span{color:#fff}

.ImageCheckbox.round.color10{border-color:#4265d6}
.ImageCheckbox.round.color10 span{color:#4265d6}
.ImageCheckbox.round.color10.Checked{background:#4265d6}
.ImageCheckbox.round.color10.Checked span{color:#fff}


/* ImageRadio */
.ImageRadio{display:inline-block; height:27px; vertical-align:middle; cursor:pointer}
.ImageRadio span{display:inline-block; line-height:27px; color:#333; font-size:15px; margin-left:2px; vertical-align:middle}
.ImageRadio > .Radio{top:0; width:20px; height:20px; margin:0; margin-right:3px}
.ImageRadio:after{content:"\e9c6"; left:0; top:50%; width:16px; height:16px; line-height:15px; margin-top:-7px; background:none; font-family:'xeicon'; font-size:24px; color:#cbcbcb; text-align:center}
.ImageRadio.Checked:after{content:"\e9c7"; color:#5629ee; background:none}
.ImageRadio.Disabled:after{content:"\e9c6"; color:#cbcbcb; background:none}
.ImageRadio.Checked.Disabled:after{content:"\e9c7"; color:#cbcbcb; background:none}
.ImageRadio .ImageCheckbox span{line-height:26px; font-size:14px; letter-spacing:-0.5px}
.ImageRadio.Disabled span,
.ImageRadio.Checked.Disabled span{color:#aaa}

.ImageRadio.accep,
.ImageRadio.fail{display:inline-flex; flex-direction:row-reverse; justify-content:center; align-items:center; border-radius: 120px; background:#f0f2f2; height:36px; padding:0px 16px;}
.ImageRadio.accep{background:#dbeeff;}
.ImageRadio.fail{background:#ffe5e5;}
.ImageRadio.accep > .Radio,
.ImageRadio.fail > .Radio{display:none;}

.ImageRadio.accep:after,
.ImageRadio.fail:after{display:none; content:'\e929'; position: relative; top:0px; left:0; line-height:0.7; margin-top:0 }

.ImageRadio.accep span,
.ImageRadio.fail span{font-size:16px; line-height: 36px; color:#fff; text-align: center;}
.ImageRadio.accep.Checked{background:#1e88e5;}
.ImageRadio.fail.Checked{background:#f34444;}

.ImageRadio.accep.Checked span,
.ImageRadio.fail.Checked span{padding-left:6px;}
.ImageRadio.accep.Checked:after,
.ImageRadio.fail.Checked:after{display:block; content:"\e929";background:none; color:#fff;}

.ImageRadio.mail{height:24px}
.ImageRadio.mail:after{font-size: 18px;}
.ImageRadio.mail span{line-height: 24px;}

.Groupbutton .ImageRadio > .Radio,
.Groupbutton .ImageRadio{position: relative;}


/* ImageRadio.chart-TYPE */
.ImageRadio.chart-Ty{display:flex; flex-direction:column; align-items:center; justify-content:flex-end; margin:0px 2px; flex:none; border:1px solid #e9e9e9;  border-radius: 12px; height:62px; width:62px; padding:0px 12px; font-size:16px; text-align: center; color:#fff; } .ImageRadio.chart-Ty > .Radio{top:0; width:62px; height:62px; margin-right:-3px;}
.ImageRadio.chart-Ty:after{content:""; left:0; top:0; width:62px; height:62px; line-height:15px; margin-top:-7px; background:none; text-align:center}
.ImageRadio.chart-Ty.Checked:after{content:""; background:none}
.ImageRadio.chart-Ty.Checked{border-color:transparent; box-shadow:0px 0px 0px 2px #5629ee;}

.ImageRadio.chart-Ty span{display:flex; flex-direction:column; align-items:center; margin-bottom:6px; position:absolute; line-height:1; letter-spacing: -0.5px; font-size: 13px; color:#666; justify-content:flex-end}
.ImageRadio.chart-Ty span.chart-bar:before{content:""; display:block; width:26px; height:26px;  background:url("/static/fw/images/ico_chart_bar.svg") no-repeat;}
.ImageRadio.chart-Ty span.chart-line:before{content:""; display:block; width:30px; height:27px;  background:url("/static/fw/images/ico_chart_line.svg") no-repeat; margin-right: 2px; }
.ImageRadio.chart-Ty span.chart-pie:before{content:""; display:block; width:25px; height:29px;  background:url("/static/fw/images/ico_chart_pie.svg") no-repeat; }
.ImageRadio.chart-Ty span.chart-area:before{content:""; display:block; width:26px; height:30px;  background:url("/static/fw/images/ico_chart_area.svg") no-repeat; margin-right: 2px;}

/* ImageRadio.Icon-select */
.ImageRadio.ico{display:flex; align-items:center; justify-content:center; flex:none; box-shadow: 1px 1px 4px #00000017;  border-radius: 12px; height:36px; width:36px; padding:0px 12px; font-size:19px; text-align: center; color:#fff; }
.ImageRadio.ico > .Radio{top:0; width:36px; height:36px; margin-right:-3px;}
.ImageRadio.ico:after{content:""; left:0; top:0; width:36px; height:36px; line-height:15px; margin-top:-0px; background:none; text-align:center}
.ImageRadio.ico.Checked:after{content:""; background:none}
.ImageRadio.ico.Checked{border-color:transparent; background:#6f48ff}
.ImageRadio.ico.Checked span{color:#e9e9e9}
.ImageRadio.ico span{position:absolute; font-size: 19px; color:#767676; flex:none; margin-left:0}	


/* ImageCheckbox.signal */
.ImageCheckbox.signal{display:flex; align-content: center; gap:4px; border-radius: 120px; background:#fff; height:35px; padding:3px 15px 3px; border:1px solid #998ec2; transition:all 0.3s}
.ImageCheckbox.signal  > .Checkbox{display:none;}
.ImageCheckbox.signal > .Checked{display:none;}
.ImageCheckbox.signal:after{content:''; display:none}
.ImageCheckbox.signal span{font-size:15px; line-height:1.6; color:#998ec2; text-align: center; transition:all 0.3s}
.ImageCheckbox.signal i{color:#998ec2; margin-right:4px}
.ImageCheckbox.signal.Checked{background:#5629ee; border-color:#5629ee}
.ImageCheckbox.signal.Checked,
.ImageCheckbox.signal.Checked:hover{background:#8364e8; border-color:#8364e8}
.ImageCheckbox.signal.Checked span{color:#fff;}
.ImageCheckbox.signal.Checked i{color:#fff;;}
.ImageCheckbox.signal.Checked:after{content:""; display:none}
.ImageCheckbox.signal:hover{border:1px solid #5629ee; color:#5629ee; background:#fff}
.ImageCheckbox.signal:hover span{color:#5629ee}
.ImageCheckbox.signal.Checked:hover{background:#5629ee; border-color:#5629ee;}
.ImageCheckbox.signal.Checked:hover span{color:#fff}
.ImageCheckbox.signal .signal-color:before{top:7px}
.ImageCheckbox.signal.color11{border-color:#33beff}
.ImageCheckbox.signal.color11 span{color:#33beff}
.ImageCheckbox.signal.color11.Checked{background:#33beff}
.ImageCheckbox.signal.color11.Checked span{color:#fff}
.ImageCheckbox.signal.color10{border-color:#4265d6}
.ImageCheckbox.signal.color10 span{color:#4265d6}
.ImageCheckbox.signal.color10.Checked{background:#4265d6}
.ImageCheckbox.signal.color10.Checked span{color:#fff}




/* Button Radio */
.btnRadio{margin:0px 4px;} 
.btnRadio > input[type=radio]{width: 0; height: 0; position: absolute; left: -9999px;}
.btnRadio > input[type=radio] + label{display:flex; align-items:center; min-height:32px; margin: 0; padding:2px 8px;  box-sizing: border-box; border-radius: 5px; font-size: 13px;
  position: relative; border: 1px solid #d3d3d3; background-color: #fff; text-align: center; cursor: pointer; color:#505050;
}
.btnRadio input[type=radio]:checked + label{background-color: #5629ee; color: #fff;  border-color: #5629ee;  z-index: 1; }
.btnRadio i{ font-size: 16px; margin-right: 8px;}
.btnRadio > input[type=radio] + label.color01{border: 1px solid #e65050; background-color: #fff; color:#e65050;}
.btnRadio > input[type=radio] + label.color02{border: 1px solid #ffba00; background-color: #fff; color:#ffba00;}
.btnRadio > input[type=radio] + label.color03{border: 1px solid #81ac7d; background-color: #fff; color:#81ac7d;}

.btnRadio input[type=radio]:checked + label.color01{background-color: #e65050; color: #fff;  border-color: #e65050;}
.btnRadio input[type=radio]:checked + label.color02{background-color: #ffba00; color: #fff;  border-color: #ffba00;}
.btnRadio input[type=radio]:checked + label.color03{background-color: #81ac7d; color: #fff;  border-color: #81ac7d;}


/* Divselect */
.Divselect{
	min-width:88px;
	height:40px;
	padding:10px 40px 0 15px;
	background:#fff url("/static/fw/images/common/divselect.svg") no-repeat right 50%;
	font-size:15px;
	color:#222;
	line-height:1.2;
	border:1px solid #ddd;
	vertical-align:middle;
	border-radius:8px;
	transition:none
}
.Divselect:hover{background:#fff url("/static/fw/images/common/divselect.svg") no-repeat right 50%; border:1px solid #b7afd4}
.Divselect:focus,
.Divselect:active{border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1)}
.Divselect select{padding:0 10px 0 15px; font-size:15px}
.Divselect.Disabled{background-color:#eaeaea; border:1px solid #ddd; color:#ababab; opacity:1}
.Divselect.Disabled > .Select.Disabled{opacity:0}
.Divselect.Disabled > select{cursor:not-allowed !important}
.Divselect span{display:block; max-width:100%; margin-right:0; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.Divselect option{border:0; font-family:'pps', 'ptd', 'sans-serif' !important; font-size:14px}

.Divselect.ui-state-hover, .Divselect.ui-state-focus{background:#fff url("/static/fw/images/common/divselect.svg") no-repeat right 50%}

.Divselect.small{height:32px; padding:7px 40px 0 10px; font-size:14px; border-radius:6px}
.Divselect.small select{padding:0 10px 0 15px; font-size:14px}

.wms-layout .Divselect{height:32px; padding:6px 30px 0 15px; font-size:14px; border-radius:6px}

.Divselect.edit{
	background:#eafcd5 url("/static/fw/images/common/divselect.svg") no-repeat right 50%;}



/* Spinner */
.Spinner{min-width:70px; height:40px; border:1px solid #ddd; border-radius:10px; transition:all 0.3s}
.Spinner > input{margin-top:-1px; border:0; color:#333; font-family:'pps', 'ptd', 'sans-serif' !important; font-size:15px; font-weight:normal; letter-spacing:-0.5px; vertical-align:top; outline:none}
.Spinner > .Up,
.Spinner > .Down{border-left:1px solid #ddd}
.Spinner > .Up{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}
.Spinner > .Up:hover{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}
.Spinner > .Up.Disabled,
.Spinner > .Up.Disabled:hover{background:#eaeaea url("/static/fw/images/spinner_arrow.png") no-repeat 8px 9px}
.Spinner > .Down{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px -8px}
.Spinner > .Down:hover{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px -8px}
.Spinner > .Down.Disabled,
.Spinner > .Down.Disabled:hover{background:#eaeaea url("/static/fw/images/spinner_arrow.png") no-repeat 8px -8px}

.Spinner.small{height:32px; border-radius:5px}
.Spinner.small > input{margin-top:0; font-size:13px}
.Spinner.small > .Up{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px 7px}
.Spinner.small > .Up:hover{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px 7px}
.Spinner.small > .Up.Disabled,
.Spinner.small > .Up.Disabled:hover{background:#eaeaea url("/static/fw/images/spinner_arrow.png") no-repeat 8px 7px}
.Spinner.small > .Down{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 8px -10px}
.Spinner.small > .Down:hover{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat }
.Spinner.small > .Down.Disabled,
.Spinner.small > .Down.Disabled:hover{background:#eaeaea url("/static/fw/images/spinner_arrow.png") no-repeat 8px -10px}

.Spinner:hover,
.Spinner:active,
.Spinner.ui-state-active,
.Spinner.ui-state-focus{border:1px solid #b7afd4}
.Spinner:hover > .Up,
.Spinner:hover > .Down,
.Spinner:active > .Up,
.Spinner:active > .Down,
.Spinner:hover > .Up,
.Spinner:hover > .Down,
.Spinner.ui-state-active > .Up,
.Spinner.ui-state-active > .Down{border-left:1px solid #b7afd4}

.wms-layout .Spinner{height:32px; border-radius: 6px;}
.wms-layout .Spinner > .Up{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 7px 8px}
.wms-layout .Spinner > .Down{background:#fff url("/static/fw/images/spinner_arrow.png") no-repeat 7px -10px}
.wms-layout .Spinner:hover .Textinput:hover, 
.wms-layout .Spinner:hover .Textinput:focus,
.wms-layout .Spinner:hover .Textinput:active{border:none;} 
.wms-layout .Spinner .Textinput:focus{border:none}


/* **************************************** *
 * DATERANGE
 * **************************************** */
.Dateinput > input,
.Daterange .Startdate > input,
.Daterange .Enddate > input{width:140px; height:40px; padding:0 15px; line-height:31px; border:1px solid #ddd; text-indent:0; font-size:15px; border-radius:8px; box-sizing:border-box}
.Daterange >.Textinput{width:50px}
.Dateinput > input.Disabled,
.Daterange .Startdate>input.Disabled,
.Daterange .Enddate>input.Disabled{background:#f3f3f3; border:1px solid #ccc; color:#222}
.Dateinput > .Calendar,
.Daterange .Calendar{position:absolute; top:9px; right:6px; width:24px; height:24px; border:0; background:none; border-radius:0}
.Dateinput > .Calendar:before,
.Daterange .Calendar:before{content:"\EB27"; font-family:'remixicon'; font-size:22px; color:#222}
.Dateinput > .Calendar:hover,
.Daterange .Calendar:hover,
.Dateinput > .Calendar:active,
.Daterange .Calendar:active{background:none; border:0}
.Dateinput.Disabled .Calendar:before,
.Dateinput > .Calendar.Disabled,
.Daterange .Startdate>.Calendar.Disabled,
.Daterange .Enddate>.Calendar.Disabled{content:"\EB27"; color:#aaa}
.Dateinput.calendarReWid input{width:98px}
.Daterange .Textinput::placeholder,
.Dateinput .Textinput::placeholder{font-family:'ppd ', 'ptd', 'sans-serif' !important; font-size:14px; font-weight:normal; letter-spacing:-0.8px; color:#aaa}

.wms-layout .Dateinput > input,
.wms-layout .Daterange .Startdate > input,
.wms-layout .Daterange .Enddate > input{width:125px; height:32px; padding:0 10px; font-size:14px; border-radius:6px}
.wms-layout .Dateinput > .Calendar,
.wms-layout .Daterange .Calendar{top:5px; right: 0px}

.Dateinput.edit > input,
.Daterange.edit .Startdate > input,
.Daterange.edit .Enddate > input{background:#eafcd5}
.Dateinput.edit > .Calendar:hover,
.Daterange.edit .Calendar:hover,
.Dateinput.edit > .Calendar:active,
.Daterange.edit .Calendar:active,
.Dateinput.edit > input:hover,
.Daterange.edit input:hover{background:#eafcd5}

.Daterange.small .Dateinput > input, 
.Daterange.small .Daterange .Startdate > input,
.Daterange.small .Daterange .Enddate > input{height:35px}
.Dateinput.small > input, 
.Daterange.small .Startdate > input, 
.Daterange.small .Enddate > input{font-size: 14px}
.Daterange.small .Dateinput > .Calendar, 
.Daterange.small .Calendar{top:6px}
.Dateinput.small > .Calendar:before,
.Daterange.small .Calendar:before{font-size:20px; color:#222}


/* Datepicker  */
.Datepicker{padding:5px; border:none; border-radius:8px}
.Datepicker a{width:30px; height:30px; margin:0 auto; line-height:30px; font-size:12px; letter-spacing:-0.5px; border-radius:50%}
.Datepicker tr a:active,
.Datepicker.Weekly tr:active a{color:#505050}
.Datepicker .Header{display:flex; align-items:center; justify-content:center; width:100%; height:42px; padding:0; background:#5b5866; color:#fff; border-radius:8px 8px 0 0; box-sizing:border-box}
.Datepicker .Weekdays{width:auto; height:34px; background:#f4f4f4; border:0; font-size:13px; font-weight:300; color:#555; text-align:center}
.Datepicker .Today{background:#5629ee !important; color:#fff !important; font-weight:normal}
.Datepicker .Cell{height:34px; border:0}
.Datepicker .Day,
.Datepicker .Month{color:#666}
.Datepicker .Day:hover,
.Datepicker .Month:hover{background:#f2f2f2; color:#191919; font-weight:normal}
.Datepicker .Day.Holiday{color:#cf6565; background: transparent;}
.Datepicker .Day.Sat{color:#4f9fd7}
.Datepicker .SubheaderYear{position:relative; width:110px; height:auto; margin-right:0; text-align:center; box-sizing:border-box}
.Datepicker .SubheaderMonth{width:110px; height:auto; box-sizing:border-box}
.Datepicker .CurrentYear{padding:0}
.Datepicker .CurrentYear,
.Datepicker .CurrentMonth{font-weight:normal; font-size:13px}
.Datepicker thead th:first-child{border-left:0px;}



.Datepicker .PrevYear,
.Datepicker .PrevMonth,
.Datepicker .NextYear,
.Datepicker .NextMonth{width:auto; height:auto; padding-top:4px; opacity:1}

.Datepicker .PrevYear .Control,
.Datepicker .PrevMonth .Control,
.Datepicker .NextYear .Control,
.Datepicker .NextMonth .Control{display:block; position:relative; width:auto; height:14px; line-height:100%; background:none; border-radius:0; color:#ddd}

.Datepicker .PrevYear .Control:before,
.Datepicker .PrevMonth .Control:before,
.Datepicker .NextYear .Control:before,
.Datepicker .NextMonth .Control:before{font-family:'remixicon'; font-size:22px}

.Datepicker .PrevYear .Control:before,
.Datepicker .PrevMonth .Control:before{content:"\EA64"}
.Datepicker .NextYear .Control:before,
.Datepicker .NextMonth .Control:before{content:"\EA6E"}

.Datepicker .PrevYear .Control:hover,
.Datepicker .PrevMonth .Control:hover{background:none; color:#fff}
.Datepicker .PrevYear .Control:active,
.Datepicker .PrevMonth .Control:active{background:none; color:#fff}
.Datepicker .PrevYear .Control.Disabled,
.Datepicker .PrevMonth .Control.Disabled{cursor:default; background:none}
.Datepicker .NextYear .Control:hover,
.Datepicker .NextMonth .Control:hover{background:none; color:#fff}
.Datepicker .NextYear .Control:active,
.Datepicker .NextMonth .Control:active{background:none; color:#fff}
.Datepicker .NextYear .Control.Disabled,
.Datepicker .NextMonth .Control.Disabled{cursor:default; background:none}

.Datepicker .BtnClose{top:12px; right:10px; width:20px; height:20px; opacity:1; display:none}
.Datepicker .BtnClose .Control{width:20px; height:20px; background:url("/static/fw/images/calendar-btns.png") no-repeat -14px 0px}
.Datepicker .BtnClose .Control:hover,
.Datepicker .BtnClose .Control:active{background:url("/static/fw/images/calendar-btns.png") no-repeat -14px 0px}


/* Dateinput */
.Dateinput > input:hover,
.Daterange .Startdate > input:hover,
.Daterange .Enddate > input:hover,
.Dateinput > input:focus,
.Daterange .Startdate > input:focus,
.Daterange .Enddate > input:focus{border:1px solid #b7afd4}
.Dateinput > input:active,
.Daterange .Startdate > input:active,
.Daterange .Enddate > input:active{border:1px solid #b7afd4}
.Dateinput > .Clear,
.Daterange .Clear{display:none; position:absolute; right:-13px; top:5px; width:16px; height:16px; margin:0; vertical-align:middle; z-index:9; background:none;}
.Dateinput > .Clear:hover,
.Daterange .Clear:hover,
.Dateinput > .Clear:active,
.Daterange .Clear:active{background:none; }


/* **************************************** *
 * GRID
 * **************************************** */
 /* basic */
.com-grid{position:relative; z-index: 0;} 

.com-grid .tabulator{border:none; background:none;}

.com-grid .tabulator .tabulator-header{background-color:#202428; color:#fff; border:none; font-weight: 300; border-radius: 8px; border-bottom: 1px solid #efefef;  min-height:38px; padding:4px 0px;}
.com-grid .tabulator .tabulator-tableholder{background:#fff;}


/* cell */

.com-grid .tabulator .tabulator-header .tabulator-col{border: none; background-color: transparent;}
.com-grid .tabulator-row.tabulator-row-even{background:none;}
.com-grid .tabulator-row{border-bottom:1px dashed #dfdfdf}


 /* pager */


/* highlight & selector */
.com-grid .cell.bodycell.selected.nextrow-selected,
.com-grid .cell.bodycell.selected.prevrow-selected{background-color:#f5f5f5}



.com-grid .tabulator-row.tabulator-selectable:hover {
  background-color:#f5f5f5;
  cursor: pointer;
}


.com-grid .tabulator-row.tabulator-selected{background-color:#f5f5f5;}
.tabulator-tooltip {
  max-width: Min(500px, 100%);
  padding: 3px 5px;
  border-radius: 2px;
  box-shadow: none;
  font-size: 12px;
  pointer-events: none;
  background:tan !important;
}



/* tree */
.Tree.checkTy li.expandable li[data-expand='false'] > a{background:none}


/* etc */
.com-grid #tooltip{font-size:11px; line-height:18px}
.com-grid .headercell.selector-column.set{padding-top:0}
.com-grid-btn .ImageCheckbox{font-size:12px; vertical-align:middle}


/* btn */
.com-grid-btn{height:27px; margin:15px 0}
.com-grid-btn:after{content:""; clear:both; display:block}
.com-grid-btn .left{float:left}
.com-grid-btn .right{float:right}





/* **************************************** *
 * TABULATOR 정리중인 파일
 * **************************************** */
 
 /* tabulator-header */
.com-grid .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{font-size:13px; font-weight:normal}

.com-grid .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover{background:none !important; height:auto !important;}
 
/* tabulator-cell */
.com-grid .tabulator-row .tabulator-cell{padding:4px 12px; border:none; display:inline-block!important; height:auto !important;  }
.com-grid .tabulator-row .tabulator-cell .Button + .Button{margin-left:2px}
 
/* tabulator-form */
.com-grid .tabulator .Select{height:32px; padding:4px; border:1px solid #dbdbdb; color:#202020; text-align:left; font-size:12px; font-family: 'pps', 'ptd', 'sans-serif' !important; background-color:#fff; border-radius:4px; box-sizing:border-box}
 
/* tabulator-edit */
.com-grid .tabulator-row .tabulator-cell.tabulator-editable::after{content:"\e9c4"; color:#747474; position:absolute; right:16px; font-family:'xeicon' !important;  display:block; font-size:16px;}
.com-grid .tabulator-row .tabulator-cell.tabulator-editing{padding:0 8px; background-color:#fff; border:1px solid #808080}
.com-grid .tabulator-row .tabulator-cell.tabulator-editing::after{content:"";}
.com-grid .tabulator-row .tabulator-cell.tabulator-editable input[type="text"]{width:100%; height:32px !important; padding:0 8px; border:1px solid #dbdbdb; color:#202020; font-size:12px; font-family: 'pps', 'ptd', 'sans-serif' !important; background-color:#fff; border-radius:4px; box-sizing:border-box}


/* tabulator-footer */
.com-grid .tabulator .tabulator-footer{ background:transparent; border-top:none;}
.com-grid .tabulator .tabulator-footer .tabulator-page{padding:0px 5px; min-width: 31px; height:31px; text-align:center;  border-radius: 0px; border:none}
.com-grid .tabulator .tabulator-footer .tabulator-page.active{color:#0196fa; border-bottom: 2px solid #0196fa;}
.com-grid .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  cursor: pointer;
  border-bottom:2px solid #0196fa;
  background:transparent;
  color:#0196fa;
}
.com-grid .tabulator .tabulator-footer .tabulator-page.First:hover,
.com-grid .tabulator .tabulator-footer .tabulator-page.Prev:hover,
.com-grid .tabulator .tabulator-footer .tabulator-page.Next:hover,
.com-grid .tabulator .tabulator-footer .tabulator-page.Last:hover{border-bottom: none;}


/* tabulator-sorter */
.com-grid .tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-left:4px solid transparent; border-right:4px solid transparent}
.com-grid .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:4px solid rgba(255, 255, 255, .4)}
.com-grid .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-top:4px solid rgba(255, 255, 255, 1)}
.com-grid .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow{border-bottom:4px solid rgba(255, 255, 255, 1)}




/* **************************************** *
 * TAB
 * **************************************** */
.Tabs{position:relative; overflow:visible; z-index:1}
.Tabs.ty2{position:relative; display:flex; overflow:visible; z-index:1; flex-wrap:wrap;}
.Tabs > ul{display:flex; align-items:center; width:auto; border-bottom:none}
.Tabs > .Groupbutton{position:absolute; top:0; right:0}

.group_member .Tabs > ul{border-bottom:1px solid #dcdfe2}

.Tabs > ul > li{margin:0 8px; padding:8px 15px; font-weight:normal; font-size:16px; color:#777; letter-spacing:-1px; overflow:visible; background:none; border:none; border-bottom:4px solid rgb(0,0,0,0); box-sizing:border-box} 
.Dialog .layerpop-box .Tabs > ul > li{font-size:16px} 
.Tabs > ul > li span{font-size:18px; font-family:'pps','ptd', 'sans-serif'; }

.Tabs > ul > li:hover,
.Tabs > ul > li:active{border:none; font-weight:normal; color:#222; background:none; border-bottom:4px solid rgb(0,0,0,0)}

.Tabs > ul > li.Selected{background:none; border:none; border-bottom:4px solid #111; font-weight:300; color:#111}
.Tabs > ul > li.Selected:before{display:none}
.Tabs > ul > li.Selected:after{background:#fff}

.Tabs > ul > li.Disabled{color:#c6c6c6; border:0; border-bottom:4px solid rgb(0,0,0,0)} 
.Tabs > ul > li.Selected.Disabled{border-bottom:4px solid #d2d2d2}

.Tabs > ul > li:first-child{margin-left:0; border-left:none}

.Tabs .af-tabs-content{margin-top:-1px; padding:20px 0 0; border-top:1px solid #dcdfe2}
.Dialog .layerpop-box .Tabs .af-tabs-content{padding:0}
.Tabs.chart .af-tabs-content{padding:0}
.Tabs.ty1 > .af-tabs-content{margin-top:0; padding:0; border:none}
.Tabs.chart .chartInner{padding:10px; box-sizing:border-box}

.Tabs .mgridMore{display:block; position:absolute; right:0; top:0; width:36px; height:30px; background:url("/static/fw/images/mportlet_btn.png") -1px -1px no-repeat; border:1px solid #ccc; cursor:pointer; transition: all .30s ease; box-sizing:border-box}
.Tabs .mgridMore:hover{border:1px solid #808080}

.Tabs.aprvline{margin-top:15px}
.Tabs.aprvline > ul > li,
.Tabs.aprvline .Scroller ul > li{padding:10px 15px; font-size:13px; color:#202020}
.Tabs.aprvline .af-tabs-content{padding:0; border-left:none; border-bottom:none; border-right:none}

.Tabs > ul > li .badge-color{position:relative; top:-1px}

.Tabs > ul > li span.tit.warning:after{content:"\eca1"; font-family:"remixicon"; margin-left: 4px; color:#fa196d; font-size:18px}
.Tabs .tabMenu-wrap{display:flex}

.Tabs.ty2 > ul{width:auto;}
.Tabs.ty2 > div{width:100%;}
.Tabs.ty2 > .Groupbutton{position:relative; width:auto; margin-left: auto;}




/* Tab Round */
.Tabs.round > ul{display:inline-flex;}
.Tabs.round > ul > li,
.Tabs.round .Scroller ul > li{border-radius: 50px; background: #f3f3f3; margin-right: 8px; height: 36px;}
.Tabs.round > ul > li.Selected,
.Tabs.round .Scroller > ul > li.Selected{background: #0196fa; color: #fff;}
.Tabs.round .af-tabs-content{border: none;}


/* **************************************** *
 * DIALOG
 * **************************************** */
/* dialog base */
.Dialog{width:400px; border:2px solid #fff; border-radius:25px; outline:none; box-shadow:none; box-sizing:content-box;}
.Dialog .Header,
.popUp .Header
{
	display:flex; align-items:center; height:48px; padding-left:24px; padding-right:16px; line-height:1.5; 
	font-size:18px; font-weight:300; text-align:left; color:#222; letter-spacing:-0.8px; border-bottom:1px solid #ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis
}

/* 메인 공지사항 팝업 */
.notipop .dialog_header{height:45px; font-size:15px; color:#01042f; border:0; background:#f6f5f7}


.DialogBtnwrap{display:flex; align-items:center; margin-left:auto}
.DialogBtnwrap li{display:flex; align-items:center}
.DialogBtnwrap button .mdi-arrow-all{color:#999; font-size: 18px; cursor:move; margin-top:2px}
.Dialog .Header .DialogBtn{display:flex; align-items:center; justify-content:center; position:relative; top:auto; right:auto; width:32px; height:32px; background:none; box-sizing:border-box}
.Dialog .Header .DialogBtn.dialog_btn:after,
.Dialog .Header .DialogBtn.dialogMin:after,
.Dialog .Header .DialogBtn.dialogMax:after{font-family:'Material Design Icons'; font-weight:300; font-size:22px; color:#575757}
.Dialog .Header .DialogBtn.dialog_btn:after{content:"\F05AD"; font-size:20px}
.Dialog .Header .DialogBtn.dialogMin:after{content:"\F10AC"; transform:rotate(180deg); font-size:18px}
.Dialog .Header .DialogBtn.dialogMax:after{content:"\F0B76"; font-size:18px}
.Dialog .Header .DialogBtn:hover{background:none}

.layerpop-btnwrap{position:relative; display:flex; align-items:center; justify-content:center; padding:10px 0; border-top:1px solid #ddd; overflow:hidden;}
.layerpop-btnwrap .Button{min-width:80px; height:40px; margin:0 2px}
.layerpop-btnwrap .Button.primary{background:#01042f}


.Dialog-mask{background:rgba(0, 0, 0, 0.8)}

.layerpop-box .dev-content{padding:20px; background:#fff; overflow: auto;}
.layerpop-box .dev-content:after{height:0}
.layerpop-box .com-table.top-line .Table-wrapper{padding:8px}
.layerpop-box .dev-content.fit-space{padding:0}
.wms-layout.layerpop-box .dev-content{padding:15px}

/* dialog alert & confirm */
.Dialog.alert .Header,
.popUp.alert .Header{display:none; align-items:center; height:0 !important; padding:0 15px; padding-right:10px; line-height:40px; text-align:left; font-size:14px; font-weight:normal; letter-spacing:-0.5px; color:#202020; letter-spacing:-0.2px; background-color:#f9fafc; border-bottom:1px solid #dadada}

.Dialog.alert .alert-box,
.popUp.alert .alert-box{position:relative; height:159px; padding:15px 30px; overflow-y:auto; overflow-x:hidden; text-align:center; box-sizing:border-box}
.Dialog.alert .alert-box.exception,
.popUp.alert .alert-box.exception{height:175px}
.Dialog.alert .alert-cont,
.popUp.alert .alert-cont{display:table; position:relative; left:50%; text-align:left; height:100%; box-sizing:border-box; transform:translate(-50.2%, 0)}
.Dialog.alert .alert-cont .cont-inner,
.popUp.alert .alert-cont .cont-inner{display:table-cell; padding-left:60px; vertical-align:middle}
.Dialog.alert .alert-cont.txt .cont-inner,
.popUp.alert .alert-cont.txt .cont-inner{padding-left:0}
.Dialog.alert .alert-box .text,
.popUp.alert .alert-box .text{display:block; padding-left:20px; font-size:15px; line-height:155%; color:#202020; letter-spacing:-0.5px}
.Dialog.alert .alert-cont.txt .alert-box .text,
.popUp.alert .alert-cont.txt .alert-box .text{padding-left:0}
.Dialog.alert .alert-img{display:inline-block; position:absolute; left:0; top:46%; width:68px; height:68px; margin-top:-27px; background:url("/static/fw/images/alert-warning.svg") no-repeat; image-rendering: pixelated; vertical-align:middle}

.Dialog.alert .alert-box.confirm .alert-img{height:68px; margin-bottom:0; background:url("/static/fw/images/alert-help.svg") no-repeat;}
.Dialog.alert .alert-box.exception .alert-img {height:68px; margin-bottom:0; background:url("/static/fw/images/alert-x-mark.svg") no-repeat;}
.Dialog.alert .text.more{max-width:260px; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; text-align:left;}
.Dialog.alert .text.more p{margin:0; font-weight:300}
.Dialog.alert .text.more a{display:block; width:60px; margin-top:15px; color:#202020}

.Dialog.alert .moreview{display:none; margin:0 25px 15px; max-height:300px; overflow:auto; text-align:left; border:1px solid #ccc}
.Dialog.alert .moreview p{margin:0px; padding:20px; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; color:#666666; line-height:1.7}

.Dialog.alert .alert-btnwrap{display:flex; align-items:flex-start; justify-content:center; height:52px}
.Dialog.alert .alert-btnwrap .Button{min-width:100px; height:42px; margin:0 2px; background:#fff; border:1px solid #d3d3d3; font-size:16px; border-radius:200px}
.Dialog.alert .alert-btnwrap .Button.confirm,
.Dialog.alert .alert-btnwrap .Button.info,
.Dialog.alert .alert-btnwrap .Button.primary{background:linear-gradient(-43deg, #be52f2, #5629ee); border:0; color:#fff}

.Dialog.alert .alert-btnwrap.multiple .Button{min-width:70px; height:42px; margin:0 2px; background:#fff; border:1px solid #d3d3d3; font-size:16px; border-radius:200px}
.Dialog.alert .alert-btnwrap.multiple .Button.confirm,
.Dialog.alert .alert-btnwrap.multiple .Button.info,
.Dialog.alert .alert-btnwrap.multiple .Button.primary{background:#f2edff; border:1px solid #bba9f8; color:#5629ee}

.Dialog.alert .alert-btnwrap .Button:focus{outline:none}


.Dialog.alert .Header .DialogBtn.dialog_btn:after{color:#505050}
.Dialog.alert .Header .DialogBtn:hover{background:none}

.Dialog .ResizeBtn{right:7px; bottom:11px; width:20px; height:20px; background:none}
.Dialog .ResizeBtn::before{content:"\F045D"; font-family:'Material Design Icons'; font-size: 20px; color:#8e8e8e}


/* popup */
.Dialog .layerpop-box .com-table.top-line .Table-wrapper{border-bottom:1px solid #ddd; border-radius:0}
.Dialog .layerpop-box .Tabs .com-table.top-line .Table-wrapper{border-bottom:0}

.Dialog .layerpop-box .aprv-wrap .Table-wrapper.Table-wrapper{border:1px solid #eaeaea; padding:15px 0}
.Dialog .layerpop-box .drive_wrap .Table-wrapper.Table-wrapper{border:1px solid #eaeaea; padding:15px}

.biz-iframe .com-table.top-line .Table-wrapper{border-bottom:1px solid #ddd; border-radius:0}
.biz-iframe .Tabs .com-table.top-line .Table-wrapper{border-bottom:0}
.biz-iframe .Table-wrapper.Table-wrapper{border:0; padding:0px}
.biz-iframe .aprv-wrap .Table-wrapper.Table-wrapper{border:1px solid #eaeaea; padding:15px 0}


/* 4M등록 popup img */
.Dialog .cover-img.cover-logo.default.fm_img,
.biz-iframe .cover-img.cover-logo.default.fm_img{width:100%; height:140px; margin:10px 0 !important}
.Dialog .Table.Form-type tbody th,
.biz-iframe .Table.Form-type tbody th,
.Table th.fm_img{padding:5px 15px 5px 7px !important}
.Table.Form-type tbody th.flie_tit{height:155px}

/* **************************************** *
 * TREE
 * **************************************** */
.treeBox{padding:4px}
.treeBox ul li{white-space:pre}
.treeBox ul li{letter-spacing: -0.8px; font-size: 14px; color:#242a30}
.treeBox ul li .ImageCheckbox:after{font-size: 20px;}
/* treeSeltBox */
.treeSeltBox{width:100%; height:87px; padding:10px 12px 13px; border:1px solid #dcdfe2; overflow:auto}
.treeSeltBox ul{padding-bottom:13px}
.treeSeltBox ul li{border-bottom:3px}

/* Tree */
.Tree, .Tree * {font-size:12px; color:#202020}
.Tree{padding-bottom:20px}
.Tree li, .Tree .Expanded li{line-height:2.5}
.Tree li > span.Arrow{width:30px; height:14px; margin-right:3px; margin-top:-3px; background:url("/static/thirdparty/front-fw/ui/css/images/component_sk.png") -203px -557px; vertical-align:middle}
.Tree li.Expanded > span.Arrow{background:url("/static/thirdparty/front-fw/ui/css/images/component_sk.png") no-repeat -156px -557px}
.Tree li.Expandable li[data-expand="false"] > a{background:url("/static/thirdparty/front-fw/ui/css/images/component_sk.png") no-repeat -253px -541px}
.Tree ul::before{width:0; border-left:0px solid #e2e4e7}
.Tree ul li::before{border-top:0px solid #e2e4e7}
.Tree li.expandable li.expandable[data-expand="false"] > a{padding-left:2px; background:transparent;}
.Tree li > a{position:relative; margin:2px 0}
.Tree li > a.Selected{padding:2px; border-bottom:none; font-weight:normal; color:#5629ee}
.Tree li > a.Selected:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#0196fa}
.Tree{padding-bottom:20px}

.Tree [class^="xi-"],
.Tree [class*=" xi-"],
.Tree .mdi{margin-right:2px; font-size:20px; color:#5a5a5a; vertical-align:middle}

.menu-box{width:100%; height:500px; margin:0; padding:15px; border:1px solid #dcdfe2; overflow:auto; box-sizing:border-box}
.Tree li > a.off{color:#aaaaaa}
.Tree li > a.notclick{cursor:default}
.layerpop-box .com-page-menulist{height:350px; overflow:auto}

.Tree.prog-position .move-controller{position:absolute; top:6px; right:20px}
.Tree.prog-position li > a{position:unset; padding:4px 0}
.Tree.prog-position li,
.Tree.prog-position .Expanded li{position:relative}
.Tree.prog-position li > a.Selected:after{display:none}

.treeBox .jstree{position:relative} 
.treeBox .jstree-default .jstree-anchor{height:30px; color:#242a30; letter-spacing:-0.8px; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; line-height: 30px;}
.treeBox .jstree-default .jstree-node,
.treeBox .jstree-default .jstree-icon{background:none}
.treeBox .jstree-default .jstree-node{margin-left:12px;}
.treeBox .jstree-default .jstree-wholerow{height:30px}
.treeBox .jstree-default .jstree-wholerow-clicked{background:#f9f7ff; border-radius: 4px;}
.treeBox .jstree-default .jstree-wholerow-hovered{background:#fff; border-radius: 4px; box-shadow: 0px 1px 6px #e6e5e8;}

.treeBox .jstree-default .jstree-wholerow-hovered .jstree-ocl:before{background:red}
.treeBox .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl:before{content:"\ea4e"; font-family:'remixicon'; font-style:normal; font-size: 17px; color:#805aff; font-weight: bold;}
.treeBox .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl:before{content:"\ea6e"; font-family:'remixicon';font-style:normal; font-size: 17px; color:#c0adff; font-weight: bold;}
.treeBox .jstree-default .jstree-checkbox:before{content:"\EB7F"; color:#242a3033; font-family:'remixicon'; font-style:normal; font-size: 18px;}
.treeBox .jstree-default .jstree-icon:empty{line-height:29px}
.treeBox .jstree-default .jstree-icon{font-family:'remixicon'!important;}
.treeBox .jstree-default .jstree-icon.xi-home:before{content:"\EB0F";}
.treeBox .jstree-default .jstree-icon.xi-group:before{content:"\EAF5";}
.treeBox .jstree-default .jstree-icon.xi-user:before{content:"\F264"}

.treeBox .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:before,
.treeBox .jstree-default .jstree-checked >.jstree-checkbox:before{content: "\EB85"; color:#5629ee; font-family:'remixicon'; font-style:normal; font-size: 18px;}
.treeBox .jstree-default > .jstree-wholerow-ul .jstree-hovered,
.treeBox .jstree-default > .jstree-wholerow-ul .jstree-clicked{color:#5629ee;}
.treeBox .jstree-default > .jstree-wholerow-ul .jstree-clicked{font-weight:300}
.treeBox .jstree-default .jstree-search{font-style: normal; color:#5629ee;}

.treeBox .jstree-default .jstree-hovered {
    background: #f6f5ff;
    border-radius: 2px;
    box-shadow:none;
}

.treeBox .jstree-default .jstree-context {
    background: #f6f5ff;
    border-radius: 2px;
    box-shadow:none;
}

.treeBox .jstree-default .jstree-clicked {
    background: #f0edff;
    border-radius: 2px;
  	box-shadow:none;
}


/* treeBox - ty2 */
.treeBox.ty2 {padding:10px 10px 10px 0px}
.treeBox.ty2 .jstree{position:relative} 
.treeBox.ty2 .jstree-default .jstree-anchor{height:30px; color:#242a30; letter-spacing:-0.8px; max-width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; line-height: 30px;}
.treeBox.ty2 .jstree-default .jstree-node,
.treeBox.ty2 .jstree-default .jstree-icon{background:none}
.treeBox.ty2 .jstree-default .jstree-node{margin-left:12px;}
.treeBox.ty2 .Tree.prog-position.jstree .jstree-wholerow{height:30px; width:calc(100% + 7px)}
.treeBox.ty2 .jstree-default .jstree-wholerow-clicked{background:#f9f7ff; border-radius: 4px;}
.treeBox.ty2 .jstree-default .jstree-wholerow-hovered{background:#fff; border-radius: 4px; box-shadow: 0px 1px 6px #e6e5e8;}
.treeBox.ty2 .Tree.prog-position.jstree .jstree-node a{max-width:calc(100% - 26px)}

.treeBox.ty2 .jstree-default .jstree-wholerow-hovered .jstree-ocl:before{background:red}
.treeBox.ty2 .jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl:before{content:"\ea4e"; font-family:'remixicon'; font-style:normal; font-size: 17px; color:#805aff; font-weight: bold;}
.treeBox.ty2 .jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl:before{content:"\ea6e"; font-family:'remixicon';font-style:normal; font-size: 17px; color:#c0adff; font-weight: bold;}
.treeBox.ty2 .jstree-default .jstree-checkbox:before{content:"\EB7F"; color:#242a3033; font-family:'remixicon'; font-style:normal; font-size: 18px;}
.treeBox.ty2 .jstree-default .jstree-icon:empty{line-height:29px}
.treeBox.ty2 .jstree-default .jstree-icon{font-family:'remixicon'!important;}
.treeBox.ty2 .jstree-default .jstree-icon.xi-home:before{content:"\EB0F";}
.treeBox.ty2 .jstree-default .jstree-icon.xi-group:before{content:"\EAF5";}
.treeBox.ty2 .jstree-default .jstree-icon.xi-user:before{content:"\F264"}

.treeBox.ty2 .jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:before,
.treeBox.ty2 .jstree-default .jstree-checked >.jstree-checkbox:before{content: "\EB85"; color:#5629ee; font-family:'remixicon'; font-style:normal; font-size: 18px;}
.treeBox.ty2 .jstree-default > .jstree-wholerow-ul .jstree-hovered,
.treeBox.ty2 .jstree-default > .jstree-wholerow-ul .jstree-clicked{color:#5629ee;}
.treeBox.ty2 .jstree-default > .jstree-wholerow-ul .jstree-clicked{font-weight:300}
.treeBox.ty2 .jstree-default .jstree-search{font-style: normal; color:#5629ee;}

.treeBox.ty2 .Tree.prog-position .move-controller{display:flex; align-items:center;  top:3px; right:0px}

.treeBox.ty2 .Tree.prog-position .move-controller .Button.small.only-ico{display:flex; flex: none; min-width: 18px; height:18px; background:#f3f0ff; border-color:#e1ddf1}
.treeBox.ty2 .Tree.prog-position .move-controller .Button.small.only-ico i{color:#6d29bc91}

.treeBox.ty3{padding:0px}
.treeBox.ty3 .jstree-default .jstree-anchor{max-width:230px}
.treeBox.ty3 .jstree-default .jstree-icon:empty{width:18px; height: 18px}


/* disabled */
.treeBox .jstree-default .jstree-anchor.jstree-disabled{color:#999}
.treeBox .jstree-default .jstree-anchor.jstree-disabled .jstree-icon{color:#bababa}

.Tree.prog-position.jstree .jstree-node.jstree-open > .jstree-wholerow{background:none; border-radius: 4px;}
.Tree.prog-position.jstree .jstree-node > .jstree-wholerow.jstree-wholerow-clicked{background:#f9f7ff; border-radius: 4px;}
.Tree.prog-position.jstree .jstree-children > li > ul > .jstree-open > .jstree-wholerow{background:none}
.Tree.prog-position.jstree .jstree-children > li > ul > .jstree-open > .jstree-wholerow.jstree-wholerow-hovered{background:#fff}
.Tree.prog-position.jstree .jstree-node.jstree-leaf > .jstree-wholerow.jstree-wholerow-clicked{background:#f9f7ff; border-radius: 4px;}
.Tree.prog-position.jstree .jstree-node.jstree-leaf > .jstree-wholerow.jstree-wholerow-hovered{background:#fff; border-radius: 4px;}

.Tree.prog-position.jstree ul{padding-left:0}
.Tree.prog-position.jstree .jstree-node{line-height:34px}
.Tree.prog-position.jstree .jstree-node a{width:100%}
.Tree.prog-position.jstree .jstree-wholerow{ height:28px; border-radius:4px}
.Tree.prog-position.jstree .jstree-wholerow.jstree-wholerow-hovered{background:#fff; border-radius: 4px;}
.Tree.prog-position.jstree .jstree-anchor{max-width:220px; padding-right: 24px; line-height:24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.Tree.prog-position.jstree li > a{padding:0px}
.Tree.prog-position.jstree .move-controller{top:0px}


.Tree.prog-position.jstree .jstree-leaf{line-height:30px}
.jstree-er,
.jstree-ok{background:none !important;}

.jstree-ok:before{display:block; border-radius: 50%; width:12px; content: "\e92b"; color:#0196fa; font-family:'xeicon'; font-style:normal; font-size: 18px;}
.jstree-er:before{display:block; content: "\e924"; color:red; font-family:'xeicon'; font-style:normal; font-size: 18px;}

.jstree-themeicon-custom{display:block; color:#5a5a5a; font-family:'xeicon'; font-style:normal; font-size: 18px;}
#jstree-dnd{background: linear-gradient(#f9f9f989,#eeeeee)!important; display:block; border-radius: 4px; padding:4px}
.jstree-copy:before{border:1px solid red !important;}

#jstree-marker{ border:none !important;}
#jstree-marker:before{content: "\e9c7"; color:#0196fa;  background:#fff; font-family:'xeicon'; font-style:normal; font-size: 13px;}
#jstree-marker:after{display:block;  width:200px; content:""; border-bottom:2px solid #0196fa; margin-top: -6px; margin-left: 11px;}
#jstree-marker.jstree-inside:before{content: "\ea40";}

.jstree-default .jstree-hovered{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #cccccc}
.prog-position.jstree li > a{position:absolute!important;}




/* toolkit tree */
#tlktTree.Tree.prog-position .move-controller{right:0px}





/* **************************************** *
 * TOOLTIP
 * **************************************** */
.Tooltip{display:none; min-width:40px; padding:6px 10px; line-height:155%; background:rgba(1,4,47,.9); font-size:14px; color:rgba(255,255,255,.9); text-align:center; letter-spacing:-0.2px; white-space:nowrap; border-radius:2px; box-sizing:border-box; z-index:1000}
.Tooltip.Top:before{top:100%; border-top:6px solid rgba(1,4,47,.9)}
.Tooltip.Bottom:before{top:-6px; border-bottom:6px solid rgba(1,4,47,.9)}
.Tooltip.Left:before{left:100%; border-left:6px solid rgba(1,4,47,.9)}
.Tooltip.Right:before{left:-6px; border-right:6px solid rgba(1,4,47,.9)}

.Tooltip.white{display:none; padding:8px 12px; line-height:155%; background:#fff; font-size:13px; color:#202020; border:1px solid #505050; letter-spacing:-0.2px; border-radius:2px; z-index:1000}
.Tooltip.white.Top:before{top:102%; border-top:6px solid #000}
.Tooltip.white.Bottom:before{top:-6px; border-bottom:6px solid #000}
.Tooltip.white.Left:before{left:100%; margin-left:1px; border-left:6px solid #000}
.Tooltip.white.Right:before{left:-6px; border-right:6px solid #000}
.Tooltip.white:after{content:''; display:block; position:absolute; z-index:10}
.Tooltip.white.Top:after{top:100%; left:50%; margin-left:-6px; border-top:6px solid #fff; border-right:6px solid transparent; border-bottom:0; border-left:6px solid transparent}
.Tooltip.white.Bottom:after{top:-5px; left:50%; margin-left:-6px; border-width:0px 6px 6px; border-top:0; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left:6px solid transparent}
.Tooltip.white.Left:after{left:100%; top:50%; margin-top:-6px; border-top:6px solid transparent; border-right:0; border-bottom:6px solid transparent; border-left:6px solid #fff}
.Tooltip.white.Right:after{left:-5px; top:50%; margin-top:-6px; border:0; border-top:6px solid transparent; border-right:6px solid #fff; border-bottom:6px solid transparent; border-left:0}


.Tooltip.summury{display:none; margin:0; padding:0; background:#fff; text-align:left; border:1px solid #5c6072; white-space:normal; border-radius:8px; z-index:1000; box-shadow:2px 4px 12px 0 rgb(118 145 148 / 8%)}
.Tooltip.summury .summury-inner{padding:12px}
.Tooltip.summury.Top:before{top:102%; border-top:6px solid #5c6072}
.Tooltip.summury.Bottom:before{top:-6px; border-bottom:6px solid #5c6072}
.Tooltip.summury.Left:before{left:100%; margin-left:1px; border-left:6px solid #5c6072}
.Tooltip.summury.Right:before{left:-6px; border-right:6px solid #5c6072}
.Tooltip.summury.Right-top:before{left: -6px; top: 20px; margin-top: -6px; border: 0; border-top: 6px solid transparent; border-right: 6px solid #5c6072; border-bottom: 6px solid transparent;	border-left: 0;}

.Tooltip.summury:after{content:''; display:block; position:absolute; z-index:10}
.Tooltip.summury.Top:after{top:100%; left:50%; margin-left:-6px; border-top:6px solid #fff; border-right:6px solid transparent; border-bottom:0; border-left:6px solid transparent}
.Tooltip.summury.Bottom:after{top:-5px; left:50%; margin-left:-6px; border-width:0px 6px 6px; border-top:0; border-right:6px solid transparent; border-bottom:6px solid #fff; border-left:6px solid transparent}
.Tooltip.summury.Left:after{left:100%; top:50%; margin-top:-6px; border-top:6px solid transparent; border-right:0; border-bottom:6px solid transparent; border-left:6px solid #fff}
.Tooltip.summury.Right:after{left:-5px; top:50%; margin-top:-6px; border:0; border-top:6px solid transparent; border-right:6px solid #fff; border-bottom:6px solid transparent; border-left:0}
.Tooltip.summury.Right-top:after{left:-5px; top:20px; margin-top:-6px; border:0; border-top:6px solid transparent; border-right:6px solid #fff; border-bottom:6px solid transparent; border-left:0}


.gridTooltip{background:#fff; min-width: 200px; border-radius:8px; border:1px solid #eaeaea; padding:8px}
.gridTooltip p{color:#333; font-size: 13px; letter-spacing: -0.5px;}


/* PMS - 프로젝트 등록 - 툴팁 */
.warn-tip{color: #e00e36; background: #fae2e7; position:fixed; top:11px; left:72px; z-index:2; font-size:14px; border-radius:4px; padding:4px 8px; width:auto !important}



/* **************************************** *
 * Label
 * **************************************** */

/* Label */
.Label{display:flex; height:27px;align-items:center; padding:0px;}
.Label span{display:inline-block; line-height:27px; vertical-align:middle; color:#505050}


/* IconLabel */
.IconLabel{display:flex; height:27px;align-items:center}
.IconLabel i{font-size:18px; width:24px; color:#808080}
.IconLabel span{display:inline-block; line-height:27px; vertical-align:middle; color:#505050}
.IconLabel.Disabled i{color:#aaa}
.IconLabel.Disabled span{color:#aaa}

/* **************************************** *
 * FILEUPLOAD & DOWNLOAD
 * **************************************** */
.fileupload-box,
.preview-container{border:1px solid #eaeaea; background-color:#fff; border-radius:5px}

.Fileupload .Button.small{height:35px !important}
.Fileupload .Button.small.only-ico{width:35px}
.Fileupload .Button.small.only-ico i{font-size: 18px;}
.Fileupload .Button.small i{font-size: 16px;}

.Fileupload{position:relative; margin-top:5px; overflow:hidden}
.Fileupload:after{content:''; display:block; clear:both}
.Fileupload button{margin-right:0}
.Fileupload .all-fileinfo{display:inline-block; position:absolute; top:15px; left:0; font-size:14px; color:#999}

/* Fileupload cmm */
.Fileupload .preview-img{margin:0 2px 0 0}
.Fileupload .multifile-text{display:flex; align-items:center; font-size:14px}
.Fileupload .multifile-text > a{display:flex; align-items:center}
.Fileupload .multifile-text > a:hover{color:#5629ee}
.Fileupload .multifile-text > a > span{display:inline-block; line-height:135%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; overflow:hidden}
.Fileupload .multifile-text > span{margin-left:5px; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; overflow:hidden; font-size: 13px; letter-spacing: -0.5px;}
.Fileupload .multifile-text > a i{position:relative; top:1px; margin-right:2px; font-size:20px; color:#afafaf}
.Fileupload .multifile-text > a i:hover{color:#5629ee}
.Fileupload .multifile-text > a i.mdi:before{font-family: "remixicon";}
.Fileupload .multifile-text > a i.mdi-file-find::before{content:"\ED05"}
.Fileupload .multifile-text > a i.mdi-format-list-group::before{content:"\EA49"}
.Fileupload .multifile-text > a:last-child{margin-left:5px}
.Fileupload .multifile-text > a .cont_txt{color:#808080; font-size: 12px; display:none;}

.preview-contents{display:flex; align-items:center}
.preview-title,
.preview-progress,
.preview-btn{display:flex; align-items:center}
.preview-title .Checkbox{flex:none}

/* Fileupload multi */
.Fileupload.multi .fileupload-box{margin-top:5px}
.Fileupload.multi .preview-container{margin-top:0}
.Fileupload.multi .preview-biztp{display:inline-block; width:180px}
@media all and (max-width:1640px)
{
	.Fileupload.multi .preview-biztp{width:140px}
	.Fileupload.multi .multifile-text > a > span{max-width:400px}
}
@media all and (max-width:1400px)
{
	.Fileupload.multi .preview-biztp{width:120px}
	.Fileupload.multi .multifile-text > a > span{max-width:300px}
}
@media all and (max-width:1300px)
{
	.Fileupload.multi .preview-biztp{width:100px}
	.Fileupload.multi .multifile-text > a > span{max-width:200px}
}

/* Fileupload down */
.Fileupload.multi.down .preview-container{float:left; width:100%; margin-top:5px}

/* Fileupload single */
.Fileupload.single{margin-top:0}
.Fileupload.single .fileupload-box,
.Fileupload.single .preview-container{margin-top:0}
.Fileupload.single .preview-biztp{display:inline-block; width:180px}
@media all and (max-width:1640px)
{
	.Fileupload.single .preview-biztp{width:140px}
	.Fileupload.single .multifile-text > a > span{max-width:400px}
}
@media all and (max-width:1400px)
{
	.Fileupload.single .preview-biztp{width:120px}
	.Fileupload.single .multifile-text > a > span{max-width:300px}
}
@media all and (max-width:1300px)
{
	.Fileupload.single .preview-biztp{width:100px}
	.Fileupload.single .multifile-text > a > span{max-width:200px}
}
.preview-list{margin:5px 0}

.Fileupload .Button form{display:inline-block; vertical-align:middle}
.Fileupload .ImageCheckbox{height:auto}


/* **************************************** *
 * PROGRESSBAR
 * **************************************** */
.Progressbar{background:#cfcfcf; border-radius:0}
.Progressbar.round{border-radius:10000px}
.Progressbar div{background:#7329c1; background:-webkit-linear-gradient(90deg,#7329c1, #9d40ff); background:-moz-linear-gradient(90deg, #7329c1, #9d40ff); background:linear-gradient(90deg,#7329c1, #9d40ff); transition:all .20s ease}
.Progressbar.Progress-text span{font-size:11px !important; font-weight:normal; padding-top:0}
.file_table .Progressbar.Progress-text span{padding-top:3px}

.ProgressOut{display:block; margin-top:3px; font-size:12px; font-weight:normal; color:#505050; text-align:center}

.Progressbar.Progress-large{height:20px}
.Progressbar.Progress-large.Progress-text{height:20px}
.Progressbar.Progress-large.Progress-text span{line-height:19px; font-size:12px !important}


.progress-stepby .stepby-inner{display:flex; align-items:center; width:300px}
.progress-stepby .stepby-l{display:flex; flex-direction:column; flex:1}
.progress-stepby.infinite .stepby-l{flex-direction:row}
.progress-stepby .stepby-r{padding-top:9px; margin-left:10px}
.progress-stepby .message{display:block; line-height:150%; color:#505050; font-size:14px; font-weight:300; letter-spacing:-0.2px}
.progress-stepby .Progressbar{margin-top:5px}
.progress-stepby .pause
{
	display:block; position:relative; width:26px; height:26px; line-height:24px;
	margin:0; padding:0; text-align:center; background:#fff; border:1px solid #5629ee; border-radius:50%; cursor:pointer; box-sizing:border-box
}
.progress-stepby .pause:before{content:'\efd7'; color:#5629ee; font-family:"remixicon"; font-size:14px}
.progress-stepby .infinite_loader{position:relative}
.progress-stepby .infinite_loader:before{content:''; position:absolute; top:50%; width:26px; height:26px; margin-left:5px; margin-top:-13px; border:4px solid #e7e6e4; border-top:4px solid #5629ee; border-radius:50%; animation:circle_spin 1s ease 0.2s infinite; box-sizing:border-box}
/* 드라이브-버전관리 팝업 */
.driveProgressbar .uploading_cont{display:block; text-align:center; letter-spacing:-0.5px}
.driveProgressbar .uploading_cont i{display:block; font-size:25px; margin-bottom:8px; color: #bbb}

/* 샘플용 프로그레스바 표시 */
.sigProgressbar{display:flex; align-items:center}
.sigProgressbar .Progressbar_wrap{display:inline-flex; align-items:center; justify-content:center}
.sigProgressbar .Progressbar_wrap .Progressbar{height:14px; width:100%; border-radius:1000px}
.sigProgressbar .Progressbar_wrap .Progressbar div{width:65% !important; background:#33beff !important}
.sigProgressbar .ProgressOut{position:absolute; color:#fff}


/* **************************************** *
 * DHX
 * **************************************** */
 /* dhx-docregister */
.dhx-docregister{height:calc(100% - 104px); border:1px solid #e0e0e0}

 /* dhx-docregister */
.dhx-docpreview{height:calc(100% - 104px); border:1px solid #e0e0e0}
 
 /* dhx-gantt */
.gantt_layout_content .gantt_task_line.gantt_project{background-color: #8b6eed; border:0px;}
.gantt_layout_content .gantt_task_line.gantt_project .gantt_task_progress{background-color: #5629ee;}
.gantt_layout_content .gantt_task_line{background-color:#a0c1df; border:0px;}
.gantt_layout_content .gantt_task_progress{background-color: #6eace3;}
.gantt_layout .gantt_grid_data .gantt_row:before{content:"";display:block; position:absolute; left:0px;  width:4px; height:100%; background: transparent;}
.gantt_layout .gantt_grid_data .projectLine{background:#fffcad63}
.gantt_layout .gantt_grid_data .P001{background-color: #f6f4ff;}
.gantt_layout .gantt_grid_data .P001:before{background: #8b6eed}
.gantt_layout .gantt_grid_data .P002{background-color: #f6f7ff;}
.gantt_layout .gantt_grid_data .P002:before{background: #435dcc}
.gantt_layout .gantt_grid_data .P003{background-color: #1e94b10d}
.gantt_layout .gantt_grid_data .P003:before{background: #1e94b1}
.gantt_layout .gantt_grid_data .P004{background-color: #fcfff6;}
.gantt_layout .gantt_grid_data .P004:before{background: #86a44b}
.gantt_layout .gantt_grid_data .P005{background-color: #f4faff; }
.gantt_layout .gantt_grid_data .P005:before{background: #007bda}
.gantt_layout .gantt_grid_data .P006{background-color: #3283530f;}
.gantt_layout .gantt_grid_data .P009:before{background: #338755}
.gantt_layout .gantt_grid_data .P007{background-color: #164ec00f;}
.gantt_layout .gantt_grid_data .P007:before{background: #164ec0}
.gantt_layout .gantt_grid_data .P008{background-color: #7a88ff24;}
.gantt_layout .gantt_grid_data .P008:before{background: #8b6eed}
.gantt_layout .gantt_grid_data .WMS{background-color: #fff8f3;}
.gantt_layout .gantt_grid_data .WMS:before{background: #da5f00}
.gantt_layout .gantt_grid_data .QMS{background-color: #f0d5e538;}
.gantt_layout .gantt_grid_data .QMS:before{background: #b2086d}
.gantt_layout .gantt_grid_data .TOOLKIT{background-color: #faf6ff;} 
.gantt_layout .gantt_grid_data .TOOLKIT:before{background: #6a2cad}
.gantt_layout .gantt_grid_data .deadline,
.gantt_layout .gantt_task_row.deadline{background-color:#fff0f0e0;}
.gantt_layout .gantt_grid_data .deadline:before,
.gantt_layout .gantt_task_row.deadline:before{background: #ff9292}
.gantt_layout .gantt_grid_data .gantt_cell{border-right:1px solid #efefef;}
.gantt_layout .gantt_grid_data .P001 .gantt_cell,
.gantt_layout .gantt_grid_data .P002 .gantt_cell,
.gantt_layout .gantt_grid_data .P003 .gantt_cell,
.gantt_layout .gantt_grid_data .P004 .gantt_cell,
.gantt_layout .gantt_grid_data .P005 .gantt_cell,
.gantt_layout .gantt_grid_data .P006 .gantt_cell,
.gantt_layout .gantt_grid_data .P007 .gantt_cell{border-right:0px;}     
.stagegantt .gantt_layout .gantt_grid_data .gantt_cell{padding:0; gap:2px}
.stagegantt .gantt_layout .gantt_grid_data .gantt_row{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P001{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P001:before{content:""; position:absolute; width: 4px; height: 100%; background:#8b6eed}
.stagegantt .gantt_layout .gantt_grid_data .P002{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P002:before{content:""; position:absolute; width: 4px; height: 100%; background:#435dcc}
.stagegantt .gantt_layout .gantt_grid_data .P003{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P003:before{content:""; position:absolute; width: 4px; height: 100%; background:#1e94b1}
.stagegantt .gantt_layout .gantt_grid_data .P004{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P004:before{content:""; position:absolute; width: 4px; height: 100%; background:#86a44b}
.stagegantt .gantt_layout .gantt_grid_data .P005{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P005:before{content:""; position:absolute; width: 4px; height: 100%; background:#007bda}
.stagegantt .gantt_layout .gantt_grid_data .P006{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P006:before{content:""; position:absolute; width: 4px; height: 100%; background:#338755}
.stagegantt .gantt_layout .gantt_grid_data .P007{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P007:before{content:""; position:absolute; width: 4px; height: 100%; background:#164ec0}  
.stagegantt .gantt_layout .gantt_grid_data .P008{border-left: 0}
.stagegantt .gantt_layout .gantt_grid_data .P008:before{content:""; position:absolute; width: 4px; height: 100%; background:#8b6eed}
.stagegantt .gantt_grid_data{left:0px !important;}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="9"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="10"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="11"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="13"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="14"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="15"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="16"]{margin-top:20px}
.stagegantt .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="17"]{margin-top:20px}
.stagegantt.add-info-view .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="12"]{margin-top:20px}
.stagegantt.add-info-view.activity-view .gantt_grid_scale > .gantt_grid_column_resize_wrap[column_index="12"]{margin-top:0px}


.stagegantt .gantt_tree_icon.gantt_close{margin-left:8px;}
.stagegantt .gantt_tree_icon.gantt_open{margin-left:8px;}
.gantt_layout_content .gantt_project.color01{background-color: #8b6eed;}
.gantt_layout_content .gantt_project.color02{background-color: #435dcc;}
.gantt_layout_content .gantt_project.color03{background-color: #1e94b1;}
.gantt_layout_content .gantt_project.color04{background-color: #86a44b;}
.gantt_layout_content .gantt_project.color05{background-color: #007bda;}
.gantt_layout_content .gantt_project.color06{background-color: #338755;}
.gantt_layout_content .gantt_project.color07{background-color: #164ec0;}
.gantt_layout_content .gantt_project.color08{background-color: #da5f00;}
.gantt_layout_content .gantt_project.color09{background-color: #b2086d;}
.gantt_layout_content .gantt_project.color10{background-color: #6a2cad;}
.gantt_layout_content .gantt_project.color11{background-color: #2a618f;}
  
.gantt_layout .gantt_grid_data .gantt_row.gantt_selected.P008, 
.gantt_layout .gantt_grid_data .gantt_row.odd.gantt_selected.P008,
.gantt_layout .gantt_task_row.gantt_selected.P008{background-color: #7a88ff24;}
  
.gantt_layout .gantt_marker{background-color:#ff0437f0}
.gantt_layout .gantt_grid_data .gantt_cell .overdue-indicator:before{content:"\eca1"; color:#fa196d; font-size: 18px; font-family: 'remixicon';}
  
.com-grid .gantt_layout_cell_border_bottom,
.com-grid .gantt_layout_cell_border_top,
.com-grid .gantt_layout_cell_border_right,
.com-grid .gantt_layout_cell_border_left {border-color:#eaeaea}

.com-grid .gantt_layout_cell_border_top{border:2px solid #999}

.com-grid .gantt_layout_cell_border_right{border-right:none;}
.com-grid .gantt_layout_cell_border_left{border-left:none;}
.com-grid .gantt_layout_cell_border_bottom{border-bottom:none;}
.com-grid .gantt_grid_scale,
.com-grid .gantt_task_scale{border-color:#aaa;}

.com-grid .gantt_scale_line{border-top:1px solid #eaeaea;}

.com-grid .gantt_grid_scale .gantt_grid_head_cell{color:#333}
.com-grid .gantt_grid_scale .gantt_grid_head_cell:before{display:none;}
.com-grid .gantt_task .gantt_task_scale .gantt_scale_cell{color:#333}
.com-grid .gantt_task .gantt_task_scale .gantt_scale_cell.sat{color:#3e92ff}
.com-grid .gantt_task .gantt_task_scale .gantt_scale_cell.sun{color: red;}
.com-grid .gantt_task .gantt_task_scale .gantt_scale_cell.weekend{color: red;}

.com-grid .gantt_task_line{border-radius: 30px; height:20px !important; line-height: 20px !important; margin-top: 4px;}

.com-grid .gantt_grid_target_marker{position:absolute;top:0;width:2px;height:100%;background-color:#28dca5;transform:translateX(-1px)}
.com-grid .gantt_grid_target_marker:before{background:#28dca5}
.com-grid .gantt_link_direction{height:0;border:0 none #28dca5;border-bottom-style:dashed;border-bottom-width:2px;transform-origin:0 0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;z-index:2;margin-left:1px;position:absolute}
.com-grid .gantt_grid_target_marker:before{border-top-color:#28dca5}.gantt_grid_target_marker:after{bottom:0;border-bottom-color:#28dca5}
.com-grid .gantt_line_wrapper div{background-color:#28dca5}
.com-grid .gantt_task_link:hover .gantt_line_wrapper div{box-shadow:0 0 5px 0 #28dca5}
.com-grid .link_finish_allow .gantt_link_control.task_end_date div,
.com-grid .link_start_allow .gantt_link_control.task_start_date div{background-color:#ffbf5e;border-color:#28dca5}
.hideLink .gantt_link_control{display:none;}

.com-grid .gantt_link_arrow_right{border-width:4px 0 4px 6px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;border-left-color:#28dca5}
.com-grid .gantt_link_arrow_left{border-width:4px 6px 4px 0;margin-top:-1px;border-top-color:transparent!important;border-right-color:#28dca5;border-bottom-color:transparent!important;border-left-color:transparent!important}
.com-grid .gantt_link_arrow_up{border-width:0 4px 6px;border-color:transparent transparent #28dca5;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:#28dca5;border-left-color:transparent!important}
.com-grid .gantt_link_arrow_down{border-width:4px 6px 0 4px;border-top-color:#28dca5;border-right-color:transparent!important;border-bottom-color:transparent!important;border-left-color:transparent!important}

.com-grid .gantt_tree_icon.gantt_folder_open,
.com-grid .gantt_tree_icon.gantt_folder_closed,
.com-grid .gantt_tree_icon.gantt_file{background:none; }

.com-grid .gantt_tree_icon{font-size:18px; color:#b8b7b7} 
.com-grid .gantt_tree_icon.gantt_folder_open:before{font-family:'xeicon'; content: "\eaa8";}
.com-grid .gantt_tree_icon.gantt_folder_closed:before{font-family:'xeicon'; content: "\eaa1";}
.com-grid .gantt_tree_icon.gantt_file:before{font-family:'xeicon'; content: "\ea80";}

.com-grid .gantt_add,
.com-grid .gantt_grid_head_add{background:none}
.com-grid .gantt_add:before,
.com-grid .gantt_grid_head_add:before{content:"\e981"; font-family:'xeicon'; color:#5629ee; font-size:20px;}

.gantt_layout .gantt_task_line.gantt_task_inline_color{border:none ;}
.gantt_layout .gantt_task_line.gantt_task_fileIcon:before{display: flex; content:"\eceb"; font-family:"remixicon"; background:#fff; font-size: 13px; color:#999; width:20px; height:20px; position:absolute; left:-16px; border-radius: 6px; justify-content: center; align-items: center; z-index: 1; box-shadow: 1px 1px 3px #0000003b}

.gantt_task_content i{background:#0000006b; border-radius: 50%; padding:0px 3px; margin-right: 8px; font-size: 13px;}

.gantt_layout .gantt_task_line.gantt_task_inline_color .gantt_task_progress{background-color:#0000005c;	opacity:initial}
.gantt_layout .gantt_grid_data .gantt_row.gantt_selected, 
.gantt_layout .gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_layout .gantt_task_row.gantt_selected{background-color: #efefefe0;}
.gantt_layout .gantt_row.gantt_row_task:hover,
.gantt_layout .gantt_row.odd.gantt_row_task:hover,
.gantt_layout .gantt_row.gantt_row_project:hover{background-color:#efefefe0;}
.gantt_layout .gantt_task_row.gantt_selected .gantt_task_cell{border-color: #e1d6ff;}
.gantt_layout .gantt_task_row .gantt_task_cell.week_end{background-color: #f4f7f4;}
.gantt_layout .gantt_row.gantt_row_task,
.gantt_layout .gantt_row.odd.gantt_row_task{height:44px;}


.gantt_layout .lj-color01{background:#8493fe} 
.gantt_layout .lj-color02{background:#ffe699} 
.gantt_layout .lj-color03{background:#e5718d} 
.gantt_layout .lj-color04{background:#c6e0b4} 

.gantt_layout .gantt_task_line.gantt_task_inline_color.lj-color01 .gantt_task_progress{background: #0000ff}
.gantt_layout .gantt_task_line.gantt_task_inline_color.lj-color02 .gantt_task_progress{background: #ffc000}
.gantt_layout .gantt_task_line.gantt_task_inline_color.lj-color03 .gantt_task_progress{background: #f00}
.gantt_layout .gantt_task_line.gantt_task_inline_color.lj-color04 .gantt_task_progress{background: #00b050}




.gantt_task_line.gantt_milestone{border-radius: 0;}

.gantt_layout .gantt_grid_data .gantt_row.odd:hover,
.gantt_layout .gantt_grid_data .gantt_row:hover{background-color:#efefefe0}


.dhx_cal_container .dhx_cal_navline .dhx_cal_tab{background-color:#fff; color:#333; border-radius:30px; margin-right:4px}
.dhx_cal_container .dhx_cal_navline.dhx_cal_navline_flex .dhx_cal_tab{box-shadow:none;  border:1px solid #ddd;}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab:hover{background-color:#fff; border-color:rgb(86 41 238 / 15%); box-shadow: 0px 0px 5px rgb(86 41 238 / 15%); color:#5629ee}

.dhx_cal_container .dhx_cal_navline .dhx_cal_tab.active{background-color:#01042f; border:1px solid #01042f; color:#fff;}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab.active:hover{background-color:#01042f; box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab_first{border-right: 1px solid #ddd;}

.dhx_cal_container .dhx_cal_navline .dhx_cal_tab.week{left:110px !important}
.dhx_cal_container .dhx_cal_navline .dhx_cal_tab.dhx_cal_tab_last.month{left:204px !important}
.dhx_cal_container .dhx_cal_navline .dhx_cal_today_button{color:#01042f; background-color:#fff; border-radius: 30px; color:#333; margin-right: 4px; border:1px solid #ddd;}
.dhx_cal_container .dhx_cal_navline .dhx_cal_today_button:hover{background:none; box-shadow: 0px 0px 5px rgb(86 41 238 / 15%); color:#5629ee; border-color:rgb(86 41 238 / 15%) }
.dhx_cal_container .dhx_cal_prev_button,
.dhx_cal_container .dhx_cal_next_button,
.dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button,
.dhx_cal_container .dhx_cal_navline .dhx_cal_next_button{background:none; display:flex; justify-content:center; align-items:center}
.dhx_cal_container .dhx_cal_prev_button:hover,
.dhx_cal_container .dhx_cal_next_button:hover,
.dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button:hover,
.dhx_cal_container .dhx_cal_navline .dhx_cal_next_button:hover{background:#fff; box-shadow: 0px 0px 5px rgb(86 41 238 / 15%); color:#5629ee}


.dhx_cal_container .dhx_cal_prev_button:before,
.dhx_cal_container .dhx_cal_navline .dhx_cal_prev_button:before{font-family:'xeicon'; content: "\e93c"; font-size: 22px;}
.dhx_cal_container .dhx_cal_next_button:before,
.dhx_cal_container .dhx_cal_navline .dhx_cal_next_button:before{font-family:'xeicon'; content: "\e93f"; font-size: 22px;}
.dhx_cal_container .dhx_cal_navline div.dhx_minical_icon:before{content:"\e9a4"; font-family: 'xeicon'; font-size: 24px; color:#222}
.dhx_cal_container .dhx_cal_navline div.dhx_minical_icon{ background:none; display:flex; justify-content:center;align-items:center }
.dhx_cal_container .dhx_cal_navline div.dhx_minical_icon:hover{background-color:#fff; border-radius:50%; box-shadow: 0px 0px 5px rgb(86 41 238 / 15%);}
.dhx_cal_container .dhx_cal_navline div.dhx_minical_icon:hover:before{color:#5629ee}


.dhx_cal_container .dhx_cal_tab{background-color:#fff; border-color:#ddd; color:#333; border-radius:30px; margin-right:4px}
.dhx_cal_container .dhx_cal_tab:hover{background-color:#fff; border-color:rgb(86 41 238 / 15%); box-shadow: 0px 0px 5px rgb(86 41 238 / 15%); color:#5629ee}

.dhx_cal_container .dhx_cal_tab.active{background-color:#01042f; border:1px solid #01042f }
.dhx_cal_container .dhx_cal_tab.active:hover{background-color:#01042f; box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);}
.dhx_cal_container .dhx_cal_tab_first{border-right: 1px solid #ddd;}

.dhx_cal_container .dhx_cal_tab.week{left:110px !important}
.dhx_cal_container .dhx_cal_tab.dhx_cal_tab_last.month{left:204px !important}
.dhx_cal_container .dhx_cal_today_button{color:#01042f;}




.gantt_layout .gantt_task_line.gantt_project.gantt_selected{box-shadow:0 0 5px #5629ee}
.gantt_layout .gantt_task_line.gantt_selected{box-shadow:0 0 5px #74d5e9}
.gantt_task_content{padding:0px 8px; font-weight: normal; /*color:#ffffffc7!important;*/}
.gantt_task_content b{font-weight:normal;}

.dhx_cal_container.dhx_mini_calendar div.dhx_month_head.dhx_year_event{background-color:#f0ebff; color:#5629ee;}
.dhx_cal_container.dhx_mini_calendar div.dhx_month_head.dhx_year_event.dhx_calendar_click{color:#fff; background:#5629ee}


.gantt_layout .gantt_critical_task{background-color:#fa196d !important; border-color:#fa196d !important;}


.gantt_modal_box.gantt-alert{background:#fff; width:500px; height:220px; border-radius:25px;}
.gantt_modal_box .gantt_popup_text{margin:0px;  height:150px; padding:15px 30px}
.gantt_modal_box .gantt_popup_text:before{content:""; width:60px; height:60px;  display:block; background:url("/static/fw/images/alert.png") no-repeat 0px 0px; background-position:0px -54px; image-rendering:pixelated; position:absolute; left:80px; top:48px}
.gantt_modal_box .gantt_popup_text span{font-size: 15px; letter-spacing:-0.5px; color:#202020; display:table-cell;vertical-align:middle; word-break:keep-all; position:relative; width:290px; left:128px; text-align: left; height:130px;}

.gantt_modal_box .gantt_popup_button{min-width: 100px; height:42px; margin:0 2px; border-radius: 200px; border:1px solid #d3d3d3; background:#fff; padding:4px 15px 3px; display:inline-block; vertical-align:middle; text-decoration:none; overflow:visible; transition:all 0.3s; }
.gantt_modal_box .gantt_popup_button div{font-weight: normal; font-size: 16px; letter-spacing: -0.8px;  line-height:34px;}
.gantt_modal_box .gantt_popup_button.gantt_ok_button{background:linear-gradient(-43deg, #be52f2, #5629ee); color:#fff; border:0; text-shadow:initial}
.gantt_modal_box .gantt_popup_button.gantt_ok_button:focus,
.gantt_modal_box .gantt_popup_button.gantt_ok_button:focus{outline:none; box-shadow:initial}

.gantt_layout .link_layer{background:#fff;position: relative; width:34px; height: 26px; font-size: 12px; border-radius: 15px; border:3px solid #28dca5 ; padding: 1px 4px; color:#666;	text-align: center; z-index: 1;}


 /* kanban */ 
.com-grid .kanban.svelte-ubghh1.svelte-ubghh1{background:none;} 
.com-grid .column.svelte-7sr7a5.svelte-7sr7a5{border:1px solid #ddd; border-radius: 10px;}
.kanban .header{height:auto}
.footer.svelte-xhy9ls{padding:0px}
.kanban .selected.svelte-9295rp{box-shadow: 0px 0px 5px rgb(86 41 238 / 15%);border-color:rgb(86 41 238 / 15%); }
.kanban .block.svelte-1dai6kx{background:#fff; border-radius: 10px; height:45px; border:1px solid #ddd}
.kanban .block.svelte-1dai6kx:hover{box-shadow: 0px 0px 5px rgb(86 41 238 / 15%);border-color:rgb(86 41 238 / 15%); color:#5629ee}
.kanban input.svelte-66mv3w,
.kanban .input.svelte-qe4iw2{border-radius: 10px; height: 45px;}
.kanban textarea.svelte-smb02x{border-radius: 10px;}
.kanban input.svelte-66mv3w:focus,
.kanban textarea.svelte-smb02x:focus{border:1px solid #b7afd4; box-shadow: 0px 0px 5px rgb(1 4 47/ 15%); }
.kanban .input.active.svelte-qe4iw2{border-radius: 10px 10px 0px 0px; border-color:transparent; box-shadow: 0px -1px 5px rgb(1 4 47/ 15%); }

.kanban .column .popup.bottom-start.svelte-1ykyzo8{border-radius: 10px;}

.kanban .popup.bottom-start.svelte-1ykyzo8,
.kanban .list.svelte-qe4iw2{border-radius:0px 0px 10px 10px; box-shadow: 0px 1px 5px rgb(1 4 47/ 15%); }
.kanban .combo-option.svelte-1eyqnx2{color:#aaa; }
.kanban .item.navigate.svelte-qe4iw2{background-color: #f4f4f4;}
.kanban .item.navigate.svelte-qe4iw2 .combo-option.svelte-1eyqnx2,
.kanban .item.selected .combo-option.svelte-1eyqnx2{color:#555; }
.kanban .item.selected.svelte-qe4iw2{background-color:#f2edff; color:#555;}

.kanban .icon{font-size: 20px; color:#bdbcbc}
.kanban .icon.svelte-1ere456{top:12px; right:10px;}
.kanban .popup.svelte-1ykyzo8{border-radius: 10px;}
.kanban .calendar .header-label.svelte-1qykuws{color:#5629ee;}
.kanban .pager.svelte-1qykuws:hover,
.kanban .pager.svelte-1qykuws:active{color:#5629ee; box-shadow: 0px 0px 5px rgb(1 4 47/ 15%); background:#fff}
.kanban .pager.svelte-1qykuws,
.kanban .header-label.svelte-1qykuws{padding:4px;}
.kanban .link.svelte-1dai6kx{color:#5629ee;}
.com-grid .toolbar.svelte-1hfhlkm{border-bottom:2px solid #999;}
.kanban .label-line.svelte-167afmv.svelte-167afmv{background-color: #eaeaea;}
.kanban .column.svelte-bzo6n1:hover .add-card-tip.svelte-bzo6n1{color:#5629ee;}
.kanban .add-card-btn.svelte-bzo6n1:hover .icon:before{color:#5629ee;}
.wx-material-theme{border-top:0px}


#kanbanRoot .wx-column.svelte-125eoms.svelte-125eoms{min-width:292px; width:292px;}

#kanbanRoot .wx-label-line.svelte-1tls1m0{background:none; display:none}

.com-grid .dhx_cal_event_line{display:flex; align-items:center; border-radius:0px; overflow:initial; height: 20px; padding: 2px 8px; color:#ccc}
.com-grid .dhx_cal_event_line.color05{background:#94d8bf; color:#429778}
.com-grid .dhx_cal_event_line.color09{background:#d5c8ff; color:#9782dd}
.com-grid .dhx_cal_event_line.color26{background:#ffd594; color:#b16c00}


.com-grid .dhx_cal_event_clear{border-radius:30px; color:#fff}
.weekday-red{background-color:#ff00000d; }
.weekday-blue{background-color:#007bda10;}
.weekday-red .dhx_month_head,
.weekday-blue .dhx_month_head{color:#b9b9b9}

.dhx_minical_popup .dhx_mini_calendar .dhx_month_head{color:#555}

.dhx_minical_popup .dhx_before.weekday-red .color-red1{color:#ffc5c4 !important}
.dhx_minical_popup .dhx_after.weekday-red .color-red1{color:#ffc5c4 !important}

.dhx_minical_popup .dhx_before.weekday-blue .color-blue1{color:#bedaf3 !important}
.dhx_minical_popup .dhx_after.weekday-blue .color-blue1{color:#bedaf3 !important}

.dhx_minical_popup .dhx_year_body .dhx_after .dhx_month_head,
.dhx_minical_popup .dhx_year_body .dhx_after .dhx_month_head a,
.dhx_minical_popup .dhx_year_body .dhx_before .dhx_month_head,
.dhx_minical_popup .dhx_year_body .dhx_before .dhx_month_head a{color:#00000052}

.com-grid .dhx_month_head{color:#555}
.com-grid .dhx_before.weekday-red .color-red1{color:#ffc5c4 !important}
.com-grid .dhx_after.weekday-red .color-red1{color:#ffc5c4 !important}

.com-grid .dhx_before.weekday-blue .color-blue1{color:#bedaf3 !important}
.com-grid .dhx_after.weekday-blue .color-blue1{color:#bedaf3 !important}

.com-grid .dhx_after .dhx_month_head,
.com-grid .dhx_after .dhx_month_head a,
.com-grid .dhx_before .dhx_month_head,
.com-grid .dhx_before .dhx_month_head a{color:#00000052}


.com-grid .dhx_after .dhx_month_body,
.com-grid .dhx_before .dhx_month_body,
.com-grid .dhx_month_body{background:none;}
.com-grid .dhx_month_head,
.com-grid .dhx_scale_hour{background:none;}
.com-grid .dhx_after .dhx_month_head,
.com-grid .dhx_before .dhx_month_head{background:none;}

.dhx_minical_popup .weekday-red,
.dhx_minical_popup .weekday-blue{background:none;}
.wx-kanban .wx-row{padding-top:60px;}
.com-grid .wx-toolbar.svelte-138g2gg{padding:0px; min-height:40px; height:40px }
.com-grid .wx-card.svelte-1uvarav{border-radius: 5px 5px 10px 10px;}

/* kanban v2 */
.com-grid .wx-material-theme .wx-kanban{background:#f9f9f970 !important}
.com-grid .wx-kanban .wx-header.fixed{position:fixed; z-index: 2; background:#fff; height:50px; min-height: 50px; border-bottom: 1px solid #dfdfdf; box-shadow:0px 2px 5px #0000000d; width:calc(100% - 400px); top:initial} 
.com-grid .wx-kanban .wx-header .wx-column{height:34px; min-width:292px; width:292px; border:0px; padding:0px; border:0}
.com-grid .wx-kanban .wx-column:before{content:""; width:1px; background:#e8e8e8; height:30px}
.com-grid .wx-kanban .wx-column:first-child:before{display:none;}
.com-grid .wx-kanban .wx-collapse-icon{display:none}
.com-grid .wx-kanban .wx-header .wx-column .wx-label{font-weight: 300; margin-left: 16px; font-size: 15px;}
.com-grid .wx-kanban .wx-row .wx-label-line{border-top:0}


/* Scheduler */

.com-grid .dhx_cal_container{z-index: 0;}
.dhx_cal_container .dhx_cal_date{cursor:pointer;} 
.com-grid .dhx_multi_day_icon{background:#858585; -webkit-mask:url("/static/fw/images/ico_multiday.svg") no-repeat;	mask:url("/static/fw/images/ico_multiday.svg") no-repeat;width:32px !important; height:70px !important; margin-left:10px; margin-top:30px }

.dhx_cal_container .dhx_cal_data .dhx_month_head{border-right:1px solid #eaeaea; }
.dhx_cal_container .dhx_cal_data .dhx_month_body{border-right:1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}

.dhx_cal_container .dhx_cal_data tr td:last-child .dhx_month_body,
.dhx_cal_container .dhx_cal_data tr td:last-child  .dhx_month_head{border-right:0px;}
.com-grid .dhx_cal_navline .dhx_cal_date{font-size: 28px; font-weight: 300;}
.com-grid .dhx_scheduler_day .dhx_scale_holder_now{border-right:0px;}
.com-grid .dhx_scale_holder_now{border-right: 1px solid #e0e0e0;}
.com-grid .dhx_scale_holder.weekday-red{border-right: 0px;}
.com-grid .dhx_cal_event .dhx_title{height:20px;}
.com-grid .dhx_event_resize.dhx_footer{background-color:transparent!important;}

.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar{border-radius: 8px;}
.dhx_minical_popup .dhx_cal_container .dhx_year_month{background:#5b5866; color:#fff;}
.dhx_minical_popup .dhx_cal_container .dhx_year_week{background:#f4f4f4; }
.dhx_minical_popup .dhx_cal_container .dhx_year_month{line-height:2.5; height:40px; border-radius:8px 8px 0 0;}
.dhx_minical_popup .dhx_cal_container .dhx_year_week{height:30px !important; border:none;}
.dhx_minical_popup .dhx_cal_container .dhx_scale_bar{background:initial; border-left: 0px; color:#555; height:30px!important; font-size: 13px; line-height: 2;}

.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button,
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button{height:40px; color:#ddd}
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button:hover,
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button:hover{color:#fff; background:initial;}
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button:active,
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_prev_button:focus,
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button:active,
.dhx_minical_popup .dhx_cal_container.dhx_mini_calendar .dhx_year_month .dhx_cal_next_button:focus
{border:0px; outline-style: none;}


/* Workflow */
.dhx_sample-widget .dhx_widget{background:#fff;}
.dhx_widget .dhx_button--view_link.dhx_button--color_primary{color:#01042f;}
.dev-content .dhx-docregister{border:1px solid #eaeaea;}
.dhx_widget .dhx_button--view_link{background:#fff; border-radius: 30px; padding:6px 16px;}
.dhx_widget .dhx_button--view_link.dhx_button--color_primary:focus,
.dhx_widget .dhx_button--view_link.dhx_button--color_primary:hover{border-radius: 30px; background:#fff; box-shadow: 0px 0px 5px #5629ee50;}

.dhx_widget .dhx_button--view_flat.dhx_button--color_primary{background:#01042f; border-radius:8px; padding:8px 16px;}
.dhx_widget .dhx_button--view_flat.dhx_button--color_primary.dhx_button--active,
.dhx_widget .dhx_button--view_flat.dhx_button--color_primary:focus,
.dhx_widget .dhx_button--view_flat.dhx_button--color_primary:hover{background:#01042f;}

.dhx_widget .dhx_topbar .dhx_state_block .redo,
.dhx_widget .dhx_topbar .dhx_state_block .undo,
.dhx_widget .dhx_topbar .dhx_visibility.dhx_selected,
.dhx_widget .dhx_topbar .dhx_visibility{color:#999;}
.dhx_widget .dhx_topbar .dhx_state_block .redo:hover,
.dhx_widget .dhx_topbar .dhx_state_block .undo:hover,
.dhx_widget .dhx_topbar .dhx_visibility.dhx_selected,
.dhx_widget .dhx_topbar .dhx_visibility:hover{color:#5629ee}

.dhx_widget .dhx_topbar .dhx_editor_scale{background:#fff;}
.dhx_widget .dhx_topbar .dhx_editor_scale .dhx_scale_value{font-weight: 300;}
.dhx_widget .dhx_topbar .dhx_editor_scale .dhx_scale_value, 
.dhx_widget .dhx_topbar .dhx_editor_scale .dhx_zoom_in, 
.dhx_widget .dhx_topbar .dhx_editor_scale .dhx_zoom_out{color:#999}
.dhx_widget .dhx_diagram_editor_shapebar__container.dhx_shapesbar--with-width{width:362px!important;}
.dhx_widget .dhx_diagram_template_a_box {position:relative; padding: 0; background-color: #fff; overflow: hidden; box-shadow:0px 0px 5px #00000020; border-radius:10px;}
.dhx_widget .dhx_diagram_template_a {display: flex; width: 100%; height: 100%;}
.dhx_widget .pms__number{width:48px; text-align:center; padding:4px 4px 4px 8px;}
.dhx_widget .pms__tit{padding:4px; letter-spacing: -0.8px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; }
.dhx_widget .pms__project{ text-align:center; width:100%; padding:4px; font-size:13px;}
.dhx_widget .dhx_diagram_template_a__inside {display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%;}
.dhx_widget .dhx_diagram_template_a__body {width:100%;}
.dhx_widget .dhx_diagram_template_a__text {padding:8px 10px; min-height:60px; width:100%; text-align:center; word-break:break-all; }
.dhx_widget .dhx_diagram_template_a__title {text-align: start; color: rgba(0, 0, 0, 0.7); font-weight: 500;}
.dhx_widget .dhx_diagram_template_a__row {display: flex;}
.dhx_widget .pms__date{text-align:center; width:100%; display:flex; align-items:center; justify-content:center;}
.dhx_widget .pms__date span{font-size:12px; margin:2px; color:#999; letter-spacing:-0.5px}
.dhx_widget .pms__date:before{content: "\e9a0"; font-family: 'xeicon'; font-size: 18px; color:#5629ee;}

.dhx_widget .dhx_diagram_template_a_box.pms__schedule .dhx_diagram_template_b__button{position:absolute; top:4px; right:4px}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule{border-left:4px solid #5629ee; border-radius: 0px;} 
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color01{border-left:4px solid #a38af7; border-radius: 0px;} 
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color02{border-left:4px solid #0061ff; border-radius: 0px;} 
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color03{border-left:4px solid #3fc495; border-radius: 0px;} 

.pms__schedule .pms__tit{color:#5629ee; font-weight:bold; padding:4px; letter-spacing: -0.8px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:80px }
.pms__schedule .pms__progress{width:70px; text-align:left;}
.pms__schedule .pms__state{text-align:left;}

.pms__schedule.color01 .pms__tit{color:#a38af7}
.pms__schedule.color02 .pms__tit{color:#0061ff}
.pms__schedule.color03 .pms__tit{color:#3fc495}

.dhx_widget .dhx_diagram_template_a_box.pms__schedule .dhx_diagram_template_a__row:first-child{background-color:#f9f7ff; color:#937cdf; font-weight:bold; width:100%;}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color01 .dhx_diagram_template_a__row:first-child{background-color:#f9f7ff; color:#937cdf;}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color02 .dhx_diagram_template_a__row:first-child{background-color:#e9f1ff; color:#0061ff;}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color03 .dhx_diagram_template_a__row:first-child{background-color:#f1f9f1; color:#3fc495;}

.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color01 .pms__date:before{color:#a38af7;}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color02 .pms__date:before{color:#0061ff;}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color03 .pms__date:before{color:#3fc495;}

.dhx_widget .dhx_diagram_template_b__button i{font-size: 18px; color:#5629ee}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color01 .dhx_diagram_template_b__button i{color:#a38af7}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color02 .dhx_diagram_template_b__button i{color:#0061ff}
.dhx_widget .dhx_diagram_template_a_box.pms__schedule.color03 .dhx_diagram_template_b__button i{color:#3fc495}



.pms__schedule .pms__date{justify-content:initial; width:initial;}
.pms__schedule .dhx_diagram_template_a__row{background-color:#fff; color:#555; align-items:center; padding:2px 8px; text-align:left;}
.pms__schedule .dhx_diagram_template_a__row:first-child{background-color:#fff; border-bottom: 0px;  color:#555; text-align:left; padding:2px 8px;}
.dhx_widget .dhx_diagram,
.dhx_widget .dhx_sample-controls {background: #FFF;}
.dhx_widget .dhx_sample-container__without-editor {	height: calc(100% - 60px);}
.dhx_widget .dhx_sample-container__with-editor,
.dhx_widget .dhx_sample-widget {height: 100%;}
.dhx_widget .Sticky-plm { position:relative;	height: 100%; background-repeat: no-repeat;	background-size: cover;background-position: center; display: flex;	align-items: center; justify-content: center; font-weight: 500; overflow: hidden; box-shadow:8px 9px 3px 0px #00000008;	}
.dhx_widget .Sticky-plm:before{content:""; width:16px; height:16px; display:block; position: absolute; top:0px; right:0px; 	border-top: 15px solid #00000010; border-left: 15px solid rgba(0, 0, 0, 0);}    
.dhx_widget .Sticky-plm span {text-align: center; word-wrap: break-word; white-space:pre-wrap;	}
.dhx_widget .dhx_shape_thumb .dhx_diagram_item:hover .dhx_diagram_flow_shape,
.dhx_widget .dhx_shape_thumb .dhx_diagram_item:hover .dhx_diagram_extra_lines{fill:#8364e8; stroke:#5233C4;}
.dhx_widget .dhx_shape_thumb .dhx_diagram_item:hover .dhx_diagram_item__text{color:#dadada !important;}

/* todo */
#divTodo{border:1px solid #ededed; width:70%; margin: 0 auto;  box-shadow: 3px 3px 2px #00000010; padding:8px 24px; min-height: 780px; }
.com-grid .wx-todo_toolbar.svelte-18c2a5y{padding:0px; padding-top: 24px; min-height:80px}
.com-grid .wx-todo_combo.svelte-1fotihc.svelte-1fotihc{margin-left: 0px; }
.com-grid .wx-todo_text__value.svelte-ti50q3{font-size: 20px; font-weight: 300; color:#202020; letter-spacing: -0.5px;}
.com-grid .wx-todo_toolbar.svelte-18c2a5y{border-bottom:2px solid #5629ee}

.com-grid .wx-todo_button-add__content.svelte-1c08e70{color:#999; font-size: 15px; letter-spacing: -0.8px; padding:0 16px;}
.com-grid .wx-todo_button-add__icon.svelte-1c08e70 .wxi{color:#5629ee;}
.com-grid .wx-todo_button-add__icon.svelte-1c08e70 .wxi::before{content: "\e913"; font-family: 'xeicon' !important; font-weight: bold !important;}
.com-grid .wx-todo_separator.svelte-r3obej{padding:6px!important;}
.com-grid .wx-todo_separator__line.svelte-r3obej{border-bottom:1px solid #ebebeb;}

.com-grid .wx-todo_text svelte-1h03wzk{letter-spacing: -0.8px; }
.com-grid .wx-todo_checkbox__label.svelte-1u2bz8m{width:24px; height:24px;}
.com-grid .wx-todo_checkbox__icon.svelte-1u2bz8m{border:2px solid #5629ee; }
.com-grid .wx-todo_checkbox--checked.svelte-1u2bz8m{background:#5629ee}
.com-grid .wx-todo_list--selected.svelte-gd4vi2{background:#eeeeee70; border-radius: 5px;}
.com-grid .wx-todo_list__text.svelte-gd4vi2{padding-top:2px}
.com-grid .wx-todo_list__controls.svelte-gd4vi2 > button{display:none;}

.com-grid .wx-todo_icon--default.svelte-1dloatb{color:#999}
.com-grid .wx-todo_list-menu-button.svelte-gd4vi2:hover,
.com-grid .wx-todo_toolbar-menu-button.svelte-r66yne:hover{background:transparent}

.com-grid .wx-todo_due-date.svelte-1s5q3q7.svelte-1s5q3q7 i{font-size: 18px !important; width:22px!important; height:22px!important;}
.com-grid .wx-todo_due-date.svelte-1s5q3q7 span.svelte-1s5q3q7{margin-left:4px; font-size: 12px;}
.com-grid .wx-todo_date--current{color:#3fc495;}

.com-grid .wx-todo_date--expired{color:#fa167c;}
.com-grid .wx-todo_date,
.com-grid .completed.svelte-1s5q3q7 .wx-todo_date--current,
.com-grid .completed.svelte-1s5q3q7 .wx-todo_date--expired{color:#c5c5c5}
.wx-portal .menu.svelte-9lfyly{border-radius:5px}
.wx-portal .menu.sub.svelte-9lfyly{border-radius:8px}
.wx-portal .calendar.svelte-sor66p.svelte-sor66p{border-radius:8px; padding:5px;}
.wx-portal .header.svelte-1sypd9a{border-radius: 4px 4px 0 0; background:#202428; padding-top:4px; margin-bottom: 0;}
.wx-portal .pager.svelte-1sypd9a{color:#ddd;}
.wx-portal .label.svelte-1sypd9a{color:#fff;}
.wx-portal .weekdays.svelte-102f3tn{background:#202428;padding-bottom:8px;}
.wx-portal .weekday.svelte-102f3tn{color:#fff; font-size: 11px;}

.wx-portal .day.svelte-102f3tn{color:#666;}
.wx-portal .day.svelte-102f3tn:not(.out):not(.selected):hover{background:#f2f2f2;}
.wx-portal .day.selected.svelte-102f3tn:not(.out){background:#5629ee}
.wx-portal .day.out.svelte-102f3tn{color:#ddd}
.wx-portal .day.weekend.svelte-102f3tn:not(.selected):not(.out){color:#666}
.wx-portal button.svelte-1bjiwod {color:#5629ee;}

/* dhx-grid */
.com-grid .dhx_grid,
.com-grid .dhx_tree-cell{font-family: "ptd","pps"; letter-spacing: -0.5px}
.com-grid .dhx_tree-cell{width:auto;}

.com-grid .dhx_grid-content{border:0; border-top:2px solid #a38af7db ; border-bottom:1px solid #ebebeb;}

.com-grid .dhx_grid-header-cell--align_center.dhx_grid-header-cell--sortable .dhx_grid-header-cell-text_content{font-weight: 300; color:#333}
.com-grid .dxi.dxi-sort-variant:before{content:"\F160"; font-family: 'remixicon' !important;}
.com-grid .dhx_grid-selected-row{border-left:2px solid#5629ee; background:rgb(77 77 77 / 6%)}
.dhx_grid .editcolumn{background:#eafcd5}
.dhx_grid .edittotal{background-color:#d1e7b7}
.dhx_grid .warncolumn{background-color:#fedec7}
.dhx_grid .editcolumn{background-color:#eafcd5}
.dhx_grid .delcolumn{text-decoration:line-through; color:#f74040}
.dhx_grid .infocolumn{background:#ecf6fe}
.dhx_grid .infocolumn01{background-color:#fae2e7}
.dhx_grid .infocolumn02{background-color:#fff0e5}
.dhx_grid .infocolumn03{background-color:#fff1b9}
.dhx_grid .infocolumn04{background-color:#eafcd5}
.dhx_grid .infocolumn07{background-color:#d8f8f9}
.dhx_grid .infocolumn09{background-color:#e3dcfa}
.dhx_grid .infocolumn10{background-color:#d4dcf4}
.dhx_grid .infocolumn11{background-color:#dff5ff}
.dhx_grid .infocolumn16{background-color:#fce5e3}
.dhx_grid .infocolumn17{background-color:#d9efe7}
.dhx_grid .infocolumn20{background-color:#d8d8d8}
.dhx_grid .infocolumn24{background-color:#fcff5c}

.dhx_grid .bg-column01{background-color:#fae2e7}
.dhx_grid .bg-column02{background-color:#fff0e5}
.dhx_grid .bg-column03{background-color:#fff1b9}
.dhx_grid .bg-column04{background-color:#eafcd5}
.dhx_grid .bg-column05{background-color:#ddf5ed}
.dhx_grid .bg-column06{background-color:#d6f2f1}
.dhx_grid .bg-column07{background-color:#d8f8f9}
.dhx_grid .bg-column09{background-color:#e3dcfa}
.dhx_grid .bg-column10{background-color:#d4dcf4}
.dhx_grid .bg-column11{background-color:#dff5ff}
.dhx_grid .bg-column16{background-color:#fce5e3}
.dhx_grid .bg-column17{background-color:#d9efe7}
.dhx_grid .bg-column20{background-color:#d8d8d8}
.dhx_grid .bg-column24{background-color:#fcff5c}

.com-grid .dhx_grid-sort-icon--asc,
.com-grid .dhx_grid-sort-icon--desc{color:#5629ee}
/* dhx_checkbox */
.com-grid .dhx_checkbox__visual-input{border:1px solid #dadada}
.com-grid .dhx_checkbox__input:checked+.dhx_checkbox__visual-input, 
.com-grid .dhx_checkbox__input[data-dhx-checked=true]+.dhx_checkbox__visual-input{background-color:#5629ee; border-color:#5629ee}


/* **************************************** *
 * JQX-WIDGET
 * **************************************** */
.jqx-widget-content{border-color:#e3e3e3 !important; border-radius:8px; font-family: 'pps','ptd', 'sans-serif';}
.jqx-reset{box-sizing:border-box} 
.jqx-fill-state-normal{background:#fafafa; border-color:#dadada}

 /* jqx-splitter */
.jqx-splitter-collapse-button-vertical{left:1px !important; width:3px !important; background:#bdbdbd}
.jqx-splitter-collapse-button-horizontal{top:1px !important; height:3px !important; background:#bdbdbd}
.jqx-splitter-splitbar-horizontal,
.jqx-splitter-splitbar-vertical{border-color:#bdbdbd}
.jqx-slider .jqx-fill-state-pressed:nth-child(even){width:0px;}
.Splitter-cont{position:relative; width:100%; height:100%; padding:10px; overflow:auto; box-sizing:border-box}
.Splitter-cont.none-scroll{overflow:hidden}
#jqxWidget #container{position:relative}
#jqxWidget #container > .jqx-widget-content{position:absolute; width:100% !important; top:3px; background:none; text-align: right; padding-left: 36px; z-index:1}
 
 /* jqx-Slider */
#jqxSlider{z-index: 2;}
.jqxSlider{z-index: 2;}
.jqx-slider .jqx-fill-state-pressed.jqx-slider-rangebar{background:linear-gradient(-43deg, #be52f2, #5629ee)}


 /* jqx-grid */
.jqx-grid{
	border:none !important;	border-top:2px solid #a38af7db !important; /*border-bottom:1px solid #ebebeb !important;*/ border-radius:0}

/* 그리드 내 정렬 틀어져서 설정 - 해결 후 삭제 가능 */
.jqx-grid .mgl10{margin-left:0 !important}
.jqx-grid .jqx-grid-cell-left-align{margin-left:8px !important}
.jqx-grid.bd-bottom{border-bottom:1px solid #ebebeb !important;}
.jqx-grid .jqx-grid-content{border-radius:0}

.jqx-grid .jqx-grid-cell,
.jqx-grid .jqx-grid-column-header,
.jqx-grid .jqx-grid-group-cell{border-color:#ebebeb;}

.jqx-grid .jqx-grid-cell-pinned{background:#fff}
.jqx-grid .jqx-fill-state-pressed{background:#e8e8e8}
.jqx-grid .jqx-progressbar.color01 .jqx-fill-state-pressed.jqx-success{background:#f10f3a !important; border-color:#f10f3a !important }
.jqx-grid .jqx-progressbar.color03 .jqx-fill-state-pressed.jqx-success{background:#fdc23e !important; border-color:#fdc23e !important }
.jqx-grid .jqx-progressbar.color05 .jqx-fill-state-pressed.jqx-success{background:#3fc495 !important; border-color:#3fc495 !important }
.jqx-grid .jqx-progressbar.color08 .jqx-fill-state-pressed.jqx-success{background:#a38af7 !important; border-color:#a38af7 !important }
.jqx-grid .jqx-progressbar.color11 .jqx-fill-state-pressed.jqx-success{background:#33beff !important; border-color:#33beff !important }
.jqx-grid .jqx-progressbar.color15 .jqx-fill-state-pressed.jqx-success{background:#fa167c !important; border-color:#fa167c !important }
.jqx-grid .jqx-progressbar.color20 .jqx-fill-state-pressed.jqx-success{background:#555555 !important; border-color:#555555 !important }
.jqx-grid .jqx-progressbar.color21 .jqx-fill-state-pressed.jqx-success{background:#fea626 !important; border-color:#fea626 !important }

.jqx-grid .jqx-grid-column-header{background:#fafafa}

.jqx-grid .jqx-grid-cell-selected{background:#f4f4f4}
.jqx-grid .editcolumn.jqx-grid-cell-selected{background:#e7f0dd}
.jqx-grid .infocolumn.jqx-grid-cell-selected{background:#e3ecf4}

.jqx-grid .jqx-grid-cell-hover{background:#f4f4f4}
.jqx-grid .editcolumn.jqx-grid-cell-hover{background:#e7f0dd}
.jqx-grid .infocolumn.jqx-grid-cell-hover{background:#e3ecf4}

.jqx-grid .jqx-grid-column-header{margin-left:-1px; color:#333; font-weight:300; font-size:14px}
.wms-layout .jqx-grid .jqx-grid-column-header{font-size:13px}

.jqx-grid .jqx-grid-column-menubutton{background-image:none !important; display:flex; justify-content: center; align-items: center; }
.jqx-grid .jqx-grid-column-menubutton:before{content:"\EF3B" !important; color:#868686; font-size: 13px!important; font-family: 'remixicon';}

.jqx-grid .jqx-icon-arrow-up,
.jqx-grid .jqx-icon-arrow-up-hover,
.jqx-grid .jqx-icon-arrow-up-selected{background-image:none !important; display:flex; justify-content: center; align-items: center; }

.jqx-grid .jqx-icon-arrow-up:before,
.jqx-grid .jqx-icon-arrow-up-hover:before,
.jqx-grid .jqx-icon-arrow-up-selected:before{content:"\EA77"; font-size: 16px; color:#868686;  font-family: 'remixicon';}

.jqx-grid .jqx-icon-arrow-down,
.jqx-grid .jqx-icon-arrow-down-hover, 
.jqx-grid .jqx-icon-arrow-down-selected{background-image:none !important; display:flex; justify-content: center; align-items: center; }

.jqx-grid .jqx-icon-arrow-down:before,
.jqx-grid .jqx-icon-arrow-down-hover:before, 
.jqx-grid .jqx-icon-arrow-down-selected:before{content:"\EA4D"; font-size: 16px; color:#868686;  font-family: 'remixicon';}

.jqx-grid .jqx-grid-cell > .jqx-icon-arrow-up,
.jqx-grid .jqx-grid-cell > .jqx-icon-arrow-down{display:inline-block}

.jqx-widget-header.jqx-grid-header{border-color:transparent;}
.com-grid .jqx-widget .jqx-grid-column-menubutton,
.com-grid .jqx-widget .jqx-grid-column-sortdescbutton, 
.com-grid .jqx-widget .jqx-grid-column-filterbutton{border-color:#e6e6e6}

.jqx-grid .jqx-grid-cell{color:#555; font-size:14px; white-space:nowrap}
.wms-layout .jqx-grid .jqx-grid-cell{font-size:13px}

.jqx-grid .jqx-grid-cell.jqx-grid-cell-selected:nth-child(1):before{content:''; position:absolute; left:0; top:0; width:2px; height:100%; background:#5629ee; z-index:9}

.jqx-grid .jqx-grid-cell.last-row-cell{border-bottom-color:#ebebeb !important}

.jqx-grid .jqx-grid-empty-cell span{display:flex; align-items:center; color:#505050; font-size:14px; font-weight:normal; letter-spacing:-0.5px}
.jqx-grid .jqx-grid-empty-cell span:before{ content:"\ECC1"; margin-right:3px; color:#505050; font-family:'remixicon'; font-size:20px}

.jqx-grid .jqx-radiobutton-align{text-align:center}
.jqx-grid .jqx-radiobutton-align .jqx-radiobutton{display:inline-block; margin:10px 2px 0; line-height:19px; color:#555; vertical-align:middle}

.jqx-grid .jqx-grid-cell-edit{ box-shadow:4px 4px 4px 0 rgba(0, 0, 0, .2)}
.jqx-grid .jqx-cell-editor{background:#fff; border-left:3px solid #b2d885!important;}
.jqx-grid .jqx-cell-editor.jqx-fill-state-disabled{background:#ebebeb; opacity:0.3;  border:none!important}

.jqx-grid .jqx-dropdownlist-state-selected{background:#f4f4f4}

.jqx-grid-column-resizeline{border-right:1px dotted #b7afd4}
.jqx-grid-column-resizestartline{border-right:1px solid #b7afd4}

.jqx-grid .jqx-grid-pager{border-top:1px solid#e9e9e9; background:transparent; box-sizing:border-box}

.jqx-grid .editcolumn{background-color:#eafcd5}
.jqx-grid .edittotal{background-color:#d1e7b7}
.jqx-grid .infocolumn{background-color:#ecf6fe}
.jqx-grid .warncolumn{background-color:#fedec7}
.jqx-grid .delcolumn{text-decoration:line-through; color:#f74040}
.jqx-grid .totalcolumn{background-color:#fcff5c}
.jqx-grid .autocolumn{background-color:#ebe6fb}
.jqx-grid .bg-column01{background-color:#fae2e7}
.jqx-grid .bg-column02{background-color:#fff0e5}
.jqx-grid .bg-column03{background-color:#fff1b9}
.jqx-grid .bg-column04{background-color:#eafcd5}
.jqx-grid .bg-column05{background-color:#ddf5ed}
.jqx-grid .bg-column06{background-color:#d6f2f1}
.jqx-grid .bg-column07{background-color:#d8f8f9}
.jqx-grid .bg-column08{background-color:#ebe6fb}
.jqx-grid .bg-column09{background-color:#e3dcfa}
.jqx-grid .bg-column10{background-color:#d4dcf4}
.jqx-grid .bg-column11{background-color:#dff5ff}
.jqx-grid .bg-column12{background-color:#deeafd}
.jqx-grid .bg-column13{background-color:#d9ccef}
.jqx-grid .bg-column14{background-color:#ced5e4}
.jqx-grid .bg-column15{background-color:#ffe3f0}
.jqx-grid .bg-column16{background-color:#fce5e3}
.jqx-grid .bg-column17{background-color:#d9efe7}
.jqx-grid .bg-column18{background-color:#cfe2e4}
.jqx-grid .bg-column19{background-color:#efefef}
.jqx-grid .bg-column20{background-color:#d8d8d8}
.jqx-grid .bg-column21{background-color:#fff0d9}
.jqx-grid .bg-column22{background-color:#dff5ff}
.jqx-grid .bg-column24{background-color:#fcff5c}
.jqx-grid .bg-column28{background-color:#fff1ee}

.jqx-grid .bg-column01.jqx-grid-cell-selected{background-color:#fbd9e0}
.jqx-grid .bg-column02.jqx-grid-cell-selected{background-color:#feece0}
.jqx-grid .bg-column03.jqx-grid-cell-selected{background-color:#f7e6a4}
.jqx-grid .bg-column04.jqx-grid-cell-selected{background-color:#e4f6cf}
.jqx-grid .bg-column05.jqx-grid-cell-selected{background-color:#ddf5ed}
.jqx-grid .bg-column05.jqx-grid-cell-selected{background-color:#d6f2f1}
.jqx-grid .bg-column07.jqx-grid-cell-selected{background-color:#c4f3f5}
.jqx-grid .bg-column09.jqx-grid-cell-selected{background-color:#cbbef6}
.jqx-grid .bg-column10.jqx-grid-cell-selected{background-color:#c4ceed}
.jqx-grid .bg-column11.jqx-grid-cell-selected{background-color:#d7effa}
.jqx-grid .bg-column16.jqx-grid-cell-selected{background-color:#f3d6d3}
.jqx-grid .bg-column17.jqx-grid-cell-selected{background-color:#c3e1d6}
.jqx-grid .bg-column20.jqx-grid-cell-selected{background-color:#d2d0d0}

.jqx-grid .bg-column01.jqx-grid-cell-hover{background-color:#fbd9e0}
.jqx-grid .bg-column02.jqx-grid-cell-hover{background-color:#f8d9c2}
.jqx-grid .bg-column03.jqx-grid-cell-hover{background-color:#f7e6a4}
.jqx-grid .bg-column07.jqx-grid-cell-hover{background-color:#c4f3f5}
.jqx-grid .bg-column09.jqx-grid-cell-hover{background-color:#cbbef6}
.jqx-grid .bg-column10.jqx-grid-cell-hover{background-color:#c4ceed}
.jqx-grid .bg-column11.jqx-grid-cell-hover{background-color:#d7effa}
.jqx-grid .bg-column16.jqx-grid-cell-hover{background-color:#f3d6d3}
.jqx-grid .bg-column17.jqx-grid-cell-hover{background-color:#c3e1d6}
.jqx-grid .bg-column20.jqx-grid-cell-hover{background-color:#d2d0d0}

.jqx-grid .jqx-grid-cell-center-align{text-align:center; justify-content:center}
.jqx-grid .jqx-grid-cell-vertical-align{display:flex; height:100%; align-items:center; margin:0 4px}
.jqx-grid .jqx-grid-cell-middle-align{overflow:visible}
.jqx-grid .jqx-grid-cell-locked{color:#999 !important;}

/* .jqx-grid .jqx-grid-cell .Button{top:4px} */

.jqx-grid .jqx-grid-cell-alt{background:#fff}
.jqx-grid .jqx-grid-cell-alt.jqx-grid-cell-selected{background:#f4f4f4}
.jqx-slider .jqx-fill-state-pressed{background:#ebebeb}

 /* cell border 규칙 변경 */
.jqx-grid .jqx-grid-cell{border-width:1px 1px 0 0; margin-bottom:0; margin-top:1px}
.jqx-grid .jqx-item{box-sizing:border-box}

 /* tree-grid cell border 규칙 변경 */
.jqx-datatable.jqx-grid .jqx-grid-cell{border-width:0 0 1px 1px; margin-bottom:0; margin-top:1px} 


 /* cell 병합 디자인 처럼 처리 */
.jqx-grid .jqx-merge-ghost{border-top-color:transparent !important}

 /* 마지막 row cell에 border-bottom 추가 */
.jqx-grid .jqx-grid-cell.last-merge-cell,
.jqx-grid .jqx-grid-cell.last-cell{border-bottom:1px solid #ebebeb}

 /* cell 구분 border-bottom 추가 */
.jqx-grid .jqx-grid-cell.dvd_line{border-bottom:1px solid #cbcbcb}


 /* checkbox */
.jqx-grid .jqx-checkbox-check-checked{background:#5629ee; -webkit-mask: url("/static/fw/images/check_black.svg") center center no-repeat;	mask:url("/static/fw/images/check_black.svg") center center no-repeat;}	
.jqx-grid .jqx-checkbox-check-indeterminate{background:#202020; -webkit-mask: url("/static/fw/images/check_indeterminate_black.svg") center center no-repeat;	mask:url("/static/fw/images/check_indeterminate_black.svg") center center no-repeat;}

/* jqx-grid 셀 텍스트-버튼 */
.jqx-grid-cell .cell-between-pd{width:100%; position:absolute; left:0; overflow:visible; display:flex; justify-content:space-between; align-items:center; padding:0 5px !important; margin-right:0}
.jqx-grid-cell .cell-between-mgt{width:100%; position:absolute; left:0; overflow:visible; display:flex; justify-content:space-between; align-items:center; padding-right:13px !important; margin-right:0}
.jqx-grid-cell .cell-between-pd .cell_txt,
.jqx-grid-cell .cell-between-mgt .cell_txt,
.jqt_between .cell_txt{max-width:75%; min-width:75%; margin-right:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.jqx-grid-cell .cell-between-pd .cell_txt{line-height:40px}	
.jqx-grid-cell .cell-between-mgt.add_info .cell_txt{max-width:100%}
.jqx-grid-cell .cell-between-mgt.add_info button{min-width:30px}
.jqx-grid-cell .cell-between-mgt.add_info button i{display:flex; justify-content:center}
.jqx-grid-cell .cell-between-mgt button.trans-ico{height:32px}

/* jqx-grid 셀 내부 마진 */
.jqx-grid-cell .cell-signal-mgt{margin-top:11px}
.jqx-grid-cell .cell-btn-mgt{margin-top:5px}
.jqx-grid-cell .cell-between-mgt{margin-top:5px}
.jqx-grid-cell .cell-label-mgt{margin-top:6px}
.jqx-grid-cell .cell-label-s-mgt{margin-top:13px}
.jqx-grid-cell .cell-manager-mgt{margin-top:13px}
.jqx-grid-cell .cell-text-mgt{margin-top:13px}
.jqx-grid-cell .cell-aprvsta-mgt{margin-top:9px}
.jqx-grid-cell .cell-ico-mgt{margin-top:5px}
.jqx-grid-cell .cell-file-mgt{margin-top:8px}
.jqx-grid-cell .cell-user-mgt{margin-top:6px}
.jqx-grid-cell .cell-radio-mgt{margin-top:7px}
.jqx-grid-cell .cell-img-mgt{margin-top:4px}
.jqx-grid-cell .cell-img-mgt > img{height:34px;}
.wms-layout .jqx-grid-cell .cell-signal-mgt{margin-top:8px}
.wms-layout .jqx-grid-cell .cell-btn-mgt{margin-top:3px}
.wms-layout .jqx-grid-cell .cell-between-mgt{margin-top:3px}
.wms-layout .jqx-grid-cell .cell-label-mgt{margin-top:8px}
.wms-layout .jqx-grid-cell .cell-text-mgt{margin-top:8.5px}
.wms-layout .jqx-grid-cell .cell-ico-mgt{margin-top:5px}
.wms-layout .jqx-grid-cell .cell-filect-mgt{margin-top:5px}
.wms-layout .jqx-grid-cell .cell-select-mgt{margin-top:3px}




/* 결재기안 팝업 셀 내부 마진 */
.jqx-grid-cell .cell-aprv-mgt{margin-top:3px}

/* jqx-grid 셀 내부 버튼 사이즈 */
.wms-layout .jqx-grid-cell .Button.small{height:29px; padding:5px 8px 5px}
.wms-layout .jqx-grid-cell .Button.small.only-ico{height:29px; padding:0}

/* jqx-grid 셀 내부 셀렉트박스 */
.wms-layout .jqx-grid-cell .divselect{height:29px}
.wms-layout .jqx-grid-cell .divselect select{line-height:27px}

/* jqx-grid 셀 input */
.jqx-grid .jqx-input{border-radius: 0;}

/* jqx-grid 셀 radio 버튼 */
.jqx-grid-cell .JqxGridRadioColumn{display:flex; justify-content:center}


/* jqx-grid 차순 위젯*/
.jqx-menu-wrapper .jqx-menu-vertical{background:#f8f8f8;}
.jqx-menu-vertical .jqx-grid-sortasc-icon{background-image:none; width:auto; height:initial; margin-right:6px}
.jqx-menu-vertical .jqx-grid-sortasc-icon:before{content:"\F04BD"; font-family: 'Material Design Icons'; font-size: 16px;}
.jqx-menu-vertical .jqx-grid-sortdesc-icon{background-image:none; width:auto; height:initial; margin-right:6px}
.jqx-menu-vertical .jqx-grid-sortdesc-icon:before{content:"\F04BC"; font-family: 'Material Design Icons'; font-size: 16px;}
.jqx-menu-vertical .jqx-grid-sortremove-icon{background-image:none; width:auto; height:initial; margin-right:6px}
.jqx-menu-vertical .jqx-grid-sortremove-icon:before{content:"\F1147"; font-family: 'Material Design Icons'; font-size: 16px;}
.jqx-menu-vertical .jqx-fill-state-focus,
.jqx-menu-vertical .jqx-fill-state-hover{border-color:#ebebeb; background:#ebebeb; border-radius:5px}

/* jqxtreegrid 셀 텍스트-버튼 */
.jqt_between{display:flex; white-space:nowrap; align-items:center; justify-content:space-between}

/* jqx-grid 셀 이미지 */
.jqx-grid-cell a.cell-img{position:relative;}
.jqx-grid-cell a.cell-img .img-edit{display:block; position:absolute; right: 10px;top: 7px; }
.jqx-grid-cell a.cell-img .img-edit:before{content:"\ee49"; font-family:'remixicon'; padding-left: 1px; background: #5629ee; border-radius: 50%; width: 27px; height: 28px; font-size: 17px; color: #fff; display: flex; align-items: center;  justify-content: center; box-shadow: 0px 0px 4px #00000054;}
.jqx-grid-cell a.cell-img > img{object-fit:contain;}
/* jqx-grid 경고 */
.jqx-grid-cell.deadline{background:#ffe5e5}
.jqx-grid-cell.deadline .jqx-tree-grid-title:after{content:"\eca1"; margin-left:12px; font-family:'remixicon'; color:#fa196d; font-size: 18px; position:absolute} 

/* jqx-grid 검색영역 */
.jqx-grid .jqx-widget-header.jqx-grid-toolbar{background: #fafafa; border-color:#ebebeb}
.jqx-grid .jqx-rc-all.jqx-widget.jqx-input-group{font-family: 'pps', 'ptd'; letter-spacing: -0.4px; color:#333}
.jqx-grid input[type=text].jqx-input,
.jqx-grid input[type=password].jqx-input{border-radius: 8px 0px 0px 8px !important; border-right: 0px}

.jqx-grid .jqx-fill-state-normal.jqx-rc-r.jqx-input-group-addon{background: #fff; border-radius: 0px 8px 8px 0px !important; border-left:0px; padding:1px 16px 2px 10px !important }
.jqx-grid .jqx-icon-search{background: transparent}
.jqx-grid .jqx-icon-search:before{content:"\f0d1"; font-family:"remixicon"; font-size: 16px; color:#777}




/* **************************************** *
 * 드라이브 스크롤러
 * **************************************** */
.af-table-scroller.Table-scroller .ui-widget-content{border:0 !important; background:#f4f4f4 !important; }
.af-table-scroller.Table-scroller #userSlider.drive_slider,
.af-table-scroller.Table-scroller #uploadSlider.drive_slider{border-radius:1000px !important}
.drive_slider .ui-state-default, .drive_slider .ui-widget-content .ui-state-default{background:#fff !important; border:3px solid #5629ee !important; border-radius:100%; box-shadow:2px 2px 4px 0 rgb(86 41 238 / 38%)}
.drive_slider .ui-state-active{background:#ece9f8 !important}
.af-table-scroller.Table-scroller .vol_bg{background:#5629ee !important; color:#fff !important; border-radius:1000px; padding:5px 10px !important; display:inline-block; margin-left:5px; font-size:14px}
.af-table-scroller.Table-scroller .vol_bg #userSize,
.af-table-scroller.Table-scroller .vol_bg #uploadSize{font-weight:600; font-size:15px}
.af-table-scroller.Table-scroller .drive_btn Button{border:0 !important}
.af-table-scroller.Table-scroller .drive_btn .ImageCheckbox{height:40px}

.af-table-scroller.Table-scroller .drive_btn.upload_list{width:1013px; display:flex; flex-wrap:wrap}
.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox{width:192px; height:45px; border:1px solid #ddd; border-radius:8px; margin:4px; display:flex; align-items: center}
.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox:after{left:8px}
.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox.Checked{border:1px solid #d9d3ee; background:#f8f7fc}
.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox > .Checkbox{margin-right:13px}
.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox span{font-size:14px; line-height:normal }
.af-table-scroller.Table-scroller .drive_btn.upload_list span.txt{padding:0; padding-top:2px; background:none;}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi{display:inline-block; border:1px solid; width:19px; min-width:19px; height:19px; border:0; vertical-align:middle; margin:0px 4px}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_hwp{background:url("/static/fw/images/common/doc_hwp.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_word{background:url("/static/fw/images/common/doc_word.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_excel{background:url("/static/fw/images/common/doc_excel.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_ppt{background:url("/static/fw/images/common/doc_ppt.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_img{background:url("/static/fw/images/common/doc_img.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_pdf{background:url("/static/fw/images/common/doc_pdf.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_zip{background:url("/static/fw/images/common/doc_zip.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_dwg{background:url("/static/fw/images/common/doc_dwg.svg");}
.af-table-scroller.Table-scroller .drive_btn.upload_list span.dfi.doc_etc{background:url("/static/fw/images/common/doc_etc.svg");}


.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox.af-disabled{background:none; border:1px solid #ddd}
.af-table-scroller.Table-scroller .drive_btn.upload_list .ImageCheckbox.af-disabled .Button .dfi{opacity:0.7; filter:grayscale(100%)}
.Button.drive_btn.upload_list:active, .Button.drive_btn.upload_list:hover, .Button.drive_btn.upload_list:focus, .Button.drive_btn.upload_list.af-hover, .Button.drive_btn.upload_list.Checked{background:none}
.drive_slider.drive_disabled .ui-state-default{border:3px solid #aaa !important; box-shadow:2px 2px 4px 0 rgb(0 0 0 / 38%)}

.drive_btn.upload_list .add_file .delete{background:none; display:none; cursor:pointer; position:absolute; right:8px} 
.drive_btn.upload_list .add_file .delete i{font-size:16px; color: #555}
.drive_btn.upload_list .ImageCheckbox.add_file:hover .delete{display:inline-block} 



 
 /* **************************************** *
 * 테이블 전체 가로 스크롤 삭제
 * **************************************** */
.af-table-scroller.Table-scroller{overflow:initial}

/* 드라이브 파일이력 - 가로 스크롤 재생성 */
.com-table.scroll .af-table-scroller.Table-scroller{overflow-x:auto}
.Dialog .com-table.scroll .af-table-scroller.Table-scroller{overflow-x:initial}
 
 
/* **************************************** *
 * qms 이상 발생 등록 발생위치
 * **************************************** */
.location_nav{color:#555; margin-left:15px}
.location_nav span{margin:0 3px}
.location_nav span:first-child{color:#5629ee}
.location_nav span:last-child{color:#222; font-weight:600}
.location_nav span.location_nav_nxt{display:inline-block; width:18px; height:18px; border:1px solid #ddd; border-radius:1000px; vertical-align:middle; text-align:center}
.location_nav span.location_nav_nxt i{display:flex; justify-content:center; align-items:center; font-size:17px; color:#5629ee}


/* **************************************** *
 * rep-check
 * **************************************** */
i.rep-check{font-size:13px; padding:3px; vertical-align:middle; margin-left:5px; color:#aaa; border:2px solid; border-radius:50%; font-weight:600}
i.rep-check.checked{color:#5629ee;}
.wms-layout i.rep-check{font-size: 10px; padding:3px; vertical-align:middle; font-weight:bold; margin-left: 4px; color:#aaa; border:2px solid; border-radius: 50%;}
.wms-layout i.rep-check.checked{color:#5629ee;}


/* **************************************** *
 * DHX - CALENDAR
 * **************************************** */
.g-wrap.ml-calendar{background:#f9f9f9; min-height:200px; display:flex; align-items: center; justify-content:center;}

.ml-calendar .label.svelte-1sypd9a{color:#5629ee}
.ml-calendar .day.weekend.svelte-102f3tn:not(.selected):not(.out).sun{color:#ff6464}
.ml-calendar .day.weekend.svelte-102f3tn:not(.selected):not(.out).sat{color:#08b8ff}
.ml-calendar .day.selected.svelte-102f3tn:not(.out):hover{background:#5629ee!important}
.ml-calendar .day.selected.svelte-102f3tn:not(.out){background:#5629ee}
.ml-calendar .day.svelte-102f3tn:hover{background:#ededed !important}
.ml-calendar .work-hour{font-size: 12px; color:#aaa}
.ml-calendar .wx-event-calendar-date-label.sun {color:#ff6464}
.ml-calendar .wx-event-calendar-date-label.sat {color:#08b8ff}
.ml-calendar .wx-event-calendar-today.svelte-to5wc{color:#5629ee}
.ml-calendar .secondary.svelte-19a7fgm.svelte-19a7fgm{background:#fff; color:#666; letter-spacing: -0.5px; border-radius: 50px;}
.ml-calendar .secondary.svelte-19a7fgm.svelte-19a7fgm:hover{box-shadow: 0px 0px 5px #5629ee40; color:#5629ee!important}
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button:hover{background:transparent !important; box-shadow: 0px 0px 5px #5629ee40;}
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.svelte-t51uh6.svelte-t51uh6{letter-spacing: -0.5px; font-size: 14px; font-weight:normal; color:#555}
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.svelte-t51uh6.svelte-t51uh6:hover{background:transparent !important; }
.ml-calendar div.svelte-t51uh6.svelte-t51uh6{background:#fff; border-radius:50px }
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.selected.svelte-t51uh6.svelte-t51uh6{border-radius: 50px; background:#5629ee; color:#fff}
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.selected.svelte-t51uh6.svelte-t51uh6:hover,
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.selected.svelte-t51uh6.svelte-t51uh6:focus{background:#5629ee; color:#fff}
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.svelte-t51uh6:hover {border-radius: 50px; background:transparent; box-shadow: 0px 0px 5px #5629ee40;}
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.svelte-t51uh6 + .ml-calendar .wx-event-calendar-right.svelte-1rx91km button.svelte-t51uh6{border-radius: 50px; background:#fff; }
.ml-calendar .wx-event-calendar-right.svelte-1rx91km button.selected.svelte-t51uh6.svelte-t51uh6:hover{background:#5629ee!important}



/* **************************************** *
 * SYNAP - EDITOR
 * **************************************** */


/* **************************************** *
 * CROSS BROWSING
 * **************************************** */
/* IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

/* Edge */
@supports (-ms-ime-align: auto) {
	.Textinput.w100p + .Icon.remove{margin-top:-20px}
}


/* 툴킷 문자열 포맷*/
.FormatView-input{min-height:45px; max-height:90px; overflow:auto; padding:0 15px; line-height:42px; border:1px solid #ddd; text-align:left; font-size:15px; color: #333; letter-spacing:-0.8px; background:#fff; vertical-align:middle; border-radius:8px; box-sizing:border-box; margin-top:5px}
.FormatView-input .label-btn{border-radius:1000px; background:#fff; border:1px solid #ddd; height:30px; margin:0px 2px; color:#333}
.FormatView-input .label-btn:first-child{margin-left: 0px;}
.FormatView-input .label-btn:last-child{margin-right:0}
.FormatView-input:focus{outline:none; border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1)}


/* PDM - 공정프로세스 등록 */
.jqx-dropdownlist-content{display:flex; align-items:center; margin-top:0px !important; }


/* **************************************** *
 * 시스템 관리자 - dhx_tree
 * **************************************** */
.dhx_tree .dhx_tree-template_cont{display:flex}