@charset "utf-8";

/* **************************************** *
 * BUTTON ALIGN
 * **************************************** */
.buttonArea{display:flex; align-items:center; width:100%; margin-bottom:5px;}
.buttonArea:after{content:''; display:block; clear:both}

.buttonArea .buttonL,
.buttonArea .buttonC,
.buttonArea .buttonR{display:flex; align-items:center; flex:1}

.buttonArea .buttonC{margin:0 auto; justify-content:center}
.buttonArea .buttonR{justify-content:flex-end; margin-left:auto}

.popup-sync{margin-top:25px}
.sync-button{display:flex; align-items:center; justify-content:center}
.sync-button .Button{margin:0 2px}

.layerpop-btnwrap .buttonArea{margin-bottom:0px; padding:0px 16px}
.layerpop-btnwrap .buttonArea .buttonR{margin-left: initial}
/* **************************************** *
 * BUTTON BASE
 * **************************************** */
.Button{
	height:40px;
	padding:3px 15px 3px;
	background:#fff;
	border:1px solid #d3d3d3;
	font-weight:normal;
	font-size:15px;
	letter-spacing:-0.8px;
	color:#333;
	border-radius:8px;
	vertical-align:middle;
	box-sizing:border-box;	
	transition: all 0.3s
}
.Button:active,
.Button:hover,
.Button:focus,
.Button.af-hover,
.Button.Checked{padding:3px 15px 3px; background:#fafafa; border:1px solid #d3d3d3; color:#333}
/* .Button:focus{outline:dotted 1px; outline-offset:-2px} */

.wms-layout .Button{height:32px; padding:4px 12px 4px; font-size:14px; border-radius:6px}
.wms-layout .Button:active,
.wms-layout .Button:hover,
.wms-layout .Button:focus,
.wms-layout .Button.af-hover,
.wms-layout .Button.Checked{padding:4px 12px 4px}

.Button [class^="xi-"],
.Button [class*=" xi-"]{margin-top:-2px; font-size:18px; vertical-align:middle}
.Button [class^="ri-"],
.Button [class*=" ri-"]{margin-top:-2px; font-size:18px; vertical-align:middle;}

.Button .mdi{display:inline-block; margin-top:-1px; font-size:18px; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; vertical-align:middle}
.Button .dfi{display:inline-block; width:19px; min-width:19px; margin-top:-1px; border:0; vertical-align:middle}

.Button.Disabled,
.Dropdownbutton.Disabled{color:#aaa; background:#f4f4f4; border:1px solid #ddd}

.Groupbutton .Button{margin:0 2px}
.Groupbutton .Button:first-child{margin-left:0}
.Groupbutton .Button:last-child{margin-right:0}
.Groupbutton .inButton{float:left; margin-left:2px}
.Groupbutton .btnL{float: right;}
.Groupbutton .btnR{float:left}


.Button.active{background:#5629ee; border-color:#5629ee}
.Button.active i{color:#fff}

/* **************************************** *
 * BUTTON TYPE
 * **************************************** */
/* trans-btn */
.Button.trans-btn{min-width:auto; width:auto; background:none; font-size:12px; border:none; text-align:center; border-radius:0}

/* only-ico */
.Button.only-ico{min-width:40px; padding:0; font-size:19px; text-align:center}
.Button.only-ico [class^="ri-"],
.Button.only-ico [class*=" ri-"]{margin-top:-2px; font-size:20px; vertical-align:middle;}
.Button.only-ico i[class^="ri-"],
.Button.only-ico i[class*=" ri-"]{vertical-align:middle}

.Button.only-ico.small [class^="ri-"],
.Button.only-ico.small [class*=" ri-"]{margin-top:-2px; font-size:17px; vertical-align:middle;}

.wms-layout .Button.only-ico{min-width:32px; padding:0; font-size:16px; text-align:center}


/* trans-ico */
.Button.trans-ico{min-width:auto; width:auto; height:auto; padding:0; background:none; font-size:15px; border:none; text-align:center; border-radius:0; }
.Button.trans-ico.help{font-weight:normal; color:#5629ee}
.Button.trans-ico.help i[class^="ri-"],
.Button.trans-ico.help i[class*=" ri-"]{vertical-align:middle}
.Button.trans-ico.help i{font-size:20px}
.Button.trans-ico [class^="xi-"],
.Button.trans-ico [class*=" xi-"],
.Button.trans-ico [class^="ri-"],
.Button.trans-ico [class*=" ri-"]{margin-top:-1px}

.Button.trans-ico [class^="ri-"],
.Button.trans-ico [class*=" ri-"]{margin-top:-2px; font-size:20px; vertical-align:middle;}

.Button.trans-ico .mdi{margin-top:-1px}

.Button.trans-ico:active,
.Button.trans-ico:hover,
.Button.trans-ico:focus,
.Button.trans-ico.af-hover{padding:0}

.Button.trans-ico.small i{font-size: 17px}

/* doc-ico */
.Button.doc-ico img{display:inline-block; width:19px; margin-top:-2px; margin-right:2px; border:0; vertical-align:middle}


/* **************************************** *
 * BUTTON COLOR
 * **************************************** */
/* info */
.Button.info{background:#5629ee; border:1px solid #5629ee; color:rgb(255, 255, 255, 1);}
.Button.info:active,
.Button.info:hover,
.Button.info:focus,
.Button.info.af-hover,
.Button.info.Checked{background:#5629ee; border:1px solid #5629ee; color:rgb(255, 255, 255, 1)}
.Button.info.Disabled{background:#5629ee; border:1px solid #5629ee; color:rgb(255, 255, 255, .7)}
.Groupbutton .Button.info:first-child{margin-left:0; border:1px solid #5629ee}
.Button.info.small{font-size: 13px}


/* primary */
.Button.primary{background:#01042f; border:1px solid #01042f; color:rgb(255, 255, 255, 1)}
.Button.primary:active,
.Button.primary:hover,
.Button.primary:focus,
.Button.primary.af-hover,
.Button.primary.Checked{background:#01042f; border:1px solid #01042f; color:rgb(255, 255, 255, 1)}
.Button.primary.Disabled{background:#01042f; border:1px solid #01042f; color:rgb(255, 255, 255, .7)}
.Groupbutton .Button.primary:first-child{margin-left:0; border:1px solid #01042f}

/* success */
.Button.success{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, 1)}
.Button.success:active,
.Button.success:hover,
.Button.success:focus,
.Button.success.af-hover,
.Button.success.Checked{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, 1)}
.Button.success.Disabled{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, .7)}
.Groupbutton .Button.success:first-child{margin-left:0; border:1px solid #23cf3a}

/* progress */
.Button.progress{background:#0084f3; border:1px solid #0084f3; color:rgb(255, 255, 255, 1)}
.Button.progress:active,
.Button.progress:hover,
.Button.progress:focus,
.Button.progress.af-hover,
.Button.progress.Checked{background:#0084f3; border:1px solid #0084f3; color:rgb(255, 255, 255, 1)}
.Button.progress.Disabled{background:#0084f3; border:1px solid #0084f3; color:rgb(255, 255, 255, .8)}
.Groupbutton .Button.progress:first-child{margin-left:0; border:1px solid #0084f3}

/* warning */
.Button.warning{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, 1)}
.Button.warning:active,
.Button.warning:hover,
.Button.warning:focus,
.Button.warning.af-hover,
.Button.warning.Checked{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, 1)}
.Button.warning.Disabled{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, .8)}
.Groupbutton .Button.warning:first-child{margin-left:0; border:1px solid #fac60a}

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


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

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

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

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

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

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


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

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







/* **************************************** *
 * BUTTON LINE
 * **************************************** */
/* info */
.Button.info.line{background:#fff; border:1px solid #5629ee; color:rgb(86, 41, 238, 1)}
.Button.info.line:active,
.Button.info.line:hover,
.Button.info.line:focus,
.Button.info.line.af-hover,
.Button.info.line.Checked{background:#5629ee; border:1px solid #5629ee; color:rgb(255, 255, 255, 1)}
.Button.info.line.Disabled{background:#fff; border:1px solid #5629ee; color:rgb(86, 41, 238, .5)}

/* primary */
.Button.primary.line{background:#fff; border:1px solid #01042f; color:rgb(1, 4, 47, 1)}
.Button.primary.line:active,
.Button.primary.line:hover,
.Button.primary.line:focus,
.Button.primary.line.af-hover,
.Button.primary.line.Checked{background:#01042f; border:1px solid #01042f; color:rgb(255, 255, 255, 1)}
.Button.primary.line.Disabled{background:#fff; border:1px solid #01042f; color:rgb(1, 4, 47, .5)}

/* success */
.Button.success.line{background:#fff; border:1px solid #23cf3a; color:rgb(35, 207, 58, 1)}
.Button.success.line:active,
.Button.success.line:hover,
.Button.success.line:focus,
.Button.success.line.af-hover,
.Button.success.line.Checked{background:#23cf3a; border:1px solid #23cf3a; color:rgb(255, 255, 255, 1)}
.Button.success.line.Disabled{background:#fff; border:1px solid #23cf3a; color:rgb(35, 207, 58, .5)}

/* warning */
.Button.warning.line{background:#fff; border:1px solid #fac60a; color:rgb(250, 198, 10, 1)}
.Button.warning.line:active,
.Button.warning.line:hover,
.Button.warning.line:focus,
.Button.warning.line.af-hover,
.Button.warning.line.Checked{background:#fac60a; border:1px solid #fac60a; color:rgb(255, 255, 255, 1)}
.Button.warning.line.Disabled{background:#fff; border:1px solid #fac60a; color:rgb(250, 198, 10, .5)}

/* danger */
.Button.danger.line{background:#fff; border:1px solid #ff6a00; color:rgb(255, 106, 0, 1)}
.Button.danger.line:active,
.Button.danger.line:hover,
.Button.danger.line:focus,
.Button.danger.line.af-hover,
.Button.danger.line.Checked{background:#ff6a00; border:1px solid #ff6a00; color:rgb(255, 255, 255, 1)}
.Button.danger.line.Disabled{background:#fff; border:1px solid #ff6a00; color:rgb(255, 106, 0, .5)}


/* **************************************** *
 * BUTTON HOVER
 * **************************************** */
 
.Button.hoverline:active,
.Button.hoverline:focus,
.Button.hoverline:Checked,
.Button.hoverline.active{background:#01042f; border:1px solid #01042f; color:#fff}

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

.Button.hoverline:hover{border-color:rgb(86 41 238 / 15%); background:#fff; box-shadow:0px 0px 5px rgb(86 41 238 / 15%); color:#5629ee;}
.Button.hoverline.Disabled{background:#fff; border:1px solid #5629ee; color:rgb(86, 41, 238, .5)}


/* **************************************** *
 * BUTTON SIZE
 * **************************************** */
 /* small */
 .Button.small{height:32px; padding:5px 10px 5px; font-size:13px; letter-spacing:-0.8px; border-radius:5px}
 .Button.small:active,
 .Button.small:hover,
 .Button.small:focus,
 .Button.small.af-hover,
 .Button.small.Checked{padding:5px 10px 5px}
 .Button.small i{font-size:18px}
 .Button.small.only-ico{min-width:32px; width:auto; padding:0; font-size:18px; text-align:center}
 .Button.small.trans-ico{min-width:auto; width:auto; height:auto; padding:0; background:none; border:none; text-align:center; border-radius:0}
 .Button.small .dfi{width:18px; min-width: 18px}
 .Button.small.doc-ico img{width:20px}


 /* large */
.Button.large{height:44px; padding:12px 20px; font-size:16px; letter-spacing:-0.8px}
.Button.large:active,
.Button.large:hover,
.Button.large:focus,
.Button.large.af-hover,
.Button.large.Checked{padding:12px 20px}
.Button.large i{font-size:20px}
.Button.large.only-ico{min-width:44px; width:auto; padding:11px 0 11px; font-size:20px; text-align:center}
.Button.large.trans-ico{min-width:auto; width:auto; height:auto; padding:0; background:none; border:none; text-align:center; border-radius:0}
.Button.large .dfi{width:20px; min-width:20px}
.Button.large.doc-ico img{width:20px}

/* xlarge */
.Button.xlarge{height:48px; padding:14px 30px 14px; font-size:18px; letter-spacing:-0.8px}
.Button.xlarge:active,
.Button.xlarge:hover,
.Button.xlarge:focus,
.Button.xlarge.af-hover,
.Button.xlarge.Checked{padding:14px 30px 14px}
.Button.xlarge i{font-size:22px}
.Button.xlarge.only-ico{min-width:48px; width:auto; padding:14px 0 14px; font-size:22px; text-align:center}
.Button.xlarge.trans-ico{min-width:auto; width:auto; height:auto; padding:0; background:none; border:none; text-align:center; border-radius:0}
.Button.xlarge .dfi{width:22px; min-width:22px}
.Button.xlarge.doc-ico img{width:22px}

/* xxlarge */
.Button.xxlarge{height:52px; padding:15px 30px 15px; font-size:18px; letter-spacing:-0.8px}
.Button.xxlarge:active,
.Button.xxlarge:hover,
.Button.xxlarge:focus,
.Button.xxlarge.af-hover,
.Button.xxlarge.Checked{padding:15px 30px 15px}
.Button.xxlarge i{font-size:26px}
.Button.xxlarge.only-ico{min-width:52px; width:auto; padding:15px 0 15px; font-size:26px; text-align:center}
.Button.xxlarge.trans-ico{min-width:auto; width:auto; height:auto; padding:0; background:none; border:none; text-align:center; border-radius:0}
.Button.xxlarge .dfi{width:26px; min-width:26px}
.Button.xxlarge.doc-ico img{width:26px}

.Button.xsmall{width:22px; height:22px; min-width:22px; border-radius:6px; display:flex; align-items: center; justify-content: center;}
.Button.xsmall i{font-size:15px; margin-top:1px}
.Button.xsmall.only-ico i{font-size:13px; margin-top:1px}
.Button.xsmall.color01{border-color:#ff8989; color:#ff0404; background:#ffc3c3}
.Button.xsmall.color03{border-color:#fdc23e; color:#fdc23e; background:#ffeb4d}
.Button.xsmall.color04{border-color:#74c01a; color:#66b409; background:#eafcd5}
.Button.xsmall.color08{border-color:#cec0ff; color:#7850ff; background:#f5f2ff}
.Button.xsmall.color12{border-color:#8fa8ff; color:#0062ff; background:#d3ddfe}
.Button.xsmall.color20{border-color:#555555; color:#555555; background:#d8d8d8}
.Button.xsmall.color21{border-color:#ffd197; color:#ff9200; background:#ffe8c7}

.Button.xsmall.color19{border-color:#8d8a8a; color:#8d8a8a; background:#efefef}
.Button.xsmall.color11{border-color:#26a2dc; color:#26a2dc; background:#dff5ff}

.Button.xsmall.color15{border-color:#fa167c; color:#fa167c; background:#ffe3f0}
.Button.xsmall.color05{border-color:#3fc495; color:#3fc495; background:#ddf5ed}
.Button.xsmall.color05-1{border-color:#58b996; color:#429778; background:#cdefe3}


.Button.xxsmall{min-width:18px; height:18px; border-radius:6px; display:flex; align-items: center; justify-content: center;}
.Button.xxsmall i{font-size:13px; margin-top:1px}
.Button.xxsmall.only-ico i{font-size:13px; margin-top:1px}
.Button.xxsmall.color01{border-color:#ff8989; color:#ff0404; background:#ffc3c3}
.Button.xxsmall.color03{border-color:#fdc23e; color:#fdc23e; background:#ffeb4d}
.Button.xxsmall.color04{border-color:#74c01a; color:#66b409; background:#eafcd5}
.Button.xxsmall.color08{border-color:#cec0ff; color:#7850ff; background:#f5f2ff}
.Button.xxsmall.color12{border-color:#8fa8ff; color:#0062ff; background:#d3ddfe}
.Button.xxsmall.color20{border-color:#555555; color:#555555; background:#d8d8d8}
.Button.xxsmall.color21{border-color:#ffd197; color:#ff9200; background:#ffe8c7}

.Button.xxsmall.color19{border-color:#8d8a8a; color:#8d8a8a; background:#efefef}
.Button.xxsmall.color11{border-color:#26a2dc; color:#26a2dc; background:#dff5ff}

.Button.xxsmall.color15{border-color:#fa167c; color:#fa167c; background:#ffe3f0}
.Button.xxsmall.color05{border-color:#3fc495; color:#3fc495; background:#ddf5ed}
.Button.xxsmall.color05-1{border-color:#58b996; color:#429778; background:#cdefe3}

.com-grid .dhx_cal_event_line.color05 .Button.only-ico.small{border-color:#58b996; color:#429778}
.com-grid .dhx_cal_event_line.color09 .Button.only-ico.small{border-color:#ac9ce0; color:#9782dd}


/* **************************************** *
 * BUTTON GROUP
 * **************************************** */
.btnGroup{display:inline-block; vertical-align:middle; font-size:0}
.btnGroup .Button{margin-left:2px}
.btnGroup .Button:first-child{margin-left:0}


/* **************************************** *
 * ROUND
 * **************************************** */
 .Button.round4{border-radius:4px !important}
 .Button.round6{border-radius:6px !important}
 .Button.round8{border-radius:8px !important}
 .Button.round-max{border-radius:1000px !important}


/* **************************************** *
 * MULTISELECT
 * **************************************** */
 .buttonDrop{display:inline-block; position:relative; vertical-align:middle}
 .Dropdownbutton{min-width:88px; max-width:300px; height:40px; padding:0 40px 0 15px; color:#222; font-size:15px; background:#fff; border:1px solid #ddd; font-weight:normal; letter-spacing:-0.2px; text-align:left; border-radius:8px; overflow:hidden; word-wrap:break-word; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box}
 .Dropdownbutton:hover{background:#fff; color:#222; border:1px solid #b7afd4}
 .Dropdownbutton:active,
 .Dropdownbutton:focus,
 .Dropdownbutton.Checked{background:#fff; color:#222; border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1)}
 .Dropdownbutton:after{display:block; right:0; top:0; margin-top:0; width:40px; height:38px; background:url("/static/fw/images/common/divselect.svg") no-repeat right 50%}

 .wms-layout .Dropdownbutton{height:32px}
 .wms-layout .Dropdownbutton:after{width:30px; height:30px}

 .Dropdown,
 .Dropdown > ul{min-width:200px; width:180px; padding:10px 0; background:#fff; border:1px solid #ddd; border-radius:0; box-sizing:border-box; z-index:99}
 .Dropdown > li{padding:5px; line-height:normal; cursor:default !important}
 .Dropdown > li:hover{background:#fafafa}

 .SimpleMultiSelectHeader{display:none; min-width:200px; top:40px!important; padding:5px; background:#f8f8f8; border:1px solid #ddd; border-radius:8px 8px 0 0; z-index:99}
 .SimpleMultiSelectHeader:after{content:""; display:block; clear:both}
 .SimpleMultiSelectHeader li{float:left; width:50%; padding:0 1px; box-sizing:border-box}
 .SimpleMultiSelectHeader li .Button{display:block; width:100%}
 .SimpleMultiSelect{display:none; height:160px; overflow:auto; top:91px !important; border-radius:0 0 8px 8px}
 .SimpleMultiSelect .ImageCheckbox span{padding-top:0}
 .SimpleMultiSelect.round{border-radius:8px}
 

.Multiselect.ui-multiselect{position:relative; min-width:88px; max-width:300px; height:40px; margin-left:0; padding:0 40px 0 15px; font-size:15px; letter-spacing:-0.2px; color:#222222; line-height:1.2; border:1px solid #ccc; vertical-align:middle; border-radius:8px; transition: all 0.3s}
.Multiselect.ui-multiselect:hover{background:#fff url("/static/fw/images/multi_btn_on_default.png") no-repeat right 50%; border:1px solid #b7afd4}
.Multiselect.ui-multiselect:focus,
.Multiselect.ui-multiselect.Checked{background:#fff; color:#222; border:1px solid #b7afd4; box-shadow:2px 2px 4px 0 rgba(0,0,0,0.1)}
.Multiselect.ui-multiselect span.ui-icon{display:none}
.Multiselect.ui-multiselect:after{content:''; position:absolute; right:0; top:0; width:40px; height:38px; background:url("/static/fw/images/common/divselect.png") no-repeat right 50%}

.Multiselect .ui-multiselect-header{margin-bottom:0; padding:5px; background:#f8f8f8; border:none; border-bottom:1px solid #ddd}
.Multiselect.ui-corner-all,
.MultiSelect.ui-corner-all{border-radius:8px}
.Multiselect.ui-widget-content{border:1px solid #ddd; overflow:hidden}

.Multiselect .ui-multiselect-filter{float:none; margin-right:0; font-size:12px; line-height:27px; display:none}
.Multiselect .ui-multiselect-filter:after{content:''; display:block; clear:both}
.Multiselect .ui-multiselect-filter input{position:relative; float:right; width:calc(100% - 29px); height:27px; padding:0px 8px; line-height:27px; font-size:12px; color:#303030; background:#ffffff; border:1px solid #ccc; vertical-align:middle; border-radius:0; box-sizing:border-box}
.Multiselect .ui-multiselect-hasfilter ul{top:0}
.Multiselect .ui-multiselect-hasfilter ul:after{content:''; display:block; clear:both}
.Multiselect .ui-multiselect-hasfilter ul li{float:left; width:50%; padding:0 1px; box-sizing:border-box}
.Multiselect .ui-multiselect-hasfilter ul li a{font-size: 15px; border-radius: 8px; display: flex; justify-content:center; align-items:center;  background:#fff; line-height:135%; border:1px solid #dadada; font-weight:normal; text-align:center; letter-spacing:-0.5px; height:40px;}
.Multiselect .ui-multiselect-hasfilter ul li a .ui-icon{display:none}
.Multiselect .ui-multiselect-hasfilter ul li a:hover{text-decoration:none; border:1px solid #d3d3d3; background:#fafafa;}

.Multiselect .ui-multiselect-checkboxes{box-sizing:border-box; overflow:auto; height:160px !important}
 
.Multiselect .ui-multiselect-checkboxes{padding:10px 0}
.Multiselect .ui-multiselect-checkboxes li{text-indent:0; padding-right:0; padding:5px}
.Multiselect .ui-multiselect-checkboxes li:hover{background:#fafafa}
.Multiselect .ui-multiselect-checkboxes label{position:relative; height:27px; vertical-align:middle; border:none; border-radius:0; cursor:pointer; display:flex; align-items:center}
.Multiselect .ui-multiselect-checkboxes label input{position:absolute; left:4px; top:2px; width:16px; height:16px; margin-right:0; padding:0; border:0; vertical-align:middle; overflow:hidden; opacity:0}
.Multiselect .ui-multiselect-checkboxes label span{display:block; padding-left:24px; font-size:15px; color:#333}
.Multiselect .ui-multiselect-checkboxes label span:after{content:"\ea0e"; position:absolute; left:0; top:6px; width:16px; height:16px; line-height: 16px; background:none; font-family:'xeicon'; font-size: 24px; color:#cbcbcb; text-align: center;}
.Multiselect .ui-multiselect-checkboxes label input[aria-selected="true"] + span:after{content:"\e92e"; color:#5629ee; background:none; }


/* **************************************** *
 * ETC
 * **************************************** */
.tab-ghost-button{position:relative}
.tab-ghost-button .Groupbutton{position:absolute; top:-48px; right:0}
.tab-ghost-button .Groupbutton.small{top:-40px}
/* **************************************** *
 * Tag Editor
 * **************************************** */
.Tagedit-btn-wrap{display:flex; gap:4px; flex-wrap:wrap;}
.Tagedit-btn-wrap .Button{flex:none;}
.Tagedit-btn .Button.info.line{background:rgb(163, 138, 247, 0.1); color:#5629ee; border:1px solid rgb(163, 138, 247, 0.55)}
.Tagedit-btn .Button.info.line.af-hover,
.Tagedit-btn .Button.info.line:hover{color:#5629ee; border:1px solid rgb(163, 138, 247, 1)}
.Tagedit-btn .Button i.mdi.mdi-close{font-size:15px; margin-left:5px; color:rgb(163, 138, 247, 0.7)}
.Tagedit-btn .Button.af-hover i.mdi.mdi-close,
.Tagedit-btn .Button:hover i.mdi.mdi-close{color:#5629ee}

.Tagedit-btn-wrap.ty2{overflow-y:auto; max-height: 70px; align-items: center}
.Tagedit-btn-wrap.ty2 .Tagedit-btn .Button{border-radius:0px; height: 28px; padding:4px 8px}
.Tagedit-btn-wrap.ty2 .Tagedit-btn .Button i{color:inherit;}
.Tagedit-btn-wrap.ty2 .Tagedit-btn .Button:hover i{color:inherit;}
.Tagedit-btn-wrap.ty2 .Tagedit-btn .Button.color04{background:#75d70130; color:#555}
.Tagedit-btn-wrap.ty2 .Tagedit-btn .Button.color05{background:#3fc49530; color:#555}


/* **************************************** *
 * Button - delete
 * **************************************** */
.Button.delete{border:1px solid #f1b4b4}
.Button.delete i{color:#db4242}
.Button.delete:active, .Button.delete:hover,
.Button.delete:focus,.Button.delete.af-hover,
.Button.delete.Checked{background:#fceeee}


/* **************************************** *
 * Button - heart
 * **************************************** */
.Button.heart{border:1px solid #d3d3d3; transition: all 0.3s}
.Button.heart i{color:#dcdcdc; transition: all 0.3s}
.Button.heart:active,
.Button.heart:hover,
.Button.heart:focus,
.Button.heart.af-hover{background:#fff; border:1px solid #f1b4b4}
.Button.heart:active i,
.Button.heart:hover i,
.Button.heart:focus i,
.Button.heart.af-hover{color:#ff3e3e}

.Button.heart.Checked{background:#fff; border:1px solid #f1b4b4}
.Button.heart.Checked i{color:#ff3e3e}
.Button.heart.trans-ico{border:none; background:transparent;}



/* **************************************** *
 * Button - LIG type Excel button
 * **************************************** */
 .Button i.doc_excel02{font-style: normal;}
 .Button i.doc_excel02:before{content:""; display:inline-block; margin-top:4px; width: 18px; height: 18px; background:url("/static/fw/images/common/doc_excel02.svg") no-repeat; text-decoration: inherit; }

 .Button i.doc_excel03{font-style: normal;}
 .Button i.doc_excel03:before{content:""; display:inline-block; margin-top:4px; width: 18px; height: 18px; background:url("/static/fw/images/common/doc_excel03.svg") no-repeat; text-decoration: inherit; }