*{box-sizing:border-box;font-family:bai_jamjuree}::selection{background-color:#57cf5d;color:#fff}body,html{font-family:bai_jamjuree;font-size:15px;color:#333;background-color:#fff;overflow:hidden;margin:0;padding:0}body p,html p{line-height:20px}html .api-loading{display:none;z-index:1003}html .api-loading .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9003;opacity:.2}html .api-loading .progress{position:absolute;z-index:9004;top:0;left:0;right:0;width:100%;height:3px;background:#ffd452}html .api-loading .progress>div{position:absolute;top:0;left:0;height:3px;background:#eab009;animation:content-loading 2s linear infinite}@keyframes content-loading{0%{width:0}20%{width:30%}40%{width:60%}60%{width:80%}80%{width:100%}}html .row{display:flex;flex-wrap:wrap;margin:0 -8px}html .row .col{flex:1 1 100%;margin:0 8px;max-width:calc(100% - 16px)}html .row .col.col-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-w67{margin-top:0;max-width:calc(66.66% - 16px)}@media screen and (max-width:768px){html .row .col.col-s-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-s-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-s-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-s-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-s-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-s-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-s-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-s-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-s-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-s-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-s-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-s-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-s-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-s-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-s-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-s-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-s-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-s-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-s-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-s-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-s-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-s-w67{margin-top:0;max-width:calc(66.66% - 16px)}}@media screen and (min-width:768px){html .row .col.col-m-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-m-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-m-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-m-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-m-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-m-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-m-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-m-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-m-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-m-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-m-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-m-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-m-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-m-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-m-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-m-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-m-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-m-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-m-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-m-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-m-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-m-w67{margin-top:0;max-width:calc(66.66% - 16px)}}@media screen and (min-width:1024px){html .row .col.col-l-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-l-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-l-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-l-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-l-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-l-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-l-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-l-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-l-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-l-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-l-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-l-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-l-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-l-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-l-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-l-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-l-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-l-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-l-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-l-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-l-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-l-w67{margin-top:0;max-width:calc(66.66% - 16px)}}@media screen and (min-width:1200px){html .row .col.col-xl-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-xl-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-xl-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-xl-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-xl-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-xl-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-xl-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-xl-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-xl-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-xl-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-xl-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-xl-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-xl-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-xl-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-xl-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-xl-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-xl-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-xl-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-xl-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-xl-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-xl-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-xl-w67{margin-top:0;max-width:calc(66.66% - 16px)}}@media screen and (min-width:1400px){html .row .col.col-xxl-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-xxl-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-xxl-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-xxl-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-xxl-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-xxl-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-xxl-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-xxl-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-xxl-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-xxl-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-xxl-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-xxl-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-xxl-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-xxl-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-xxl-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-xxl-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-xxl-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-xxl-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-xxl-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-xxl-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-xxl-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-xxl-w67{margin-top:0;max-width:calc(66.66% - 16px)}}@media screen and (min-width:1600px){html .row .col.col-wide-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-wide-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-wide-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-wide-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-wide-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-wide-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-wide-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-wide-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-wide-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-wide-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-wide-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-wide-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-wide-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-wide-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-wide-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-wide-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-wide-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-wide-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-wide-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-wide-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-wide-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-wide-w67{margin-top:0;max-width:calc(66.66% - 16px)}}@media screen and (min-width:1900px){html .row .col.col-fhd-w5{margin-top:0;max-width:calc(5% - 16px)}html .row .col.col-fhd-w10{margin-top:0;max-width:calc(10% - 16px)}html .row .col.col-fhd-w15{margin-top:0;max-width:calc(15% - 16px)}html .row .col.col-fhd-w20{margin-top:0;max-width:calc(20% - 16px)}html .row .col.col-fhd-w25{margin-top:0;max-width:calc(25% - 16px)}html .row .col.col-fhd-w30{margin-top:0;max-width:calc(30% - 16px)}html .row .col.col-fhd-w35{margin-top:0;max-width:calc(35% - 16px)}html .row .col.col-fhd-w40{margin-top:0;max-width:calc(40% - 16px)}html .row .col.col-fhd-w45{margin-top:0;max-width:calc(45% - 16px)}html .row .col.col-fhd-w50{margin-top:0;max-width:calc(50% - 16px)}html .row .col.col-fhd-w55{margin-top:0;max-width:calc(55% - 16px)}html .row .col.col-fhd-w60{margin-top:0;max-width:calc(60% - 16px)}html .row .col.col-fhd-w65{margin-top:0;max-width:calc(65% - 16px)}html .row .col.col-fhd-w70{margin-top:0;max-width:calc(70% - 16px)}html .row .col.col-fhd-w75{margin-top:0;max-width:calc(75% - 16px)}html .row .col.col-fhd-w80{margin-top:0;max-width:calc(80% - 16px)}html .row .col.col-fhd-w85{margin-top:0;max-width:calc(85% - 16px)}html .row .col.col-fhd-w90{margin-top:0;max-width:calc(90% - 16px)}html .row .col.col-fhd-w95{margin-top:0;max-width:calc(95% - 16px)}html .row .col.col-fhd-w100{margin-top:0;max-width:calc(100% - 16px)}html .row .col.col-fhd-w33{margin-top:0;max-width:calc(33.33% - 16px)}html .row .col.col-fhd-w67{margin-top:0;max-width:calc(66.66% - 16px)}}html .dialog{position:fixed;z-index:9000;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}html .dialog .dialog-ovelay{pointer-events:all;position:fixed;top:0;left:0;height:100%;width:100%;z-index:9000;background-color:#0000;animation:dialog-overlay-hide .2s linear}html .dialog .dialog-ovelay.show{background-color:#00000080;animation:dialog-overlay-show .1s linear}html .dialog .dialog-box{z-index:9001;min-width:300px;max-width:90vw;background:#fff;box-shadow:0 0 6px 3px #333;padding:0;border-radius:6px;opacity:0;animation:dialog-hide .1s linear}html .dialog .dialog-box .dialog-header{background:#3c4252;border-top-left-radius:6px;border-top-right-radius:6px}html .dialog .dialog-box .dialog-header h4{margin:0;padding:9px 16px;font-family:bai_jamjuree;font-size:16px;line-height:16px;color:#fff}html .dialog .dialog-box .dialog-body{position:relative;width:100%;min-height:150px;max-height:80vh;overflow:auto;padding:16px;margin-top:8px}html .dialog .dialog-box .dialog-header+.dialog-body{margin-top:1px}html .dialog .dialog-box .dialog-action{text-align:right;padding:8px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}html .dialog .dialog-box.show{opacity:1;animation:dialog-show .1s linear}@keyframes dialog-overlay-show{0%{background-color:#0000}to{background-color:#00000080}}@keyframes dialog-overlay-hide{0%{background-color:#00000080}to{background-color:#0000}}@keyframes dialog-show{0%{opacity:0;top:40%}to{opacity:1;top:50%}}@keyframes dialog-hide{0%{opacity:1;top:50%}to{opacity:0;top:40%}}html .dialog.msg-dialog,html .dialog.msg-dialog .dialog-ovelay{z-index:9900}html .dialog.msg-dialog .dialog-box{z-index:9901;width:400px}html .dialog.msg-dialog .dialog-box .dialog-body{margin-top:0}html .dialog.msg-dialog .dialog-box .dialog-body .dialog-content{padding-left:48px}html .dialog.msg-dialog .dialog-box .dialog-body .dialog-content .msg-icon{position:absolute;top:16px;left:16px}html .dialog.msg-dialog .dialog-box .dialog-body .dialog-content p{padding:5px 0 0;margin:0}html .dialog.msg-dialog .dialog-box .dialog-body .dialog-content p ul{margin:4px 0;padding:0 0 0 24px}html .dialog.msg-dialog .dialog-box .dialog-body .dialog-content p ul li{margin-bottom:4px}html .dialog.msg-dialog .dialog-box .dialog-action .btn{min-width:96px}html .dialog.msg-dialog.error .dialog-box{border:3px solid #e53935}html .dialog.msg-dialog.error .dialog-box .dialog-body .dialog-content .msg-icon{color:#e53935}html .dialog.msg-dialog.information .dialog-box,html .dialog.msg-dialog.question .dialog-box{border:3px solid #03a2ea}html .dialog.msg-dialog.information .dialog-box .dialog-body .dialog-content .msg-icon,html .dialog.msg-dialog.question .dialog-box .dialog-body .dialog-content .msg-icon{color:#03a2ea}html .dialog.msg-dialog.warning .dialog-box{border:3px solid #ff9800}html .dialog.msg-dialog.warning .dialog-box .dialog-body .dialog-content .msg-icon{color:#ff9800}@media screen and (min-width:768px){html .dialog.msg-dialog .dialog-box .dialog-action .btn{min-width:96px}}html .tabs{position:relative}html .tabs>.tab>.tab-label{display:block;position:relative;padding:10px 12px 9px;margin:0;width:100%;border:1px solid #c3c3c3;background:#f6f6f6;font-family:bai_jamjuree;font-size:15px;line-height:15px;color:#999;outline:none;cursor:pointer}html .tabs>.tab>.tab-panel{overflow:hidden;max-height:0;transition:all .8s cubic-bezier(0,1,0,1);border:1px solid #c3c3c3}html .tabs>.tab>.tab-panel>.tab-content{padding:0 12px 12px}html .tabs>.tab:first-child>.tab-label{border-top-left-radius:4px;border-top-right-radius:4px}html .tabs>.tab:last-child>.tab-label{border-bottom-left-radius:4px;border-bottom-right-radius:4px}html .tabs>.tab.selected>.tab-label{border-bottom:none;background-color:#fff;color:#333}html .tabs>.tab.selected>.tab-panel{border-top:none}html .tabs>.tab.selected>.tab-panel.show{max-height:9999px;transition-timing-function:cubic-bezier(.5,0,1,0);transition-delay:0s}html .tabs>.tab.selected:last-child>.tab-label{border-bottom-left-radius:0;border-bottom-right-radius:0}html .tabs>.tab.selected:last-child>.tab-panel{border-bottom-left-radius:4px;border-bottom-right-radius:4px}html .tab-footer{clear:both;width:100%;height:1px}@media screen and (min-width:768px){html .tabs{padding:0 16px}html .tabs>.tab{display:inline}html .tabs>.tab>.tab-label{display:inline-block;width:auto;min-width:80px;text-align:center;background:#0000;border:1px solid #0000}html .tabs>.tab>.tab-panel{display:inline;position:relative;border:none;max-height:auto;transition:none}html .tabs>.tab>.tab-panel>.tab-content{display:block;float:left;width:calc(100% + 32px);max-height:auto;transition:none;border:none;border-top:1px solid #c3c3c3;margin:-1px 0 0 -16px;padding:16px}html .tabs>.tab:first-child>.tab-label{border-top-left-radius:0;border-top-right-radius:0}html .tabs>.tab:last-child>.tab-label{border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}html .tabs>.tab.selected>.tab-label{border-top-left-radius:4px;border-top-right-radius:4px;border:1px solid #c3c3c3;border-bottom-color:#fff}html .tabs>.tab.selected>.tab-label:after{content:"";position:absolute;bottom:-2px;left:0;right:0;border-top:2px solid #fff;z-index:1}html .tabs>.tab.selected>.tab-panel.show{max-height:auto;transition-timing-function:none}}html .filter{display:flex;position:relative;margin:-16px;width:calc(100% + 32px);min-height:calc(var(--vh, 1vh) * 100 - 88px);overflow-y:hidden}html .filter .filter-condition{position:absolute;z-index:3;top:0;left:0;bottom:0}html .filter .filter-condition .filter-condition-group{width:240px;background:#f3f3f3;border-right:1px solid #f0f0f0}html .filter .filter-condition .filter-condition-group .filter-condition-header{display:flex;align-items:center;height:48px}html .filter .filter-condition .filter-condition-group .filter-condition-header h4{margin:0;font-size:14px;line-height:14px;padding:0 16px}html .filter .filter-condition .filter-condition-group .filter-condition-header .filter-button{flex:1 1 auto;padding:0 16px;text-align:center;color:#03a2ea;cursor:pointer;-webkit-user-select:none;user-select:none}html .filter .filter-condition .filter-condition-group .filter-condition-header .reset{flex:1 1 auto;padding:0 16px;text-align:right;color:#e53935;cursor:pointer;-webkit-user-select:none;user-select:none}html .filter .filter-condition .filter-condition-group .filter-condition-content{width:240px;min-height:calc(var(--vh, 1vh) * 100 - 200px);max-height:calc(var(--vh, 1vh) * 100 - 200px);overflow:auto;padding:0 16px}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items{list-style:none;margin:0 -16px 0 -8px;padding:0}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li{position:relative}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li .filter-item{display:flex;align-items:center;padding:0 8px;border-top-left-radius:8px;border-bottom-left-radius:8px;min-height:32px;cursor:pointer}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li .filter-item .filter-item-icon{padding-right:8px;color:#e0e0e0}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li:hover .filter-item{background:#ededed}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li.used .filter-item,html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li.used .filter-item .filter-item-icon{color:#57cf5d}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li.selected .filter-item{background:#ededed}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li .filter-item-group{padding:8px}html .filter .filter-condition .filter-condition-group .filter-condition-content .card-special-condition .card{margin:16px -8px 16px 0}html .filter .filter-condition .filter-condition-group .filter-condition-action{width:240px;padding:16px;text-align:center}html .filter .filter-condition .filter-condition-group .filter-condition-action .btn{width:160px;height:32px}html .filter .filter-condition .filter-condition-group .filter-condition-action .btn .display{display:inline-block;white-space:nowrap;padding-left:8px}html .filter .filter-condition .filter-toggle{position:absolute;top:4px;left:240px;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f3f3;border:1px solid #f0f0f0;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer;font-size:16px;line-height:16px;text-align:center}html .filter .filter-condition .filter-toggle fa-icon{outline:none}html .filter .filter-condition.show{left:0;transition:all .6s ease-out}html .filter .filter-condition.hide{left:-240px;transition:all .6s ease-out}html .filter .filter-result{flex:1 1 auto;position:relative;width:100%}html .filter .filter-result .filter-result-content{max-height:calc(100vh - 88px);max-height:calc(var(--vh, 1vh) * 100 - 88px);overflow:auto;padding:8px 16px 16px}html .filter .filter-result .filter-result-content .table-display-filter>.table .table-info-top{padding-left:32px}html .filter.vertical{flex-direction:column;min-height:auto}html .filter.vertical .filter-condition{position:relative;width:100%}html .filter.vertical .filter-condition .filter-condition-group{width:100%}html .filter.vertical .filter-condition .filter-condition-group .filter-condition-header{height:32px;align-items:flex-end}html .filter.vertical .filter-condition .filter-condition-group .filter-condition-content{width:100%;height:auto}html .filter.vertical .filter-condition .filter-condition-group .filter-condition-action{width:100%;padding:8px 16px;text-align:right}html .filter.vertical .filter-condition .filter-condition-group .filter-condition-action .btn{width:auto;height:32px}html .filter.vertical .filter-condition .filter-toggle{top:auto;left:8px;bottom:-32px;border:1px solid #f0f0f0;border-top:none;border-top-right-radius:0;border-bottom-left-radius:4px}html .filter.vertical .filter-condition.show .filter-condition-group{width:100%;max-height:9999px;transition-duration:15s;transition-timing-function:ease-out}html .filter.vertical .filter-condition.show .filter-toggle{left:8px}html .filter.vertical .filter-condition.hide .filter-condition-group{width:100%;max-height:0;transition-duration:.8s;transition-timing-function:cubic-bezier(0,1,.5,1)}html .filter.vertical .filter-condition.hide .filter-toggle{left:8px}@media screen and (min-width:768px){html .filter .filter-condition .filter-condition-group .filter-condition-content{max-height:auto;overflow:visible}html .filter .filter-condition .filter-condition-group .filter-condition-content .filter-items li .filter-item-group{position:absolute;z-index:1;top:0;left:232px;background:#ededed;width:360px;padding:16px;border-top-right-radius:8px;border-bottom-right-radius:8px}}@media screen and (min-width:1304px){html .filter .filter-condition{position:relative;flex:0 0 240px}html .filter .filter-condition.show{flex:0 0 240px;width:240px}html .filter .filter-condition.hide{flex:0;width:0}html .filter .filter-result{width:calc(100% - 240px)}html .filter.vertical .filter-condition{position:relative;flex:0 0 auto}}html .card{border:1px solid #c3c3c3;border-radius:4px}html .card .card-header{padding:9px 16px 0}html .card .card-body{padding:16px}html .card .card-header+.card-body{padding-top:8px}html .card .card-action{padding:0 16px 16px}html .btn{display:inline-flex;justify-content:center;align-items:center;position:relative;min-width:48px;height:32px;text-align:center;font-family:bai_jamjuree;font-size:15px;line-height:15px;background:#ededed;color:#333;border-radius:4px;border:none;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;cursor:pointer;text-decoration:none;outline:none;-webkit-user-select:none;user-select:none}html .btn:focus,html .btn:hover{background-color:#e5e5e5;box-shadow:0 2px 4px -1px #0003,0 2px 2px 0 #00000024,0 1px 8px 0 #0000001f}html .btn:active{top:1px;background-color:#d9d9d9;box-shadow:0 2px 5px -1px #0003,0 2px 4px 0 #00000024,0 1px 8px 0 #0000001f}html .btn.btn-blue{background:#03a2ea;color:#fff}html .btn.btn-blue:focus,html .btn.btn-blue:hover{background-color:#0398db}html .btn.btn-blue:active{background-color:#0286c2}html .btn.btn-red{background:#e53935;color:#fff}html .btn.btn-red:focus,html .btn.btn-red:hover{background-color:#e2231e}html .btn.btn-red:active{background-color:#d6201c}html .btn.btn-orange{background:#ff9800;color:#fff}html .btn.btn-orange:focus,html .btn.btn-orange:hover{background-color:#f08f00}html .btn.btn-orange:active{background-color:#d68000}html .btn.btn-green{background:#3db142;color:#fff}html .btn.btn-green:focus,html .btn.btn-green:hover{background-color:#39a63e}html .btn.btn-green:active{background-color:#339337}html .btn.btn-outer{background:#0000;border:1px solid #d6d6d6;color:#333;box-shadow:none}html .btn.btn-outer:active,html .btn.btn-outer:focus,html .btn.btn-outer:hover{background:#0000;border:1px solid #333}html .btn.btn-outer-blue{background:#0000;border:1px solid #d6d6d6;color:#03a2ea;box-shadow:none}html .btn.btn-outer-blue:active,html .btn.btn-outer-blue:focus,html .btn.btn-outer-blue:hover{background:#0000;border:1px solid #03a2ea}html .btn.btn-outer-red{background:#0000;border:1px solid #d6d6d6;color:#e53935;box-shadow:none}html .btn.btn-outer-red:active,html .btn.btn-outer-red:focus,html .btn.btn-outer-red:hover{background:#0000;border:1px solid #e53935}html .btn.btn-outer-orange{background:#0000;border:1px solid #d6d6d6;color:#ff9800;box-shadow:none}html .btn.btn-outer-orange:active,html .btn.btn-outer-orange:focus,html .btn.btn-outer-orange:hover{background:#0000;border:1px solid #ff9800}html .btn.btn-outer-green{background:#0000;border:1px solid #d6d6d6;color:#3db142;box-shadow:none}html .btn.btn-outer-green:active,html .btn.btn-outer-green:focus,html .btn.btn-outer-green:hover{background:#0000;border:1px solid #3db142}html .btn[disabled]{cursor:default;color:#999}html .btn[disabled],html .btn[disabled]:active,html .btn[disabled]:focus,html .btn[disabled]:hover{background:#0000;border:1px solid #d6d6d6;box-shadow:none}html .btn[disabled]:active{top:0}html .btn fa-icon+.display{display:none}html .btn+.btn{margin-left:8px}@media screen and (min-width:768px){html .btn{min-width:80px}html .btn fa-icon+.display{display:inline-block;padding-left:8px}}html .txt{position:relative;border:1px solid #c3c3c3;border-radius:4px;background:#fff;margin-top:16px;height:32px}html .txt .control{display:flex;padding:4px 8px 0}html .txt .control input{border:none;outline:none;width:100%;height:24px;padding:0;font-family:bai_jamjuree;font-size:15px;color:#333;background-color:#fff}html .txt .control input::-webkit-input-placeholder{color:#d3d3d3}html .txt .control input::-moz-placeholder{color:#d3d3d3}html .txt .control input:-ms-input-placeholder{color:#d3d3d3}html .txt .control input:-moz-placeholder{color:#d3d3d3}html .txt .control .prefix,html .txt .control .suffix{font-family:bai_jamjuree;font-size:15px;line-height:15px;color:#333;-webkit-user-select:none;user-select:none;white-space:nowrap}html .txt .control .prefix{padding:5px 8px 0 0}html .txt .control .suffix{padding:5px 0 0 8px}html .txt .subject-tooltip{position:absolute}html .txt .subject-tooltip .subject{position:absolute;bottom:28px;left:8px;height:11px}html .txt .subject-tooltip .subject .subject-bg{width:100%;height:1px;margin-top:10px;background-color:#fff}html .txt .subject-tooltip .subject .subject-text{margin-top:-8px;padding:0 4px;white-space:nowrap}html .txt .subject-tooltip .subject .subject-text span{display:block;font-family:bai_jamjuree;font-size:11px;line-height:11px;color:#838383;-webkit-user-select:none;user-select:none}html .txt .subject-tooltip .subject.required .subject-text span:after{content:"*";color:#e53935}html .txt .subject-tooltip .ctrl-tooltip{position:absolute;top:-5px;left:8px;z-index:2;color:#fff;max-width:240px;background:#e53935;padding:3px 6px;border-radius:6px;animation:text-tooltip-show .5s linear}html .txt .subject-tooltip .ctrl-tooltip p{padding:0;margin:0;white-space:nowrap;font-size:14px;line-height:14px}html .txt .subject-tooltip .ctrl-tooltip .arrow{position:absolute;top:-4px;left:8px;width:16px;height:4px;overflow:hidden}html .txt .subject-tooltip .ctrl-tooltip .arrow:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#e53935;transform:rotate(45deg)}html .txt.txt-disabled{border-color:#c3c3c3;background-color:#eee}html .txt.txt-disabled .control input[disabled]{color:#12947f;background-color:#eee}html .txt.txt-disabled .control input[disabled]::-webkit-input-placeholder{color:#0000}html .txt.txt-disabled .control input[disabled]::-moz-placeholder{color:#0000}html .txt.txt-disabled .control input[disabled]:-ms-input-placeholder{color:#0000}html .txt.txt-disabled .control input[disabled]:-moz-placeholder{color:#0000}html .txt.txt-disabled .control .prefix,html .txt.txt-disabled .control .suffix{color:#12947f}html .txt.txt-disabled .subject-tooltip .subject .subject-bg{background-color:#eee}html .txt.txt-focus{border-color:#5d5d5d;border-width:2px}html .txt.txt-focus .control{padding:3px 7px 0}html .txt.txt-focus .control .prefix,html .txt.txt-focus .control .suffix{color:#333}html .txt.txt-focus .subject-tooltip .subject{bottom:28px;left:7px}html .txt.txt-focus .subject-tooltip .subject .subject-bg{height:2px}html .txt.txt-focus .subject-tooltip .subject .subject-text{margin-top:-9px}html .txt.txt-focus .subject-tooltip .subject .subject-text span{color:#2a2a2a}html .txt.txt-focus .subject-tooltip .subject.required .subject-text span:after{color:#e53935}html .txt.txt-focus .subject-tooltip .ctrl-tooltip{top:-2px;left:8px}html .txt.txt-error{border-color:#e53935}html .txt.txt-error .control input{caret-color:#e53935}html .txt.txt-error .control input::-webkit-input-placeholder{color:#f6bebd}html .txt.txt-error .control input::-moz-placeholder{color:#f6bebd}html .txt.txt-error .control input:-ms-input-placeholder{color:#f6bebd}html .txt.txt-error .control input:-moz-placeholder{color:#f6bebd}html .txt.txt-error .control .error-icon{font-size:16px;color:#e53935;padding-top:4px}html .txt.txt-error .subject-tooltip .subject .subject-text span,html .txt.txt-error .subject-tooltip .subject.required .subject-text span:after{color:#e53935}@keyframes text-tooltip-show{0%{opacity:0}to{opacity:1}}html .txt.txt-numeric .control input{text-align:right}html .txt.textarea{height:80px}html .txt.textarea .control textarea{border:none;outline:none;width:100%;height:74px;padding:4px 0;font-family:bai_jamjuree;font-size:15px;line-height:20px;color:#333;background-color:initial;resize:none}html .txt.textarea .subject-tooltip .subject{bottom:78px}html .txt.textarea.txt-disabled .control textarea[disabled]{color:#12947f;background-color:#eee}html .txt.textarea.txt-focus .subject-tooltip .subject{bottom:78px}html .txt.txt-autocomplete .control .btn-autocomplete-icon,html .txt.txt-multiple-autocomplete .control .btn-autocomplete-icon{display:block;height:24px;padding:4px 8px 0;margin-right:-8px;font-size:16px;line-height:16px;color:#c3c3c3;cursor:pointer}html .txt.txt-autocomplete.txt-focus .control .btn-autocomplete-icon,html .txt.txt-multiple-autocomplete.txt-focus .control .btn-autocomplete-icon{color:#2a2a2a}html .txt.txt-autocomplete.txt-error .control .btn-autocomplete-icon,html .txt.txt-multiple-autocomplete.txt-error .control .btn-autocomplete-icon{color:#e53935}html .txt.txt-multiple-autocomplete{min-height:32px;height:auto}html .txt.txt-multiple-autocomplete .items{display:flex;flex-wrap:wrap;padding:3px 4px 1px;margin-top:2px;border-top:1px solid #c3c3c3}html .txt.txt-multiple-autocomplete .items .select-item{display:flex;background-color:#57cf5d;color:#fff;padding:0 4px;border-radius:4px;line-height:21px;margin:2px;cursor:pointer}html .txt.txt-multiple-autocomplete .items .select-item fa-icon{padding-left:8px;color:#e53935}html .txt.txt-multiple-autocomplete.txt-disabled .items{margin-top:-28px;border-top:none}html .txt.txt-multiple-autocomplete.txt-disabled .items .select-item{cursor:default}html .txt.txt-multiple-autocomplete.txt-focus .items{padding:3px 3px 0}html .autocomplete-contents .autocomplete{opacity:0;position:absolute;z-index:9001;background:#fff;background-clip:padding-box;border:1px solid #5d5d5d;border-radius:4px;padding:4px 0;scrollbar-face-color:#b0b0b0;scrollbar-track-color:#e6e6e6;scrollbar-arrow-color:#e6e6e6}html .autocomplete-contents .autocomplete ::-webkit-scrollbar{width:6px;height:6px}html .autocomplete-contents .autocomplete ::-webkit-scrollbar-thumb{background:#b0b0b0;cursor:pointer}html .autocomplete-contents .autocomplete ::-webkit-scrollbar-track{background:#e6e6e6}html .autocomplete-contents .autocomplete ul{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:240px}html .autocomplete-contents .autocomplete ul li{color:#838383}html .autocomplete-contents .autocomplete ul li.empty{padding:6px 16px 2px 8px}html .autocomplete-contents .autocomplete ul li.item{padding:4px 16px 4px 8px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;outline:none}html .autocomplete-contents .autocomplete ul li.item .highlight{color:#e98e05}html .autocomplete-contents .autocomplete ul li.item:hover{background-color:#baebbd}html .autocomplete-contents .autocomplete ul li.item.selected,html .autocomplete-contents .autocomplete ul li.item:active{background-color:#57cf5d;color:#fff}html .autocomplete-contents .autocomplete ul li.item.selected .highlight,html .autocomplete-contents .autocomplete ul li.item:active .highlight{color:#fff}html .autocomplete-contents .autocomplete ul li.item+.item{border-top:1px solid #c3c3c3}html .autocomplete-contents .autocomplete ul li.item.item-no-wrap{white-space:unset!important}html .autocomplete-contents .autocomplete ul li.item .user-item{padding:4px 0;color:#838383}html .autocomplete-contents .autocomplete ul li.item .user-item .user-item-username{font-weight:700;color:#757575;padding-bottom:4px}html .autocomplete-contents .autocomplete ul li.item .select-item{display:flex}html .autocomplete-contents .autocomplete ul li.item .select-item ctm-checkbox{flex:0 0 32px}html .autocomplete-contents .autocomplete ul li.item .select-item ctm-checkbox .checkbox{height:20px}html .autocomplete-contents .autocomplete ul li.item.selected .user-item,html .autocomplete-contents .autocomplete ul li.item.selected .user-item .user-item-username,html .autocomplete-contents .autocomplete ul li.item:active .user-item,html .autocomplete-contents .autocomplete ul li.item:active .user-item .user-item-username{color:#fff}html .autocomplete-contents .autocomplete.show{opacity:1;animation:autocomplete-show .1s linear}@keyframes autocomplete-show{0%{opacity:0}to{opacity:1}}html .txt.txt-datepicker .control .btn-datepicker-icon{display:block;height:24px;padding:3px 8px 0;margin-right:-8px;font-size:16px;line-height:16px;color:#c3c3c3;cursor:pointer}html .txt.txt-datepicker .control .btn-datepicker-icon fa-icon{pointer-events:none}html .txt.txt-datepicker.txt-focus .control .btn-datepicker-icon{color:#2a2a2a}html .txt.txt-datepicker.txt-error .control .btn-datepicker-icon{color:#e53935}html .dialog-datepicker .dialog-ovelay{z-index:9002}html .dialog-datepicker .dialog-box{z-index:9003;width:300px}html .dialog-datepicker .dialog-box .dialog-header{background:#3c4252}html .dialog-datepicker .dialog-box .dialog-header .calendar-header{color:#fff}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .day-name{background:#262a35;text-align:center;padding:4px 16px;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .day-name .close{position:absolute;top:2px;right:4px;font-size:18px;line-height:18px;cursor:pointer;color:#bfbfbf80}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy{display:flex;height:48px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .day{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:36px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my{flex:1 1 auto}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my .month{height:24px;font-size:18px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my .month.omonth{flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;font-size:24px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my .year{height:24px;font-size:18px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my .year.oyear{flex:1 1 auto;display:flex;justify-content:flex-start;align-items:center;height:100%;font-size:24px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my.omy{display:flex}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my.omy .month.omonth{flex:1 1 auto;display:flex;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;font-size:24px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my.omy .year.oyear{flex:1 1 auto;display:flex;justify-content:center;align-items:center;height:100%;font-size:24px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .my.omy .month.omonth+.oyear{justify-content:flex-start}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .t{flex:1 1 auto;display:flex;justify-content:center;align-items:center}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .t .th{flex:1 1 auto;font-size:28px;line-height:32px;text-align:right;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .t .tm{flex:1 1 auto;font-size:28px;line-height:32px;text-align:left;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .next,html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .prev{flex:0 0 32px;position:relative;display:inline-block;max-width:32px;text-align:center;cursor:pointer;line-height:24px;box-sizing:border-box;padding:0 8px}html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .next fa-icon,html .dialog-datepicker .dialog-box .dialog-header .calendar-header .dmy .prev fa-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html .dialog-datepicker .dialog-box .dialog-body{padding:0 1px!important}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content{height:248px}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year{display:flex;flex-wrap:wrap;padding:0 8px}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year{flex:1 1 24%;position:relative;display:inline-block;width:100%;height:100%;text-align:center;cursor:pointer;line-height:40px;box-sizing:border-box;border:1px solid #f5f5f5}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.focus,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.current{color:#fff;background:#a0a7ba;font-weight:700}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev{flex:1 1 49%;position:relative;display:inline-block;width:100%;height:100%;text-align:center;cursor:pointer;line-height:24px;box-sizing:border-box;border:1px solid #f5f5f5;color:#777}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next.focus,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next:hover,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev.focus,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month{display:flex;flex-wrap:wrap;padding:0 8px}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month{flex:1 1 30%;position:relative;display:inline-block;width:100%;height:100%;text-align:center;cursor:pointer;line-height:56px;box-sizing:border-box;border:1px solid #f5f5f5}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.focus,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.current{color:#fff;background:#a0a7ba;font-weight:700}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table{border-collapse:collapse;width:100%}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>colgroup col.table-week-day{width:14.28%}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>thead>tr th{width:35px;height:30px;font-weight:500;line-height:30px;text-align:center;border:1px solid #f5f5f5;background-color:#3c4252;color:#fff}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td{padding:0;text-align:center;border:1px solid #f5f5f5}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day{position:relative;display:inline-block;width:100%;height:34px;text-align:center;cursor:pointer;line-height:34px;box-sizing:border-box}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.next-month,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.prev-month{background-color:#ebe6e6}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.focus{background:#e0e0e0}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.current{color:#fff;background:#a0a7ba;font-weight:700}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .calendar .table>tbody>tr>td .day.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours{display:flex;flex-wrap:wrap}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour{flex:1 1 20%;text-align:center;border:1px solid #f5f5f5;height:48px;padding:14px 3px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour.empty{color:#0000001a;background:#d0d0d033;cursor:default}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hours .hour.empty:hover{background:#d0d0d033}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes{display:flex}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1{flex:1 1 calc(33.33% - 6px);display:flex;flex-wrap:wrap;padding-right:6px}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute{flex:1 1 100%;text-align:center;border:1px solid #f5f5f5;height:40px;padding:10px 3px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute.empty{color:#0000001a;background:#d0d0d033;cursor:default}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d1 .minute.empty:hover{background:#d0d0d033}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2{flex:1 1 calc(66.67% - 6px);display:flex;flex-wrap:wrap;padding-left:6px}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute{flex:1 1 50%;text-align:center;border:1px solid #f5f5f5;height:40px;padding:10px 3px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute.empty{color:#0000001a;background:#d0d0d033;cursor:default}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-minutes .minute-d2 .minute.empty:hover{background:#d0d0d033}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes{display:flex;flex-wrap:wrap}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute{flex:1 1 20%;display:flex;justify-content:center;align-items:center;text-align:center;border:1px solid #f5f5f5;height:24px;font-size:12px;cursor:pointer}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute:hover{background:#bec3cf}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute.selected,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute.selected:hover{color:#fff;background:#4aad4a}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute.disabled,html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute.empty{color:#0000001a;background:#d0d0d033;cursor:default}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute.empty:hover{background:#d0d0d033}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute-custom{flex:1 1 40%}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute-custom input{width:100%;height:24px;font-size:12px;border:1px solid #e0e0e0;outline:none;text-align:center;background:#f0f0f0}html .dialog-datepicker .dialog-box .dialog-body .dialog-content .calender-content .time-hour-minutes .hour-minute-custom input:focus{border-color:#919191}html .dialog-datepicker .dialog-box .dialog-action{padding:0}html .txt.txt-colorpicker .control{padding:4px 2px 0}html .txt.txt-colorpicker .control .color{flex:0 0 24px;position:relative;width:24px;height:24px;border:1px solid #c3c3c3;border-radius:4px}html .txt.txt-colorpicker .control .color input[type=color]{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:24px;opacity:0;cursor:pointer}html .txt.txt-colorpicker .control input[type=range]{cursor:pointer;-webkit-appearance:none;height:2px;margin:11px 6px 0;background:#d3d3d3;outline:none}html .txt.txt-colorpicker .control input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#5d5d5d;cursor:pointer}html .txt.txt-colorpicker.txt-focus .control{padding:3px 1px 0}html .checkbox{position:relative;height:32px}html .checkbox .control{display:flex;align-items:flex-end;height:100%}html .checkbox .control input{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:16px;margin:0;padding:0;opacity:0;cursor:pointer}html .checkbox .control .checkmark{position:absolute;left:0;bottom:2px;height:16px;width:16px;background-color:#fff;border:1px solid #c3c3c3;border-radius:3px}html .checkbox .control .checkmark:after{content:"";position:absolute;display:none}html .checkbox .control .subject{padding:0 8px 0 24px;font-family:bai_jamjuree;font-size:15px;line-height:15px;color:#838383;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html .checkbox .control input:focus~.checkmark,html .checkbox .control input:hover~.checkmark{border-color:#5d5d5d;border-width:2px}html .checkbox .control input:focus~.subject,html .checkbox .control input:hover~.subject{color:#2a2a2a}html .checkbox .control input:checked~.checkmark{background-color:#71caf3;border-color:#4bbcf0}html .checkbox .control input:checked~.checkmark:after{display:block;left:4px;width:3px;height:9px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}html .checkbox .control input:checked~.subject{color:#2a2a2a}html .checkbox .control input:checked:focus~.checkmark:after,html .checkbox .control input:checked:hover~.checkmark:after{left:3px;bottom:1px}html .checkbox .control input[disabled]{cursor:default}html .checkbox .control input[disabled]~.checkmark{background:#eee;border-color:#c3c3c3}html .checkbox .control input[disabled]:focus~.checkmark,html .checkbox .control input[disabled]:hover~.checkmark{background:#eee;border-width:1px}html .checkbox .control input[disabled]:focus~.subject,html .checkbox .control input[disabled]:hover~.subject{color:#838383}html .checkbox .control input[disabled]:checked~.checkmark{background:#18c1a6;border-color:#12947f}html .checkbox .control input[disabled]:checked~.subject{color:#12947f}html .checkbox .control input[disabled]:checked:focus~.checkmark:after,html .checkbox .control input[disabled]:checked:hover~.checkmark:after{left:4px;bottom:2px}html .radiobox{position:relative;height:32px}html .radiobox .control{display:flex;align-items:flex-end;height:100%}html .radiobox .control input{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:16px;opacity:0;cursor:pointer}html .radiobox .control .checkmark{position:absolute;left:0;bottom:2px;height:16px;width:16px;background-color:#fff;border:1px solid #c3c3c3;border-radius:50%}html .radiobox .control .checkmark:after{content:"";position:absolute;display:none}html .radiobox .control .subject{padding:0 8px 0 24px;font-family:bai_jamjuree;font-size:15px;line-height:15px;color:#838383;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html .radiobox .control input:focus~.checkmark,html .radiobox .control input:hover~.checkmark{border-color:#5d5d5d;border-width:2px}html .radiobox .control input:focus~.subject,html .radiobox .control input:hover~.subject{color:#2a2a2a}html .radiobox .control input:checked~.checkmark{background-color:#71caf3;border-color:#4bbcf0}html .radiobox .control input:checked~.checkmark:after{display:block;top:2px;left:2px;width:10px;height:10px;background:#fff;border-radius:50%}html .radiobox .control input:checked~.subject{color:#2a2a2a}html .radiobox .control input:checked:focus~.checkmark:after,html .radiobox .control input:checked:hover~.checkmark:after{top:1px;left:1px}html .radiobox .control input[disabled]{cursor:default}html .radiobox .control input[disabled]~.checkmark{background:#eee;border-color:#c3c3c3}html .radiobox .control input[disabled]:focus~.checkmark,html .radiobox .control input[disabled]:hover~.checkmark{background:#eee;border-width:1px}html .radiobox .control input[disabled]:focus~.subject,html .radiobox .control input[disabled]:hover~.subject{color:#838383}html .radiobox .control input[disabled]:checked~.checkmark{background:#18c1a6;border-color:#12947f}html .radiobox .control input[disabled]:checked~.subject{color:#12947f}html .radiobox .control input[disabled]:checked:focus~.checkmark:after,html .radiobox .control input[disabled]:checked:hover~.checkmark:after{top:2px;left:2px}html .txt.toggle .control{padding:0}html .txt.toggle .control ul{list-style:none;display:flex;margin:0;padding:4px 2px 2px;width:100%;background:#fff;border-radius:4px}html .txt.toggle .control ul li{flex:1 1 auto;position:relative;height:24px;padding:0;text-align:center;cursor:pointer}html .txt.toggle .control ul li>input{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:16px;opacity:0;cursor:pointer}html .txt.toggle .control ul li>span{display:flex;justify-content:center;align-items:center;height:100%;border-radius:4px;color:#838383}html .txt.toggle .control ul li+li{padding-left:2px}html .txt.toggle .control ul li>input:focus~span,html .txt.toggle .control ul li>input:hover~span{background:#cfedfb}html .txt.toggle .control ul li.selected>input:checked~span,html .txt.toggle .control ul li.selected>input:focus~span{background:#71caf3;color:#fff}html .txt.toggle .subject-tooltip .subject{bottom:30px}html .txt.toggle.txt-disabled .control ul{background-color:#eee}html .txt.toggle.txt-disabled .control ul li>input[disabled]{cursor:default}html .txt.toggle.txt-disabled .control ul li>input:focus~span,html .txt.toggle.txt-disabled .control ul li>input:hover~span{background:#0000}html .txt.toggle.txt-disabled .control ul li.selected>input:checked~span,html .txt.toggle.txt-disabled .control ul li.selected>input:focus~span{background:#12947f}html .txt.toggle.txt-focus ul{padding:3px 1px 1px}html .txt.toggle.txt-focus .subject-tooltip .subject{bottom:29px}html .txt.txt-upload .control input[type=file]{display:none}html .txt.txt-upload .control .btn-upload-icon{display:block;height:24px;padding:4px 8px 0;margin-right:-8px;font-size:16px;color:#c3c3c3;cursor:pointer}html .table .table-info-top{display:flex;align-items:center;padding-bottom:8px;-webkit-user-select:none;user-select:none;height:32px}html .table .table-info-top .display-page{flex:0 0 190px;display:flex;align-items:center}html .table .table-info-top .display-page>span{display:inline-block;padding:0 8px 0 0;white-space:nowrap}html .table .table-info-top .display-page .txt-autocomplete{margin-top:0;width:80px}html .table .table-info-top .table-loading{flex:0 0 30px;padding-left:16px;font-size:18px;line-height:18px;text-align:center;color:#eab009}html .table .table-info-top .table-paging{display:none}html .table .table-scroll{position:relative;z-index:1;width:100%;overflow:auto;border:1px solid #ededed}html .table .table-scroll table{border-collapse:collapse;table-layout:fixed;border-spacing:0;width:100%}html .table .table-scroll table>colgroup col.table-col-number-2{width:32px}html .table .table-scroll table>colgroup col.table-col-number-3{width:48px}html .table .table-scroll table>colgroup col.table-col-number-4{width:56px}html .table .table-scroll table>colgroup col.table-col-icon{width:32px}html .table .table-scroll table td.align-left,html .table .table-scroll table th.align-left{text-align:left}html .table .table-scroll table td.align-center,html .table .table-scroll table th.align-center{text-align:center}html .table .table-scroll table td.align-right,html .table .table-scroll table th.align-right{text-align:right}html .table .table-scroll table td.table-col-control,html .table .table-scroll table th.table-col-control{padding:1px!important}html .table .table-scroll table td.table-col-control .txt,html .table .table-scroll table th.table-col-control .txt{margin-top:0;height:29px}html .table .table-scroll table td.table-col-control .txt .control,html .table .table-scroll table th.table-col-control .txt .control{padding:1px 7px}html .table .table-scroll table td.table-col-control .txt.txt-focus .control,html .table .table-scroll table th.table-col-control .txt.txt-focus .control{padding:0 6px}html .table .table-scroll table td.table-col-control .checkbox,html .table .table-scroll table th.table-col-control .checkbox{height:29px}html .table .table-scroll table td.table-col-control .checkbox .control input,html .table .table-scroll table th.table-col-control .checkbox .control input{height:100%}html .table .table-scroll table td.table-col-control .checkbox .control .checkmark,html .table .table-scroll table th.table-col-control .checkbox .control .checkmark{left:6px;bottom:6px}html .table .table-scroll table>thead{border-bottom:2px solid #1b1b1d}html .table .table-scroll table>thead>tr>th{position:sticky;z-index:4;top:0;padding:3px 8px;background:#fff;font-size:12px;line-height:12px;text-align:left;background:#333338;color:#fff}html .table .table-scroll table>thead>tr>th.freeze{position:sticky;left:0;z-index:6;background:#535353}html .table .table-scroll table>thead>tr>th.sortable{padding-right:14px}html .table .table-scroll table>thead>tr>th.sortable .sorting{position:absolute;right:3px;font-size:16px;color:#757575;width:30px;text-align:right;padding-right:3px}html .table .table-scroll table>thead>tr>th.cdkDrag{transform:none!important}html .table .table-scroll table>thead>tr>th .column{display:flex;width:100%;height:100%;position:relative}html .table .table-scroll table>thead>tr>th .column .column-move-content{flex:1 1 auto;cursor:pointer;color:#ffd400}html .table .table-scroll table>thead>tr>th .column .column-resize{position:absolute;top:0;left:0;right:0;bottom:0;text-align:right}html .table .table-scroll table>thead>tr>th .column .column-resize .column-resize-icon{width:3px;height:14px;border:1px solid #ccc;color:#000000de;display:inline-flex;justify-content:center;align-items:center;text-align:center;background:#fff;position:relative;z-index:1;box-sizing:border-box;cursor:col-resize}html .table .table-scroll table>thead>tr>th .column .column-sort{position:absolute;top:0;left:0;right:0;bottom:0;text-align:right}html .table .table-scroll table>thead>tr>th .column .column-sort .column-sort-icon{cursor:pointer}html .table .table-scroll table>thead>tr>th.align-left .column{justify-content:flex-start}html .table .table-scroll table>thead>tr>th.align-center .column{justify-content:center}html .table .table-scroll table>thead>tr>th.align-right .column{justify-content:flex-end}html .table .table-scroll table>tbody>tr{border-top:1px solid #ededed}html .table .table-scroll table>tbody>tr>td,html .table .table-scroll table>tbody>tr>th{vertical-align:top;background-color:#fff}html .table .table-scroll table>tbody>tr>td>a,html .table .table-scroll table>tbody>tr>td>span,html .table .table-scroll table>tbody>tr>th>a,html .table .table-scroll table>tbody>tr>th>span{display:block;padding:7px 8px;line-height:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html .table .table-scroll table>tbody>tr>td a.table-link,html .table .table-scroll table>tbody>tr>th a.table-link{color:#4682b4;display:block;width:100%;text-decoration:underline;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html .table .table-scroll table>tbody>tr>td .icon-flag,html .table .table-scroll table>tbody>tr>th .icon-flag{display:block;padding:6px 4px;color:#fc361a;line-height:15px;text-align:center}html .table .table-scroll table>tbody>tr>td .icon-flag.active,html .table .table-scroll table>tbody>tr>th .icon-flag.active{color:#6db870}html .table .table-scroll table>tbody>tr>td .icon,html .table .table-scroll table>tbody>tr>th .icon{display:block;padding:6px 4px;line-height:15px;text-align:center;cursor:pointer}html .table .table-scroll table>tbody>tr>td .icon.icon-edit,html .table .table-scroll table>tbody>tr>th .icon.icon-edit{color:#03a2ea}html .table .table-scroll table>tbody>tr>td .icon.icon-delete,html .table .table-scroll table>tbody>tr>th .icon.icon-delete{color:#ff7c6b}html .table .table-scroll table>tbody>tr>td .icon.disabled,html .table .table-scroll table>tbody>tr>th .icon.disabled{color:#999;cursor:default}html .table .table-scroll table>tbody>tr>th{position:sticky;left:0;z-index:3;background:#e4e4e4;font-weight:400}html .table .table-scroll table>tbody>tr.row-odd>th{background-color:#f6f6f6}html .table .table-scroll table>tbody>tr.row-odd>td{background-color:#fff}html .table .table-scroll table>tbody>tr.row-even>th{background-color:#f0f0f0}html .table .table-scroll table>tbody>tr.row-even>td{background-color:#f3f3f3}html .table .table-info-bottom{-webkit-user-select:none;user-select:none;padding-top:16px}html .table .table-info-bottom .total-information{display:inline-block;padding:0 8px 0 0;white-space:nowrap}html .table .table-info-bottom .table-paging{display:flex;justify-content:center;padding-top:16px}html .table .table-info-bottom .table-paging a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:3px;text-decoration:none;color:#757575}html .table .table-info-bottom .table-paging a:hover{background-color:#a6e6aa}html .table .table-info-bottom .table-paging a.active{background-color:#57cf5d;color:#fff}html .table .table-info-bottom .table-paging a+a{margin-left:4px}html .table.table-row-hover .table-scroll table>tbody>tr:hover>td,html .table.table-row-hover .table-scroll table>tbody>tr:hover>th{background-color:#dfdfdf}html .table.table-row-hover .table-scroll table>tbody>tr.table-row-empty:hover>td,html .table.table-row-hover .table-scroll table>tbody>tr.table-row-empty:hover>th{background-color:#fff}@media screen and (min-width:1304px){html .table .table-info-top .table-paging{flex:1 0 auto;display:flex;justify-content:flex-end}html .table .table-info-top .table-paging a{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:3px;text-align:center;text-decoration:none;color:#757575}html .table .table-info-top .table-paging a:hover{background-color:#a6e6aa}html .table .table-info-top .table-paging a.active{background-color:#57cf5d;color:#fff}html .table .table-info-top .table-paging a+a{margin-left:4px}html .table .table-info-bottom{display:flex;align-items:center}html .table .table-info-bottom .table-paging{flex:1 0 auto;justify-content:flex-end;padding-top:0}}html .autocomplete-contents .autocomplete.table-col-autocomplete-dialog{margin-top:2px;margin-left:1px}html .column-move-placeholder{display:table-cell;height:100%;-webkit-user-select:none;user-select:none}html .column-move-placeholder .column-move{background:#333;border:1px dotted #757575;color:#ffd400;padding:2px 6px;vertical-align:middle;white-space:normal;font-size:12px;font-weight:700px;line-height:12px;position:relative;width:100%}html ctm-action{width:100%}html ctm-action .actions{display:flex;margin:-16px 0 16px}html ctm-action .actions .optional-actions{display:flex;position:relative;height:48px;margin-left:-16px}html ctm-action .actions .optional-actions a{display:flex;align-items:center;position:relative;color:#757575;font-size:18px;line-height:18px;padding:0 16px;outline:none}html ctm-action .actions .optional-actions a fa-icon{outline:none}html ctm-action .actions .optional-actions a.disabled{color:#dbdbdb;cursor:default}html ctm-action .actions .optional-actions a+a:before{content:"";position:absolute;top:4px;left:0;bottom:4px;border-left:1px solid #e0e0e0}html ctm-action .actions .primary-actions{position:relative;padding:8px 0}html ctm-action .actions .optional-actions+.primary-actions{padding:8px 0 8px 16px}html ctm-action .actions .optional-actions+.primary-actions:before{content:"";position:absolute;top:4px;left:0;bottom:4px;border-left:1px solid #e0e0e0}html ctm-action .actions .operation-actions{flex:1 1 auto;text-align:right;padding:8px 0 8px 16px}html .time-line>table{border-collapse:collapse;border-spacing:0}html .time-line>table>colgroup col.col-subject{width:120px}html .time-line>table>colgroup col.col-spot{width:32px}html .time-line>table>colgroup col.col-detail{width:auto}html .time-line>table>tbody>tr>td{vertical-align:top}html .time-line>table>tbody>tr>td.time-line-detail,html .time-line>table>tbody>tr>td.time-line-subject{vertical-align:top;padding-top:18px}html .time-line>table>tbody>tr>td.spot{position:relative;height:56px}html .time-line>table>tbody>tr>td.spot .spot-line{width:8px;height:calc(100% + 2px);margin:0 auto;background:#757575}html .time-line>table>tbody>tr>td.spot .spot-action{position:absolute;top:0;left:50%;margin:8px 0 0 -16px;display:block;width:32px;height:32px;border-radius:50%;background:#757575}html .time-line>table>tbody>tr>td.spot .spot-action:after{content:"";position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;width:16px;height:16px;border-radius:50%;background:#fff}html .time-line>table>tbody>tr>td.spot.top{height:16px}html .time-line>table>tbody>tr>td.spot.top>div{position:absolute;z-index:1;left:50%;bottom:-2px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#757575}html .time-line>table>tbody>tr>td.spot.bottom{height:16px}html .time-line>table>tbody>tr>td.spot.bottom>div{width:16px;height:16px;margin:-2px auto 0;border-radius:50%;background:#757575}html .time-line>table>tbody>tr.active>td.spot .spot-action{background-color:#03a2ea}html .calendar{width:100%}html .calendar .calendar-header{display:flex;align-items:center;flex-wrap:wrap;padding-bottom:4px}html .calendar .calendar-header .calendar-display{display:flex;justify-content:center;align-items:center;min-width:72px;height:32px;padding:0 16px;border:1px solid #c3c3c3;border-radius:4px;background:#fff;font-size:700;cursor:pointer}html .calendar .calendar-header .calendar-display.display-month{min-width:160px}html .calendar .calendar-header .calendar-display.disabled{background:#ebe6e6;color:#7776;cursor:inherit}html .calendar .calendar-header .calendar-next,html .calendar .calendar-header .calendar-prev,html .calendar .calendar-header .calendar-type,html .calendar .calendar-header .current{flex:0 0 28px;display:flex;justify-content:center;align-items:center;height:32px;border:1px solid #c3c3c3;border-radius:4px;background:#fff;cursor:pointer}html .calendar .calendar-header .calendar-next.disabled,html .calendar .calendar-header .calendar-prev.disabled,html .calendar .calendar-header .calendar-type.disabled,html .calendar .calendar-header .current.disabled{background:#ebe6e6;color:#7776;cursor:inherit}html .calendar .calendar-header .calendar-prev{margin-right:4px}html .calendar .calendar-header .calendar-next{margin-left:4px}html .calendar .calendar-header .calendar-type{margin-right:4px}html .calendar .calendar-header .calendar-type.selected{background-color:#3db142;border-color:#3db142;color:#fff}html .calendar .calendar-header .current{margin-left:4px}html .calendar .calendar-header .calendar-actions{flex:1 1 auto}html .calendar .calendar-year{display:flex;flex-wrap:wrap;width:calc(100% + 8px);height:calc(100vh - 168px);min-height:596px;margin:0 -4px}html .calendar .calendar-year .month{flex:0 0 33.33%;padding:4px}html .calendar .calendar-year .month .month-name{margin:0;padding:0 0 4px;font-size:12px;line-height:12px;cursor:pointer}html .calendar .calendar-year .month table{border-collapse:collapse;table-layout:fixed;border-spacing:0;height:calc(100% - 16px);width:100%}html .calendar .calendar-year .month table>colgroup col.table-week-day{width:14.28%}html .calendar .calendar-year .month table>thead>tr th{height:12px;font-size:6px;line-height:6px;font-weight:700;text-align:center;border:1px solid #f3f3f3;background-color:#3c4252;color:#fff}html .calendar .calendar-year .month table>tbody>tr>td{position:relative;padding:0;height:16%;border:1px solid #f3f3f3;text-align:center;background:#fff;cursor:pointer}html .calendar .calendar-year .month table>tbody>tr>td .date-text{display:flex;justify-content:center;align-items:center;margin:0 auto;height:12px;width:12px;border-radius:50%;font-size:8px;-webkit-user-select:none;user-select:none}html .calendar .calendar-year .month table>tbody>tr>td .date-text.current{background:#3ecce2}html .calendar .calendar-year .month table>tbody>tr>td.next-month,html .calendar .calendar-year .month table>tbody>tr>td.prev-month{background-color:#ebe6e6!important;cursor:default}html .calendar .calendar-year .month table>tbody>tr>td.next-month .date-text,html .calendar .calendar-year .month table>tbody>tr>td.prev-month .date-text{color:#757575!important}html .calendar .calendar-year .month table>tbody>tr>td.next-month .date-text.current,html .calendar .calendar-year .month table>tbody>tr>td.prev-month .date-text.current{background:#0000}html .calendar .calendar-year .month table>tbody>tr>td.disabled{background-color:#ebe6e6!important;cursor:default}html .calendar .calendar-year .month table>tbody>tr>td.disabled .date-text{color:#757575!important}html .calendar .calendar-month{width:100%}html .calendar .calendar-month table{border-collapse:collapse;table-layout:fixed;border-spacing:0;width:100%;height:calc(100vh - 176px)}html .calendar .calendar-month table>colgroup col.table-week-day{width:14.28%}html .calendar .calendar-month table>thead>tr th{padding:8px 0;font-weight:700;font-size:12px;text-align:center;border:1px solid #f3f3f3;background-color:#3c4252;color:#fff}html .calendar .calendar-month table>tbody>tr>td{position:relative;padding:24px 4px 4px;border:1px solid #f3f3f3;text-align:center;cursor:pointer;height:16%;background:#fff}html .calendar .calendar-month table>tbody>tr>td .date-text{position:absolute;top:2px;left:2px;display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none}html .calendar .calendar-month table>tbody>tr>td .date-text.current{background:#3ecce2}html .calendar .calendar-month table>tbody>tr>td.next-month,html .calendar .calendar-month table>tbody>tr>td.prev-month{background-color:#ebe6e6!important;cursor:default}html .calendar .calendar-month table>tbody>tr>td.next-month .date-text,html .calendar .calendar-month table>tbody>tr>td.prev-month .date-text{color:#757575!important}html .calendar .calendar-month table>tbody>tr>td.disabled{background-color:#ebe6e6!important;cursor:default}html .calendar .calendar-month table>tbody>tr>td.disabled .date-text{color:#757575!important}@media screen and (min-width:768px){html .calendar .calendar-header{padding-bottom:8px}html .calendar .calendar-year{height:100%;min-height:calc(100vh - 168px);width:calc(100% + 16px);margin:0 -8px}html .calendar .calendar-year .month table>thead>tr th{height:16px}html .calendar .calendar-year .month table>tbody>tr>td .date-text{padding:10px;font-size:10px}}@media screen and (min-width:1600px){html .calendar .calendar-year .month{flex:0 0 25%;padding:8px}html .calendar .calendar-year .month .month-name{margin:0;padding:0 0 4px;font-size:16px;line-height:16px}html .calendar .calendar-year .month table>thead>tr th{font-size:10px;line-height:10px}html .calendar .calendar-year .month table>tbody>tr>td .date-text{font-size:12px}}html .dialog.dialog-calendar .dialog-ovelay{z-index:9002}html .dialog.dialog-calendar .dialog-box{z-index:9003;width:320px}html .dialog.dialog-calendar .dialog-box .dialog-body{margin:0;padding:0}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year{display:flex;flex-wrap:wrap;height:320px;padding:8px}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year{flex:1 1 24%;display:flex;justify-content:center;align-items:center;height:18%;box-sizing:border-box;border:1px solid #f5f5f5;cursor:pointer}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.focus,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year:hover{background:#bec3cf}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.current{color:#fff;background:#a0a7ba;font-weight:700}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.selected,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.selected:hover{color:#fff;background:#4aad4a}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.disabled,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .year.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev{flex:1 1 49%;display:flex;justify-content:center;align-items:center;height:10%;box-sizing:border-box;border:1px solid #f5f5f5;color:#777;cursor:pointer}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next.focus,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next:hover,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev.focus,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev:hover{background:#bec3cf}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next.disabled,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev.disabled{color:#7776;cursor:inherit}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next.disabled.focus,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .next.disabled:hover,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev.disabled.focus,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-year .prev.disabled:hover{background:#fff}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month{display:flex;flex-wrap:wrap;height:320px;padding:8px}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month{flex:1 1 30%;display:flex;justify-content:center;align-items:center;height:25%;box-sizing:border-box;border:1px solid #f5f5f5;cursor:pointer}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.focus,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month:hover{background:#bec3cf}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.current{color:#fff;background:#a0a7ba;font-weight:700}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.selected,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.selected:hover{color:#fff;background:#4aad4a}html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.disabled,html .dialog.dialog-calendar .dialog-box .dialog-body .dialog-content .calender-content .calendar-month .month.disabled:hover{color:#0000001a;background:#d0d0d033;pointer-events:none}html .dialog.dialog-calendar .dialog-box .dialog-action{padding:0}