/* s: All Style */ body,th,td,input,select,button,textarea{font-style:normal;font-weight:normal;font-family: 'noto_serifregular', 'Inter', 'Noto Sans KR', 'Malgun Gothic', 'Dotum', sans-serif !important;color:#494949;line-height:1.2;letter-spacing:-0.03em; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } @font-face {font-family: 'noto_serifregular';src: url('/assets/font/NotoSerifKhmer/NotoSerifKhmer-Regular.woff2') format('woff2');font-weight: normal;font-style: normal;} .gnbFont {font-size:1.2em;} .contents .title-area .page-btn > div + div {margin-left:7px;} #table-list-wrap table tbody tr td > a {color:#494949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;} #table-list-wrap table thead tr > th a.txt, tfoot tr.txt {text-overflow: ellipsis; white-space: nowrap;} #left-menu-wrap > ul > li > div.change-icon-wrap .conts .sel-icon-box ul li a.on {border-width:3px;} /* NEW QUOTATION */ .layerCont.new-quotation {} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search {position:relative;display:block;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #E0E0E0;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #E0E0E0;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 118px);display:flex;align-items:center;justify-content:flex-end;} /* Updated by 개발팀 */ .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;text-align:right;}/* padding:5px; */ .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#1B1B1B; font-weight: 600;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;width:23.7%;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div input[type=text] {display:block;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .select-box-default-st {display:block;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:30px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right {} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #E0E0E0;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#1B1B1B; font-weight: 500;text-align:right; font-size: 14px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#1B1B1B; font-weight: 600;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#1B1B1B;font-weight: 600;font-size:18px;margin-top:20px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.new-quotation #layerPopup-contsBox > #table-form-wrap {margin-top:30px;} .layerCont.new-quotation #layerPopup-contsBox > #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.article_approval #btn-wrap-default div.select-box-default-st li.public:before {content: '';background: url("./images/boards/icon_public.svg")no-repeat;display: inline-block;margin-right: 6px;width: 12px;height: 12px;} .layerCont.article_approval #btn-wrap-default div.select-box-default-st li.private:before {content: '';background: url("./images/boards/icon_private.svg")no-repeat;display: inline-block;margin-right: 6px;width: 13px;height: 14px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > div > a.del:before {content: '';background: url("./images/boards/icon_listbox_del.svg")no-repeat;display: inline-block;margin-right: 0;width: 16px;height: 16px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > div > a.icon_dis:before {content: '';background: url("./images/boards/icon_approved04.svg")no-repeat;display: inline-block;margin-right: 0;width: 16px;height: 16px;} /* Over */ .layerCont.edit_article_approval {height:auto !important;} .layerCont.edit_article_approval #layerPopup-contsBox {/*max-width:1100px;*/width:680px;} .layerCont.edit_article_approval .layerPopupWrap {width:680px;} .layerCont.edit_article_approval .title-tag{height:58px;display:flex;align-items:center;padding:10px 10px 0;border-bottom:1px solid #E0E0E0;} .layerCont.edit_article_approval .title-tag ul{display:flex;height:100%;} .layerCont.edit_article_approval .title-tag ul li{height:100%;} .layerCont.edit_article_approval .title-tag ul li + li{margin-left:8px;} .layerCont.edit_article_approval .title-tag ul li a{display:flex;align-items:center;font-size:13px;font-weight:500;color:#000;position:relative;padding:0 8px 8px;height:100%;} .layerCont.edit_article_approval .title-tag ul li a.active{color:#0069B9;} .layerCont.edit_article_approval .title-tag ul li:last-child a:before{content:'';background:url("./images/boards/icon-approval.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.edit_article_approval .title-tag ul li:first-child a:before{content:'';background:url("./images/boards/icon-article.svg")no-repeat;display:inline-block;width:14px;height:12px;margin-right:4px;} .layerCont.edit_article_approval .title-tag ul li:last-child a.active:before{content:'';background:url("./images/boards/icon-approval-active.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.edit_article_approval .title-tag ul li:first-child a.active:before{content:'';background:url("./images/boards/icon-article-active.svg")no-repeat;display:inline-block;width:14px;height:12px;margin-right:4px;} .layerCont.edit_article_approval .title-tag ul li a.active:after{content:'';position:absolute;left:50%;bottom:0;background-color:#0069b9;width:100%;height:2px;transform:translateX(-50%);} .layerCont.edit_article_approval .title-input{padding:20px 0;} .layerCont.edit_article_approval .title-input input{width:100%;background-color:transparent;width:100%;border:none;font-size:27px;font-weight:700;color:#1b1b1b;border-radius:0;padding:0;} .layerCont.edit_article_approval .title-input input::placeholder{font-weight:700;color:#1b1b1b;opacity:0.5;} .layerCont.edit_article_approval .more-wrap{padding:20px 0 10px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.edit_article_approval .more-wrap .more-area > a{font-size:13px;color:#1b1b1b;font-weight:500;display:inline-flex;align-items:center;} .layerCont.edit_article_approval .more-wrap .more-area > a:after{content:'';background:url("./images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.edit_article_approval .more-wrap .more-area > a.active:after{content:'';background:url("./images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transform:rotate(180deg);transition:.45s;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn.active:after{transform:rotate(180deg);} .layerCont.edit_article_approval .more-wrap .more-chkBox{padding-bottom:20px;display:none;margin-left:-20px;margin-top:-20px;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div{display:inline-flex;margin-left:20px;margin-top:20px;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div + div{} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div{display:inline-flex;align-items:center;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div.hide-btn{display:none;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div.hide-btn.active a.more:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div a.more{display: inline-flex; align-items: center;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div a.more:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div a.more.active:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div.calendar-wrap input[type=text]{cursor:pointer;padding:0;border:none;height:auto;background:transparent;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;width:110px;} .layerCont.edit_article_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;width:18px;height:18px;transition:.45s;} .layerCont.edit_article_approval .more-wrap > dl{display:flex;padding:10px 0;} .layerCont.edit_article_approval .more-wrap > dl.pd4{padding:4px 0;} .layerCont.edit_article_approval .more-wrap > dl + dl{} .layerCont.edit_article_approval .more-wrap > dl > dt:not(.total_amount){width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;display:flex;align-items:center;} .layerCont.edit_article_approval .more-wrap > dl > dt.required:after{content:'*';width:auto;height:auto;background:none;color:#F60404;border-radius:0;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount{width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:1;display:flex;align-items:center;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount a{color:#b5b5b5} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount:before{opacity:0.5;} .layerCont.edit_article_approval .more-wrap > dl > dd{width:calc(100% - 160px);font-weight:500;color:#000;position:relative;} .layerCont.edit_article_approval .more-wrap > dl > dd > a{display:inline-flex;align-items:center;color:#0169B9;font-weight:500;font-size:13px;transition:.45s;} .layerCont.edit_article_approval .more-wrap > dl > dd > a:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.edit_article_approval .more-wrap > dl > dd > a.active:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.edit_article_approval .more-wrap > dl > dt:before{content:'';width:18px;height:18px;display:inline-block;margin-right:6px;} .layerCont.edit_article_approval .more-wrap > dl > dt.doc_num:before{background:url("./images/boards/icon_doc_num.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.requestor:before{background:url("./images/boards/detail_user.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.request_doc:before{background:url("./images/boards/icon_doc_num.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.request_ty:before{background:url("./images/boards/icon_approved01.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.request_dt:before{background:url("./images/boards/icon_approved02.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.scheduled_dt:before{background:url("./images/boards/icon_approved02.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount:before{background:url("./images/boards/icon_approved03.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.approver:before{background:url("./images/boards/detail_user.svg")no-repeat;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount{position:relative;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup{z-index:3;display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:calc(100% + 2px);} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup{} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a:hover{background-color:#EBF2FF} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.edit_article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.edit_article_approval .textarea-wrap > p{font-size:14px;color:#000;font-weight:500;} .layerCont.edit_article_approval .textarea-wrap .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table thead tr td{padding:10px;font-weight:600;font-size:13px;color:#757575;background-color:#F5F5F5;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table thead tr td > div.table-profile:before{content:'';background:url("./images/boards/icon-tag-profile.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table thead tr + tr{border-top:1px solid #e0e0e0;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr + tr{} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody{border-top:1px solid #e0e0e0;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#1B1B1B;font-weight:500;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr td /* + td */{border-left:1px solid #e0e0e0;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr:not(.total) td:first-child{/* border-bottom:none; */} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr.total td{font-weight:600;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr.salary td{border-bottom:none;} .layerCont.edit_article_approval .textarea-wrap .textarea-table table tbody tr.salary td + td{border-left:none;} .layerCont.edit_article_approval .more-wrap > dl > dd .sub-popup{display:none;z-index:2;position:absolute;left:0;top:calc(100% + 5px);border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:150px;} .layerCont.edit_article_approval .more-wrap > dl > dd .sub-popup ul li a{padding:10px;font-size:13px;color:#1b1b1b;font-weight:500;display:flex;} .layerCont.edit_article_approval .more-wrap > dl > dd .currency{display:flex;align-items:center;background-color:#EAEAEA;border-radius:6px;padding:6px 8px;} /* .layerCont.edit_article_approval .more-wrap > dl > dd .currency .unit{margin-right:10px;font-size:13px;font-weight:500;color:#7D7D7D;} .layerCont.edit_article_approval .more-wrap > dl > dd .currency .val{font-size:13px;font-weight:500;color:#1b1b1b;} */ .layerCont.edit_article_approval .more-wrap > dl > dd .currency > div{color:#000;font-weight:500;font-size:13px;} .layerCont.edit_article_approval .more-wrap > dl > dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box{position:relative;} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup{position:absolute;display:none;left:0;top:calc(100% + 10px);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);border-radius:6px;padding:10px;z-index:2;} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{display:flex;align-items:center;} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile{width:34px;} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile figure{width:34px;height:34px;border-radius:50%;overflow:hidden;} .layerCont.edit_article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .text{padding-left:10px;width:calc(100% - 34px);} .layerCont.edit_article_approval .more-wrap > dl > dd .name-tag{display:flex;background-color:#eaeaea;border-radius:6px;padding:6px 8px;align-items:center;} .layerCont.edit_article_approval .more-wrap > dl > dd .name-tag .name{display:flex;align-items:center;} .layerCont.edit_article_approval .more-wrap > dl > dd .name-tag .name figure{width:18px;border-radius:50%;height:18px;overflow:hidden;margin-right:5px;} .layerCont.edit_article_approval .more-wrap > dl > dd .name-tag > a.close{display:flex;background:url("./images/boards/side_close.svg")no-repeat;width:18px;height:18px;background-size:18px;margin-left:5px;} .layerCont.edit_article_approval .more-wrap > dl > dd .name-input input[type=text]{border:none;padding:6px 0;border-radius:0;color:rgba(27,27,27,0.5);font-weight:500;font-size:13px;} .layerCont.edit_article_approval .more-wrap > dl > dd .name-input input[type=text]::placeholder{color:#1b1b1b;opacity:0.5;font-weight:500;} .layerCont.edit_article_approval .more-wrap > dl > dd.name-tag-wrap{display:flex;flex-flow:wrap;margin-left:-10px;margin-top:-10px;} .layerCont.edit_article_approval .more-wrap > dl > dd.name-tag-wrap > div{margin-left:10px;margin-top:10px;} .layerCont.edit_article_approval #layerPopup-contsBox{max-height:620px;overflow-y:auto;overflow-x:hidden;} .layerCont.edit_article_approval .layerPopupWrap{} .layerCont.edit_article_approval .textarea-wrap{position:relative;} .layerCont.edit_article_approval .textarea-wrap .tag-popup{display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:0;} .layerCont.edit_article_approval .textarea-wrap .tag-popup{} .layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a:hover{background-color:#EBF2FF} .layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.edit_article_approval .textarea-wrap .tag-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.edit_article_approval .textarea-wrap > p.placeholder{font-size:14px;color:#000;font-weight:500;} .layerCont.edit_article_approval .textarea-wrap > p{font-size:13px;font-weight:500;color:#000;line-height:20px;} .layerCont.edit_article_approval .del-box{margin-top:20px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} .layerCont.edit_article_approval .del-box .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;} .layerCont.edit_article_approval .del-box .file-img.pdf{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(179, 11, 0, 0.08);border-right:1px solid #d9d9d9;} .layerCont.edit_article_approval .del-box .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} .layerCont.edit_article_approval .del-box .cont .text p.name{font-size:13px;color:#000;font-weight:500;} .layerCont.edit_article_approval .del-box .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} .layerCont.edit_article_approval .del-box .cont a{display:flex;background:url("./images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;} .layerCont.edit_article_approval .del-box.img-section{height:auto;position:relative;} .layerCont.edit_article_approval .del-box.img-section figure{border-radius:5px;overflow:hidden;padding:8px;} .layerCont.edit_article_approval .del-box.img-section .del-btn{position:absolute;right:10px;top:10px;background-color:#fff;border-radius:6px;border:1px solid rgba(0,0,0,0.20);width:30px;height:30px;display:flex;align-items:center;justify-content:center;} .layerCont.edit_article_approval .del-box.img-section .del-btn:before{content:'';background:url("./images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;display:inline-block;} .layerCont.edit_article_approval .textarea-wrap .listBox {display:flex;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea{width:260px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #FBFBFB;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title{padding:10px 15px;display:flex;justify-content:space-between;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title > a:before{content: '';background: url("./images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title > a.del{} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title > a.del:before{content: '';background: url("./images/boards/icon_listbox_del.svg")no-repeat; display: inline-block; margin-right: 0; width: 16px;height: 16px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap{} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;max-height:150px;height:150px;resize: none;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .placeholder-overlay{color:#000;position:absolute;left:15px;top:0;opacity:0.4;font-size: 13px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .placeholder-overlay > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white{width:260px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #fff;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title{padding:10px 15px;display:flex;justify-content:space-between;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts{position:relative;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup .keyword-search{border:none;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup{z-index:2;display:none;position:absolute;left:0;top:calc(100% + 5px);background-color:#fff;overflow:hidden;min-width:250px;border:1px solid #e0e0e0;border-radius:6px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup.search ul li{border-top:1px solid #E0E0E0;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li + li{border-top:1px solid #E0E0E0;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li a{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li a:hover{background-color:#EDF7FF;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title a.more{display:inline-flex;align-items:center;color:#0169B9;font-weight:500;font-size:13px;transition:.45s;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title a.more:before{display:none;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title a.more:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title a.more.active:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title > a.save{font-weight:600;color:#000;opacity:0.6;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .title > a.save:before{display:none;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea.white .textarea-wrap .textarea{opacity:0.4;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title > a.del{} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .title > a.del:before{content: '';background: url("./images/boards/icon_listbox_del.svg")no-repeat; display: inline-block; margin-right: 0; width: 16px;height: 16px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap{} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.edit_article_approval .textarea-wrap .listBox .management-textarea .price p:last-child{opacity:0.4;} .layerCont.edit_article_approval .check-conts .check-top{padding:10px 20px;} .layerCont.edit_article_approval .check-conts .check-top > .head > h2{font-size:16px;color:#1B1B1B;font-weight:700;} .layerCont.edit_article_approval .check-conts .check-top input[type=checkbox].checkBox-normal + label{font-size:16px;font-weight:700;} .layerCont.edit_article_approval .check-conts .check-top .add-wrap{position:relative;} .layerCont.edit_article_approval .check-conts .check-top .add-wrap .add-popup{display:none;background-color:#fff;border-radius:6px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);min-width:190px;position:absolute;right:0;top:calc(100% + 5px);z-index:2;} .layerCont.edit_article_approval .check-conts .check-top .add-wrap .add-popup li{padding:10px;} .layerCont.edit_article_approval .check-conts .check-top .add-wrap .add-popup li + li{border-top:1px solid #E0E0E0;} .layerCont.edit_article_approval .check-conts .check-top .add-wrap .add-popup li input[type=checkbox].checkBox-normal + label{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.edit_article_approval .check-conts .date-wrap > a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 20px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.edit_article_approval .check-conts .date-wrap > a:after{content:'';background:url("./images/boards/icon_chevup.svg")no-repeat;display:inline-block;width:16px;height:16px;transform:rotate(180deg);} .layerCont.edit_article_approval .check-conts .date-wrap > a.active:after{content:'';background:url("./images/boards/icon_chevup.svg")no-repeat;display:inline-block;width:16px;height:16px;transform:rotate(0);} .layerCont.edit_article_approval .check-conts .date-wrap{} .layerCont.edit_article_approval .check-conts .date-wrap{} .layerCont.edit_article_approval .check-conts .date-wrap{} .layerCont.edit_article_approval .check-conts .date-wrap{} .layerCont.edit_article_approval .check-conts .date-wrap .list{display:none;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #E0E0E0;} /* .layerCont.edit_article_approval .check-conts .date-wrap .list > dl + dl{border-top:1px solid #E0E0E0;} */ .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dt{width:17px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dt .head{margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd{padding-left:15px;width:calc(100% - 17px);} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .left > div{color:#000;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .left > div > p.name{color:#000;opacity:1;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .left > div > p.num{color:#808080;font-weight:500;margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .left > p{color:#808080;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .right > div{color:#000;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .right > div p.employees{color:#808080;font-weight:500;margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd .right > p{color:#808080;font-weight:500;margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap + .date-wrap .date{border-top:none;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list{border-top:1px solid #e0e0e0;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #E0E0E0;} /* .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl + dl{border-top:1px solid #E0E0E0;} */ .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dt{width:17px;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dt .head{margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd{padding-left:15px;width:calc(100% - 17px);min-width:calc(100% - 17px);} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div{color:#000;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div > p.name{color:#000;opacity:1;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div > p.num{color:#808080;font-weight:500;margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .left > p{color:#808080;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .right > div{color:#000;font-weight:500;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .right > div p.employees{color:#808080;font-weight:500;margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .radio-list > dl > dd .right > p{color:#808080;font-weight:500;margin-top:5px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker {width:16px;height:16px;position:relative;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > a {display:block;width:100%;height:100%;background:url('./images/common/svg/icon-sticker.svg') no-repeat center top -7px/32px 186px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker.default > a {background-position:center top -7px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker.green > a {background-position:center top -38px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker.yellow > a {background-position:center top -69px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker.blue > a {background-position:center top -100px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker.red > a {background-position:center top -131px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker.purple > a {background-position:center top -162px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write {display:none;position:absolute;top:0;right:100%;padding-right:20px;z-index:2;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('./images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write.bottom {top:auto;bottom:-10px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write.bottom:after {top:auto;bottom:8px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts {width:300px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .sticker-memo {padding:10px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .sticker-memo textarea {width:100%;min-height:75px;border:0;outline:none;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:space-between;align-items:center;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box {display:flex;align-items:center;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a + a {margin-left:7px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap a.save {font-size:1.0rem;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view {display:none;position:absolute;top:0px;right:100%;padding-right:20px;z-index:2;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('./images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view.bottom {top:auto;bottom:-10px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view.bottom:after {top:auto;bottom:8px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view .conts {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);padding:10px;} .layerCont.edit_article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view .conts > div {width:300px;min-height:150px;max-height:230px;overflow-y:auto;white-space:normal;line-height:1.4;} .layerCont.edit_article_approval .side-input-wrap .filter-wrap{position:relative;} .layerCont.edit_article_approval .side-input-wrap .filter-wrap .add-popup{display:none;border-radius:6px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);background-color:#fff;min-width:190px;position:absolute;right:0;top:calc(100% + 5px);z-index:2;} .layerCont.edit_article_approval .side-input-wrap .filter-wrap .add-popup li{padding:10px;} .layerCont.edit_article_approval .side-input-wrap .filter-wrap .add-popup li + li{border-top:1px solid #E0E0E0;} .layerCont.edit_article_approval .side-input-wrap .filter-wrap .add-popup li input[type=checkbox].checkBox-normal + label{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.edit_article_approval .textarea-wrap textarea{border:none;padding:20px 0;font-size:14px;font-weight:500;outline:none;width:100%;min-height:310px;min-width:100%;position:relative;resize:none;} .layerCont.edit_article_approval #layerPopup-contsBox{position:relative;padding-bottom:0;} .layerCont.edit_article_approval #layerPopup-contsBox .main-contsBox{width:calc(100% - 63px);padding-bottom:15px;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox{/* height:750px; */min-height:725px;position:absolute;right:-362px;top:0;background-color:#fff;border-left:1px solid #E0E0E0;width:425px;padding-bottom:15px;/* padding:20px; */transition:.45s;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox.active{width:425px;transition:.45s;right:0;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .sideWrap{display:none;} /* .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox.active .sideWrap{display:block;} */ .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-title {padding:20px 20px 0;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn{width:23px;height:23px;display:flex;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn:before{content:'';background:url("./images/boards/popup_slide_btn.svg")no-repeat center center;display:inline-block;width:19px;height:15px;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn.active:before{content:'';background:url("./images/boards/popup_slide_btn_on.svg")no-repeat center center;display:inline-block;width:19px;height:15px;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap{padding:0 20px;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox{margin-left:-10px;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox > div{width:calc((100% / 2) - 10px);margin-left:10px;} .layerCont.edit_article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox > div.select-box-default-st input.selectValue{width:100%;} .layerCont.edit_article_approval .layerPopupWrap#approval-conts #btn-wrap-default{border-top: 1px solid #E0E0E0;} .layerCont.edit_article_approval #btn-wrap-default{} .layerCont.edit_article_approval #btn-wrap-default{border:none;} .layerCont.edit_article_approval #btn-wrap-default .etc-btn a.tag{font-size:14px;color:#757575;font-weight:700;} .layerCont.edit_article_approval #btn-wrap-default .etc-btn a.tag.active{color:#0069B9} .layerCont.edit_article_approval #btn-wrap-default .etc-btn a.file:before{transform:rotate(45deg);} .layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box{position:relative;width:17px;height:17px;} .layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box{} .layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);} .layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box label:before {background:url("./images/boards/article_approval_file.svg")no-repeat;width:17px;height:17px;} .layerCont.edit_article_approval #btn-wrap-default .etc-btn .input-box .upload-name {display:none;outline:none;/* display:inline-block; */width:100%;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.15);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px; } .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st{background-color:#fff;border:1px solid #BABABA;} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > a{padding:0 8px;min-width:auto;color:#000;} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > span.menu-btn{border-left:none;display:flex;align-items:center;justify-content:center;} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > span.menu-btn:before{content:'';background:url("./images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap.tlt{bottom:auto;top:calc(100% + 5px);border-radius: 6px;border: 1px solid rgba(51, 51, 51, 0.15);background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a:hover{} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a{display:flex;align-items:center;} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a.public:before{content:'';background:url("./images/boards/icon_public.svg")no-repeat;display:inline-block;margin-right:6px;width:12px;height:12px;} .layerCont.edit_article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a.private:before{content:'';background:url("./images/boards/icon_private.svg")no-repeat;display:inline-block;margin-right:6px;width:13px;height:14px;} /* QUOTATION DETAIL */ .layerCont.quotation-details {} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search {position:relative;display:block;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #E0E0E0;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #E0E0E0;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 90px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;text-align:right;} /* remove padding:5px; */ .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#1B1B1B; font-weight: 600;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;width:23.7%;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div input[type=text] {display:block;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .select-box-default-st {display:block;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:30px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right {} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #E0E0E0;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#1B1B1B; font-weight: 500;text-align:right; font-size: 14px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#1B1B1B; font-weight: 600;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#1B1B1B;font-weight: 600;font-size:18px;margin-top:20px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.quotation-details #layerPopup-contsBox > #table-form-wrap {margin-top:0px;} .layerCont.quotation-details #layerPopup-contsBox > #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.quotation-details #layerPopup-contsBox a.icon-svg-menu.delete:before {width:24px;height:24px;} /* NEW PURCHASE ORDER */ .layerCont.new-porder {} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search {position:relative;display:block;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #E0E0E0;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #E0E0E0;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 118px);display:flex;align-items:center;justify-content:flex-end;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;padding:5px;text-align:right;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#1B1B1B; font-weight: 600;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;width:23.7%;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div input[type=text] {display:block;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .select-box-default-st {display:block;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:30px;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right {} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #E0E0E0;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#1B1B1B; font-weight: 500;text-align:right; font-size: 14px;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#1B1B1B; font-weight: 600;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#1B1B1B; font-weight: 600;font-size:18px;margin-top:20px;} .layerCont.new-porder #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.new-porder #layerPopup-contsBox > #table-form-wrap {margin-top:30px;} .layerCont.new-porder #layerPopup-contsBox > #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} /*PURCHASE DETAIL*/ /* Updated by 개발팀 */ .layerCont.porder-details #layerPopup-contsBox .title-function {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;} .layerCont.porder-details #layerPopup-contsBox .title-function .title {font-size:18px;font-weight:500;} .layerCont.porder-details #layerPopup-contsBox .title-function .btn-area {display:flex;align-items:center;} .layerCont.porder-details #layerPopup-contsBox .title-function .btn-area > a {padding-left:0;} /* Updated by 개발팀 */ /* QUOTATION DETAIL */ .layerCont.porder-details {} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box {display:flex;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left {width:270px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div {margin-top:6px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search {position:relative;display:block;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li {} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate {display:flex;border:1px solid #E0E0E0;border-radius:5px;visibility:hidden;opacity:0;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate.active {visibility:visible;opacity:1;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd {width:90px;display:flex;align-items:center;padding:8px;border-right:1px solid #E0E0E0;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.usd > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change {color:#A6A6A6;width:calc(100% - 90px);display:flex;align-items:center;justify-content:flex-end;} /* Updated by 개발팀 */ .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change input[type=text] {border:0;text-align:right;} /* padding:5px; */ .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.exchange-rate div.change > span.flag {display:inline-block;width:18px;height:18px;margin:0 5px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box {margin-top:20px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height:105px;margin-top:10px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;overflow-y:auto;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box a {width:180px;margin-top:10px;padding-left:0;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right {width:calc(100% - 300px);margin-left:30px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {display:flex;justify-content:space-between;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p {display:flex;white-space:nowrap;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#1B1B1B; font-weight: 600;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p + p {margin-top:12px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p {justify-content:flex-end;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div.right > div > p.balance-due {font-size:36px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {display:flex;flex-wrap:wrap;margin-top:30px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div {min-width:23%;margin-right:10px;margin-top:20px;width:23.7%;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div label {display:inline-block;margin-bottom:5px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div input[type=text] {display:block;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .calendar-wrap input[type=text] {width:auto;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div .select-box-default-st {display:block;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot {display:flex;justify-content:space-between;margin-top:30px;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.left textarea {width:280px;height:64px;border:1px solid #E0E0E0;border-radius:5px;padding:7px;margin-top:6px;resize:none;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right {} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #E0E0E0;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#1B1B1B; font-weight: 500;text-align:right; font-size: 14px;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#1B1B1B; font-weight: 600;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#1B1B1B;font-weight: 600;font-size:18px;margin-top:20px;} .layerCont.porder-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p + p {margin-top:10px;} .layerCont.porder-details #layerPopup-contsBox > #table-form-wrap {margin-top:0px;} .layerCont.porder-details #layerPopup-contsBox > #table-form-wrap table tbody tr td.pic-billing .update > div.add-table-list {min-width:auto;margin-left:0;} .layerCont.porder-details #layerPopup-contsBox a.icon-svg-menu.delete:before {width:24px;height:24px;} /*QUOTATION DETAIL*/ /* Updated by 개발팀 */ .layerCont.quotation-details #layerPopup-contsBox .title-function {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;} .layerCont.quotation-details #layerPopup-contsBox .title-function .title {font-size:18px;font-weight:500;} .layerCont.quotation-details #layerPopup-contsBox .title-function .btn-area {display:flex;align-items:center;} .layerCont.quotation-details #layerPopup-contsBox .title-function .btn-area > a {padding-left:0;} /* Updated by 개발팀 */ /*E-INVOICE DETAIL*/ .layerCont.e-invoice-details #layerPopup-contsBox .title-function {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;} .layerCont.e-invoice-details #layerPopup-contsBox .title-function .title {font-size:18px;font-weight:500;} .layerCont.e-invoice-details #layerPopup-contsBox .title-function .btn-area {display:flex;align-items:center;} .layerCont.e-invoice-details #layerPopup-contsBox .title-function .btn-area > a {padding-left:0;} .layerCont.e-invoice-details body{margin:0;padding:0;font-size:12px;letter-spacing:0.04em;} .layerCont.e-invoice-details caption {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;} .layerCont.e-invoice-details table {border-collapse:collapse; table-layout:fixed;} .layerCont.e-invoice-details * {box-sizing:border-box;-moz-box-sizing:border-box;} .layerCont.e-invoice-details .tac{text-align:center !important;}.tal{text-align:left !important;}.tar{text-align:right !important;} .layerCont.e-invoice-details .page-divide{position:relative;width:100%;z-index:2;} .layerCont.e-invoice-details .subpage{position:relative;padding:0cm;width:100%;/*height:253mm;*/} .layerCont.e-invoice-details .subpage.btline{border-bottom:1px solid rgba(145,87,21,0.69);} .layerCont.e-invoice-details .subpage .table{padding:0;border:2px solid #000;} .layerCont.e-invoice-details .subpage .table.mt2{margin-top:2mm;} .layerCont.e-invoice-details .page-infor{display:flex;justify-content:space-between;align-items:center;} .layerCont.e-invoice-details .page-infor .etc{} .layerCont.e-invoice-details .page-infor .etc>p{font-size:16px;font-weight:bold;white-space:nowrap;} .layerCont.e-invoice-details .page-infor .etc>p+p{margin-top:5px;} .layerCont.e-invoice-details .title{font-size:30px;font-weight:600;text-align:center;margin-top:5mm;} .layerCont.e-invoice-details .original-tax{font-size:16px;line-height:1.3;margin-top:3mm;text-align:center;} .layerCont.e-invoice-details .no-date{font-size:16px;margin-top:3mm;text-align:center;} .layerCont.e-invoice-details .mccqt{font-size:16px;margin-top:3mm;margin-bottom:3mm;text-align:center;} .layerCont.e-invoice-details .summary{border-top:1px solid rgba(145,87,21,0.69);padding:2mm 0;margin-top:2mm;} .layerCont.e-invoice-details .summary p{display:flex;font-size:16px;line-height:1.4;margin-top:1mm;} .layerCont.e-invoice-details .summary p + p{margin-top:2.0mm;} .layerCont.e-invoice-details .summary p > span:nth-child(1){white-space:nowrap;} .layerCont.e-invoice-details .summary p > span:nth-child(2){margin-left:1mm;} .layerCont.e-invoice-details .summary p > span:nth-child(2)>em{font-style:normal;margin-right:3mm;} .layerCont.e-invoice-details .summary p > span:nth-child(2)>em+em{margin-right:0;} .layerCont.e-invoice-details .summary>.cols2{display:flex;} .layerCont.e-invoice-details .summary>.cols2>p{width:calc(50% - 2mm);} .layerCont.e-invoice-details .summary>.cols2>p+p{margin-left:4mm;} .layerCont.e-invoice-details .contents{display:flex;border-top:1px solid rgba(145,87,21,0.69);padding-top:20mm;margin-top:3mm;} .layerCont.e-invoice-details .contents>div{width:50%;text-align:center;} .layerCont.e-invoice-details .contents>div>h4{font-size:18px;font-weight: bold;} .layerCont.e-invoice-details .contents>div>p{font-size:14px;font-style:italic;padding:3mm 0;} .layerCont.e-invoice-details div.sign{margin-top:3mm;text-align:center;} .layerCont.e-invoice-details div.sign>.wrap{position:relative;display:inline-block;border:2px solid #20b708;padding:3mm;text-align:left;} .layerCont.e-invoice-details div.sign>.wrap>p{color:#20b708;font-size:17px;font-weight:600;} .layerCont.e-invoice-details div.sign>.wrap>figure{position:absolute;bottom:3.5mm;right:6mm;} .layerCont.e-invoice-details p.check{display:flex;justify-content:center;font-size:14px;font-style:italic;margin-top:10mm;} .layerCont.e-invoice-details table{width:100%;border-collapse:collapse;border-spacing:0;} .layerCont.e-invoice-details table thead tr th{font-family: TimesNewRoman, Times New Roman, Times, Malgun Gothic, "돋움", Dotum, Gulim !important;font-size:16px;border-bottom-width:2px;line-height:1.2em;height:7.5mm;padding:7px 5px;text-align:center;border-right:1px solid #000;border-bottom:1px solid #000;font-weight: bold;} .layerCont.e-invoice-details table thead tr.sec th{line-height:0.8em;height:auto;padding:5px 5px;font-weight:400;} .layerCont.e-invoice-details table tfoot tr th{font-size:16px;border-bottom:0;line-height:1.2em;height:7.5mm;padding:7px 5px;text-align:left;border-right:1px solid #000;border-bottom:1px solid #000;} .layerCont.e-invoice-details table tbody tr td{font-family: TimesNewRoman, Times New Roman, Times, Malgun Gothic, "돋움", Dotum, Gulim !important;font-size:16px;line-height:1.2em;height:7.5mm;padding:7px 5px;border-right:1px solid #000;border-top:1px solid #000;vertical-align:top;} .layerCont.e-invoice-details table thead tr th.last, .layerCont.e-invoice-details table tfoot tr th.last, .layerCont.e-invoice-details table tbody tr td.last{border-right:0;} .layerCont.e-invoice-details table tbody tr:first-child td{border-top:0;} .layerCont.e-invoice-details table tr, td {page-break-inside: avoid;} .layerCont.e-invoice-details .table-cols2{display:flex;margin-top:2.0mm;} .layerCont.e-invoice-details .table-cols2>div.left{width:calc(47% - 1mm);} .layerCont.e-invoice-details .table-cols2>div.right{width:calc(53% - 1mm);margin-left:2mm;} .layerCont.e-invoice-details .table-cols2>div>.table{margin-top:1mm;} .layerCont.e-invoice-details .table-cols2>div>.table:first-child{margin-top:2mm;} /*E-INVOICE DETAIL*/ /* Updated by 개발팀 */ /* custom style for _v2common.app.comboDataSearch function type ITEM*/ #table-form-wrap div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;} #table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} #table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} #table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} #table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} #table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} #table-form-wrap div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} /* custom style for _v2common.app.comboDataSearch function Auto-complete*/ ul.ui-autocomplete {position: relative; top: 0 !important; left: 0 !important;} /* Updated by 개발팀 */ /* Banking */ #table-list-wrap table tbody tr td.bg_v_r {background-color: #FFFEDB !important;-webkit-print-color-adjust: exact;} /* Updated by 개발팀 */ /* BULK CREDIT CONFIRMATION */ /* .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search {position:relative;display:block;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.bulk-credit-confirmation #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} */ /* Updated by 개발팀 */ /* A/R RECEIVED */ /* .layerCont.ar-received #layerPopup-contsBox div.keyword-search {position:relative;display:block;} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} .layerCont.ar-received #layerPopup-contsBox div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} */ /* Updated by 개발팀 */ /* _v2common.app.comboDataSearch */ form div.keyword-search {position:relative;display:block;} form div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;} form div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} /* Updated by 개발팀 */ /* _v2common.app.comboDataSearch when Contact Details */ div.infor-edit div.keyword-search {position:relative;display:block;} div.infor-edit div.keyword-search .combo_postAdd {position:absolute;top:calc(100% + 5px);left:0;width:100%; z-index:9999;} div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner {border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;z-index:99;box-shadow:3px 3px 7px rgba(0,0,0,0.05);} div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a {display:flex;justify-content:space-between;;padding:10px;} div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner ul li > a.btn-add {color:#0069B9;justify-content:center;} div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a {background-color:#FAFAFA;} div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner ul li:hover > a.btn-add {background-color:#f2f9ff;} div.infor-edit div.keyword-search .combo_postAdd .combo_postAdd_inner ul li + li {border-top:1px solid #E0E0E0;} /* Updated by 개발팀 */ #table-list-wrap .tx_ellipsis_max{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #table-list-wrap .tx_ellipsis_max2{display:inline-block;max-width:85%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:-5px;} .select-box-default-st .select-wrap ul li.tx_ellipsis_max {display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} form div.keyword-search .combo_postAdd .combo_postAdd_inner ul li span.tx_ellipsis_max {display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} /* Updated by 개발팀 */ /* custom css for print header */ h1.print-header-title{font-size: 1.38rem;font-weight: 700;line-height: 32px;} /* Updated by 개발팀 */ /* custom css table header sort */ #table-list-wrap table thead tr th > a.sort{display: initial;} /* Updated by 개발팀 */ #table-list-wrap table tbody tr td.table-tbody-list > div.row15 {max-height:675px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row10 {max-height:460px;overflow:auto;} div.contents div#table-list-wrap {overflow: scroll hidden;} /* Updated by 개발팀 */ /* Apply all tables to overflow and scroll for none OSMC*/ /* #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {max-height:675px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {max-height:635px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {max-height:600px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash {max-height:500px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-acash {max-height:540px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-10-main {max-height:450px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-10 {max-height:410px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-10-sub {max-height:400px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-10-cash {max-height:280px;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-10-acash {max-height:315px;overflow:auto;} */ .sortedtar {text-align: right !important; padding-right:15px !important; } #container > .contents .documents-wrap > ul li div.add-upload p.cont-tit.icon-add-file {cursor:pointer;} /* Updated by 개발팀 */ /* For print area */ .print-content {width:100%;padding:10px;overflow-x:hidden;font-size:10px;} .print-content .print-title-area > h1 {font-size:1.38rem;font-weight:700;line-height:32px;text-align:center;} .print-content table tbody tr td.table-tbody-list > div table tbody tr td {background-color:#fff;padding:0;height:45px;} /* #pagging-wrap div.select-box-default-st > .select-wrap {top: -133px;} */ #container > .contents .search-etc-wrap > div.last {padding:5px 0 0 10px;overflow: hidden;} /* https://www.kosign.com.kh/redmine/issues/32244 -- Fix Document ID area's width size as same as another area. */ .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div.doc_id_area {width:23%;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div.doc_id_area {width:23%;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box > div.doc_id_area {width:23%;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.bill-form-box > div.doc_id_area {width:23%;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div.doc_id_area {width:23%;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div.doc_id_area {width:23%;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div.doc_id_area {width:23%;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box > div.doc_id_area {width:23%;} /* https://www.kosign.com.kh/redmine/issues/32244 -- Fix Document ID area's width size as same as another area. */ /* https://www.kosign.com.kh/redmine/issues/32245 -- To change text field color when text field is applying autocomplete function. */ input.ui-autocomplete-input {color:#494949 !important;} /* https://www.kosign.com.kh/redmine/issues/32245 -- To change each other field's location as similar as XD design. */ .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.bill-form-box {margin-top: 23px;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.new-quotation #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.quotation-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.new-porder #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box {margin-top: 7px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.right > div.invoice-form-box {margin-top: 23px;} .layerCont.porder-details #layerPopup-contsBox .invoice-division-box > div.left > div.billing-infor-box .text-box {height: 102px;margin-top: 3px;} /* https://www.kosign.com.kh/redmine/issues/32303 */ .layerCont.payrollSendEmail #layerPopup-contsBox ul.item-table > li > div.messageBox > textarea {resize:none;} /* https://www.kosign.com.kh/redmine/issues/32033 */ input[type=checkbox].checkBox-etc + label {display:flex;align-items:center;min-width:60px;position:relative;color:#5b5d5d;font-weight:600;} input[type=checkbox].checkBox-etc + label:before {content:"";display:inline-block;width:17px !important;height:17px !important;border:2px solid #494949;border-radius:3px;overflow:hidden;margin-right:5px;} input[type=checkbox].checkBox-etc:checked + label:before {border-color:#0069B9;background:#0069B9 url('./images/common/svg/check_etc.svg') no-repeat center center/17px auto;} .layerCont.debit-confirmation-others .layerPopupWrap {width:600px;} .layerCont.debit-confirmation-others #layerPopup-contsBox {width:600px;} .layerCont.debit-confirmation-others.minimize .layerPopupWrap {width:calc(600px * 0.7);height:200px;} /* https://www.kosign.com.kh/redmine/issues/32475 */ .pr0{padding-right:0px !important;} .pr1{padding-right:1px !important;} .pr2{padding-right:2px !important;} .pr3{padding-right:3px !important;} .pr4{padding-right:4px !important;} .pr5{padding-right:5px !important;} .pr6{padding-right:6px !important;} .pr7{padding-right:7px !important;} .pr8{padding-right:8px !important;} .pr9{padding-right:9px !important;} .pr10{padding-right:10px !important;} .pr15{padding-right:15px !important;} .pr20{padding-right:20px !important;} /* https://www.kosign.com.kh/redmine/issues/32475 */ #table-list-wrap table thead tr th {color:#494949;font-weight:600;padding:12px 12px;text-align:left;} #table-list-wrap table tbody tr td {color:#494949;padding:5px 10px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* https://www.kosign.com.kh/redmine/issues/34303 */ #append_snd_yn_n_ico div.ticker-layer-infor table thead tr th {color:#494949;font-weight:600;padding:12px 12px;text-align:left;} #append_snd_yn_n_ico div.ticker-layer-infor table tbody tr td {color:#494949;padding:5px 3px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ::-webkit-scrollbar {width: 15px;} ::-webkit-scrollbar-track {background-color: transparent;} ::-webkit-scrollbar-track {background-color: transparent;} ::-webkit-scrollbar-thumb {background-color: #959595;} ::-webkit-scrollbar-thumb {background-color: #959595;border-radius: 20px;} ::-webkit-scrollbar-thumb {background-color: #959595;border-radius: 20px;border: 6px solid transparent;background-clip: content-box;} /* https://www.kosign.com.kh/redmine/issues/32518 */ #table-list-wrap div.sticker div.sticker-memo textarea {resize:vertical;} /* https://www.kosign.com.kh/redmine/issues/32555 */ #table-list-wrap.noscrolltable {height:100% !important; overflow:hidden !important;} /* https://www.kosign.com.kh/redmine/issues/32553 */ .report-print-header {width:100%;overflow:hidden;padding-top:5px;background-color:#fff;margin-top:10px;} .report-print-header > .sales-report {display:flex;justify-content:center;align-items:flex-start;} .report-print-header > .sales-report div.state {width:190px;height:50px;border:1px solid #E0E0E0;border-radius:5px;background-color:#FAFAFA;} .report-print-header > .sales-report div.confirm ul {display:flex;border:1px solid #E0E0E0;border-radius:5px;} .report-print-header > .sales-report div.confirm ul li {width:110px;} .report-print-header > .sales-report div.confirm ul li + li {border-left:1px solid #E0E0E0;} .report-print-header > .sales-report div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .report-print-header > .sales-report div.confirm ul li > span:nth-child(2) {} .report-print-header > .sales-report div.confirm ul li > span + span {border-top:1px solid #E0E0E0;display:flex;justify-content:center;align-items:center;height:60px;padding-left:5px;padding-right:5px;} .report-print-header > .content-title {position:relative;font-size:21px;font-weight:500;text-align:center;padding:20px 0;} .report-print-footer > .sign-box {width:190px;height:50px;border:1px solid #E0E0E0;border-radius:5px;background-color: #FAFAFA;margin-right:5px;} /*#container {position:unset;min-height:calc(100% - 30px);display:flex;align-items:flex-start;padding-top:48px;z-index:1;overflow:hidden;} #container:before {content:"";position:absolute;width:100%;height:100%;border-right:1px solid #ECEFF1;background-color:#FAFAFA;z-index:-1;} */ /* https://www.kosign.com.kh/redmine/issues/32600 */ #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form {position:relative;border:1px solid #eceff1;border-radius:5px;height:52px;margin-top:10px;-webkit-transition: .55s; transition: .55s;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form > input {width:100%;height:100%;border:0;padding:0 15px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form > label {position:absolute;top:50%;left:7px;transform:translate(0,-50%);color:#c3c3c3;font-size:16px;padding:0px 8px;background-color:transparent;-webkit-transition: .55s; transition: .55s;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.on {border:2px solid #0069b9;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36306 */ #container.szon > .contents {} #container.szon > .contents .tabCont .box-wrap {/* padding:10px; */margin-top:20px !important;} #container.szon > .contents .tabCont .box-wrap h3 {position:relative;color:#494949;font-size:15px;font-weight:800;display:flex;align-items:center;} #container.szon > .contents .tabCont .box-wrap h3:before {content:"";position:absolute;top:5px;left:-15px;width:7px;height:7px;border-radius:50%;background-color:#0069B9;} #container.szon > .contents .tabCont .box-wrap.edit {position:relative;} #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li {display:flex;flex-wrap:wrap;align-items:flex-start;padding-top:20px;padding-left:0;} #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > span {position:relative;top:0;width:230px;} #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > span.table-tit {top:13px;} /* #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > div {width:calc(100% - 270px);} */ #container.szon > .contents .tabCont .box-wrap.edit a.edit {position:absolute;/* top:20px; */right:0px;color:#0069B9;font-size:15px;font-weight:600;} /* Updated by 개발팀 */ #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li {display:flex;flex-wrap:wrap;align-items:center;padding-top:20px;padding-left:0;} #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > div{display:flex;align-items:center;min-width:350px;} #container.szon > .contents .tabCont .box-wrap.edit ul.form-ul > li > div > span{width:170px;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/31761 */ #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.on.blur {border:1px solid #E0E0E0 !important;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.on > label {position:absolute;top:0;color:#0069b9;font-size:13px;font-weight:600;background-color:#fff;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.button {padding-right:100px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.button > a {position:absolute;top:50%;right:10px;transform:translate(0,-50%);width:92px;height:32px;color:#fff;font-size:13px;font-weight:600;border:1px solid #0069b9;background-color:#0069b9;border-radius:4px;display:flex;justify-content:center;align-items:center;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.button > a.disabled {color:#c3c3c3;border:1px solid #eceff1;background-color:#fafafa;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno {padding-left:80px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > label {left:90px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st {position:absolute;top:10px;left:10px;width:70px;height:32px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st > input.selectValue {width:100%;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st > .select-wrap {max-height:215px;overflow-y:auto;border:1px solid #E0E0E0;border-radius:5px;padding:0;margin-top:3px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st > .select-wrap > ul {width:320px;border:0px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st ul.select-box-option li {display:flex;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st ul.select-box-option li span:nth-child(1) {width:65px;} #container.mbmr > .contents .login-form-table > div.eyes-btn-password > div.form.mobileno > div.select-box-default-st ul.select-box-option li span:nth-child(2) {width:calc(100% - 65px);} /* Updated by 개발팀 */ input[type=checkbox].checkBox-normal.disabled:checked + label:before {border-color: #999;background: #999 url(./images/common/svg/check_on.svg) no-repeat center center/17px auto;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .date-notes {display:flex;text-align:left;margin-top:5px;margin-left:20px;color:#CB0D0D !important;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .btn-wrap > a:first-child {display:block;width:360px;height:40px;color:#FFF;font-size:15px;line-height:40px;font-weight:600;padding:0 15px;text-align:center;background-color:#0069B9;border-radius:5px;overflow:hidden;outline:none;margin:0 auto;} .layerCont.real-time-online-inquiry #layerPopup-contsBox .process-bar > .btn-wrap > a:last-child {display:none;width:360px;height:40px;color:#000;font-size:15px;line-height:40px;font-weight:600;padding:0 15px;text-align:center;background-color:#ffffff;border-radius:5px;overflow:hidden;outline:none;margin:0 auto;border:1px solid #E0E0E0;} /* Updated by 개발팀 */ /* all banking popup that include remark */ .layerCont #layerPopup-contsBox div.infor-box .displayflex-spw span.rmrk.tar{width:50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;} /* All CSS below moved from _common.css */ /* Updated by 개발팀 */ /* Fonts Style */ h1 {} h2 {} h3 {} h4 {} h4.title {color:#494949;font-size:13px;font-weight:700;} h4.title.popup {width:100px;} /* Updated by 개발팀 */ .memo-side-wrap .wrap .cont .list-table .btn-wrap a, #container.payroll-add-employee > .contents > .form-wrap .box-wrap h3.open-close:after {-webkit-transition: .45s; transition: .45s;} /* Updated by 개발팀 */ /* width style */ .h30 {height:30px !important;line-height:28px !important;} div.disabled, p.disabled, span.disabled, ul.disabled, li.disabled, input.disabled, textarea.disabled {border-color:#E0E0E0 !important;background-color:#F5F5F5 !important;opacity:0.65 !important; color: #575757; } /* Updated by 개발팀 */ /* library */ .deco_u{text-decoration:underline;} .displaynone {display:none;} .displayflex {display:flex;align-items:center;} .displayflex-wrap {flex-wrap:wrap;} .displayflex-spw {display:flex;justify-content:space-between;align-items:center;} .displayflex-spw-alend {display:flex;justify-content:space-between;align-items:flex-end;} .displayflex-align-start {align-items:flex-start !important;} .displayflex-align-end {align-items:flex-end !important;} .displayflex-flex-start {justify-content:flex-start !important;} .displayflex-flex-end {justify-content:flex-end !important;} .displayflex-flex-center {justify-content:center !important;} .position-re {position:relative !important;} .txt_bold {color:#000 !important;font-weight:bold !important;} /* Updated by 개발팀 */ /* Common */ a.btn-st.common {display:inline-block;min-width:50px;height:32px;color:#55544F;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#FFF;border:1px solid #BABABA;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.common:hover {color:#FFF;background-color:#448DD0;border-color:#448DD0;} a.btn-st.common:focus {color:#55544F;background-color:#FFF;border-color:#0069B9;} a.btn-st.common:active {color:#FFF;background-color:#0069B9;border-color:#0069B9;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.common.disable {color:#575757;background-color:#E6E6E6;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/35426 */ a.btn-st.common-delete {display:inline-block;min-width:50px;height:32px;color:#CB0D0D;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#FFF;border:1px solid #BABABA;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.common-delete:hover {color:#FFF;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common-delete:focus {color:#FFF;background-color:#CB0D0D;border-color:#0069B9;} a.btn-st.common-delete:active {color:#FFF;background-color:#CB0D0D;border-color:#CB0D0D;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.common-delete.disable {color:#575757;background-color:#E6E6E6;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} a.btn-st.common.hRed {color:#CB0D0D;} a.btn-st.common.hRed:hover {color:#FFF;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.hRed:focus {color:#55544F;background-color:#FFF;border-color:#CB0D0D;} a.btn-st.common.hRed:active {color:#FFF;background-color:#CB0D0D;border-color:#CB0D0D;box-shadow:inset 1px 1px 4px rgba(0,0,0,0.275);} a.btn-st.common.hRed.disable {color:#A6A6A6;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} a.btn-st.common.email {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#E0E0E0;border-radius:5px;} a.btn-st.common.email:before {content:"";width:30px;height:30px;background:url('images/common/svg/icon_email.svg') no-repeat center center/18px auto;} a.btn-st.common.email.disable {color: #575757;background-color: #E6E6E6;border-color: #BFBFBF;box-shadow: none;cursor: default;opacity: 0.5;}/* Updated by 개발팀 */ a.btn-st.common.email.disable:before {opacity:0.5;} a.btn-st.common.del {position:relative;height:32px;color:#fff;display:flex;align-items:center;border-color:#CB0D0D;background-color:#CB0D0D;border-radius:5px;} a.btn-st.common.del:hover {background-color:#e53c3c;} a.btn-st.common.del:focus {border-color:#CB0D0D;} a.btn-st.common.del:active {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.delete {position:relative;height:32px;color:#CB0D0D;display:flex;align-items:center;padding-left:0;border-color:#E0E0E0;border-radius:5px;} a.btn-st.common.delete:before {content:"";width:30px;height:30px;background:url('images/common/svg/icon-delete.svg') no-repeat center bottom/30px 90px;} a.btn-st.common.delete:hover {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.delete:focus {border-color:#CB0D0D;} a.btn-st.common.delete:active {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.delete:active:before {background-position:center center;} a.btn-st.common.delete:hover:before {background-position:center center;} a.btn-st.common.edit {position:relative;height:32px;display:flex;align-items:center;padding-left:0;border-color:#E0E0E0;border-radius:5px;} a.btn-st.common.edit:before {content:"";width:30px;height:30px;background:url('images/common/svg/menu-icon-edit.svg') no-repeat center center/18px auto;} /*a.btn-st.common.edit:hover {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.edit:focus {border-color:#CB0D0D;} a.btn-st.common.edit:active {color:#fff;background-color:#CB0D0D;border-color:#CB0D0D;} a.btn-st.common.edit:active:before {background-position:center center;} a.btn-st.common.edit:hover:before {background-position:center center;}*/ a.btn-st.common.print {position:relative;height:32px;display:inline-flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.common.print:before {content:"";width:30px;height:30px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67H10.17a2.5,2.5,0,0,0-2.5,2.5v5H11V23.5H21V20.17h3.33v-5A2.5,2.5,0,0,0,21.83,12.67Zm-2.5,9.16H12.67V17.67h6.66ZM21.83,16a.83.83,0,0,1-.83-.83.84.84,0,0,1,.83-.84.85.85,0,0,1,.84.84.84.84,0,0,1-.84.83ZM21,8.5H11v3.33H21Z'/%3E%3C/svg%3E") no-repeat center top/30px auto;} a.btn-st.common.print:hover:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.83,12.67H10.17a2.5,2.5,0,0,0-2.5,2.5v5H11V23.5H21V20.17h3.33v-5A2.5,2.5,0,0,0,21.83,12.67Zm-2.5,9.16H12.67V17.67h6.66ZM21.83,16a.83.83,0,0,1-.83-.83.84.84,0,0,1,.83-.84.85.85,0,0,1,.84.84.84.84,0,0,1-.84.83ZM21,8.5H11v3.33H21Z'/%3E%3C/svg%3E");} a.btn-st.common.send {position:relative;height:32px;display:inline-flex;align-items:center;padding-left:0;border-color:#ECEFF1;border-radius:5px;} a.btn-st.common.send:hover{background-color:#fff;color:#494949} a.btn-st.common.send:before{background:url('images/common/svg/icon-send.svg') no-repeat center center;} a.btn-st.common.inquire {position:relative;height:32px;color:#0069B9;display:flex;align-items:center;padding-left:0;border-color:#E0E0E0;border-radius:5px;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36657 */ input[type=radio].radioBtn-normal + label span.personal:before { content: ""; display: inline-block; width: 20px; height: 14px; background: url('images/common/svg/icon-personal.svg') no-repeat center center; margin-right: 5px; } input[type=radio].radioBtn-normal + label span.corporate:before { content: ""; display: inline-block; width: 24px; height: 24px; background: url('images/common/svg/icon-corporate.svg') no-repeat; margin-right: 5px; } /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36937 */ #table-list-wrap table tbody tr td.contact{position:relative;overflow: visible !important;} #table-list-wrap table tbody tr td.contact:hover{text-decoration:underline;} #table-list-wrap table tbody tr td.contact .contact_popup{display:none;position:absolute;left:0;top:85%;padding:15px 17px;box-shadow:1px 1px 5px rgba(0,0,0,0.075); border:1px solid #ECEFF1;background-color:#fff;max-width:440px;min-width:440px;border-radius:5px;z-index:1;white-space:normal;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head{padding-bottom:15px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .head_list{display:flex;flex-flow:wrap;margin-left:15px;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head > div{display:flex;align-items:center;width:100%;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head > div + div{margin-top:5px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .company{font-size:18px;font-weight:700;color:#0069b9;display:flex;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .company:before{content:'';display:inline-block;background:url('images/common/svg/menu-icon-business.svg') no-repeat center center/30px 30px;width:30px;height:30px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .num{font-size:13px;color:#4949497C;padding-left:20px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .name{padding-left:30px;width:50%;font-size:13px;color:#4949497C;display:flex;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .name:before{content: '';display: inline-block;background: url("images/common/svg/user-icon.svg") no-repeat center center /20px 20px;width: 20px;height: 20px; margin-right: 8px;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .call{width:50%;font-size:13px;color:#4949497C;display:flex;align-items:center;} #table-list-wrap table tbody tr td.contact .contact_popup .popup_head .call:before{content: '';display: inline-block;background: url("images/common/svg/contact_call.svg") no-repeat center center/25px 20px;width:25px;height:20px;margin-right: 8px;} #table-list-wrap table tbody tr td.contact .contact_popup .list{padding-top:15px;border-top:1px solid #4949497C} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl{display:flex;} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl + dl{margin-top:15px;} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl dt{font-size:13px;min-width:136px;color:#1B1B1B;font-weight:500} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl dd{padding-left:20px;font-size:11px;width:calc(100% - 132px);color:#1B1B1B} #table-list-wrap table tbody tr td.contact .contact_popup .list > dl dd > div{display:flex;align-items:center;justify-content:space-between} #table-list-wrap table tbody tr td.contact .contact_popup > a.pop-btn{display:flex;justify-content:flex-end;font-size:11px;color:#0069B9;text-decoration:underline;margin-top:10px;} #table-list-wrap table tbody tr td > div a.icon-svg.black.minus{width: 18px;height: 18px;border-radius: 50%;background-color: #494949;border: 1px solid #494949;} #table-list-wrap table tbody tr td > div a.icon-svg.white.add{width: 18px;height: 18px;border-radius: 50%;background-color: #0069B9;} #table-list-wrap table tbody tr td.btn-cont{display:flex;align-items:center;justify-content:flex-end;} #table-list-wrap table tbody tr td.btn-cont > div.up-btn{} #table-list-wrap table tbody tr td.btn-cont > div.up-btn > a{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;display:block;position:relative;} #table-list-wrap table tbody tr td.btn-cont > div.up-btn > a:before{content:'';background: url("images/common/arrow-btn.png") no-repeat center top/16px 32px;width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} /* #table-list-wrap table tbody tr td.btn-cont > div.down-btn{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;} #table-list-wrap table tbody tr td.btn-cont > div.down-btn > a{background: url("images/common/arrow-btn.png")no-repeat center bottom/16px 32px;width:20px;height:20px;display:block;} */ #table-list-wrap table tbody tr td.btn-cont > div.down-btn > a{width:20px;height:20px;border:1px solid #E0E0E0;overflow:hidden;border-radius:5px;display:block;position:relative;} #table-list-wrap table tbody tr td.btn-cont > div.down-btn > a:before{content:'';background: url("images/common/arrow-btn.png") no-repeat center bottom/16px 32px;width:16px;height:16px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)} #table-list-wrap table tbody tr td.btn-cont > div.up-btn > a{} #table-list-wrap table tbody tr.total-table{border-radius: 0 0 5px 5px;} #table-list-wrap table tbody tr.total-table td{background-color:#FAFAFA;font-weight:700} .table-total table tbody tr td {color:#494949;padding:5px 5px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700} #table-list-wrap table tbody tr td.reference > a{text-decoration:underline;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/34303 */ #append_snd_yn_n_ico div.ticker-layer-infor table tfoot {background-color:#FAFAFA;border-top:1px solid #E0E0E0;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/33116 */ #table-list-wrap table tbody tr td table tbody td.update {position:relative;padding-left:35px!important;overflow:visible;z-index:1;} #table-list-wrap table tbody tr td table tbody td.update div.icon {position:absolute;top:50%;left:7px;transform:translate(0,-50%);width:28px;height:28px;z-index:-1;} #table-list-wrap table tbody tr td table tbody td.update div.icon > a {display:block;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a,.b,.d%7Bfill:none;%7D.b,.d%7Bstroke:%23494949;stroke-linecap:round;stroke-miterlimit:10;%7D.b%7Bstroke-width:1.7px;%7D.c%7Bfill:%23494949;%7D.e%7Bfill:%23ed243c;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cline class='b' x1='12.11' y1='21.95' x2='10.91' y2='23.63'/%3E%3Cline class='b' x1='19.93' y1='21.95' x2='21.13' y2='23.63'/%3E%3Cpath class='c' d='M12.68,9.35c0-.06-.1-.13-.16-.19A2.7,2.7,0,0,0,8.71,13a1.39,1.39,0,0,0,.19.15A7.89,7.89,0,0,1,12.68,9.35Z'/%3E%3Cpolyline class='d' points='12.99 16.48 16.03 16.48 16.03 12.76'/%3E%3Cpath class='b' d='M17.55,10.6A5.87,5.87,0,0,0,16,10.39a6.1,6.1,0,1,0,6.1,6.1,6.28,6.28,0,0,0-.23-1.58'/%3E%3Ccircle class='e' cx='21.58' cy='10.87' r='2.5'/%3E%3C/svg%3E") no-repeat center center/32px 32px;} #table-list-wrap table tbody tr td table tbody td.update div.tooltip {display:inline-block;} #table-list-wrap table tbody tr td table tbody td.update div.tooltip > .ticker-layer-infor {color:#494949;} #table-list-wrap table tbody tr td table tbody td.tooltip {overflow:visible;} #table-list-wrap table tbody tr td table tbody td.tooltip div.tooltip {display:inline-block;} #table-list-wrap table tbody tr td table tbody td.tooltip div.tooltip > .ticker-layer-infor {color:#494949;} #table-list-wrap table tbody tr td table tbody td.update:hover {z-index:99;} #table-list-wrap table tbody tr td table tbody td.tooltip:hover {z-index:99;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36682 */ #table-list-wrap table tbody tr td table tbody td.update div.icon > span.personal {display:inline-block;width:20px;height:14px;margin-right:5px;margin-top:6px;background:url('images/common/svg/icon-personal.svg') no-repeat center center;} #table-list-wrap table tbody tr td table tbody td.update div.icon > span.corporate {display:inline-block;width:24px;height:24px;margin-right:5px;background:url('images/common/svg/icon-corporate.svg') no-repeat center center;} #table-list-wrap table tbody tr td.update div.icon > span.personal {display:inline-block;width:20px;height:14px;margin-right:5px;margin-top:6px;background:url('images/common/svg/icon-personal.svg') no-repeat center center;} #table-list-wrap table tbody tr td.update div.icon > span.corporate {display:inline-block;width:24px;height:24px;margin-right:5px;background:url('images/common/svg/icon-corporate.svg') no-repeat center center;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/32541 */ #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td {/* background-color:#fff; */padding:5px 12px;height:45px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr td.vat {padding-top:15px;} #table-list-wrap table tbody tr td.table-tbody-list > div table tbody tr:hover td {background-color:#FAFAFA;} #table-list-wrap.hoverCBlue table tbody tr td.table-tbody-list > div table tbody tr:hover td{color:#0069B9 !important} #table-list-wrap.hoverCBlue table tbody tr td.table-tbody-list > div table tbody tr{border-bottom:none} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/32981 */ #append_memo {position: absolute;display:block;z-index: 99999!important} #append_memo div.sticker-write {display:block;top:0;right:100%;padding-right:20px;z-index:2;} #append_memo div.sticker-write:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} #append_memo div.sticker-write .conts {width:300px;border:1px solid #E0E0E0;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #append_memo div.sticker-write .conts .sticker-memo {padding:10px;} #append_memo div.sticker-write .conts .sticker-memo textarea {width:100%;height:75px;border:0;outline:none;} #append_memo div.sticker-write .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:space-between;align-items:center;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box {display:flex;align-items:center;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a + a {margin-left:7px;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.white {border:1px solid #E0E0E0;background-color:#fff;} #append_memo div.sticker-write .conts .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} #append_memo div.sticker-write .conts .btn-wrap a.save {font-size:1.0rem;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36299 Old Version*/ /* ==>> Old Version <<== #append_btn_confirm {position: absolute;display:block;z-index: 99999!important;} #append_btn_confirm div.confirm-select-wrap-td {display:block;position:absolute;top:0;right:calc(100% + 5px);border:1px solid #E0E0E0;border-radius:5px;background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,0.07);z-index:1;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li > a {display:block;padding:5px 10px 5px 15px;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li > a:hover {background-color:#FAFAFA;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.optgroup {color:#A6A6A6;font-size:11px;padding:5px 10px;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.section-topline {border-top:1px solid #E0E0E0;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.tooltip{position:relative;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.tooltip > a{display:inline-block;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option li.tooltip a:after{content: ">";display: inline-block;margin-left:3px;} */ /* https://www.kosign.com.kh/redmine/issues/37696 New Version*/ #table-list-wrap table tbody tr td.warning {position: relative} #table-list-wrap table tbody tr td.warning:after {content: '';background: url("images/common/svg/icon-warning.svg") no-repeat;width: 17px;height: 17px;display: inline-block;margin-left: 5px;vertical-align: bottom} #append_btn_confirm {position: absolute;display:block;z-index: 99999!important;} #append_btn_confirm div.confirm-select-wrap-td {display: block; position: absolute; /*top:0;right:calc(100% + 5px);*/border: 1px solid #ECEFF1;border-radius: 10px;background-color: #fff;box-shadow: 3px 3px 5px rgba(0,0,0,0.07);z-index: 1;min-width: 190px;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li > a {display: block;padding: 5px 10px 5px 15px;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li {position: relative;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li + li {border-top: 1px solid #ECEFF1;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.optgroup > a {transition: 0.25s;color: #A6A6A6;font-size: 13px;padding: 10px 15px;background-color: #fff;font-weight: 600;display: flex;align-items: center;justify-content: space-between;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.optgroup > a:hover {transition: 0.25s;color: #000;background-color: #fafafa;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.optgroup > a:after {content: '';margin-left: 10px;display: inline-block;width: 10px;height: 6px;overflow: hidden;background: url("images/common/tablePopup_arrow.png") no-repeat center bottom /10px 14px;transition: 0.45s;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.optgroup > a.active {transition: 0.25s;background-color: #eceff1;color: #000} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.optgroup > a.active:after {background-position: center top;transition: 0.45s;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.optgroup.none > a:after {display: none} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li.section-topline {} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li > ul.dep2 {display: none;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li > ul.dep2 > li > a {display: flex;align-items: center;padding: 10px 25px;font-size: 13px;} #append_btn_confirm div.confirm-select-wrap-td ul.select-box-option > li > ul.dep2 > li > a:hover {background-color: #FAFAFA;} #append_btn_confirm div.confirm-select-wrap-td .transPopup {position: absolute;right: calc(100% + 10px);top: 0;bottom: auto;} #append_btn_confirm div.confirm-select-wrap-td .transPopup.rt {position: absolute;right: calc(100% + 10px);top: 0;left: auto;bottom: auto;} #append_btn_confirm div.confirm-select-wrap-td .transPopup.rb {position: absolute;right: calc(100% + 10px);bottom: 0;left: auto;top: auto;} #append_btn_confirm div.confirm-select-wrap-td .transPopup.lt {position: absolute;left: calc(100% + 10px);top: 0;right: auto;bottom: auto;} #append_btn_confirm div.confirm-select-wrap-td .transPopup.lb {position: absolute;left: calc(100% + 10px);bottom: 0;right: auto;top: auto;} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont {border: 1px solid #e2e2e2;box-shadow: 3px 3px 5px rgba(0,0,0,0.07)} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont .layerPopup-close {position: absolute;top: 11px;right: 5px;width: 36px;height: 36px;background: url("images/common/svg/layerPopupClose.svg") no-repeat center center/16px 16px;cursor: pointer;z-index: 1;} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form {display: flex;align-items: center;margin-top: 0;} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form label {border: none;display: flex;align-items: center;white-space: nowrap;height: 32px;line-height: 30px;color: #0069B9;font-size: 1.0rem;font-weight: 600;cursor: pointer;padding: 0;} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form label:before {transform: rotate(90deg);} #append_btn_confirm div.confirm-select-wrap-td .transPopup .layerCont #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display: inline-block;width: calc(100% - 120px);height: 32px;line-height: 30px;font-size: 1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color: transparent;border: 0;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/32981 */ #append_location {position: absolute;display:block;z-index: 99999!important} #append_location div.location-infor {display:block;top:100%;right:-11px;padding-top:12px;z-index:2;} #append_location div.location-infor:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:-1px -1px 0px #E0E0E0;transform:rotate(45deg);} #append_location div.location-infor .conts {width:450px;border:1px solid #E0E0E0;background-color:#fff;border-radius:5px;padding:15px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #append_location div.location-infor .conts .smemo {white-space:normal;} #append_location div.location-infor .conts .etc {display:flex;justify-content:space-between;align-items:center;margin-top:10px;} #append_location div.location-infor .conts .etc > span {color:#A6A6A6;font-weight:600;} #append_location div.location-infor .conts .etc > a {color:#0069B9;font-weight:600;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/32981 */ #append_addmenu {position: absolute;display:block;z-index: 99999!important} #append_addmenu div.new-wrok-menu {display:block;top:100%;right:-11px;min-width:100px;padding-top:12px;z-index:2;} #append_addmenu div.new-wrok-menu:after {content:"";position:absolute;top:8px;right:14px;width:0;height:0;border-top:10px solid #FFF;border-right:10px solid transparent;box-shadow:-1px -1px 0px #E0E0E0;transform:rotate(45deg);} #append_addmenu div.new-wrok-menu ul {border:1px solid #E0E0E0;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #append_addmenu div.new-wrok-menu ul li {} #append_addmenu div.new-wrok-menu ul li a {width:100%;white-space:nowrap;padding-right:10px;} #append_addmenu div.new-wrok-menu ul li a:before {opacity:0.5;} #append_addmenu div.new-wrok-menu ul li:hover a:before {opacity:0.5;} #append_addmenu div.new-wrok-menu ul li:hover {background-color:#FAFAFA;} #append_addmenu div.new-wrok-menu ul li:hover a:before {opacity:1.0;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/32981 */ #append_usag_type {position: absolute;display:block;z-index: 99999!important} #append_usag_type div.append_usagtype {display:block;top:100%;right:-11px;min-width:100px;padding-top:12px;z-index:2;} /* Updated by 개발팀 */ /* #table-list-wrap.inputClear table tbody tr td input[type="text"]{padding-right:8px;} */ .table-title {display:flex;justify-content:space-between;} .table-title.flex-alc {align-items:center;} .table-title .tit {font-size:13px;font-weight:700;} .table-title .btn-wrap {display:flex;align-items:center;} .table-title .btn-wrap a.payReplace {display:flex;align-items:center;border:1px solid #ECEFF1;border-radius:5px;} .table-title .btn-wrap a.payReplace:before {content:"";width:34px;height:28px;background: url('images/common/icon_payreplace.png') no-repeat center center/contain;} .table-title .btn-wrap.get-from-payroll {position:relative;} .table-title .btn-wrap.get-from-payroll > .table-wrap {display:none;position:absolute;top:calc(100% + 5px);right:0;width:650px;min-height:320px;border:1px solid #ECEFF1;background-color:#fff;padding:10px;border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,0.075);z-index:1;} .table-title .btn-wrap.get-from-payroll > .table-wrap .tit {color:#222;font-size:16px;} .table-title .btn-wrap.get-from-payroll > .table-wrap .tit > span.small {color:#A6A6A6;font-size:13px;} .table-title .btn-wrap .exchange-wrap{display:flex;align-items:center;position:relative;} .table-title .btn-wrap .exchange-wrap .icon-exchange{display: inline-block;width: 17px;height: 17px;background: url(images/common/svg/icon-exclamation.svg) no-repeat center center;margin-left:2px;} .table-title .btn-wrap .exchange-wrap .icon-exchange a{display:flex;width:100%;height:100%;} .table-title .btn-wrap .exchange-wrap span{margin:0 5px;} .table-title .btn-wrap .exchange-wrap .inputSearchWrap .val_text{height:30px;min-width:55px;display:flex;align-items:center;padding-left:8px;font-size:14px;} .table-title .btn-wrap .exchange-wrap .inputSearchWrap .val_text:hover{color:#0069B9;} .table-title .btn-wrap .exchange-wrap .inputSearchWrap .input-Search-box{width:100% !important} /* Updated by 개발팀 */ /* .table-title .btn-wrap .exchange-wrap .inputSearchWrap .input-Search-box input.clearInput{padding-right:0;} */ /* .table-title .btn-wrap .exchange-wrap input[type=text]:hover{color:#0069B9 !important} */ .table-title .btn-wrap .exchange-wrap input[type=text]:focus{border:1px solid #0069b9;color:#0069B9 !important} #table-list-wrap table tbody tr td input[type=text]:focus{border:1px solid #0069b9;/* color:#0069B9 !important */} .table-title .btn-wrap > div + div{padding-left: 10px;margin-left: 10px;} .table-title .btn-wrap > div + div:before{content: "";position: absolute;top: 50%;left: 0;transform: translate(0,-50%);width: 1px;height: 12px;background-color: rgba(0,0,0,0.25);} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/34303 */ #append_snd_yn_n_ico {position: absolute;display:block;z-index: 99999!important} #append_snd_yn_n_ico div.ticker-layer-infor {display:block;position:absolute;top:calc(100% + 5px);right:-5px;min-width:352px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:7px;z-index:2;box-shadow:3px 3px 5px rgba(0,0,0,0.15);} #append_snd_yn_n_ico div.ticker-layer-infor:after {position:absolute;top:-4px;right:10px;width:8px;height:8px;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;transform:rotate(45deg);background-color:#fff;} #append_snd_yn_n_ico div.ticker-layer-infor.alRight {left:-1px;right:auto;} #append_snd_yn_n_ico div.ticker-layer-infor.alRight:after {left:10px;right:auto;} #append_snd_yn_n_ico div.ticker-layer-infor.top {top:auto;bottom:calc(100% + 5px);} #append_snd_yn_n_ico div.ticker-layer-infor.top:after {top:auto;bottom:-4px;border-width:0 1px 1px 0;} #append_snd_yn_n_ico div.ticker-layer-infor .conts .flex {display:flex;} #append_snd_yn_n_ico div.ticker-layer-infor .conts .flex-spw {display:flex;justify-content:space-between;align-items:center;} #append_snd_yn_n_ico div.ticker-layer-infor .conts .txt {white-space:nowrap;} #append_snd_yn_n_ico div.ticker-layer-infor .conts .result-box {padding:20px;color:#ccc;text-align:center;} #append_snd_yn_n_ico div.click-tooltip > .ticker-layer-infor {top:0;right:calc(100% + 5px);} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/34303 */ #append_snd_yn_y_ico {position: absolute;display:block;z-index: 99999!important} #append_snd_yn_y_ico div.ticker-layer-infor {display:block;position:absolute;top:calc(100% + 5px);right:-5px;min-width:352px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:7px;z-index:2;box-shadow:3px 3px 5px rgba(0,0,0,0.15);} #append_snd_yn_y_ico div.ticker-layer-infor:after {position:absolute;top:-4px;right:10px;width:8px;height:8px;border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;transform:rotate(45deg);background-color:#fff;} #append_snd_yn_y_ico div.ticker-layer-infor.alRight {left:-1px;right:auto;} #append_snd_yn_y_ico div.ticker-layer-infor.alRight:after {left:10px;right:auto;} #append_snd_yn_y_ico div.ticker-layer-infor.top {top:auto;bottom:calc(100% + 5px);} #append_snd_yn_y_ico div.ticker-layer-infor.top:after {top:auto;bottom:-4px;border-width:0 1px 1px 0;} #append_snd_yn_y_ico div.ticker-layer-infor .conts .flex {display:flex;} #append_snd_yn_y_ico div.ticker-layer-infor .conts .flex-spw {display:flex;justify-content:space-between;align-items:center;} #append_snd_yn_y_ico div.ticker-layer-infor .conts .txt {white-space:nowrap;} #append_snd_yn_y_ico div.ticker-layer-infor .conts .result-box {padding:20px;color:#ccc;text-align:center;} #append_snd_yn_y_ico div.click-tooltip > .ticker-layer-infor {top:0;right:calc(100% + 5px);} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36276 */ #append_file {position: absolute;display:block;z-index: 99999!important} #append_file div.combo_keywordAdd_cont {display:block;position:absolute;top:calc(100% + 5px);right:-5px;min-width:352px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;/* padding:7px; */z-index:2;/* box-shadow:3px 3px 5px rgba(0,0,0,0.15); */} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36271 */ #append_rcv_yn_y_ico {position: absolute;display:block;z-index: 99999!important} #append_rcv_yn_y_ico div.ticker-layer-infor {display:block;position:absolute;top:calc(100% + 5px);right:-5px;min-width:352px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:7px;z-index:2;box-shadow:3px 3px 5px rgba(0,0,0,0.15);} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/36271 */ #append_filed {position: absolute;display:block;z-index: 99999!important} #append_filed div.combo_keywordAdd_cont {display:block;position:absolute;top:calc(100% + 5px);left: 27px;min-width:352px;max-width:760px;border:1px solid #ccc;background-color:#fff;border-radius:5px;/* padding:7px; */z-index:2;/* box-shadow:3px 3px 5px rgba(0,0,0,0.15); */} /* Updated by 개발팀 */ /* ALERT :: SUCCESS, CONFIRMATION, WARNING, DELETE, CANCEL, INFORMATION, ERROR */ .layerCont.alert #layerPopup-contsBox {width:100%;} .layerCont.alert .layerPopupWrap {width:500px;} /* .layerCont.alert .layerPopupWrap #layerPopup-contsBox {position:relative;min-height:200px;padding:40px 60px 60px;} */ .layerCont.alert .layerPopupWrap #layerPopup-contsBox {min-height:200px;padding:65px 60px 20px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox.notmaybe {padding-bottom:40px;} /* .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > figure {} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.title {color:#494949;font-size:25px;font-weight:600;margin-top:15px;} */ .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > figure {margin: auto;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.title {color:#494949;font-size:15px;font-weight:600;margin-top:15px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc {color:#494949;font-size:15px;line-height:1.4;margin-top:10px; width: 411px;margin-left: -20px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .conts > div.desc span.tit {display:block;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > .btn-area {display:flex;justify-content:center;margin-top:40px;} .layerCont.alert .layerPopupWrap #layerPopup-contsBox > a.maybelater {position:absolute;bottom:20px;right:20px;color:#0069B9;font-size:13px;font-weight:600;text-decoration:underline;} /* DELETE */ /* .layerCont.alert.delete .layerPopupWrap #layerPopup-contsBox {min-height:auto;padding:10px 15px 30px;} */ /* CANCEL */ .layerCont.alert.cancel .layerPopupWrap #layerPopup-contsBox {min-height:auto;padding:10px 15px 30px;} /* CONFIRM */ .layerCont.alert.confirm .layerPopupWrap #layerPopup-contsBox {min-height:auto;padding:10px 15px 30px;} /* NEW PAYROLL */ .layerCont.new-payroll #layerPopup-contsBox ul.item-table {} .layerCont.new-payroll #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.new-payroll #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.new-payroll #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:100px;} .layerCont.new-payroll #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 100px);} .layerCont.new-payroll #layerPopup-contsBox ul.item-table > li div.ip-wrap{padding-left:90px;} /* SET EXCHANGE RATE */ .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table {} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li {border:1px solid #eceff1;border-radius:10px;padding:15px;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li p.tit {display:flex;align-items:center;font-size:15px;font-weight:700;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li p.tit:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#494949;margin-right:7px;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li p.conts {color:#A6A6A6;font-size:13px;font-weight:500;margin-top:7px;padding-left:10px;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li p.conts > a {color:#0069B9;font-size:13px;font-weight:700;text-decoration:underline;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li .table-wrap {display:flex;align-items:center;padding:10px 0 0 10px;} .layerCont.set-exchange-rate #layerPopup-contsBox ul.item-table > li .table-wrap > span {margin:0 10px;} /* SEND PAYSLIPS */ .layerCont.send-payslips #layerPopup-contsBox ul.item-table {} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li {border:1px solid #eceff1;border-radius:10px;padding:15px;} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li.active {border-color:#0069B9;background-color:rgba(0,105,185,0.05);} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a {display:flex;align-items:center;} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a figure {margin-right:15px;} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a h4 {display:flex;flex-wrap:wrap;align-items:center;font-size:20px;font-weight:800;} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a h4 > em {display:inline-flex;color:#fff;font-size:12px;font-style:normal;font-weight:600;background-color:#ED243C;padding:2px 5px;border-radius:3px;margin-left:5px;} .layerCont.send-payslips #layerPopup-contsBox ul.item-table > li a p.desc {font-size:14px;font-weight:700;} .layerCont.send-payslips #layerPopup-contsBox .check {margin-top:0;margin-left:0;} .layerCont.send-payslips #layerPopup-contsBox .check label {font-size:14px;font-weight:700;} .layerCont.send-payslips #layerPopup-contsBox .do-not-ask {margin-top:10px;margin-left:5px;} /* SEND PAYSLIPS (Preview) */ .layerCont.send-payslips-preview #layerPopup-contsBox {display:flex;} .layerCont.send-payslips-preview #layerPopup-contsBox > .preview-wrap {background:url('images/common/svg/bg-payslips.svg') no-repeat;width:305px;min-height:493px;display:flex;justify-content:center;align-items:center;} .layerCont.send-payslips-preview #layerPopup-contsBox > .preview-wrap h3 {color:#0069B9;font-size:20px;font-weight:700;} .layerCont.send-payslips-preview #layerPopup-contsBox > .content-wrap {width:calc(305px - 30px);margin-left:30px;} .layerCont.send-payslips-preview #layerPopup-contsBox > .content-wrap > div + div {margin-top:30px;} .layerCont.send-payslips-preview #layerPopup-contsBox > .content-wrap h5 {font-size:16px;font-weight:800;margin-bottom:5px;} /* Updated by 개발팀 */ /* MARK AS PAID */ .layerCont.mark-as-paid #layerPopup-contsBox {text-align:center; width: 320px;} .layerCont.mark-as-paid #layerPopup-contsBox p.desc {font-size:14px;font-weight:800;} .layerCont.mark-as-paid #layerPopup-contsBox .calendar-wrap {margin-top:20px;} /* DOWNLOAD BANK FORM */ .layerCont.download-bank-form #layerPopup-contsBox {} .layerCont.download-bank-form #layerPopup-contsBox p.desc {font-size:14px;font-weight:800;} .layerCont.download-bank-form #layerPopup-contsBox p.summary {font-size:11px;margin-top:20px;} .layerCont.download-bank-form #layerPopup-contsBox p.summary > a {text-decoration:underline;} .layerCont.download-bank-form #layerPopup-contsBox .select-box-default-st {margin-top:5px;width:100%;} .layerCont.download-bank-form #layerPopup-contsBox .select-box-default-st > input {width:100%;} /* COPY PAYROLL */ .layerCont.copy-payroll #layerPopup-contsBox ul.item-table {} .layerCont.copy-payroll #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;min-height:34px;} .layerCont.copy-payroll #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.copy-payroll #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.copy-payroll #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* EXCHANGE RATE */ .layerCont.exchange-rate #layerPopup-contsBox ul.item-table {} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li {border:1px solid #eceff1;border-radius:10px;padding:15px;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.tit {display:flex;align-items:center;font-size:15px;font-weight:700;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.tit:before {content:"";width:4px;height:4px;border-radius:50%;background-color:#494949;margin-right:7px;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.conts {color:#A6A6A6;font-size:13px;font-weight:500;margin-top:7px;padding-left:10px;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li p.conts > a {color:#0069B9;font-size:13px;font-weight:700;text-decoration:underline;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li .table-wrap {display:flex;align-items:center;padding:10px 0 0 10px;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li .table-wrap > span {margin:0 10px;} .layerCont.exchange-rate #layerPopup-contsBox ul.item-table > li .table-wrap > span.first {margin-left:0;} /* ADD EMPLOYEE */ .layerCont.add-employee #layerPopup-contsBox ul.item-table {} .layerCont.add-employee #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.add-employee #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.add-employee #layerPopup-contsBox ul.item-table > li > div {position:relative;width:100%;} /* Request Approval */ .request-approval #layerPopup-contsBox .payroll-state {display:flex;justify-content:flex-end;margin-top:20px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li {width:100px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .request-approval #layerPopup-contsBox .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;height:70px;} .request-approval #layerPopup-contsBox .num-date {display:flex;} .request-approval #layerPopup-contsBox .num-date>h4 {width:100px;color:#A6A6A6;font-weight:600;} .request-approval #layerPopup-contsBox .num-date + .num-date {margin-top:5px;} .request-approval #layerPopup-contsBox .re-by {display:flex;} .request-approval #layerPopup-contsBox .re-by>h4 {width:75px;color:#A6A6A6;font-weight:600;} .request-approval #layerPopup-contsBox .re-by>strong {white-space:nowrap;} .request-approval #layerPopup-contsBox #table-list-wrap table tbody tr td textarea {height:70px;border:1px solid #ECEFF1;border-radius:5px;padding:8px 8px 8px 12px;resize: none;} .request-approval #layerPopup-contsBox ul.item-table > li .file-choose-form .upload-name {display:inline-block;width:calc(100% - 120px);height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* Approval */ .approval #layerPopup-contsBox .payroll-state {display:flex;justify-content:flex-end;margin-top:20px;} .approval #layerPopup-contsBox .payroll-state div.confirm ul {display:flex;border:1px solid #ECEFF1;border-radius:5px;} .approval #layerPopup-contsBox .payroll-state div.confirm ul li {width:100px;} .approval #layerPopup-contsBox .payroll-state div.confirm ul li + li {border-left:1px solid #ECEFF1;} .approval #layerPopup-contsBox .payroll-state div.confirm ul li > span {display:block;text-align:center;padding:10px 0 10px;} .approval #layerPopup-contsBox .payroll-state div.confirm ul li > span + span {border-top:1px solid #ECEFF1;height:70px;} .approval #layerPopup-contsBox .num-date {display:flex;} .approval #layerPopup-contsBox .num-date + .num-date {margin-top:5px;} .approval #layerPopup-contsBox .num-date>h4 {width:100px;color:#A6A6A6;font-weight:600;} .approval #layerPopup-contsBox .re-by {display:flex;} .approval #layerPopup-contsBox .re-by>h4 {width:75px;color:#A6A6A6;font-weight:600;} .approval #layerPopup-contsBox .re-by>strong {white-space:nowrap;} .approval #layerPopup-contsBox #table-list-wrap table tbody tr td textarea {height:70px;border:1px solid #ECEFF1;border-radius:5px;padding:8px 8px 8px 12px;resize: none;} .approval #btn-wrap-default .btn-area .file-choose-form {position:relative;display:flex;align-items:center;margin-left:5px;} .approval #btn-wrap-default .btn-area .file-choose-form input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .approval #btn-wrap-default .btn-area .file-choose-form label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;} .approval #btn-wrap-default .btn-area .file-choose-form label:before {transform:rotate(90deg);} .approval #btn-wrap-default .btn-area .file-choose-form .upload-name {display:inline-block;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:transparent;border:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none; } /* Attach from Expenses */ .layerCont.attach-from-expenses{} .layerCont.attach-from-expenses #layerPopup-contsBox{min-height:auto} .layerCont.attach-from-expenses #layerPopup-contsBox .serch-table{display:flex;align-items:center;margin-bottom:10px;} /* Updated by 개발팀 */ /*new style for append-edit*/ #append_edit {position: absolute;display:block;z-index: 99999!important} #append_edit div.append_edit_popup {position: absolute;display:block;z-index: 99999!important} #append_edit div.append_edit_popup > ul.edit-menu {position:absolute;top:100%;left:80px;border-radius:5px;overflow:hidden;width:110px;height:auto;padding:3px 0 0;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:2;} #append_edit div.append_edit_popup > ul.edit-menu li {display:inline-block;width:100%;height:auto;border:1px solid #E0E0E0;border-bottom:0;background-color:#FFF;cursor:pointer;} #append_edit div.append_edit_popup > ul.edit-menu li + li {border-top:0;} #append_edit div.append_edit_popup > ul.edit-menu li:first-child {border-radius:5px 5px 0 0;} #append_edit div.append_edit_popup > ul.edit-menu li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #E0E0E0;} #append_edit div.append_edit_popup > ul.edit-menu li a {font-weight:600;display:block;padding:8px 12px;} #append_edit div.append_edit_popup > ul.edit-menu li a:hover {/*color:#0069B9;font-weight:600;letter-spacing:-0.04em;*/background-color:#FAFAFA;} #append_change_icon div#change-icon-wrap > div.change-icon-wrap {position:absolute;top:0;left:calc(100% - 15px);padding-left:20px;z-index:2;} #append_change_icon div#change-icon-wrap > div.change-icon-wrap:after {content:"";position:absolute;top:8px;left:6px;width:15px;height:11px;background:url('images/common/svg/sticker_arrow.svg') no-repeat center center/cover; transform:rotate(90deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } #append_change_icon {position: absolute;display:block;z-index: 99999!important} #append_change_icon div#change-icon-wrap {position: absolute;display:block;z-index: 99999!important} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts {width:470px;border:1px solid #E0E0E0;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sticker-memo {padding:10px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sticker-memo textarea {width:100%;height:75px;border:0;outline:none;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box {display:flex;align-items:center;padding:10px;height:44px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box h1 {font-weight:600;width:90px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a + a {margin-left:7px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.black {border:1px solid #000;background-color:#464646;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-color-box a.active {width:24px;height:24px;border-width:3px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box {display:flex;align-items:flex-start;padding:10px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box h1 {font-weight:600;width:90px;margin-top:10px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul {display:flex;flex-wrap:wrap;width:calc(100% - 90px);margin-left:-5px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li {margin-left:5px;margin-top:5px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a {font-size:0;border:1px solid #ccc;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.on {box-shadow:3px 3px 6px rgba(0,0,0,0.20);} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.green {border-color:#C1D2CD;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.yellow {border-color:#E3D8C2;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.blue {border-color:#BFCFE2;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.red {border-color:#EAC0C0;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.purple {border-color:#CCC0E3;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:center;align-items:center;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .btn-wrap a.save {font-size:1.0rem;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .btn-wrap a + a {margin-left:5px;} #append_change_icon div#change-icon-wrap div.change-icon-wrap .conts .sel-icon-box ul li a.on {border-width:3px;} /* Updated by 개발팀 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.tax:before {content:"";width:40px;height:20px;background:url('images/common/icon_tax.png') no-repeat center center;margin-right:5px;} /* 2022-11-22 추가 */ #container > .contents .general-info-wrap > ul > li > ul.table-list > li > span.tax {width:170px;display:flex;align-items:center;margin-left:40px;} /* 2022-11-22 추가 */ /* Updated by 개발팀 */ /* Display VAT TIN when printing the invoice */ #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap .pop_head {/* border-bottom:2px solid #000; */padding-bottom:5px;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap .pop_head table.bd_none {border:0 !important;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap .pop_head table.bd_none tbody tr td > div.id_num_wrap > div {display:inline-block;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap .pop_head table.bd_none tbody tr td > div.id_num_wrap > div.id_box {display:inline-block;vertical-align:top;} #container > .contents .general-info.tabCont > .tabCont-wrap > .down-print-wrap .pop_head table.bd_none tbody tr td > div.id_num_wrap > div.id_box ul li {width:17px;height:20px;line-height:20px;display:inline-block;margin-left:3px;border:1px solid #000;text-align:center;vertical-align:top;font-size:13px;color:#000;font-weight:600;overflow:hidden;} /* Updated by 개발팀 */ #container > .contents .title-area > .page-func-wrap > div.page-btn > div {display:flex;} #container > .contents .title-area > .page-func-wrap > div.page-btn > div + div {margin-left:0.625rem;} #container > .contents .title-area > .page-func-wrap > div.page-btn > div a.other {min-width:auto;height:auto;border:1px solid #ECEFF1;border-radius:5px;padding:0;} /* Updated by 개발팀 */ #container > .contents .search-etc-wrap > div.first > .select-tab-st {display:flex;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a {position:relative;font-weight:700;padding:7px 0;min-width:80px;text-align:center;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a.on {color:#0069B9;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a.on:before {content:"";position:absolute;top:calc(100% + 9px);left:0;width:100%;height:3px;background-color:#0069B9;} #container > .contents .search-etc-wrap > div.first > .select-tab-st a + a {margin-left:25px;} /* Updated by 개발팀 */ #container > .contents .form-wrap.credit-table{padding:25px;background-color:#fafafa;} #container > .contents .form-wrap.credit-table .purpose-btn{display:flex;justify-content:flex-end;} #container > .contents .form-wrap.credit-table .purpose-btn > a{font-weight:600;} /* 23-03-30 */ /* Updated by 개발팀 */ #container > .contents .form-wrap .advances_cont{padding:150px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;} #container > .contents .form-wrap .advances_cont div.bg{background:url('images/common/advances_bg.png') no-repeat center center;width:98px;height:106px;} #container > .contents .form-wrap .advances_cont > p{margin-top:18px;font-size:20px;font-weight:700;color:#0069B9;text-shadow: 1px 1px 1px #00000029;} #container > .contents .form-wrap .advances_cont > a{width:290px;height:60px;display:flex;align-items:center;justify-content:center;border: 1px solid #ECEFF1;border-radius: 5px;background-color:#0069B9;box-shadow: inset -12px -12px 12px #00000029;color:#fff;font-size:20px;font-weight:700;margin-top:18px;} /* Updated by 개발팀 https://www.kosign.com.kh/redmine/issues/34859 Advanced Memo Feature -TBD by HQ */ #container > .contents .memo-side-wrap {position:fixed;top:48px;right:0;width:330px;height:calc(100% - 48px);padding-bottom:30px;background-color:#fafafa;border-left:1px solid #eceff1;transform:translate(100%,0);opacity:0;z-index: 2;} #container > .contents .memo-side-wrap.active {transform:translate(0,0);opacity:1;} #container > .contents .memo-side-wrap .wrap {height:100%;} #container > .contents .memo-side-wrap .wrap .head {display:flex;justify-content:space-between;align-items:center;} #container > .contents .memo-side-wrap .wrap .head h5 {color:#494949;font-size:1.25rem;font-weight:700;padding:15px;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap {background-color:#FAFAFA;padding:0 15px;display:flex;justify-content:space-between;align-items:center;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box {display:flex;align-items:center;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a + a {margin-left:7px;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} #container > .contents .memo-side-wrap .wrap .head .btn-wrap a.close-memeo {width:24px;height:24px;background:url('images/common/btn_close.png') no-repeat center center;margin-left:10px;} #container > .contents .memo-side-wrap .wrap .cont {position:relative;height:calc(100% - 50px);} #container > .contents .memo-side-wrap .wrap .cont .list-table {position:absolute;top:0;left:0;width:100%;height:100%;padding:15px 5px 15px 15px;overflow:hidden;} #container > .contents .memo-side-wrap .wrap .cont .list-table form {width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list {width:100%;max-height:100%;overflow-y:auto;padding-right:10px;} #container > .contents .memo-side-wrap .wrap .cont .list-table.active .list {max-height:calc(100% - 70px);} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li + li {margin-top:20px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li h6 {} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap {margin-top:4px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .cont {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:10px;line-height:1.4; white-space: break-spaces; overflow: auto; /* max-height: 125px; */ overflow-wrap: break-word;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .cont textarea {width:100%;min-height:auto;resize:none;border:0;outline:none;line-height:1.4; background-color:#fff;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util {display:flex;justify-content:space-between;align-items:center;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util p.date {color:#a6a6a6;font-weight:300;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn {display:flex;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a {width:30px;height:30px;opacity:0.4;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a:hover {opacity:1;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a.write {background:url('images/common/svg/menu-icon-edit.svg') no-repeat center center;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-wrap .util .btn a.delete {background: url('images/common/svg/icon-delete.svg') no-repeat center top/30px 90px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap {display:none;margin-top:4px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .form .sticker-side-memo {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:10px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .form .sticker-side-memo textarea {width:100%;min-height:85px;resize:none;border:0;outline:none;line-height:1.4;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .btn-wrap {margin-top:10px;display:flex;justify-content:flex-end;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .btn-wrap a {font-size:13px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .list ul li .memo-modify-wrap .btn-wrap a + a {margin-left:10px;} #container > .contents .memo-side-wrap .wrap .cont .list-table .btn-wrap {width:calc(100% - 15px);display:none;justify-content:flex-end;} #container > .contents .memo-side-wrap .wrap .cont .list-table .btn-wrap a.write {min-width:40px;width:44px;height:44px;border-radius:50%;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;background-image:url('images/common/btn_memo_write.png');background-repeat:no-repeat;background-position:center center;} #container > .contents .memo-side-wrap .wrap .cont .list-table.active .btn-wrap {display:flex;} #container > .contents .memo-side-wrap .wrap .cont .write-table {position:absolute;bottom:0;left:0;width:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:15px 20px 15px 15px;overflow:hidden;transform:translate(100%,0);background-color:#fafafa;} #container > .contents .memo-side-wrap .wrap .cont .write-table.active {transform:translate(0,0);} #container > .contents .memo-side-wrap .wrap .cont .write-table form {} #container > .contents .memo-side-wrap .wrap .cont .write-table .form .sticker-side-memo {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;padding:10px;} #container > .contents .memo-side-wrap .wrap .cont .write-table .form .sticker-side-memo textarea {width:100%;min-height:150px;resize:none;border:0;outline:none;line-height:1.4;} #container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap {margin-top:10px;display:flex;justify-content:flex-end;} #container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap a {font-size:13px;} #container > .contents .memo-side-wrap .wrap .cont .write-table .btn-wrap a + a {margin-left:10px;} /* Updated by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/35314 */ #append-memo {position: absolute;display:block;z-index: 99999!important} /* Updated by 개발팀 */ /* LAYERPOPUP :: Default */ #wabook-layerPopup-default .layerCont {transform: scale(0.1); transition-duration: 0.3s} #wabook-layerPopup-default.active {transform:translate(0,0);opacity:1;z-index:9;} #wabook-layerPopup-default.active .layerCont {transform:translate(0,0);opacity:1;z-index:9;} #wabook-layerPopup-default #table-form-wrap table tbody tr td {height:45px;} #wabook-layerPopup-default #table-form-wrap table tbody tr.on td, #wabook-layerPopup-default #table-form-wrap table tbody tr.on td label {color:#0069B9;} div.down_menu_box.generate-table-wrap {position:relative;} div.down_menu_box.generate-table-wrap > .table-wrap {display:none;position:absolute;top:calc(100% + 5px);right:0;width:300px;border:1px solid #ECEFF1;background-color:#fff;border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,0.075);z-index:1;} div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table {display:flex;flex-wrap:wrap;padding:10px;} div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table li {width:100%;display:flex;align-items:center;} div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table li + li {margin-top:10px;} div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table li > div:first-child {width:100px;} div.down_menu_box.generate-table-wrap > .table-wrap > ul.item-table li > div:last-child {width:calc(100% - 100px);} div.down_menu_box.generate-table-wrap > .table-wrap > p.infor-box {color:#A6A6A6;font-size:15px;text-align:center;} div.down_menu_box.generate-table-wrap > .table-wrap > p.infor-box a {color:#0069B9;text-decoration:underline;} div.down_menu_box.generate-table-wrap > .table-wrap > .btn-wrap {display:flex;justify-content:center;padding:10px;margin-top:10px;border-top:1px solid #ECEFF1;} div.down_menu_box.generate-table-wrap > .table-wrap > .btn-wrap a + a {margin-left:5px;} /* Updated by 개발팀 */ /* Related to Payroll issue https://www.kosign.com.kh/redmine/issues/36769 */ div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide {display:none;position:absolute;width:360px;border:1px solid #E0E0E0;background-color:#fff;border-radius:10px;box-shadow:1px 1px 5px rgb(0 0 0 / 8%);z-index:200;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide > h1 {cursor:pointer;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide.rt {top:-30px;left:calc(100% - 20px);} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide.lt {top:-30px;right:calc(100% - 20px);} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide .layerPopupWrap {width:100%;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide.middle {width:860px;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide #layerPopupSide-contsBox {padding:0 20px 20px;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide #btn-wrap-side {position:relative;display:flex;justify-content:center;align-items:center;padding:0 20px 10px;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide #btn-wrap-side a {width:auto !important;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide #btn-wrap-side a:before {content:none;} div.down_menu_box_simple > ul.down_menu_select > li > .layerContSide #btn-wrap-side a + a {margin-left:5px !important;} /* Updated by 개발팀 */ div.exchange-wrap {position:relative;display:inline-block;} div.exchange-wrap > .down_menu_box_btn > a.btn-st {display:flex;} div.exchange-wrap > div.exchange-popup .close{display:flex;justify-content:flex-end;/* position: absolute;top: 11px;right: 5px; */width:100%; height: 10px;background: url(images/common/svg/layerPopupClose.svg) no-repeat right top;cursor: pointer;z-index: 1;background-size:9px 10px;} div.exchange-wrap > div.exchange-popup {display:none;position:absolute;background-color:#fff;top:100%;right:0px;border-radius:5px;overflow:hidden;min-width:200px;height:auto;margin:3px 0 0;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;z-index:2;padding:10px 15px;box-sizing:border-box;} div.exchange-wrap > div.exchange-popup .conts{font-size:13px;} div.exchange-wrap > div.exchange-popup .conts > a{color:#0069B9} div.exchange-wrap > div.exchange-popup li {display:inline-block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} div.exchange-wrap > div.exchange-popup li + li {} div.exchange-wrap > div.exchange-popup li:first-child {border-radius:5px 5px 0 0;} div.exchange-wrap > div.exchange-popup li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;} div.exchange-wrap > div.exchange-popup li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;} div.exchange-wrap > div.exchange-popup li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} div.exchange-wrap > div.exchange-popup li a:hover {color:#0069B9;background-color:#FAFAFA;} div.exchange-wrap > div.exchange-popup li a:hover:before {background-color:#0069B9;} div.exchange-wrap > div.exchange-popup li a.hRed:hover {color:#CB0D0D;background-color:#FAFAFA;} div.exchange-wrap > div.exchange-popup li a.hRed:hover:before {background-color:#CB0D0D;} .detail-conts-popup{display: none;position: absolute;top:-3px; left:calc(100% - 3px);min-width: 300px;max-width: 760px; border: 1px solid #ccc;background-color: #fff;border-radius: 5px;padding:15px 20px;z-index: 12;box-shadow: 3px 3px 5px rgb(0 0 0 / 15%);} .detail-conts-popup .tit{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center;} .detail-conts-popup .tit .close{width:9px;height:10px;background: url(images/common/svg/layerPopupClose.svg) no-repeat right top;cursor: pointer;z-index: 1;background-size:9px 10px;} .detail-conts-popup .tit .name{display:flex;align-items:center} .detail-conts-popup .tit .name p{font-weight:700;font-size:15px;} .detail-conts-popup ul{display:flex;} .detail-conts-popup ul + ul{margin-top:18px;} .detail-conts-popup ul li{width:50%;} .detail-conts-popup ul li:first-child{font-weight:700} div.bank_down_box {position:relative;display:inline-block;} div.bank_down_box > .bank_down_box_btn > a.btn-st {display:flex;} div.bank_down_box > ul.bank_down_select {display:none;position:absolute;top:100%;right:0px;border-radius:5px;overflow:hidden;min-width:100%;height:auto;margin:3px 0 0;border:1px solid #ECEFF1;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;z-index:2;} div.bank_down_box > ul.bank_down_select li {display:block;width:100% !important;height:auto;background-color:#FFF;cursor:pointer;} div.bank_down_box > ul.bank_down_select li + li {} div.bank_down_box > ul.bank_down_select li:first-child {border-radius:5px 5px 0 0;} div.bank_down_box > ul.bank_down_select li:last-child {border-radius:0 0 5px 5px;border-bottom:1px solid #ECEFF1;} div.bank_down_box > ul.bank_down_select li a {width:100% !important;display:flex;align-items:center;font-weight:500;padding:8px 12px !important;white-space:nowrap;margin:0 !important;color:#0069B9} div.bank_down_box > ul.bank_down_select li a:before {content:"";width:5px;height:5px;border-radius:50%;margin-right:5px;} div.bank_down_box > ul.bank_down_select li a:hover {color:#0069B9;background-color:#FAFAFA;} div.bank_down_box > ul.bank_down_select li a:hover:before {background-color:#0069B9;} div.bank_down_box > ul.bank_down_select li a.hRed:hover {color:#CB0D0D;background-color:#FAFAFA;} div.bank_down_box > ul.bank_down_select li a.hRed:hover:before {background-color:#CB0D0D;} .payslip-down-popup h2{font-size:22px;text-align:center;font-weight:700;margin:40px 0 28px;} .payslip-down-popup h3{font-size:16px;font-weight:500} .payslip-down-popup .payday{display:flex;justify-content:flex-end;font-size:15px;color:#A6A6A6;margin-bottom:24px;font-weight:400} .payslip-down-popup .conts .items{margin-top:25px;} .payslip-down-popup .conts .items h4{font-size:15px;font-weight:400;margin-bottom:7.5px;} .payslip-down-popup .conts .items h4:before{vertical-align:middle;display:inline-block;content:'';width:6px;height:6px;border-radius:50%;background-color:#494949;margin:0 5.5px} .payslip-down-popup .conts .items > div.goods{display:flex;justify-content:space-between;align-items:center;padding:7.5px 18px;border-radius:7px;box-sizing:border-box;font-weight:300} .payslip-down-popup .conts .items > div.goods.total{background-color:#EFF3F4} .payslip-down-popup .conts .items > div.goods.total .val{font-weight:700;font-size:16px;} .payslip-down-popup .conts .items > div.goods .topic{font-size:15px;} .payslip-down-popup .conts div.result{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;box-sizing:border-box;border-radius:7px;background-color:#eff3f4;margin-top:23px;} .payslip-down-popup .conts div.result .topic{font-weight:700;color:#0069B9;font-size:16px;} .payslip-down-popup .conts div.result .val{font-weight:700;color:#0069B9;font-size:16px;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap {position:relative;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.active{border:1px solid #ECEFF1;background-color:#EBF7FF4D;cursor:default} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.active h3.modify .txt{display:none;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.active #table-form-wrap tbody tr td{background-color:#fff;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.active #table-form-wrap tbody tr td .txt{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap #table-form-wrap tbody tr td.off{display:none;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.active #table-form-wrap tbody tr td.off{width:3%;display:table-cell;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.active #table-form-wrap thead tr th.off{width:3%;display:table-cell;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap #table-form-wrap thead tr th.off{display:none;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap ul.form-ul > li .txt{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap > .edit{display:none;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap div.select-box-default-st input.selectValue{background-color:#fff;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap > .edit:before{content: "";width: 30px;height: 30px;display:block; background: url(images/common/svg/menu-icon-edit.svg) no-repeat center top/18px auto;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap .hide-btn{padding-left:130px;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide{cursor:pointer;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide a.hide{display:none !important} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide .edit {position:absolute;top:15px;right:50px;display:block;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide .hide-btn{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide ul.form-ul > li .txt{height:30px;display:flex;align-items:center;padding-top:5px;box-sizing:border-box;} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide div.select-box-default-st{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide div.input-clear-box{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide div.check_btn{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide div.add-a-photo{display:none} #container.payroll-add-employee > .contents > .form-wrap .box-wrap.hide div.hide_conts{display:none} #container.payroll-add-employee > .contents > .form-wrap .hide_conts input[type=radio].radioBtn-normal + label:after{top:49.5%;transform:translateY(-50%) !important} /* Updated by 개발팀 */ #ly-link-example {display:flex;flex-wrap:wrap;margin-top:50px;} #ly-link-example>p {width:100%;padding-bottom:15px;} #ly-link-example>a {background-color:#ddd;padding:5px 10px;border-radius:5px;margin:10px 5px 0 0;} #ly-link-example>a:hover {color:#fff;background-color:#333;} /* Updated by 개발팀 */ #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-size:26px auto;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-size:26px auto;} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.sale:before{background-image:url("images/common/haeder_sale.png");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.sale:before{background-image:url("images/common/haeder_sale_on.png");} #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.expenses:before{background-image:url("images/common/haeder_expenses.png");} #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.expenses:before{background-image:url("images/common/haeder_expenses_on.png");} /* Updated by 개발팀 */ /*layerCont CHANGE PASSWORD */ .layerCont.change-password #btn-wrap-default{border:none;} .layerCont.change-password .layerPopupWrap .item-table li .required{font-size:14px;margin-bottom:10px;color:#000;font-weight:500} .layerCont.change-password .layerPopupWrap .item-table li + li{margin-top:15px;} /* Updated by 개발팀 */ #left-menu-wrap > ul > li > a.icon-svg-setting{background-image:url('images/common/svg/icon-setting.svg');position:absolute;right:5px;top:16px;transform:translateY(-50%);width:15px;height:15px;} #left-menu-wrap > ul > li > a i {position:absolute;top:50%;right:5px;transform:translate(0,-50%);width:15px;height:15px;margin-left:7px;} #left-menu-wrap > ul > li > a i.new {background:url('images/common/icon_new.png') no-repeat center center/contain;} /* Updated by 개발팀 */ #left-menu-wrap > div.division {position:relative;margin-top:60px;} /* Updated by 개발팀 */ /* #header .gnb-wrap ul.menu-area li.on a.icon-svg-gnb.payroll:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 29.6' style='enable-background:new 0 0 30 29.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230169B9;%7D .st1%7Bfill:%23F5BB1E;%7D%0A%3C/style%3E%3Cg id='그룹_1895' transform='translate(0.286 0.002)'%3E%3Cpath id='빼기_10' class='st0' d='M23.6,26.8h-18c-1.7,0-3-1.3-3-3v-18c0-1.7,1.3-3,3-3h21v2h-21c-0.6,0-1,0.4-1,1v18 c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1v-5h2v5C26.6,25.5,25.2,26.8,23.6,26.8z'/%3E%3Crect id='사각형_1712' x='3.6' y='14.8' class='st0' width='10' height='2'/%3E%3Crect id='사각형_1713' x='19.6' y='14.8' class='st1' width='7' height='2'/%3E%3Crect id='사각형_1715' x='15.6' y='8.8' class='st1' width='7' height='2'/%3E%3Cpath id='사각형_1714' class='st0' d='M7.6,6.8h4c0.6,0,1,0.4,1,1v4c0,0.6-0.4,1-1,1h-4c-0.6,0-1-0.4-1-1v-4 C6.6,7.3,7,6.8,7.6,6.8z'/%3E%3Cpath id='다각형_1' class='st1' d='M15.9,15.8l5-3.5v7L15.9,15.8z'/%3E%3Cpath id='다각형_2' class='st1' d='M26.9,9.8l-5,3.5v-7L26.9,9.8z'/%3E%3C/g%3E%3C/svg%3E");} Updated by 개발팀 #header .gnb-wrap ul.menu-area li a.icon-svg-gnb.payroll:before {background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 29.6' style='enable-background:new 0 0 30 29.6;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%23F5BB1E;%7D%0A%3C/style%3E%3Cg id='그룹_1895' transform='translate(0.286 0.002)'%3E%3Cpath id='빼기_10' class='st0' d='M23.6,26.8h-18c-1.7,0-3-1.3-3-3v-18c0-1.7,1.3-3,3-3h21v2h-21c-0.6,0-1,0.4-1,1v18 c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1v-5h2v5C26.6,25.5,25.2,26.8,23.6,26.8z'/%3E%3Crect id='사각형_1712' x='3.6' y='14.8' class='st0' width='10' height='2'/%3E%3Crect id='사각형_1713' x='19.6' y='14.8' class='st1' width='7' height='2'/%3E%3Crect id='사각형_1715' x='15.6' y='8.8' class='st1' width='7' height='2'/%3E%3Cpath id='사각형_1714' class='st0' d='M7.6,6.8h4c0.6,0,1,0.4,1,1v4c0,0.6-0.4,1-1,1h-4c-0.6,0-1-0.4-1-1v-4 C6.6,7.3,7,6.8,7.6,6.8z'/%3E%3Cpath id='다각형_1' class='st1' d='M15.9,15.8l5-3.5v7L15.9,15.8z'/%3E%3Cpath id='다각형_2' class='st1' d='M26.9,9.8l-5,3.5v-7L26.9,9.8z'/%3E%3C/g%3E%3C/svg%3E");} */ /* Updated by 개발팀 */ /* View e-Invoice Details */ .layerCont.e-invoice-details .layerPopupWrap{margin:0 15px 15px;} .layerCont.e-invoice-details #layerPopup-contsBox{overflow-y:auto;height:650px;} .layerCont.e-invoice-details .invoice-btn{display:flex;align-items:center;justify-content:flex-end;} .layerCont.e-invoice-details .invoice-btn > a + a{margin-left:5px;} .layerCont.e-invoice-details #btn-wrap-default{position:absolute;right:7px;bottom:-4px;padding:19;border:none;} /* Updated by 개발팀 */ .layerCont > div#layerCont > .cBlue{color:#0069B9;font-size:15px;} .layerCont > div#layerCont > .cBlue span{font-size:11px;color:#666666;margin-left:18px;font-weight:400} /* Updated by 개발팀 */ /* REPAID FROM CASH ADVANCES */ .layerCont.repaid-from-cash-advances #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table {} .layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.repaid-from-cash-advances #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* Updated by 개발팀 */ .ticker-layer-infor.menuRight {top:0;left:calc(100% + 5px);right:auto;} .ticker-layer-infor.menuRight:after {top:10px;left:-4px;right:auto;} .ticker-layer-infor.fileRight {top:0;left:135px;right:auto;} .ticker-layer-infor.fileRight:after {top:10px;left:-4px;right:auto;} .ticker-layer-infor.dark {background-color:#494949;border-color:#494949;} .ticker-layer-infor.dark:after {background-color:#494949;border-color:#494949;} .ticker-layer-infor.dark .conts {color:#fff;} /* Updated by 개발팀 */ .hiddenDivTwoDate > .pop_cal_filter {display:flex;margin-top: 15px;} .hiddenDivTwoDate > .pop_cal_filter > div.tooltips {position: relative;} .hiddenDivTwoDate > .pop_cal_filter > div.tooltips > a.tooltips {display:block;width:18px;height:18px;background:url('images/common/svg/icon-exclamation-blue.svg') no-repeat center center/18px auto;margin-left:5px;} .hiddenDivTwoDate > .pop_cal_filter > div.tooltips > div.ticker-layer-infors.top {top:auto;bottom:calc(100% + 5px);text-align: center;} .hiddenDivTwoDate > .pop_cal_filter > div.tooltips > div.ticker-layer-infors {display:none;position:absolute;left:0px;min-width:260px;border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:8px;z-index:2;box-shadow:3px 3px 5px rgba(0,0,0,0.15);} /* Updated by 개발팀 */ #table-form-wrap.fullline table thead tr th:nth-child(n+2) {border-left:1px solid #ECEFF1;} #table-form-wrap.fullline table tbody tr td:nth-child(n+2) {border-left:1px solid #ECEFF1;} #table-form-wrap.fullline table tbody tr td.nonline {border-left:0;} /* Updated by 개발팀 */ /* CALENDAR :: Style */ .calendar-wrap {} .calendar-wrap input[type=text] {width:120px;padding:8px 30px 8px 8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23494949;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M19.75,16H16v3.75h3.75ZM19,7.75v1.5H13V7.75H11.5v1.5h-.75a1.49,1.49,0,0,0-1.49,1.49h0v10.5a1.5,1.5,0,0,0,1.5,1.5h10.5a1.5,1.5,0,0,0,1.5-1.5h0V10.75a1.5,1.5,0,0,0-1.5-1.5H20.5V7.75Zm2.25,13.5H10.75V13h10.5Z'/%3E%3C/svg%3E") no-repeat right center/30px 30px;} .calendar-wrap input[type=text].birthdate {width:160px;} .ui-widget.ui-widget-content {border:1px solid #E0E0E0;} /* Updated by 개발팀 */ #table-list-wrap.hoverCBlue table tbody tr td.table-tbody-list > div table tbody tr:hover td{color:#0069B9 !important} #table-list-wrap.hoverCBlue table tbody tr td.table-tbody-list > div table tbody tr{border-bottom:none} #table-list-wrap table tbody tr td.last-update .update > div {position:relative;width:18px;height:18px;} #table-list-wrap table tbody tr td.last-update .update > div.down{width:28px;height:28px;} #table-list-wrap table tbody tr td.last-update .update > div.down a:before{background-size:20px 20px;} /* Updated by 개발팀 */ /* #table-list-wrap table tbody tr td.yellow-bg {background-color:#FFFEDB;} */ #table-list-wrap table tbody tr td .yellow-bg {background-color:#FFFEDB !important;} #table-list-wrap table tbody tr th {background-color:#FAFAFA;} #table-list-wrap table tbody tr td {color:#494949;padding:5px 5px;height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #table-list-wrap table tbody tr td.detail-conts{position:relative;overflow:visible !important} #table-list-wrap table tbody tr td.over > p:hover{color:#0069B9 !important} #table-list-wrap table tbody tr td.td-tooltip {overflow:visible;} /* Updated by 개발팀 */ /* Scroll Bar Custom */ .scroll-bar-custom::-webkit-scrollbar {width:5px;background-color:rgba(225,225,225,1);border-radius:3px; /* 스크롤바의 너비 */} /* Updated by 개발팀 */ /* BTN-WRAP-DEFAULT :: Style */ #btn-wrap-default .btn-area {display:flex;align-items:center;} #btn-wrap-default .btn-area a + a {margin-left:5px;} #btn-wrap-default.spw {justify-content:space-between !important;} /* Updated by 개발팀 */ /* Checkbox & Radio :: Style */ input[type=checkbox].checkBox-normal + label {display:flex;align-items:center;min-width:50px;position:relative;color:#5b5d5d;font-weight:600;} input[type=checkbox].checkBox-normal + label:before {content:"";display:inline-block;width:17px !important;height:17px !important;border:2px solid #494949;border-radius:3px;overflow:hidden;margin-right:5px;} input[type=checkbox].checkBox-normal + label.disabled:before {opacity:0.5;background-color: #c3c3c3;border-color: #BFBFBF;} input[type=checkbox].checkBox-normal:checked + label:before {border-color:#0069B9;background:#0069B9 url('images/common/svg/check_on.svg') no-repeat center center/17px auto;} input[type=checkbox].checkBox-normal + label.solo:before {margin-right:0;} /* Updated by 개발팀 */ #append_popup {display: none;position: absolute;min-width: 153px;max-width: 153px;z-index: 10;font-size: 14px;} #append_popup .select-box-option{padding: 2px 4px;margin-bottom: 4px;border-radius: 5px;overflow: hidden scroll;width: 100%;max-height: 150px;height: auto;background-color: #FFF;border: 1px solid #E0E0E0;white-space: nowrap;} #append_popup .select-box-option li {width: 100%;height: auto;border-bottom: 0;padding: 6px 2px;cursor: pointer;white-space: nowrap;} #append_popup .select-box-option li:hover {background-color: #FAFAFA;} /* Updated by 개발팀 */ /* INPUT :: 검색어 입력시 'X'박스 모두 적용을 위해 추가적용 */ .input-clear-box {display:inline-block;position:relative;overflow:hidden;} .input-clear-box.tooltip {overflow:visible;} /* Updated by 개발팀 */ /* INPUT :: type=search -> 검색어 입력시 'X'박스 */ .inputSearchWrap .select-box-default-st.active {width:calc(100% - 0px);left:0;transform:translate(0,0);overflow:initial;} .inputSearchWrap .select-box-default-st.actives {width:calc(100% - 0px);left:0;transform:translate(0,0);overflow:initial;} /* Updated by 개발팀 */ /* INPUT :: Style */ input.tar::-webkit-input-placeholder {text-align:right !important;} input.tar::-moz-placeholder {text-align:right !important;} input.tar:-ms-input-placeholder {text-align:right !important;} input.tar:-moz-placeholder {text-align:right !important;} input.tar::placeholder {text-align:right !important;} /* Updated by 개발팀 */ div.select-form-default-st a.filterOpt:before {content:"";width:32px;height:32px;background:url('images/common/svg/icon_filter.svg') no-repeat center center/18px auto;} div.select-form-default-st a.filterOpt {position:relative;display:flex;align-items:center;min-width:auto;font-size:14px;font-weight:600;border:1px solid #E0E0E0;padding:0 10px 0 0;border-radius:5px;overflow:hidden;cursor:pointer;} div.select-form-default-st.on a.filterOpt {border-color:#494949;outline:none;} /* Updated by 개발팀 */ /* Select :: Style */ /* default */ div.select-box-default-st.wd-100p {width:100%;} div.select-box-default-st.wd-100p input.selectValue {width:100%;} div.select-box-default-st ul.select-box-option {border-radius:5px;overflow:hidden scroll;width:100%;max-height:195px;height:auto;background-color:#FFF;border:1px solid #E0E0E0;box-shadow:1px 1px 5px rgba(0,0,0,0.035);} /* Updated by 개발팀 */ /* 기타아이콘 :: 블루배경, 화이트 */ .icon-svg.other:before {width:34px;background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='btn_collapse_normal' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 32' style='enable-background:new 0 0 36 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23494949;%7D%0A%3C/style%3E%3Cg%3E%3Cg id='마스크_그룹_40' transform='translate(-761 -372)'%3E%3Cg id='more_vert_black_24dp' transform='translate(767 378)'%3E%3Cpath id='패스_1117' class='st0' d='M-4-6h32v32H-4V-6z'/%3E%3Cpath id='패스_1118' class='st1' d='M17.3,10c0,0.9,0.7,1.7,1.7,1.7c0.9,0,1.7-0.7,1.7-1.7c0-0.9-0.7-1.7-1.7-1.7l0,0 C18.1,8.3,17.3,9.1,17.3,10z M13.7,10c0-0.9-0.7-1.7-1.7-1.7c-0.9,0-1.7,0.7-1.7,1.7s0.7,1.7,1.7,1.7c0,0,0,0,0,0 C12.9,11.7,13.7,10.9,13.7,10L13.7,10z M6.7,10c0-0.9-0.7-1.7-1.7-1.7c-0.9,0-1.7,0.7-1.7,1.7s0.7,1.7,1.7,1.7c0,0,0,0,0,0 C5.9,11.7,6.7,10.9,6.7,10L6.7,10z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .icon-svg.addition:before {background-image:url("images/common/icon-addition.png");background-size:23px 17px;} .icon-svg.white.download:before {background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e %3c!-- Generator: Adobe Illustrator 26.5.0%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e %3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 48 48' style='enable-background:new 0 0 48 48%3b' xml:space='preserve'%3e%3cstyle type='text/css'%3e.st0%7bfill:white%3b%7d%3c/style%3e%3cpath class='st0' d='M6.8%2c44.7c-1.1%2c0-2-0.4-2.8-1.2s-1.2-1.7-1.2-2.8V7.2c0-1.1%2c0.4-2%2c1.2-2.8s1.7-1.2%2c2.8-1.2h17l12.4%2c12.4v10.8 h-4v-8.3h-11v-11H6.8v33.5h21.9v4H6.8V44.7z M6.8%2c40.8V7.2V40.8z M38.8%2c44.7l-8-8l2.8-2.9l3.2%2c3.2v-8.4h4V37l3.2-3.2l2.8%2c2.8 L38.8%2c44.7z'/%3e%3c/svg%3e"); scale: 0.65 !important;} /* 기타아이콘 "" 그레이2배경, 블랙 */ .icon-svg.add.gray:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H16.86v4.31A.86.86,0,0,1,16,22a.87.87,0,0,1-.83-.83V16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83h4.31V10.83A.86.86,0,0,1,16,10a.87.87,0,0,1,.83.83v4.31h4.31A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} .icon-svg.minus.gray:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D.b%7Bfill:%23FFF;%7D%3C/style%3E%3C/defs%3E%3Crect class='a' width='32' height='32' rx='5'/%3E%3Cpath class='b' d='M21.17,16.86H10.83A.86.86,0,0,1,10,16a.87.87,0,0,1,.83-.83H21.17A.86.86,0,0,1,22,16a.87.87,0,0,1-.83.83Z'/%3E%3C/svg%3E");} /* Updated by 개발팀 */ /* Secondary */ /*a.btn-st.secondary {display:inline-block;position:absolute;left:50%;top:50%;text-indent:99999px; width: 24px;height: 24px;padding: 0; background: url(images/common/svg/icon-text-delete.svg) no-repeat center center/20px auto;transform:translate(-50%,-50%)rotate(45deg);border: none;cursor: pointer;}*/ a.btn-st.secondary {display:inline-block;min-width:97px;height:32px;color:#0069B9 !important;font-size:1.15rem;line-height:30px;font-weight:600;padding:0 15px;text-align:center;background-color:#FFF;border:1px solid #448DD0;border-radius:5px;overflow:hidden;outline:none;} a.btn-st.secondary:hover {color:#0069B9 !important;background-color:#DEEBF7;border-color:#448DD0;} a.btn-st.secondary:focus {color:#0069B9 !important;background-color:#DEEBF7;border-color:#0069B9;} a.btn-st.secondary:active {color:#0069B9 !important;background-color:#DEEBF7;border-color:#0069B9;box-shadow:inset 1px 1px 4px rgba(0,71,125,0.65);} a.btn-st.secondary.disable {color:#A6A6A6 !important;background-color:#D9D9D9;border-color:#BFBFBF;box-shadow:none;cursor:default;opacity:0.5;} /* Updated by 개발팀 */ .input-pass-box .btnInputEyeOn {position:absolute;bottom:3px;right:8px;/*transform:translate(0,-50%);*/width:24px;height:24px;padding:0;background:url("images/common/eye_visable.png") no-repeat center center/18px auto;border:none;/* cursor:pointer; */} .input-pass-box .btnInputEyeOff{position:absolute;bottom:3px;right:8px;/*transform:translate(0,-50%);*/width:24px;height:24px;padding:0;background:url("images/common/eye_invisible.png") no-repeat center center/18px auto;border:none;/* cursor:pointer; */} label.unit {position:absolute;top:50%;right:10px;transform:translate(0,-48%);font-size:13px;font-weight:500;color:#0069b9;} /* #37672 */ [data-progress]::after { padding: 0 0px; } /* Updated by 개발팀 */ #table-list-wrap table thead {background-color:#e9e9e9;} #table-form-wrap table thead {background-color:#e9e9e9;} div.disabled, p.disabled, span.disabled, ul.disabled, li.disabled, input.disabled, textarea.disabled {border-color: #E0E0E0 !important;background-color: #F5F5F5 !important;opacity: 0.65 !important;color: #575757;} .layerCont.adavances-statement .statement .table > dl > dt{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9} .layerCont.adavances-request .request .table > dl > dt{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9} .layerCont.adavances-request .request .table > div.col2 > ul li:first-child{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9} .layerCont.adavances-request .request .table-col2 > dl > dt{padding:10px 6px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9;width:250px;} .layerCont.approval-details .approval .table > dl > dt{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9} .layerCont.approval-details .approval .table > div.col2 > ul li:first-child{width:90px;padding:12px 9px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9} .layerCont.approval-details .approval .table-col2 > dl > dt{padding:10px 6px;color:#757575;font-size:13px;font-weight:700;background-color:#e9e9e9;width:250px;} #header .util-wrap .infor-area .language-wrap .conts a {font-weight:500;display:block;padding:7px 10px;width:100px;text-align: left;} #header .util-wrap .myinfor-area > .mypageLayPop .items .langPop ul li a{font-weight: 500;display: block;padding: 7px 10px; width: 100px; text-align: left;} #left-menu-wrap > ul > li > ul.submenu li.active > a {background-color:#e9e9e9;font-weight: 600;color: #494949;} #container > .contents .formList-wrap .form-cont > .title .topic .exclamationWrap .titlePopup{z-index:999;position:absolute;left:calc(100% + 10px);top:0;background-color:#fff;border-radius:5px;border:1px solid #d9d9d9;padding:15px ;min-width:310px;} .input-clear-box input:not([type=submit]) {padding-right:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius: 5px;} #pagging-wrap .select-box-default-st div.select-wrap {top: -460%; position: absolute;} /* Updated by 개발팀 */ /* 20230614 */ .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary {width:340px;border:1px solid #E0E0E0;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display:flex;justify-content:space-between;color:#1B1B1B; font-weight: 600; text-align:right; font-size: 14px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.subtotal {color:#1B1B1B; font-weight: 600;} .layerCont.new-invoice #layerPopup-contsBox .invoice-foot div.right .invoice-summary p.total {color:#1B1B1B; font-weight: 600; font-size:18px;margin-top:20px;} .layerCont.new-invoice #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#1B1B1B;font-weight: 600; min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.bill-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color:#1B1B1B; font-weight: 600;min-width:100px;margin-right:20px;white-space:nowrap;} .layerCont.invoice-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display: flex;justify-content: space-between;color: #1B1B1B;text-align: right;font-weight: 600;} .layerCont.bill-details #layerPopup-contsBox .invoice-foot div.right .invoice-summary p {display: flex;justify-content: space-between;color: #1B1B1B;text-align: right;font-weight: 600;} .layerCont.new-bill #layerPopup-contsBox .bill-division-box > div.right > div.tax-infor-box > div > div > p > span {color: #1B1B1B;min-width: 100px;margin-right: 20px;white-space: nowrap;font-weight: 600;} .layerCont.new-bill #layerPopup-contsBox .bill-foot div.right .invoice-summary p {display: flex;justify-content: space-between;color: #1B1B1B;text-align: right;font-weight: 600;} .layerCont.invoice-details #layerPopup-contsBox .invoice-division-box > div.right > div.tax-infor-box > div > div > p > span {color: #1B1B1B;min-width: 100px;margin-right: 20px;white-space: nowrap;font-weight: 600;} /* Updated by 개발팀 */ /* 20230615 */ .inputSearchWrap .input-Search-box.select-search .select-list-box {position: absolute;left: 0;top: calc(100% + 5px);box-shadow: 3px 3px 7px rgba(0,0,0,0.05);border: 1px solid #ECEFF1;border-radius: 5px;background-color: #fff;width: 100%;} .inputSearchWrap .input-Search-box.select-search .select-list-box ul {height: auto;max-height: 195px !important;width: 100%;overflow: hidden scroll;} /* Updated by 개발팀 */ /* 37710 */ /* CREDIT CONFIRMATION OTHERS UNDO */ .layerCont.credit-confirmation-others-undo #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.credit-confirmation-others-undo #layerPopup-contsBox ul.item-table {} .layerCont.credit-confirmation-others-undo #layerPopup-contsBox ul.item-table > li {display:flex;align-items:center;} .layerCont.credit-confirmation-others-undo #layerPopup-contsBox ul.item-table > li + li {margin-top:10px;} .layerCont.credit-confirmation-others-undo #layerPopup-contsBox ul.item-table > li > div:first-child {position:relative;width:150px;} .layerCont.credit-confirmation-others-undo #layerPopup-contsBox ul.item-table > li > div:last-child {width:calc(100% - 150px);} /* Updated by 개발팀 */ /* 37742 */ /* SIMPLE DEBIT COMFIRMATION */ .layerCont.simple-dibit-comfirmation {} .layerCont.simple-dibit-comfirmation #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.simple-dibit-comfirmation .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px;} .layerCont.simple-dibit-comfirmation .serch-table div.left {display:flex;align-items:center;} .layerCont.simple-dibit-comfirmation .serch-table div.left span {display:inline-block;} .layerCont.simple-dibit-comfirmation .serch-table div.left span + span {margin-left:7px;} .layerCont.simple-dibit-comfirmation .serch-table div.left .txt {color:#999;} .layerCont.simple-dibit-comfirmation .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.simple-dibit-comfirmation .serch-table div.right {display:flex;align-items:center;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div {margin:0 3px;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap {position:relative;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup {display:none;position:absolute;top:100%;right:0;width:360px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:1;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts {padding:10px;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts p.tit {font-size:15px;font-weight:600;text-align:center;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts p.cont {font-weight:600;text-align:center;margin-top:10px;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts input[type=range] {width:100%;margin:10px 0;background:red} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts .range_val {display:flex;justify-content:space-between;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > #btn-wrap-default {padding:7px 5px;} .layerCont.simple-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > #btn-wrap-default > a {font-size:13px;} .layerCont.simple-dibit-comfirmation #table-list-wrap {margin-top:10px;} .layerCont.simple-dibit-comfirmation #table-list-wrap .table-tbody-list table tbody tr td a.confirm {color:#fff;font-weight:600;background-color:#0069B9;padding:5px 10px;border-radius:5px;} /* SIMPLE DEBIT COMFIRMATION :: CONFIRM */ .layerCont.simple-dibit-comfirmation-confirm {} .layerCont.simple-dibit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li {display:flex;} .layerCont.simple-dibit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div {width:50%;padding:5px 10px;} .layerCont.simple-dibit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.left {display:flex;justify-content:flex-end;align-items:center;} .layerCont.simple-dibit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right {display:flex;align-items:center;border-left:1px solid #ECEFF1;} .layerCont.simple-dibit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right > span:nth-child(1) {width:80px;} .layerCont.simple-dibit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right > span:nth-child(2) {width:calc(100% - 80px);} /* SIMPLE DEBIT UNDO COMFIRMATION */ .layerCont.simple-undo-dibit-comfirmation {} .layerCont.simple-undo-dibit-comfirmation #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} .layerCont.simple-undo-dibit-comfirmation .serch-table {position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:10px;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.left {display:flex;align-items:center;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.left span {display:inline-block;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.left span + span {margin-left:7px;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.left .txt {color:#999;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.left .subj {width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right {display:flex;align-items:center;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div {margin:0 3px;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap {position:relative;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup {display:none;position:absolute;top:100%;right:0;width:360px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);z-index:1;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts {padding:10px;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts p.tit {font-size:15px;font-weight:600;text-align:center;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts p.cont {font-weight:600;text-align:center;margin-top:10px;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts input[type=range] {width:100%;margin:10px 0;background:red} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > .conts .range_val {display:flex;justify-content:space-between;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > #btn-wrap-default {padding:7px 5px;} .layerCont.simple-undo-dibit-comfirmation .serch-table div.right > div.setting-wrap > .setting-popup > #btn-wrap-default > a {font-size:13px;} .layerCont.simple-undo-dibit-comfirmation #table-list-wrap {margin-top:10px;} .layerCont.simple-undo-dibit-comfirmation #table-list-wrap .table-tbody-list table tbody tr td a.confirm {color:#fff;font-weight:600;background-color:#0069B9;padding:5px 10px;border-radius:5px;} /* SIMPLE DEBIT UNDO COMFIRMATION :: CONFIRM */ .layerCont.simple-undo-debit-comfirmation-confirm {} .layerCont.simple-undo-debit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li {display:flex;} .layerCont.simple-undo-debit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div {width:50%;padding:5px 10px;} .layerCont.simple-undo-debit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.left {display:flex;justify-content:flex-end;align-items:center;} .layerCont.simple-undo-debit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right {display:flex;align-items:center;border-left:1px solid #ECEFF1;} .layerCont.simple-undo-debit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right > span:nth-child(1) {width:80px;} .layerCont.simple-undo-debit-comfirmation-confirm #layerPopup-contsBox ul.cont-table li > div.right > span:nth-child(2) {width:calc(100% - 80px);} /* Updated by 개발팀 */ /* TRANSACTION HISTORY DETAILS */ .layerCont.transaction-history-details #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} /* CREDIT CONFIRMATION DETAILS */ .layerCont.credit-confirmation-details #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} /* CASH BOOK TRANSACTION DETAILS */ .layerCont.cash-book-transaction-details #layerPopup-contsBox div.infor-box {width:100%;background-color:#FAFAFA;padding:15px;border-radius:5px;} @media only screen and (min-width: 940px) { #container > .contents .general-info {overflow: auto; height: auto;} #container.szon > .contents .general-info {overflow:auto;height:795px;} #container.trco > .contents .all-general-info > .scroll-box {width: 100%;height: 695px;overflow-y: scroll; margin-top: -20px;} #container.trco > .contents .form-wrap-scroll > .scroll-box {width: 100%;height: 695px;overflow-y: scroll; margin-top: -20px;} #container.szon > .contents .form-wrap > .scroll-box {width: 100%;height: 755px;overflow-y: scroll; margin-top: 0px;} #container.rept > .contents .rept_scroll {overflow:auto;height:780px;} #container.rept > .contents .rept_0002_001_rept_scroll {overflow:auto;height:700px;} #container.rept > .contents .rept_0006_001_rept_scroll {overflow:auto;height:700px;} #container.rept > .contents .rept_0007_001_rept_scroll {overflow:auto;height:700px;} #container.rept > .contents .rept_0003_001_rept_scroll {overflow:auto;height:610px;} #container.rept > .contents .rept_0004_001_rept_scroll {overflow:auto;height:610px;} #container.rept > .contents .rept_0009_001_rept_scroll {overflow:auto;height:700px;} #container.fnsh > .contents #MAINADVANCE {overflow:auto;height:700px;} #container.boards > .contents .post div.card-list-rec {width: 100% !important;height: auto;min-height: 429px !important;max-height: 429px !important;margin: 20px 10px !important;padding: 5px;overflow: hidden scroll;} } @media only screen and (min-width: 1240px) { #container > .contents .general-info {overflow: auto; height: auto;} #container.szon > .contents .general-info {overflow:auto;height:580px;} #container.trco > .contents .all-general-info > .scroll-box {width: 100%;height: 500px;overflow-y: scroll; margin-top: -26px;} #container.trco > .contents .form-wrap-scroll > .scroll-box {width: 100%;height: 500px;overflow-y: scroll; margin-top: -26px;} #container.szon > .contents .form-wrap > .scroll-box {width: 100%;height: 600px;overflow-y: scroll; margin-top: 0px;} #container.rept > .contents .rept_scroll {overflow:auto;height:550px;} #container.rept > .contents .rept_0002_001_rept_scroll {overflow:auto;height: 510px;} #container.rept > .contents .rept_0006_001_rept_scroll {overflow:auto;height:500px;} #container.rept > .contents .rept_0007_001_rept_scroll {overflow:auto;height:500px;} #container.rept > .contents .rept_0003_001_rept_scroll {overflow:auto;height:385px;} #container.rept > .contents .rept_0004_001_rept_scroll {overflow:auto;height:385px;} #container.rept > .contents .rept_0009_001_rept_scroll {overflow:auto;height:500px;} #container.fnsh > .contents #MAINADVANCE {overflow:auto;height:510px;} #container.fnsh > .contents div.scroll {height: 500px !important;width: 100% !important;} #container.fnsh > .contents div.scroll div.formList-wrap {min-height: 520px !important; max-height: 500px !important; overflow: hidden scroll;} #container.boards > .contents .post div.card-list-rec {width: 100% !important;height: auto;min-height: 429px !important;max-height: 440px !important;margin: 20px 10px !important;padding: 5px;overflow: hidden scroll;} } @media only screen and (min-width: 1540px) { #container > .contents .general-info {overflow: auto; height: auto;} #container.szon > .contents .general-info {overflow:auto;height:795px;} #container.trco > .contents .all-general-info > .scroll-box {width: 100%;height: 695px;overflow-y: scroll; margin-top: -20px;} #container.trco > .contents .form-wrap-scroll > .scroll-box {width: 100%;height: 695px;overflow-y: scroll; margin-top: -20px;} #container.szon > .contents .form-wrap > .scroll-box {width: 100%;height: 755px;overflow-y: scroll; margin-top: 0px;} #container.rept > .contents .rept_scroll {overflow:auto;height:780px;} #container.rept > .contents .rept_0002_001_rept_scroll {overflow:auto;height:700px;} #container.rept > .contents .rept_0006_001_rept_scroll {overflow:auto;height:700px;} #container.rept > .contents .rept_0007_001_rept_scroll {overflow:auto;height:700px;} #container.rept > .contents .rept_0003_001_rept_scroll {overflow:auto;height:610px;} #container.rept > .contents .rept_0004_001_rept_scroll {overflow:auto;height:610px;} #container.rept > .contents .rept_0009_001_rept_scroll {overflow:auto;height:700px;} #container.fnsh > .contents #MAINADVANCE {overflow:auto;height:700px;} #container.fnsh > .contents div.scroll {height: 500px !important; width: 100% !important;} #container.fnsh > .contents div.scroll div.formList-wrap {min-height: 520px !important; max-height:650px !important; width: 100% !important; overflow: hidden scroll;} #container.boards > .contents .post div.card-list-rec {width: 100% !important;height: auto;min-height: 580px !important;max-height: 580px !important;margin: 20px 10px !important;padding: 5px;overflow: hidden scroll;} } @media only screen and (max-width: 940px) { #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 170px} } @media only screen and (min-width: 940px) { #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-on, .not-found-on {margin: 96px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-off, .not-found-off {margin: 160px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {max-height: 442px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {max-height: 405px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {max-height: 187px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking {max-height: 187px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt {max-height: 187px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {max-height: 187px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 {max-height: 125px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {max-height: 240px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {max-height: 240px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {max-height: 390px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {max-height: 323px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {max-height: 400px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Business-Status {max-height: 230px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Sales-Ledger {max-height: 245px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Expense-Ledger {max-height: 245px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Receivables {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Payables {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-row-15-report-Profit-Loss {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {max-height: 400px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {max-height: 323px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking {max-height: 323px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt {max-height: 323px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {max-height: 350px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 173.45px} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 442px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 405px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 187px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 187px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 187px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 125px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 240px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 240px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 390px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 323px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 400px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 400px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 323px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 323px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 323px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 350px !important;} /* https://flow.team/l/PSewo */ .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox {height: auto!important; max-height: 580px !important;} } @media only screen and (min-width: 1240px) { #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-on, .not-found-on {margin: 96px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-off, .not-found-off {margin: 160px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {max-height: 442px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {max-height: 405px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {max-height: 195px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking {max-height: 235px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt {max-height: 235px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {max-height: 250px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 {max-height: 125px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {max-height: 260px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book tfoot#not-found {height: 500px;text-align: center} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {max-height: 360px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {max-height: 380px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {max-height: 397px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {max-height: 420px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Business-Status {max-height: 230px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Sales-Ledger {max-height: 245px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Expense-Ledger {max-height: 245px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Receivables {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Payables {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Profit-Loss {max-height: 280px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {max-height: 420px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {max-height: 330px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking {max-height: 370px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt {max-height: 370px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {max-height: 330px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 176px} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 442px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 405px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 195px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 235px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 235px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 330px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 370px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 370px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 250px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 125px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 260px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 360px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 380px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 397px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 420px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 420px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 330px !important;} /* https://flow.team/l/PSewo */ .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox {height: auto!important; max-height: 580px !important;} } @media only screen and (min-width: 1540px) { #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-on, .not-found-on {margin: 200px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-off, .not-found-off {margin: 270px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {max-height: 490px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {max-height: 445px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {max-height: 406px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {max-height: 395px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking {max-height: 395px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt {max-height: 395px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {max-height: 482px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 {max-height: 320px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {max-height: 400px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book tfoot#not-found {height: 500px;text-align: center} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {max-height: 540px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {max-height: 600px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {max-height: 620px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {max-height: 620px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Business-Status {max-height: 430px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Sales-Ledger {max-height: 465px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Expense-Ledger {max-height: 465px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Receivables {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Payables {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report-Profit-Loss{max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {max-height: 620px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {max-height: 535px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking {max-height: 535px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt {max-height: 535px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {max-height: 580px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 189.45px} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 490px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 445px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 406px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 395px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 395px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 395px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 482px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 320px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 400px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book tfoot#not-found > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {height: 500px;text-align: center} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 540px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 600px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 620px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 620px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 620px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 535px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 535px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 535px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 580px !important;} .layerCont.transfer_confirmation .layerPopupWrap #layerPopup-contsBox {height: auto!important; max-height: 710px !important;} /* https://flow.team/l/PSewo */ } @media only screen and (min-width: 1700px) { #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 210.45px} } @media only screen and (min-width: 1800px) { #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 228.45px} } @media only screen and (min-width: 2000px) { #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-on, .not-found-on {margin: 200px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list[name='RECEIPTS'] .not-found-off, .not-found-off {margin: 270px 0; text-align: center;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup {max-height: 490px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item {max-height: 445px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay {max-height: 406px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm {max-height: 600px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book {max-height: 480px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances {max-height: 540px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 {max-height: 600px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts {max-height: 620px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report {max-height: 620px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin {max-height: 620px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main {max-height: 580px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking {max-height: 580px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt {max-height: 580px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub {max-height: 580px !important;overflow:auto;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts table#table-view tbody tr td#acc_name img.newBadge {margin-left: 249.45px} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 490px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-item > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 445px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-popup-pay > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 406px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-dashboard-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cusm > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 600px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book_v2 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-cash-book > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 480px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-advances > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 540px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15 > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 600px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-contacts > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 620px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-report > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 620px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-admin > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 620px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 580px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-banking > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 580px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-main-receipt > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 580px !important;} #table-list-wrap table tbody tr td.table-tbody-list > div.row-15-sub > div.mCustomScrollBox.mCS-minimal-dark.mCSB_vertical.mCSB_outside {max-height: 580px !important;} } /* Added by 개발팀 */ /* https://www.kosign.com.kh/redmine/issues/38151 */ .tabCont .memo-side-wrap .wrap .cont .write-table.active {opacity: 1;} .tabCont .memo-side-wrap .wrap .cont .write-table {opacity: 0;} .tabCont #table-list-wrap table tbody tr td.last-update .update > div.sticker > div.sticker-memo-view .conts {text-align: start !important;} /* Custom active left menu favorite and normal board */ #left-menu-wrap div div.box.active {background-color: #ECEFF1;} /* Added by Sokny Ran */ /* https://www.kosign.com.kh/redmine/issues/39326 */ .layerCont.article_approval{height:auto !important;} .layerCont.article_approval #layerPopup-contsBox {/*max-width:1100px;*/width:680px;} .layerCont.article_approval .layerPopupWrap {width:680px;} .layerCont.article_approval .title-tag{height:58px;display:flex;align-items:center;padding:10px 10px 0;border-bottom:1px solid #E0E0E0;} .layerCont.article_approval .title-tag ul{display:flex;height:100%;} .layerCont.article_approval .title-tag ul li{height:100%;} .layerCont.article_approval .title-tag ul li + li{margin-left:8px;} .layerCont.article_approval .title-tag ul li a{display:flex;align-items:center;font-size:13px;font-weight:500;color:#000;position:relative;padding:0 8px 8px;height:100%;} .layerCont.article_approval .title-tag ul li a.active{color:#0069B9;} .layerCont.article_approval .title-tag ul li:last-child a:before{content:'';background:url("./images/boards/icon-approval.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.article_approval .title-tag ul li:first-child a:before{content:'';background:url("./images/boards/icon-article.svg")no-repeat;display:inline-block;width:14px;height:12px;margin-right:4px;} .layerCont.article_approval .title-tag ul li:last-child a.active:before{content:'';background:url("./images/boards/icon-approval-active.svg")no-repeat;display:inline-block;width:16px;height:16px;margin-right:4px;} .layerCont.article_approval .title-tag ul li:first-child a.active:before{content:'';background:url("./images/boards/icon-article-active.svg")no-repeat;display:inline-block;width:14px;height:12px;margin-right:4px;} .layerCont.article_approval .title-tag ul li a.active:after{content:'';position:absolute;left:50%;bottom:0;background-color:#0069b9;width:100%;height:2px;transform:translateX(-50%);} .layerCont.article_approval .title-input{padding:20px 0;} .layerCont.article_approval .title-input input{width:100%;background-color:transparent;width:100%;border:none;font-size:27px;font-weight:700;color:#1b1b1b;border-radius:0;padding:0;} .layerCont.article_approval .title-input input::placeholder{font-weight:700;color:#1b1b1b;opacity:0.5;} .layerCont.article_approval .more-wrap{padding:20px 0 10px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.article_approval .more-wrap .more-area > a{font-size:13px;color:#1b1b1b;font-weight:500;display:inline-flex;align-items:center;} .layerCont.article_approval .more-wrap .more-area > a:after{content:'';background:url("./images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap .more-area > a.active:after{content:'';background:url("./images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transform:rotate(180deg);transition:.45s;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn.active:after{transform:rotate(180deg);} .layerCont.article_approval .more-wrap .more-chkBox{padding-bottom:20px;display:none;margin-left:-20px;margin-top:-20px;} .layerCont.article_approval .more-wrap .more-chkBox > div{display:inline-flex;margin-left:20px;margin-top:20px;} .layerCont.article_approval .more-wrap .more-chkBox > div + div{} .layerCont.article_approval .more-wrap .more-chkBox > div > div{display:inline-flex;align-items:center;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.hide-btn{display:none;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.hide-btn.active a.more:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .more-wrap .more-chkBox > div > div a.more{display: inline-flex; align-items: center;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;} .layerCont.article_approval .more-wrap .more-chkBox > div > div a.more:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap .more-chkBox > div > div a.more.active:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .more-wrap .more-chkBox > div > div.calendar-wrap input[type=text]{cursor:pointer;padding:0;border:none;height:auto;background:transparent;color: #0169B9;font-weight: 500; font-size: 13px;transition: .45s;width:110px;} .layerCont.article_approval .more-wrap .more-chkBox > div > div.calendar-wrap.hide-btn:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap > dl{display:flex;} .layerCont.article_approval .more-wrap > dl.pd4{padding:4px 0;} .layerCont.article_approval .more-wrap > dl + dl{} .layerCont.article_approval .more-wrap > dl > dt:not(.total_amount){width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:0.5;display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dt.required:after{content:'*';width:auto;height:auto;background:none;color:#F60404;border-radius:0;} .layerCont.article_approval .more-wrap > dl > dt.total_amount{width:160px;font-size:13px;font-weight:500;color:#1b1b1b;opacity:1;display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dt.total_amount a{color:#b5b5b5} .layerCont.article_approval .more-wrap > dl > dt.total_amount:before{opacity:0.5;} .layerCont.article_approval .more-wrap > dl > dd{width:calc(100% - 160px);font-weight:500;color:#000;position:relative;} .layerCont.article_approval .more-wrap > dl > dd > a{display:inline-flex;align-items:center;color:#0169B9;font-weight:500;font-size:13px;transition:.45s;} .layerCont.article_approval .more-wrap > dl > dd > a:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .more-wrap > dl > dd > a.active:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .more-wrap > dl > dt:before{content:'';width:18px;height:18px;display:inline-block;margin-right:6px;} .layerCont.article_approval .more-wrap > dl > dt.doc_num:before{background:url("./images/boards/icon_doc_num.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.requestor:before{background:url("./images/boards/detail_user.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.request_doc:before{background:url("./images/boards/icon_doc_num.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.request_ty:before{background:url("./images/boards/icon_approved01.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.request_dt:before{background:url("./images/boards/icon_approved02.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.scheduled_dt:before{background:url("./images/boards/icon_approved02.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.total_amount:before{background:url("./images/boards/icon_approved03.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.approver:before{background:url("./images/boards/detail_user.svg")no-repeat;} .layerCont.article_approval .more-wrap > dl > dt.total_amount{position:relative;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup{z-index:3;display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:calc(100% + 2px);} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup{} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a:hover{background-color:#EBF2FF} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.article_approval .more-wrap > dl > dt.total_amount .total-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.article_approval .textarea-wrap > p{font-size:14px;color:#000;font-weight:500;} .layerCont.article_approval .textarea-wrap .textarea-table{overflow:hidden;border-radius:6px;border:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr td{padding:10px;font-weight:600;font-size:13px;color:#757575;background-color:#F5F5F5;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr td > div.table-profile{color:#000;font-weight:600;font-size:13px;position:relative;display:flex;align-items:center;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr td > div.table-profile:before{content:'';background:url("./images/boards/icon-tag-profile.svg")no-repeat;display:inline-block;width:18px;height:18px;margin-right:4px;} .layerCont.article_approval .textarea-wrap .textarea-table table thead tr + tr{border-top:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr + tr{} .layerCont.article_approval .textarea-wrap .textarea-table table tbody{border-top:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr td{padding:10px;border-bottom:1px solid #e0e0e0;font-size:13px;color:#1B1B1B;font-weight:500;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr td + td{border-left:1px solid #e0e0e0;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr:not(.total) td:first-child{border-bottom:none;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr.total td{font-weight:600;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr.salary td{border-bottom:none;} .layerCont.article_approval .textarea-wrap .textarea-table table tbody tr.salary td + td{border-left:none;} .layerCont.article_approval .more-wrap > dl > dd .sub-popup{display:none;z-index:2;position:absolute;left:0;top:calc(100% + 5px);border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:150px;} .layerCont.article_approval .more-wrap > dl > dd .sub-popup ul li a{padding:10px;font-size:13px;color:#1b1b1b;font-weight:500;display:flex;} .layerCont.article_approval .more-wrap > dl > dd .currency{display:flex;align-items:center;background-color:#EAEAEA;border-radius:6px;padding:6px 8px;} /* .layerCont.article_approval .more-wrap > dl > dd .currency .unit{margin-right:10px;font-size:13px;font-weight:500;color:#7D7D7D;} .layerCont.article_approval .more-wrap > dl > dd .currency .val{font-size:13px;font-weight:500;color:#1b1b1b;} */ .layerCont.article_approval .more-wrap > dl > dd .currency > div{color:#000;font-weight:500;font-size:13px;} .layerCont.article_approval .more-wrap > dl > dd .currency .unit{padding-right:5px;color:#000;font-size:13px;font-weight:500;} .layerCont.article_approval .more-wrap > dl > dd .tag-box{position:relative;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup{position:absolute;display:none;left:0;top:calc(100% + 10px);background-color:#fff;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);border-radius:6px;padding:10px;z-index:2;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap{} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile{width:34px;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .profile figure{width:34px;height:34px;border-radius:50%;overflow:hidden;} .layerCont.article_approval .more-wrap > dl > dd .tag-box .tag-laypopup > .wrap .text{padding-left:10px;width:calc(100% - 34px);} .layerCont.article_approval .more-wrap > dl > dd .name-tag{display:flex;background-color:#eaeaea;border-radius:6px;padding:6px 8px;align-items:center;} .layerCont.article_approval .more-wrap > dl > dd .name-tag .name{display:flex;align-items:center;} .layerCont.article_approval .more-wrap > dl > dd .name-tag .name figure{width:18px;border-radius:50%;height:18px;overflow:hidden;margin-right:5px;} .layerCont.article_approval .more-wrap > dl > dd .name-tag > a.close{display:flex;background:url("./images/boards/side_close.svg")no-repeat;width:18px;height:18px;background-size:18px;margin-left:5px;} .layerCont.article_approval .more-wrap > dl > dd .name-input input[type=text]{border:none;padding:6px 0;border-radius:0;color:rgba(27,27,27,0.5);font-weight:500;font-size:13px;} .layerCont.article_approval .more-wrap > dl > dd .name-input input[type=text]::placeholder{color:#1b1b1b;opacity:0.5;font-weight:500;} .layerCont.article_approval .more-wrap > dl > dd.name-tag-wrap{display:flex;flex-flow:wrap;margin-left:-10px;margin-top:-10px;} .layerCont.article_approval .more-wrap > dl > dd.name-tag-wrap > div{margin-left:10px;margin-top:10px;} .layerCont.article_approval #layerPopup-contsBox{max-height:620px;overflow-y:auto;overflow-x:hidden;} .layerCont.article_approval .layerPopupWrap{} .layerCont.article_approval .textarea-wrap{position:relative;} .layerCont.article_approval .textarea-wrap .tag-popup{display:none;border-radius: 6px;background: #FFF;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.22);min-width:255px;padding:10px;position:absolute;left:0;top:0;} .layerCont.article_approval .textarea-wrap .tag-popup{} .layerCont.article_approval .textarea-wrap .tag-popup ul li a{padding:5px 10px;border-radius:6px;} .layerCont.article_approval .textarea-wrap .tag-popup ul li a:hover{background-color:#EBF2FF} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .figure{width:26px;overflow:hidden;width:26px;height:26px;border-radius:50%;} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt{padding-left:10px;width:calc(100% - 26px);} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt p.name{color:#1B1B1B;font-weight:500;font-size:13px;} .layerCont.article_approval .textarea-wrap .tag-popup ul li a .txt p.email{font-size:13px;font-weight:500;color:#1B1B1B;opacity:0.5;} .layerCont.article_approval .textarea-wrap > p.placeholder{font-size:14px;color:#000;font-weight:500;} .layerCont.article_approval .textarea-wrap > p{font-size:13px;font-weight:500;color:#000;line-height:20px;} .layerCont.article_approval .del-box{margin-top:20px;display:flex;align-items:center;width:100%;height:48px;border-radius:6px;border:1px solid #d9d9d9;} .layerCont.article_approval .del-box .file-img{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(0, 91, 255, 0.08);border-right:1px solid #d9d9d9;} .layerCont.article_approval .del-box .file-img.pdf{display:flex;align-items:center;justify-content:center;padding:14px;background-color:rgba(179, 11, 0, 0.08);border-right:1px solid #d9d9d9;} .layerCont.article_approval .del-box .cont{padding:0 10px;display:flex;align-items:center;justify-content:space-between;width:100%;} .layerCont.article_approval .del-box .cont .text p.name{font-size:13px;color:#000;font-weight:500;} .layerCont.article_approval .del-box .cont .text p.val{font-size:11px;color:#757575;margin-top:3px;font-weight:500;} .layerCont.article_approval .del-box .cont a{display:flex;background:url("./images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;} .layerCont.article_approval .del-box.img-section{height:auto;position:relative;} .layerCont.article_approval .del-box.img-section figure{border-radius:5px;overflow:hidden;padding:8px;} .layerCont.article_approval .del-box.img-section .del-btn{position:absolute;right:10px;top:10px;background-color:#fff;border-radius:6px;border:1px solid rgba(0,0,0,0.20);width:30px;height:30px;display:flex;align-items:center;justify-content:center;} .layerCont.article_approval .del-box.img-section .del-btn:before{content:'';background:url("./images/boards/icon_del_box.svg")no-repeat;width:24px;height:24px;display:inline-block;} .layerCont.article_approval .textarea-wrap .listBox {display:flex;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea{width:260px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #FBFBFB;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title{padding:10px 15px;display:flex;justify-content:space-between;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a{font-size:13px;color:#000;font-weight:500;display:flex;align-items:center;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a:before{content: '';background: url("./images/boards/icon_approved04.svg")no-repeat; display: inline-block; margin-right: 6px; width: 18px;height: 18px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del:before{content: '';background: url("./images/boards/icon_listbox_del.svg")no-repeat; display: inline-block; margin-right: 0; width: 16px;height: 16px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;max-height:150px;height:150px;resize: none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .placeholder-overlay{color:#000;position:absolute;left:15px;top:0;opacity:0.4;font-size: 13px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .placeholder-overlay > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white{width:260px;border-radius: 7px;border: 1px solid rgba(0, 0, 0, 0.15);background: #fff;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title{padding:10px 15px;display:flex;justify-content:space-between;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts{position:relative;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup .keyword-search{border:none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup{z-index:2;display:none;position:absolute;left:0;top:calc(100% + 5px);background-color:#fff;overflow:hidden;min-width:250px;border:1px solid #e0e0e0;border-radius:6px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup.search ul li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li + li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li a{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title .title-conts .more-popup ul li a:hover{background-color:#EDF7FF;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more{display:inline-flex;align-items:center;color:#0169B9;font-weight:500;font-size:13px;transition:.45s;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more:before{display:none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title a.more.active:after{content:'';background:url("./images/boards/icon_more_blue.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;transition:.45s;transform: rotate(180deg);} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title > a.save{font-weight:600;color:#000;opacity:0.6;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .title > a.save:before{display:none;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea.white .textarea-wrap .textarea{opacity:0.4;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .title > a.del:before{content: '';background: url("./images/boards/icon_listbox_del.svg")no-repeat; display: inline-block; margin-right: 0; width: 16px;height: 16px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap{} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea{padding:0 15px 10px;background:transparent;width:100%;font-size:13px;min-height:150px;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .textarea > p{font-size:16px;margin-bottom:5px;font-weight:500;color:#000;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .textarea-wrap .num-wrap{padding:10px 15px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.5);border-bottom:1px dashed #E0E0E0;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .price{padding:10px 15px;font-size:16px;font-weight:600;} .layerCont.article_approval .textarea-wrap .listBox .management-textarea .price p:last-child{opacity:0.4;} .layerCont.article_approval .check-conts .check-top{padding:10px 20px;} .layerCont.article_approval .check-conts .check-top > .head > h2{font-size:16px;color:#1B1B1B;font-weight:700;} .layerCont.article_approval .check-conts .check-top input[type=checkbox].checkBox-normal + label{font-size:16px;font-weight:700;} .layerCont.article_approval .check-conts .check-top .add-wrap{position:relative;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup{display:none;background-color:#fff;border-radius:6px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);min-width:190px;position:absolute;right:0;top:calc(100% + 5px);z-index:2;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li{padding:10px;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li + li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .check-conts .check-top .add-wrap .add-popup li input[type=checkbox].checkBox-normal + label{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.article_approval .check-conts .date-wrap > a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 20px;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;} .layerCont.article_approval .check-conts .date-wrap > a:after{content:'';background:url("./images/boards/icon_chevup.svg")no-repeat;display:inline-block;width:16px;height:16px;transform:rotate(180deg);} .layerCont.article_approval .check-conts .date-wrap > a.active:after{content:'';background:url("./images/boards/icon_chevup.svg")no-repeat;display:inline-block;width:16px;height:16px;transform:rotate(0);} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap{} .layerCont.article_approval .check-conts .date-wrap .list{display:none;} .layerCont.article_approval .check-conts .date-wrap .list > dl{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #E0E0E0;} /* .layerCont.article_approval .check-conts .date-wrap .list > dl + dl{border-top:1px solid #E0E0E0;} */ .layerCont.article_approval .check-conts .date-wrap .list > dl > dt{width:17px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dt .head{margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd{padding-left:15px;width:calc(100% - 17px);} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > div > p.name{color:#000;opacity:1;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > div > p.num{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .left > p{color:#808080;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > div p.employees{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd .right > p{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap + .date-wrap .date{border-top:none;} .layerCont.article_approval .check-conts .date-wrap .radio-list{border-top:1px solid #e0e0e0;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl{display:flex;align-items:flex-start;padding:15px 20px;border-bottom:1px solid #E0E0E0;} /* .layerCont.article_approval .check-conts .date-wrap .radio-list > dl + dl{border-top:1px solid #E0E0E0;} */ .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dt{width:17px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dt .head{margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd{padding-left:15px;width:calc(100% - 17px);min-width:calc(100% - 17px);} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div > p.name{color:#000;opacity:1;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > div > p.num{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .left > p{color:#808080;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .right > div{color:#000;font-weight:500;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .right > div p.employees{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .radio-list > dl > dd .right > p{color:#808080;font-weight:500;margin-top:5px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker {width:16px;height:16px;position:relative;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > a {display:block;width:100%;height:100%;background:url('./images/common/svg/icon-sticker.svg') no-repeat center top -7px/32px 186px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.default > a {background-position:center top -7px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.green > a {background-position:center top -38px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.yellow > a {background-position:center top -69px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.blue > a {background-position:center top -100px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.red > a {background-position:center top -131px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker.purple > a {background-position:center top -162px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write {display:none;position:absolute;top:0;right:100%;padding-right:20px;z-index:2;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('./images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write.bottom {top:auto;bottom:-10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write.bottom:after {top:auto;bottom:8px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts {width:300px;border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);overflow:hidden;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .sticker-memo {padding:10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .sticker-memo textarea {width:100%;min-height:75px;border:0;outline:none;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap {background-color:#FAFAFA;padding:10px;display:flex;justify-content:space-between;align-items:center;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box {display:flex;align-items:center;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a {width:20px;height:20px;border-radius:50%;font-size:0;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a + a {margin-left:7px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.green {border:1px solid #C1D2CD;background-color:#D4E8E2;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.yellow {border:1px solid #E3D8C2;background-color:#FBEED5;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.blue {border:1px solid #BFCFE2;background-color:#D3E4F9;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.red {border:1px solid #EAC0C0;background-color:#FFD4D4;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.purple {border:1px solid #CCC0E3;background-color:#E1D4FA;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.white {border:1px solid #ECEFF1;background-color:#fff;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap .sel-color-box a.on {width:24px;height:24px;border-width:3px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-write .conts .btn-wrap a.save {font-size:1.0rem;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view {display:none;position:absolute;top:0px;right:100%;padding-right:20px;z-index:2;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view:after {content:"";position:absolute;top:8px;right:6px;width:15px;height:11px;background:url('./images/common/svg/sticker_arrow.svg') no-repeat center center/cover;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view.bottom {top:auto;bottom:-10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view.bottom:after {top:auto;bottom:8px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view .conts {border:1px solid #ECEFF1;background-color:#fff;border-radius:5px;box-shadow:1px 1px 5px rgba(0,0,0,0.075);padding:10px;} .layerCont.article_approval .check-conts .date-wrap .list > dl > dd div.sticker > div.sticker-memo-view .conts > div {width:300px;min-height:150px;max-height:230px;overflow-y:auto;white-space:normal;line-height:1.4;} .layerCont.article_approval .side-input-wrap .filter-wrap{position:relative;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup{display:none;border-radius:6px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);background-color:#fff;min-width:190px;position:absolute;right:0;top:calc(100% + 5px);z-index:2;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li{padding:10px;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li + li{border-top:1px solid #E0E0E0;} .layerCont.article_approval .side-input-wrap .filter-wrap .add-popup li input[type=checkbox].checkBox-normal + label{font-size:13px;font-weight:500;color:#1b1b1b;} .layerCont.article_approval .textarea-wrap textarea{border:none;padding:20px 0;font-size:14px;font-weight:500;outline:none;width:100%;min-height:310px;min-width:100%;position:relative;resize:none;} .layerCont.article_approval #layerPopup-contsBox{position:relative;padding-bottom:0;} .layerCont.article_approval #layerPopup-contsBox .main-contsBox{width:calc(100% - 63px);padding-bottom:15px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox{/* height:750px; */min-height:725px;position:absolute;right:-362px;top:0;background-color:#fff;border-left:1px solid #E0E0E0;width:425px;padding-bottom:15px;/* padding:20px; */transition:.45s;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox.active{width:425px;transition:.45s;right:0;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .sideWrap{display:none;} /* .layerCont.article_approval #layerPopup-contsBox .side-contsBox.active .sideWrap{display:block;} */ .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title {padding:20px 20px 0;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn{width:23px;height:23px;display:flex;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn:before{content:'';background:url("./images/boards/popup_slide_btn.svg")no-repeat center center;display:inline-block;width:19px;height:15px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-title .side-btn.active:before{content:'';background:url("./images/boards/popup_slide_btn_on.svg")no-repeat center center;display:inline-block;width:19px;height:15px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap{padding:0 20px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox{margin-left:-10px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox > div{width:calc((100% / 2) - 10px);margin-left:10px;} .layerCont.article_approval #layerPopup-contsBox .side-contsBox .side-input-wrap > div.selectBox > div.select-box-default-st input.selectValue{width:100%;} .layerCont.article_approval .layerPopupWrap#approval-conts #btn-wrap-default{border-top: 1px solid #E0E0E0;} .layerCont.article_approval #btn-wrap-default{} .layerCont.article_approval #btn-wrap-default{border:none;} .layerCont.article_approval #btn-wrap-default .etc-btn a.tag{font-size:14px;color:#757575;font-weight:700;} .layerCont.article_approval #btn-wrap-default .etc-btn a.tag.active{color:#0069B9} .layerCont.article_approval #btn-wrap-default .etc-btn a.file:before{transform:rotate(45deg);} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box{position:relative;width:17px;height:17px;} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box{} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box label {display:flex;align-items:center;white-space:nowrap;height:32px;line-height:30px;color:#0069B9;font-size:1.0rem;font-weight:600;cursor:pointer;padding:0;position:absolute;right:0;top:50%;transform:translateY(-50%);} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box label:before {background:url("./images/boards/article_approval_file.svg")no-repeat;width:17px;height:17px;} .layerCont.article_approval #btn-wrap-default .etc-btn .input-box .upload-name {display:none;outline:none;/* display:inline-block; */width:100%;height:32px;line-height:30px;font-size:1.0rem;/*background-color:#f5f5f5;border:1px solid #ECEFF1;border-radius:3px;*/background-color:#fff;border: 1px solid rgba(0, 0, 0, 0.15);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:7px; } .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st{background-color:#fff;border:1px solid #BABABA;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > a{padding:0 8px;min-width:auto;color:#000;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > span.menu-btn{border-left:none;display:flex;align-items:center;justify-content:center;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > span.menu-btn:before{content:'';background:url("./images/boards/icon_more_arrow.svg")no-repeat;display:inline-block;margin-left:6px;width:18px;height:18px;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap.tlt{bottom:auto;top:calc(100% + 5px);border-radius: 6px;border: 1px solid rgba(51, 51, 51, 0.15);background: #FFF;box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.08);} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a:hover{} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a{display:flex;align-items:center;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a.public:before{content:'';background:url("./images/boards/icon_public.svg")no-repeat;display:inline-block;margin-right:6px;width:12px;height:12px;} .layerCont.article_approval #btn-wrap-default .btn-area div.select-btn-st > ul.menu-select-wrap a.private:before{content:'';background:url("./images/boards/icon_private.svg")no-repeat;display:inline-block;margin-right:6px;width:13px;height:14px;}