@charset "UTF-8";

/* **************************************** *
 * TABLE
 * **************************************** */
.Table-wrapper.Table-wrapper{border:1px solid #eaeaea; background:#fff; padding:12px; border-radius:12px}
.com-table.lineless .Table-wrapper.Table-wrapper{border:0}

.Table{border-collapse:inherit; border-radius:15px}

.Table,
.Table td,
.Table.Form-type tr,
.Table tr,
.Table.Form-type tbody th,
.Table th{border:none; word-wrap:break-word; word-break:break-all}


.Table.Form-type .sample-grid table tr,
.Table.Form-type .sample-grid table td,
.Table.Form-type .sample-grid table th{border-bottom :1px inset; border-right:1px inset;}
.Table.Form-type .sample-grid table thead th{height:44px;  background:#fafafa; text-align: center;}
.Table.Form-type .sample-grid table thead th:last-child,
.Table.Form-type .sample-grid table tbody td:last-child{border-right:0px !important}
.Table.Form-type .sample-grid table tbody tr:hover td{background:#f4f4f4}


.Table.Form-type tbody th,
.Table th{padding:5px 15px; background:none; font-size:15px; text-align:left; color:#202020; line-height:1.5; font-weight:300; letter-spacing:-0.5px; vertical-align:middle}

.Table.Form-type tbody td,
.Table td{padding:5px; font-size:15px; border-bottom:none; line-height:1; color:#202020; border:none}
.Table td.file_table{display:flex; flex-direction:column}

.com-table.sample-icon .Table.Form-type tbody td,
.com-table.sample-icon .Table td{padding:15px 5px}
.com-table.sample-icon .Table td i{font-size:24px}
.com-table.sample-icon .Table td svg{width:32px; height:32px}
.com-table.sample-button .Table.Form-type tbody td,
.com-table.sample-button .Table td{padding:15px 5px}
.com-table.proto .Table.Form-type tbody td,
.com-table.proto .Table td{background:#50545c; border:1px solid #44474e; color:#fff}

.Table tr:nth-child(even){background:none}

.com-table td > input:not([type]),
.com-table td > input[type='text'],
.com-table td > input[type='password'],
.com-table td .Divselect,
.com-table td[colspan="3"] > input:not([type]),
.com-table td[colspan="3"] > input[type='text'],
.com-table td[colspan="3"] > input[type='password']{width:45%}

.com-table td > input.Width-100, .com-table td > select.Width-100{width:100%}
.com-table td[colspan="3"]>input.Width-100{width:100%}
.com-table th .Color-danger{padding-left:4px; font-size:12px}
.com-table div.role-select:not(:nth-child(3)){display:none}
.com-table span[data-for]{font-size:12px; line-height:155%}
.com-table span[data-for].Color-danger.invalid{color:#e2101e}

.com-table.top-line{position:relative}
.com-table.top-line .Table-wrapper{border:1px solid #ddd; padding:20px}
.com-table.top-line .Table-wrapper .Table-wrapper{border-top:1px solid #dcdfe2}

.com-table.tcenter .Table tbody th,
.com-table.tcenter .Table th,
.com-table.tcenter .Table td{text-align:center}

.com-table .Table tr.spacer{border:1px solid rgba(255,255,255,0)}
.com-table .Table tr.spacer td{height:10px; border-right:1px solid rgba(255,255,255,0)}

.com-table .post-search .detail-address{margin-top:5px}

.com-table .form-list li{margin-top:5px}
.com-table .form-list li:first-child{margin-top:0}

.com-table .Table td .searchkey{display:inline-block; position:relative; vertical-align:middle; box-sizing:border-box}
.com-table .Table td .searchkey .search{position:absolute; right:1px; top:1px; bottom:1px; width:32px; height:auto; padding:0; padding-left:3px; background:transparent; border:0; font-weight:300; color:#abaaaa; text-align:left; border-radius:0 8px 8px 0}
.com-table .Table td .searchkey .search i{font-size:18px}
.com-table .Table td .searchkey .Textinput{width:100%; padding-right:40px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden}
.com-table .Table td .searchkey .Textinput.af-hover + button.search,
.com-table .Table td .searchkey .Textinput:focus + button.search{border:0}

.ocr-table-transform table{table-layout:fixed; width:100%; color:#202020; border-collapse:collapse; border-spacing:0}
.ocr-table-transform table td{display:table-cell; text-align:left; padding:8px 5px; border:1px solid #202020; line-height:1.5; color:#202020; font-size:13px; font-weight:normal; word-wrap:break-word; word-break:break-all}

.wms-layout .Table-wrapper.Table-wrapper{padding:13px 8px}
.wms-layout .Table.Form-type tbody th,
.wms-layout .Table th{padding:2px 15px; font-size:14px}
.wms-layout .Table.Form-type tbody td,
.wms-layout .Table td{padding:2px 5px; font-size:14px;}

.wms-layout .com-table.info-box .Table.Form-type tbody td,
.wms-layout .com-table.info-box .Table td{padding:10px 4px}

/* popup */
.layerpop-box .Table-wrapper.Table-wrapper{border:0; padding:0}
.layerpop-box .com-searchbox .Table-wrapper.Table-wrapper{border:1px solid #eaeaea; padding:12px 14px}
.layerpop-box .com-searchbox.lineless .Table-wrapper.Table-wrapper{border:0}
.layerpop-box.wms-layout .com-searchbox .Table-wrapper.Table-wrapper{border:1px solid #eaeaea; padding:12px 8px}
/*.Dialog .com-searchbox .searchConfirm{top:5px; background:none; border:0}*/
.Dialog .layerpop-box .com-searchbox .searchConfirm{top:0; background:#fff; border:1px solid #eaeaea; /*border-radius:50px;*/ padding:0px}


/* **************************************** *
 * SEARCHBOX
 * **************************************** */
.com-searchbox{position:relative; z-index: 1;}
.com-searchbox:after{content:""; clear:both; display:block}
.com-searchdetail{display:block; position:relative; height:0; padding:0; overflow:hidden}
.com-searchdetail.visible{display:block; height:auto; margin-top:-1px}
.com-searchbox .searchConfirm{position:absolute; right:0; top:0; background:#fff; border:1px solid #eaeaea; font-size:0; border-radius:0 0 0 10px; overflow:hidden; z-index:1}

.com-searchbox .searchConfirm .open,
.com-searchbox .searchConfirm .reset{width:28px; min-width:28px; height:28px; margin:0; padding:0; background:none; border:0; text-align:center; border-radius:0}
.com-searchbox .searchConfirm .open:hover,
.com-searchbox .searchConfirm .open:active,
.com-searchbox .searchConfirm .open:focus,
.com-searchbox .searchConfirm .open.Checked,
.com-searchbox .searchConfirm .reset:hover,
.com-searchbox .searchConfirm .reset:active,
.com-searchbox .searchConfirm .reset:focus,
.com-searchbox .searchConfirm .reset.Checked{background:none; margin:0; padding:0; border:0}
.com-searchbox .searchConfirm .open:after,
.com-searchbox .searchConfirm .reset:after{line-height:24px; font-family:'Material Design Icons','xeicon'; font-weight:300; font-size:18px}
.com-searchbox .searchConfirm .open:after{content:"\e944"; color:#808080}
.com-searchbox .searchConfirm .open.close:after{content:"\e941"}
.com-searchbox .searchConfirm .reset:after{content:"\F099B"; color:#808080}
.com-searchbox .searchConfirm button:nth-child(even):before{content:''; position:absolute; left:0; top:0; width:1px; height:100%; background:#dcdfe2}

.com-searchbox .searchExtend{position:absolute; right:0; top:0; background:#f9fafc; border:1px solid #dcdfe2; font-size:0; overflow:hidden; z-index:1}
.com-searchbox .searchExtend .open,
.com-searchbox .searchExtend .reset{width:24px; min-width:24px; height:24px; margin:0; padding:0; background:none; border:0; text-align:center; border-radius:0}
.com-searchbox .searchExtend .open:hover,
.com-searchbox .searchExtend .open:active,
.com-searchbox .searchExtend .open:focus,
.com-searchbox .searchExtend .open.Checked,
.com-searchbox .searchExtend .reset:hover,
.com-searchbox .searchExtend .reset:active,
.com-searchbox .searchExtend .reset:focus,
.com-searchbox .searchExtend .reset.Checked{background:none; margin:0; padding:0; border:0}
.com-searchbox .searchExtend .open:after,
.com-searchbox .searchExtend .reset:after{line-height:24px; font-family:'xeicon'; font-weight:300; font-size:16px}
.com-searchbox .searchExtend .open:after{content:"\e941"; color:#0196fa}
.com-searchbox .searchExtend .open.active:after{content:"\e944"}
.com-searchbox .searchExtend .reset:after{content:'\e973'; color:#808080} 

/* **************************************** *
 * sysadm
 * **************************************** */
.com-searchbox .searchConfirm.sysadm{top:41px}


/* **************************************** *
 * INFOBOX
 * **************************************** */
.com-table.info-box .Table.Form-type tbody td, 
.com-table.info-box .Table td{padding:14px 4px}


/* **************************************** *
 * TABLE CONTENT
 * **************************************** */ 
.com-table.info-company .Table th,
.com-table.info-company .Table td,
.com-table.info-company .Table td span{font-size:15px; letter-spacing:-0.5px}