.nav-desktop{position:fixed;z-index:1000;width:100vw;background-color:#fff;height:56px;padding-left:32px;padding-right:32px;box-shadow:0 1px 15px rgba(0,0,0,.04);-webkit-justify-content:center;justify-content:center}.nav-desktop,.nav-desktop .nav-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav-desktop .nav-container{width:100%;-webkit-justify-content:space-between;justify-content:space-between;z-index:999}.nav-desktop .nav-container .navbar-hamburger{cursor:pointer}.nav-desktop .nav-container .nav-logo{position:absolute;margin-left:48px}.nav-desktop .nav-container .nav-right-section{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:100%;padding-top:8px;padding-bottom:8px;color:#7c7c84;font-style:normal;font-weight:400;font-size:14px;line-height:18px;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;font-family:"IBMPlexSansThaiRegular"}@media only screen and (max-width:992px){.nav-desktop .nav-container .nav-right-section{-webkit-flex-grow:0;flex-grow:0}}.nav-desktop .nav-container .nav-right-section .noti-section{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;padding-right:24px;margin-right:8px}.nav-desktop .nav-container .nav-right-section .noti-section .ant-avatar{box-sizing:border-box;margin:-6px;padding:0;background:#fff;font-size:20px;font-variant:tabular-nums;line-height:1.5715;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum","tnum","tnum";position:relative;display:inline-block;overflow:hidden;color:#7c7c84;white-space:nowrap;text-align:center;vertical-align:middle;width:32px;height:32px;line-height:32px;border-radius:50%}.nav-desktop .nav-container .nav-right-section .avatar-section,.nav-desktop .nav-container .nav-right-section .utility-section{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.nav-desktop .nav-container .nav-right-section .avatar-section{padding-left:24px}.nav-desktop .nav-container .nav-right-section .avatar-section .nav-avatar{cursor:pointer;object-fit:cover;overflow:hidden;width:40px;height:40px;border-radius:20px;margin-left:16px;transition:.3s}.nav-desktop .nav-container .nav-right-section .avatar-section .nav-avatar:active{-webkit-transform:scale(.9);transform:scale(.9);transition:.3s}.nav-desktop .nav-container .nav-right-section .avatar-section .text-darkgrey1{color:#000}.nav-desktop .nav-container .nav-right-section .avatar-section .show-name-and-role .small{color:#7c7c84!important}.nav-desktop .nav-container .nav-right-section .utility-section{padding-right:24px}.nav-desktop .nav-container .nav-right-section .utility-section .nav-language{margin-right:8px}.slect-responsive-popover-logout-chang-language{display:none}.slect-responsive-popover-logout-chang-language .style-custom p{color:#000}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#bcbcc4!important;border-right-width:1px!important}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#bcbcc4!important;box-shadow:0 0 0 0}@media only screen and (max-width:650px){.show-name-and-role{display:none}.avatar-section{border-left:0!important;padding:0!important}.noti-section{padding-right:0;margin-right:8px}.nav-right-section{margin:0;padding:0}.nav-avatar{margin:0!important}.nav-logo{position:unset!important;left:0!important}}@media only screen and (max-width:480px){.nav-desktop{padding-left:8px;padding-right:8px}.bottom-container-popover{grid-gap:8px;gap:8px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.bottom-container-popover .slect-responsive-popover-logout-chang-language{display:-webkit-flex;display:flex;margin-top:16px;width:100%}}.main-side-bar{position:fixed;z-index:100;top:56px;left:0;padding-top:16px;width:264px;height:100%;-webkit-transform:translateX(0);transform:translateX(0);transition:all .3s ease;background:#fff;-webkit-filter:drop-shadow(0 0 15px rgba(59,89,152,.1));filter:drop-shadow(0 0 15px rgba(59,89,152,.1));display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;overflow:auto;padding-bottom:60px}.text-white{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#344054!important;margin-left:10px}.side-menu-item,.side-menu-item-active{transition:all .3s ease;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;box-sizing:border-box;cursor:pointer;padding:12px 8px 12px 23px}.side-menu-item-active .side-menu-icon,.side-menu-item .side-menu-icon{width:25px;height:25px;fill:#074e9f!important}.side-menu-item-active{background-color:#f6f7f9;border:solid #074e9f;border-width:0 0 0 5px}.side-menu-item-active .text-primary-blue{font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#074e9f;margin-left:10px}.side-menu-item-active .side-menu-icon{width:25px;height:25px;fill:#074e9f!important;margin-left:-5px}.text-primary-blue,.text-white{display:-webkit-flex;display:flex;margin-top:4px}.main-side-close{left:0;width:72px}.main-side-close,.main-side-close-phone{position:fixed;z-index:100;top:56px;padding-top:16px;height:100vh;-webkit-transform:translateX(-120);transform:translateX(-120);transition:all .3s ease;background:#fff;-webkit-filter:drop-shadow(4px 0 16px rgba(0,78,145,.01));filter:drop-shadow(4px 0 16px rgba(0,78,145,.01));display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.main-side-close-phone{left:-120px;width:0}.content{width:100%;height:600px;background:#fff}.slide{left:250px}#nav{position:fixed;top:0;background:#0af;width:100%;box-shadow:1px 1px #ddd}#nav p:before{content:"\e000"}.button{font-family:"icomoon";font-size:2em;color:#fff;cursor:pointer;margin:10px}.minimenu-custom-normal{position:fixed;z-index:999;margin-left:270px;top:20%;bottom:10%;width:auto;min-width:286px;max-height:60vh;background-color:#fff;box-shadow:0 1px 16px rgba(48,49,49,.541);-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;opacity:1;overflow:auto}.minimenu-custom-active{min-height:506px;overflow:hidden;margin-left:132px;height:507px;-webkit-transform:scale(0);transform:scale(0);opacity:0}.minimenu-custom-active,.minimenu-custom-normal2{position:fixed;z-index:999;top:20%;bottom:10%;width:268px}.minimenu-custom-normal2{margin-left:80px;max-height:60vh;background-color:#fff;box-shadow:0 1px 16px rgba(48,49,49,.541);-webkit-transform:scale(1);transform:scale(1);transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;opacity:1;overflow:auto}.minimenu-custom-active2{min-height:506px;position:fixed;overflow:hidden;margin-left:132px;z-index:999;top:20%;bottom:10%;width:268px;height:507px;-webkit-transform:scale(0);transform:scale(0);opacity:0}.area-sub-minimenu-normal{background-color:rgba(7,78,159,.1);height:46px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:16px;transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;cursor:pointer}.area-sub-minimenu-normal .icon{color:#074e9f;margin-right:12px}.area-sub-minimenu-normal p{color:#074e9f}.area-sub-minimenu-active{cursor:pointer;height:46px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-left:16px;transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease}.area-sub-minimenu-active .icon{margin-right:12px}.area-sub-minimenu-active:hover{background-color:#f5f5f5}@media only screen and (max-width:820px){.main-side-bar{position:fixed}.main-side-bar,.main-side-close{height:100%!important}}.text-haed-tab{color:#667085;margin:37px 0 8px 18px;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:20px}.swal2-actions{-webkit-justify-content:flex-end!important;justify-content:flex-end!important}.swal2-confirm{width:67px!important}.swal2-title{font-weight:700;font-size:20px;line-height:26px;color:#074e9f!important}.swal2-content,.swal2-title{font-family:IBMPlexSansThaiRegular;font-style:normal}.swal2-content{font-weight:400;font-size:16px;line-height:21px;text-align:center;color:#000}.swal2-close{margin-right:8px;margin-top:4px;font-size:24px}.hover-svg:hover{cursor:pointer}.ant-form-item{margin-bottom:0!important}.ant-dropdown-menu-item-selected{color:#000!important;background-color:#f3f6f9!important}.ant-pagination{padding-right:8px}.projectlist-style-loading{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding-top:140px}.projectlist-style-loading .robot{margin-bottom:16px}.header-content{grid-gap:16px;gap:16px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.header-content .group-search-one{display:grid;grid-gap:16px;gap:16px;grid-template-columns:33% 33% 6% 9% auto}.header-content .group-search-one .layout-a{width:100%;height:40px}.header-content .group-search-one .layout-b{width:100%;max-height:40px}.header-content .group-search-one .layout-c{margin-top:10px;height:40px;width:70px}.header-content .group-search-one .layout-d,.header-content .group-search-one .layout-e{height:40px;width:100%}.header-content .search-one{display:grid;grid-gap:16px;gap:16px;grid-template-columns:250px 250px 250px 250px}.header-content .search-two{display:-webkit-flex;display:flex;grid-gap:16px;gap:16px;-webkit-justify-content:end;justify-content:end}.header-content .search-two .mode-moble-sort-by{display:grid;grid-template-columns:auto auto;grid-gap:16px;gap:16px}.header-content .ant-select-selector{border:1px solid #e4e7ec!important}.header-content .BTN_ClassA{margin-left:16px}.header-content .Search{width:33vw;min-width:-webkit-fit-content;min-width:fit-content;border-radius:4px;margin-left:0}.header-content .select-custom .ant-select-arrow{margin-top:-18px}.header-content .mode-moble{display:grid;grid-template-columns:150px auto;grid-gap:16px;gap:16px}.container-component{padding:24px auto}.container-component .no-breadcrumb{font-style:normal;font-weight:700;font-size:24px;line-height:31px;font-family:"IBMPlexSansThaiBold"}.container-component .flex-position{margin-bottom:32px;line-height:31px;font-family:"IBMPlexSansThaiRegular"}.container-component .ant-col-4{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.empty-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:50px;-webkit-align-items:center;align-items:center;min-height:70vh}.empty-container .img-emptystate{width:132px;height:159px;margin:0}.empty-container h1{margin:10px 0 30px;color:rgba(18,126,195,.32)}.empty-container .InboxOutlined{font-size:140px;color:rgba(18,126,195,.32)}.edit-padding{padding-top:120px}.container-card-project{display:-webkit-flex;display:flex;-webkit-align-items:center!important;align-items:center!important}.container-card-project .row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:22px}.container-card-project .list-response-height{min-height:752px;width:100%!important}.container-card-div .rowcard-container .colcard-container{width:100%}.container-card-div .rowcard-container .colcard-container .gutter-row{padding:16px;height:210px;background:#fff;box-shadow:0 1px 16px rgba(51,51,51,.11);border-radius:0 8px 8px 8px;margin-bottom:20px!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.container-card-div .rowcard-container .colcard-container .status-bar{margin-top:-20.8px;position:absolute;padding:4px 8px;height:21px;color:#fff;text-align:-webkit-center;background:#bcbcc4;border-radius:4px 4px 0 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-style:normal;font-weight:700;font-size:10px;line-height:13px;text-align:center;-webkit-flex:none;flex:none;-webkit-order:0;order:0;-webkit-flex-grow:0;flex-grow:0}.container-card-div .rowcard-container .colcard-container .col-style{place-content:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:baseline;align-items:baseline;margin-bottom:18px;-webkit-justify-content:space-between;justify-content:space-between}.container-card-div .rowcard-container .colcard-container .col-style,.container-card-div .rowcard-container .colcard-container .col-style .column-diflex{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.container-card-div .rowcard-container .colcard-container .logo{margin:0 12px 0 0!important;width:56px;height:56px!important;border-radius:50%}.container-card-div .rowcard-container .colcard-container .more-col{top:-16px}.container-card-div .rowcard-container .colcard-container .style-dropdown{transition:.3s}.container-card-div .rowcard-container .colcard-container .style-dropdown:active{transition:.3s;-webkit-transform:scale(.9);transform:scale(.9)}.container-card-div .rowcard-container .colcard-container .text-col h4{color:#074e9f;margin-top:1px}.container-card-div .rowcard-container .colcard-container .text-col h4:hover{color:#0a6ee1}.container-card-div .rowcard-container .colcard-container .text-col .small{padding-top:6px}.container-card-div .rowcard-container .colcard-container .text-col .icon-exclamation{margin-left:8px;color:#ff6258}.container-card-div .rowcard-container .colcard-container .ant-progress-bg{height:4px!important}.container-card-div .rowcard-container .colcard-container .ant-progress-outer{display:inline-block;width:100%;padding-right:0;padding-left:0}.container-card-div .rowcard-container .colcard-container .percent-col{-webkit-justify-content:left;justify-content:left;margin-bottom:-4px}.container-card-div .rowcard-container .colcard-container .percent-text{font-style:normal;font-weight:300;font-size:12px;line-height:16px;color:#ff6258}.container-card-div .rowcard-container .colcard-container .user-col{display:-webkit-flex;display:flex}.container-card-div .rowcard-container .colcard-container .user-icon{color:#7c7c84;color:#c5c5c5;padding-right:10px;font-style:normal;font-weight:300;font-size:14px;line-height:16px}.container-card-div .rowcard-container .colcard-container .user-name{font-style:normal;font-weight:300;font-size:12px;line-height:16px;color:#7c7c84}.container-card-div .rowcard-container .colcard-container .user-flex{display:-webkit-flex;display:flex}.container-card-div .rowcard-container .colcard-container .date-col .small{color:#7c7c84}.container-card-div .rowcard-container .colcard-container .row-shortcompanyand-date{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.container-card-div .rowcard-container .colcard-container .row-shortcompanyand-date .shortname-company{font-size:12px;color:#127ec3;font-weight:300;width:50%}.container-card-div .rowcard-container .colcard-container .left-time{width:50%;font-style:normal;font-weight:500;font-size:14px;line-height:18px;text-align:right;color:#bcbcc4;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-bottom:4px}.container-card-div .rowcard-container .colcard-container .row-user{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.container-card-div .rowcard-container .colcard-container .percent-reject{color:#ff6258}.container-card-div .rowcard-container .colcard-container .percent-green{color:#19d895}.container-card-div .rowcard-container .colcard-container .percent-yellow{color:#ffaf00}.container-card-div .rowcard-container .colcard-container .percent-zero{color:#7c7c84}.container-card-div .rowcard-container .colcard-container .status-register{background:#6db9ff}.container-card-div .rowcard-container .colcard-container .status-complete{background:#19d895}.container-card-div .rowcard-container .colcard-container .status-draft{background:#bcbcc4}.container-card-div .rowcard-container .colcard-container .status-waiting-register{background:rgba(18,126,195,.32)}.container-card-div .rowcard-container .colcard-container .status-complete-delay{background:#749878}.container-card-div .rowcard-container .colcard-container .status-waiting-kickoff{background:#6db9ff}.container-card-div .rowcard-container .colcard-container .status-waiting-hold{background:#2b3d98}.container-card-div .rowcard-container .colcard-container .status-waiting-complete{background:#074e9f}.container-card-div .rowcard-container .colcard-container .status-hold{background:#ffaf00}.container-card-div .rowcard-container .colcard-container .status-kickoff{background:#074e9f}.container-card-div .rowcard-container .colcard-container .status-cancel{background:#ff6258}.container-card-div .rowcard-container .colcard-container .status-zero{background:#efefef}.container-card-div .rowcard-container .colcard-container .Footer{font-size:100px;color:#7c7c84}.container-card-div:hover{-webkit-filter:drop-shadow(0 1px 16px rgba(0,78,145,.3));filter:drop-shadow(0 1px 16px rgba(0,78,145,.3))}@media only screen and (max-width:1399px){.container-card-project{display:-webkit-flex;display:flex;-webkit-align-items:center!important;align-items:center!important}.container-card-project .row{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:22px}.container-card-project .container-card-div{width:100%}}@media only screen and (max-width:1360px){.header-content .search-one{display:grid;grid-gap:16px;gap:16px}.header-content .group-search-one{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.header-content .Search-Custom{width:470px!important;min-width:100%!important}.header-content .BTN_Next{margin:0!important;width:100%!important}}@media only screen and (max-width:500px){.header-content .search-one,.header-content .search-two{display:grid;grid-gap:16px;gap:16px;width:95vw}.header-content .search-two{-webkit-justify-content:start;justify-content:start}.header-content .search-two .mode-moble-sort-by{display:grid;grid-template-columns:1fr auto}}@media only screen and (max-width:1180px){.header-content .Search-Custom{width:100%!important;min-width:100%!important}}@media only screen and (max-width:1100px){.container-card-project .row{grid-template-columns:1fr}.container-card-div{width:100%;min-width:100%}.container-card-div .rowcard-container{width:100%!important}.container-card-div .rowcard-container .colcard-container{min-width:100%!important}.container-card-div .rowcard-container .colcard-container .gutter-row{width:100%!important;min-width:100%!important;max-width:100%!important}.container-card-div .rowcard-container .colcard-container .gutter-row .col-style{-webkit-justify-content:space-between;justify-content:space-between}.header-content{display:grid}.header-content .Select-Custom{width:100%;min-width:100px;margin:0!important}.header-content .Search-Custom{width:224px!important;margin:0!important}.header-content .BTN_Next{margin:0!important;width:100%!important}.header-content .BTN_ClassA{margin:0;width:100%}.formStyle{margin:0!important}.flex-position,.formStyle{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.flex-position{-webkit-justify-content:flex-start!important;justify-content:flex-start!important}.flex-position .no-breadcrumb{margin-bottom:16px}}@media only screen and (max-width:881px){.ant-row-start{width:100%!important}}@media only screen and (max-width:480px){.container-component{padding:10px 10px 0}.project-name{width:10px}.cutter{width:100%!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.row-user{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:row;flex-direction:row}.row-user,.row-user .date-text{display:-webkit-flex;display:flex}.row-user .date-text .small,.row-user .user-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.Select-Custom{width:30px!important;min-width:100%!important}.project-name{min-width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.container-card-project .list-response-height{min-height:unset}}.text-container{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.see-more-button{background:none;border:none;color:#00f;cursor:pointer;margin-top:4px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.modal-content{background-color:#fff;padding:20px;border-radius:4px}.close-modal-button{background:none;border:none;color:#00f;cursor:pointer;margin-top:4px}.font-header{font-weight:700;font-size:20px;color:#074e9f;margin-bottom:17px}.font-lable{font-weight:400;font-size:16px;line-height:26px;color:#000}.ant-form-item-has-error .ant-input-affix-wrapper{border-color:#ff6258!important}.link-to-forgot{margin-top:16px;color:#074e9f;cursor:pointer!important}.link-to-forgot:hover{opacity:.8}.container-list-file{width:434px}.container-list-file .overviewBox{border:1px solid #efefef;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:10px}.container-list-file .overviewBox .itemlist-file-box{border:solid #efefef;border-width:0 0 1px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:8px 22px;-webkit-justify-content:space-between;justify-content:space-between}.container-list-file .overviewBox .itemlist-file-box .for-responsive-listname{-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.container-list-file .overviewBox .itemlist-file-box .ant-checkbox-wrapper{margin:0;margin-bottom:0!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:20px!important}.container-list-file .overviewBox .itemlist-file-box .anticon-picture{height:100%}.container-list-file .overviewBox .itemlist-file-box .icontylecolor{color:#6db9ff;margin-right:8px}.container-list-file .overviewBox .itemlist-file-box .downloadoutlined{color:#7c7c84;cursor:pointer;transition:.1s;margin-right:10px;font-size:14px}.container-list-file .overviewBox .itemlist-file-box .deleteOutlined{color:#7c7c84;cursor:pointer;transition:.1s;margin-top:6px;font-size:12px}.container-list-file .overviewBox .itemlist-file-box .downloadoutlined:active{transition:.1s;-webkit-transform:scale(.8);transform:scale(.8)}.container-list-file .overviewBox .itemlist-file-box .small{color:#7c7c84;display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;max-width:250px;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical}.container-list-file .overviewBox .itemlist-file-box .Eyecontainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:.1s;margin-right:12px}.container-list-file .overviewBox .itemlist-file-box .Eyecontainer .eyeoutlined{margin-top:2px;cursor:pointer;color:#7c7c84;position:static;margin-right:-16px;font-size:14px}.container-list-file .overviewBox .itemlist-file-box .Eyecontainer .ant-image-img{width:16px;height:16px;height:auto;border-radius:50%;visibility:hidden}.container-list-file .overviewBox .itemlist-file-box .Eyecontainer:active{transition:.1s;-webkit-transform:scale(.8);transform:scale(.8)}.container-list-file .button-group-style{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:25px;margin-bottom:25px}.container-list-file .button-group-style .BTN_Next{margin-left:10px}@media only screen and (max-width:600px){.container-list-file{width:100%}.container-list-file .overviewBox .itemlist-file-box .for-responsive-listname .small{overflow:hidden;max-width:200px}}@media only screen and (max-width:399px){.container-list-file .overviewBox .itemlist-file-box .for-responsive-listname .small{overflow:hidden;max-width:100px}}.avatar-upload-container .ant-upload.ant-upload-select-picture-card{width:100%;height:-webkit-fit-content;height:fit-content;border:0 solid #d9d9d9;padding:0;border-radius:8px;margin:0}.avatar-upload-container .ant-upload.ant-upload-select-picture-card,.new-content-upload{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;box-sizing:border-box;-webkit-justify-content:space-between;justify-content:space-between}.new-content-upload{max-width:434px;height:65px;border:1px solid #efefef;padding:12px;border-radius:8px}.new-content-upload .img-size{object-fit:cover;width:43px;height:43px;border-radius:50%}.new-content-upload .img-size:hover{object-fit:cover;width:43px;height:43px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5)}.new-content-upload .start-content{display:-webkit-flex;display:flex}.new-content-upload .middle-content{margin-left:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.new-content-upload .middle-content .mc-l{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.new-content-upload .middle-content .title-avatar{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:160px;margin-bottom:2px}.new-content-upload .middle-content .icon-checkcircleoutlined{font-size:14px;margin-left:10px;color:#19d895}.new-content-upload .middle-content .small{margin-top:2px;color:#074e9f;cursor:pointer}.new-content-upload .middle-content .small:active{-webkit-transform:scale(.95);transform:scale(.95)}.new-content-upload .end-content{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;height:100%}.new-content-upload .end-content .icon-delete{cursor:pointer;color:#7c7c84}.new-content-upload .end-content .icon-delete:active{-webkit-transform:scale(.8);transform:scale(.8)}.header{margin-bottom:24px;margin-top:27px}.header h2{font-family:IBMPlexSansThaiBold!important;font-style:normal;font-weight:700;font-size:20px;line-height:33px;color:#3b3a3c}.header p{font-family:IBMPlexSansThaiRegular!important;color:#bcbcc4}@media only screen and (max-width:600px){.col-responsive-width-container{width:100%}.col-responsive-width-container .responsive-width{width:100%!important}.new-content-upload{width:100%;max-width:100%!important}.shim-select{max-width:100%!important;width:350px!important;overflow:hidden}}@media only screen and (max-width:399px){.title-avatar{max-width:140px!important}.shim-select{max-width:100%!important;width:250px!important;overflow:hidden}}@media only screen and (max-width:340px){.title-avatar{max-width:120px!important}.shim-select{max-width:100%!important;width:220px!important;overflow:hidden}}.ant-image-preview-img{max-height:90%}.editor{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;width:100%;height:calc(100vh - 250px);background:#fff}.editorHd{border:1px solid #e6e9ed}.editorBd{-webkit-flex:1 1;flex:1 1}.editorContent,.editorSidebar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.editorSidebar{background:#fafafa}.editorSidebar:first-child{border-right:1px solid #e6e9ed}.editorSidebar:last-child{border-left:1px solid #e6e9ed}.flow,.koni,.mind{-webkit-flex:1 1;flex:1 1}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{background:#fff;border-bottom-color:#f0f0f0;border-width:0 0 1px}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#074e9f}.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#074e9f;border-width:0 0 4px}.edit-width-skill .ant-modal-content{max-width:602px!important}.edit-width-skill .body-modal{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.edit-width-skill .body-modal .Icon-style{color:#fdc200!important}.edit-width-skill .body-modal h4{max-width:360px;margin-top:16px}.edit-width-skill .ant-modal-header{border-bottom:0 solid #f0f0f0}.edit-width-skill .ant-modal-footer{border-top:0 solid #f0f0f0}.edit-width-skill .Icon-style{color:#19d895;font-size:80px}.edit-width-skill h2{color:#074e9f!important;margin-top:22px}.edit-width-skill .ant-btn{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;color:#074e9f;border-color:#074e9f;border-radius:8px;height:40px!important}.edit-width-skill .ant-btn-primary{height:40px;min-width:69px;visibility:visible;color:#fff;background-color:#074e9f}.edit-width-skill .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.style-container-form-layout{min-height:796px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column}.ItemSkillContainer{background:#fff;border:1px solid #efefef;box-sizing:border-box;box-shadow:0 1px 16px rgba(0,78,145,.08);border-radius:5px;height:79px;padding:10px;display:-webkit-flex;display:flex;cursor:pointer;transition:.3s}.ItemSkillContainer .font{max-width:200px;display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#074e9f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ItemSkillContainer .area{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.ItemSkillContainer .area .row-area-nowrap{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.ItemSkillContainer .area p{color:#7c7c84;margin-left:42px}.ItemSkillContainer .smallicon{margin-right:12px}.ItemSkillContainer:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.3s}.ContainerAddSkill{margin-top:24px;display:grid;grid-gap:14.6px;gap:14.6px;grid-template-columns:1fr 1fr 1fr}.ContainerTitleSkill{margin-top:12px;-webkit-align-items:flex-start;align-items:flex-start}.ContainerTitleSkill,.ShowSkillItem{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.ShowSkillItem{-webkit-flex-wrap:wrap;flex-wrap:wrap}.ShowSkillItem .Box{margin-right:5px;margin-bottom:5px}.iconpath{margin-left:6px;width:6px;height:6px;cursor:pointer}.iconpath:active{-webkit-transform:scale(.5);transform:scale(.5)}.numbertag-Container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;height:100%;min-width:130px}.text-selected{margin-left:8px;margin-right:18px}.seticonsplus{font-size:30px;color:#074e9f!important}.Box-borderAdd{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:1px dashed #074e9f;box-sizing:border-box;-webkit-filter:drop-shadow(0 1px 16px rgba(0,78,145,.08));filter:drop-shadow(0 1px 16px rgba(0,78,145,.08));border-radius:5px;height:79px;cursor:pointer;transition:.3s}.Box-borderAdd:active{-webkit-transform:scale(.95);transform:scale(.95)}.Addnewskill{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:500;font-size:18px;line-height:23px;margin-left:16px;color:#074e9f}.site-button-ghost-wrapper{padding:26px 16px 16px;background:#bec8c8}.Modaltitle{color:#074e9f}.border-select{background:#fff;border:1px solid #19d895;box-sizing:border-box;box-shadow:0 1px 16px rgba(0,78,145,.08);border-radius:5px;transition:.3s}.activeborder{border:1px solid #fff}.border-select:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.3s}.icons-select{visibility:visible}.activeicons,.icons-select{font-size:21px;color:#19d895!important}.activeicons{visibility:hidden}@media only screen and (max-width:1199px){.ContainerAddSkill{grid-template-columns:1fr 1fr}}@media only screen and (max-width:750px){.ContainerAddSkill .ItemSkillContainer .font{max-width:150px}.edit-width-skill .body-modal h4{text-align:center}}@media only screen and (max-width:650px){.ContainerAddSkill .ItemSkillContainer .font{max-width:300px}.ContainerTitleSkill{-webkit-flex-direction:column;flex-direction:column}.ContainerTitleSkill .numbertag-Container{margin-bottom:8px}.ContainerAddSkill{grid-template-columns:1fr}}@media only screen and (max-width:520px){.ContainerAddSkill .ItemSkillContainer .font{max-width:200px}}@media only screen and (max-width:480px){.style-container-form-layout{min-height:380px}}.title{margin-bottom:16px;margin-top:32px;color:#074e9f}.grid-layout-card-member-item{width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.map-role-and-member-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start}.map-role-and-member-container .PlusOutlined{color:#074e9f;font-size:22px}.delete-row-icon{margin-left:12px!important;color:#7c7c84!important;cursor:pointer}.container-rolecardv2{-webkit-justify-content:space-between;justify-content:space-between;min-width:304px;max-width:304px;background:#fff;border:1px solid #efefef;border-radius:8px;padding:12px;margin:0 10px 10px 0}.container-rolecardv2,.container-rolecardv2 .group-left{display:-webkit-flex;display:flex}.container-rolecardv2 .group-left .a{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.container-rolecardv2 .group-left .b{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:0 6px 0 8px;overflow:hidden}.container-rolecardv2 .group-left .b .color-small{color:#074e9f;margin-top:5px;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:200px}.container-rolecardv2 .group-left .b h4{margin-top:5px;color:#000}.container-rolecardv2 .c{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;min-width:20px;margin-top:8px}.container-rolecardv2 .permission-container{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;flex-direction:row;margin-top:8px;min-width:220px}.container-rolecardv2 .permission-container .stylesPosition{min-width:100px;margin-bottom:2px}.container-rolecardv2 .small{display:-webkit-flex;display:flex;color:#7c7c84;-webkit-align-items:center;align-items:center}.container-rolecardv2 h4{display:-webkit-flex;display:flex;margin:0}.container-rolecardv2 .CheckCircleOutlined{color:#19d895;margin-right:8px;display:-webkit-flex;display:flex}.container-rolecardv2 .active-CheckCircleOutlined{display:none}.container-rolecardv2 .Editoutlined{display:-webkit-flex;display:flex;color:#7c7c84;cursor:pointer}.container-rolecardv2 .Editoutlined :active{-webkit-transform:scale(.8);transform:scale(.8)}.container-rolecardv2 .CloseCircleOutlined{color:#ff6258;margin-right:8px;display:-webkit-flex;display:flex}.container-rolecardv2 .active-CloseCircleOutlined{display:none}.Modal .ant-modal-footer{border-top-width:0}.Modal .ant-modal-close-x{display:none}.Modal .header-custom{-webkit-justify-content:space-between;justify-content:space-between}.Modal .header-custom,.Modal .header-custom .subhead{display:-webkit-flex;display:flex}.Modal .header-custom .subhead .show-company-normal{font-size:14px}.Modal .image{width:40px;height:40px}.Modal h2{margin:0}.Modal h4{color:#7c7c84;margin:0;max-width:280px}.Modal .sub-1{margin-right:26px}.Modal .body-custom{margin-top:26px}.Modal .body-custom .company{color:#7c7c84;font-size:16px}.Modal .body-custom h4{color:#000;margin-bottom:16px}.Modal .body-custom .show-skill-responsive{display:-webkit-flex;display:flex;width:100%;z-index:100000;border-radius:8px}.Modal .body-custom .show-skill-responsive h4{width:100%;font-size:14px;color:#127ec3!important;max-width:unset!important}.Modal .ant-btn{font-weight:400;font-size:16px;color:#074e9f;border-color:#074e9f}.Modal .ant-btn,.Modal .ant-btn-primary{visibility:visible;height:40px;width:104px;border-radius:5px}.Modal .ant-btn-primary{color:#fff;background-color:#074e9f}.layout-Form,.Row{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.layout-Form{height:100%;-webkit-justify-content:space-between;justify-content:space-between}.table .table-topic{width:1008px;display:grid;grid-template-columns:1fr 3fr;border:1px solid #efefef;border-width:1px 0;padding:0 12px}.table .table-topic .column-table-a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 0;min-width:240px;max-width:240px}.table .table-topic .column-table-a h5{margin-left:8px}.table .table-topic .column-table-b{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 0;min-width:140px;max-width:140px;border:solid #efefef;border-width:0 1px 0 0}.table .table-topic .column-table-b h5{margin-left:8px}.table .table-topic .column-table-c{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;min-width:130px;max-width:130px;padding:12px 0 12px 16px}.table .table-topic .column-table-c h5{margin-left:8px}.table .table-topic .column-table-d{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 0;min-width:140px;max-width:140px}.table .table-topic .column-table-d h5{margin-left:8px}.table .table-topic .column-table-e{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 0;min-width:120px;max-width:120px}.table .table-topic .column-table-e h5{margin-left:8px}.table .table-topic .column-table-f{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 0;min-width:108px;max-width:108px}.table .table-topic .column-table-f h5{margin-left:8px}.table .table-topic .column-table-g{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;padding:12px 0;min-width:100px;max-width:100px}.table .table-topic .column-table-g h5{margin-left:8px}.table .table-topic .ant-checkbox-wrapper{margin:0!important}.table .table-topic .grid-column-gap{display:-webkit-flex;display:flex}.table .table-body{width:1008px}.table .table-body,.table .table-body .nodata-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.table .table-body .nodata-container{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:234px;max-height:234px}.table .table-body .nodata-container .inboxoutlined{font-size:72px;color:rgba(18,126,195,.32)}.table .table-body .nodata-container p{color:rgba(18,126,195,.32)}.table .table-body .row-user-group{display:grid;grid-template-columns:1fr 3fr;height:50px;padding:0 12px}.table .table-body .row-user-group .row-left{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-width:240px;max-width:240px}.table .table-body .row-user-group .row-left .imageStyle{margin-right:16px}.table .table-body .row-user-group .row-left p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:180px}.table .table-body .row-user-group .group-type{display:-webkit-flex;display:flex;height:100%}.table .table-body .row-user-group .group-type .box-width-a{height:100%;-webkit-align-self:center;align-self:center;min-width:140px;max-width:140px;border:solid #efefef;border-width:0 1px 0 0;padding:8px 0}.table .table-body .row-user-group .group-type .box-width-b{-webkit-align-self:center;align-self:center;height:100%;min-width:130px;max-width:130px;padding:8px 0 8px 16px}.table .table-body .row-user-group .group-type .box-width-c{-webkit-align-self:center;align-self:center;height:100%;min-width:140px;padding:8px 0;max-width:140px}.table .table-body .row-user-group .group-type .box-width-d{-webkit-align-self:center;align-self:center;height:100%;padding:8px 0;min-width:120px;max-width:120px}.table .table-body .row-user-group .group-type .box-width-e{-webkit-align-self:center;align-self:center;height:100%;padding:8px 0;min-width:108px}.table .table-body .row-user-group .group-type .box-width-f{-webkit-align-self:center;align-self:center;height:100%;display:-webkit-flex;display:flex;padding:8px 0 8px 16px;min-width:100px}.table .table-body .row-user-group .group-type .box-width-f .deleteoutlined{-webkit-align-self:center;align-self:center;color:#ff6258;transition:.1s}.table .table-body .row-user-group .group-type .box-width-f .deleteoutlined:active{transition:.1s;-webkit-transform:scale(.8);transform:scale(.8)}.table .table-body .row-user-group .group-type .ant-checkbox-wrapper{margin:0!important}.edit-width2 .ant-modal-body{padding:24px;font-size:14px;line-height:1.5715;word-wrap:break-word;min-width:932px}.editmodal{min-width:-webkit-fit-content;min-width:fit-content}.editmodal .ant-modal-header{margin:0;border-bottom:0 solid}.editmodal .ant-modal-footer{padding-right:24px!important;border-top:0 solid}.editmodal .ant-btn{height:40px;border:1px solid #074e9f;color:#074e9f;border-radius:8px}.editmodal .ant-btn-primary{background-color:#074e9f;color:#fff;border-radius:8px}.editmodal button:disabled{border-color:#d9d9d9;background-color:#f5f5f5;color:rgba(0,0,0,.25)}.editmodal .ContainerBox{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.editmodal .Rolename{display:-webkit-flex;display:flex;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;margin-bottom:8px}.editmodal .CheckboxContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:start;align-items:start;-webkit-flex-direction:column;flex-direction:column;padding-left:72px}.editmodal .DefaultPerm{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;display:-webkit-flex;display:flex;padding-left:72px;color:#000;margin-bottom:14px}.editmodal .ant-input{border-radius:4px}.editmodal .AfterAdditem{overflow-x:auto;width:100%;margin-top:24px}.editmodal .text-goal{color:#7c7c84;margin-top:24px}@media only screen and (max-width:1400px){.grid-layout-card-member-item .container-rolecardv2{width:100%;-webkit-justify-content:space-between;justify-content:space-between}}@media only screen and (max-width:1200px){.editmodal{min-width:700px}}@media only screen and (max-width:750px){.grid-layout-card-member-item{width:100%!important;grid-template-columns:1fr}.editmodal{min-width:unset}}@media only screen and (max-width:420px){.BoxDashed{width:100%!important}.grid-layout-card-member-item{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-flex-direction:column;flex-direction:column}.grid-layout-card-member-item .container-rolecardv2{height:-webkit-fit-content;height:fit-content;min-width:100%;max-width:unset}.grid-layout-card-member-item .container-rolecardv2,.grid-layout-card-member-item .container-rolecardv2 .group-left{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.grid-layout-card-member-item .container-rolecardv2 .group-left h4{margin:4px 0}.grid-layout-card-member-item .container-rolecardv2 .group-left .a{-webkit-align-items:center;align-items:center}.grid-layout-card-member-item .container-rolecardv2 .group-left .a .imageStyle{width:48px;height:48px}.grid-layout-card-member-item .container-rolecardv2 .group-left .b{height:-webkit-fit-content;height:fit-content;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin:0!important}.grid-layout-card-member-item .container-rolecardv2 .group-left .b .permission-container,.grid-layout-card-member-item .container-rolecardv2 .group-left .b .small{display:none}}tspan{color:#074e9f;max-width:250px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.nomarginform{margin-top:24px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:40px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.nomarginform .ant-form-item{margin-bottom:0}.nomarginform .ant-checkbox-wrapper{margin:0!important}.nomarginform .formCheckboxEmail{margin-bottom:8px;margin-right:8px}.nomarginform .formCheckboxEmail .CheckboxGroupArea{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.nomarginform .formCheckboxEmail .CheckboxGroupArea .checkboxarea{min-width:-webkit-fit-content;min-width:fit-content;margin-right:48px}.BTN_ClassAA,.nomarginform .InputDays{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.BTN_ClassAA{-webkit-justify-content:flex-start;justify-content:flex-start}.displayemailchecklist{background:#fff}.displayemailchecklist h3{color:#000!important}.displayemailchecklist .icon-color{font-size:16px;color:#000}.displayemailchecklist .fontradio{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;color:#000}.checklistmodal{width:650px!important}.checklistmodal .Modaltitle{color:#074e9f;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.checklistmodal .ant-modal-header{margin:0;border-bottom:0 solid}.checklistmodal .ant-modal-footer{padding-right:24px!important;border-top:0 solid}.checklistmodal .ant-btn{height:40px;border:1px solid #074e9f;color:#074e9f;border-radius:8px}.checklistmodal .ant-btn-primary{background-color:#074e9f;color:#fff}.tablesprinttask .ant-table-cell{padding:11px 0 11px 32px}.tablesprinttask .ant-tag{width:68px;border:1px solid #127ec3!important;box-sizing:border-box;border-radius:5px}.tableassignee .ant-table-container table>thead>tr:first-child th:first-child{border-top-left-radius:8px}.tableassignee .ant-table-container table>thead>tr:first-child th:last-child{border-top-right-radius:8px}.tableassignee .ant-table{max-height:100vh!important}.tableassignee .ant-table-thead{border-radius:8px 8px 0 0}.tableassignee .ant-table-thead>tr>th{border-top:1px solid #f0f0f0;background-color:#deedfe;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#000}.tableassignee .ant-table-cell{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#000;padding:16px 0 16px 32px}.tableassignee .ant-table-tbody>tr>td{border-bottom:1px solid #e1e1e1!important}.tableassignee .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:#000;background:#f5f5f5;cursor:not-allowed}.tableassignee .ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:none;transition:all .3s cubic-bezier(.645,.045,.355,1)}.tableassignee .tableassignee .ant-select-single .ant-select-selector .ant-select-selection-item,.tableassignee .tableassignee .ant-select-single .ant-select-selector .ant-select-selection-placeholder{padding:0;line-height:30px;transition:all .3s}.tableassignee .ant-pagination-item{padding-top:4px}.ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.ModalRegister{min-width:-webkit-fit-content;min-width:fit-content}.ModalRegister .clutter{max-width:400px}.ModalRegister .Icon-color{color:#074e9f!important}.ModalRegister h4{margin-top:0!important}.ModalRegister .edit-width-btn-kpi{width:300px!important}.ModalRegister .edit-width-btn-supportneed{width:150px!important}.ModalRegister .colortextemail,.ModalRegister .edit-color-h2-kpi{color:#000!important}.ModalRegister .coloremptychecklist{color:rgba(18,126,195,.32)!important}.ModalRegister .a,.ModalRegister .Bodier{width:100%}.ModalRegister .ant-modal-header h2{color:#000!important;margin-top:13px}.ModalRegister .ant-modal-body{padding-top:0}.ModalRegister .ant-modal-footer{display:none}.layout-maxwidth .ant-modal-content{max-width:999px;min-width:999px}@media only screen and (max-width:1200px){.layout-maxwidth .ant-modal-content{margin-right:16px;margin-left:16px;max-width:999px;min-width:unset}}.mytable-supportneed-project .ant-table-content .ant-table-thead .ant-table-cell{background-color:#fff;border:1px solid #efefef!important;border-width:1px 0!important}.container-emytystate-task{display:-webkit-flex;display:flex;height:75vh;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;margin-top:40px}.container-emytystate-task h2{margin-bottom:32px;color:rgba(18,126,195,.32)}.content-mapping-task{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.content-mapping-task .Box-spn{padding:16px;background:#fff;border:1px solid #efefef;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-shadow:0 1px 16px rgba(0,78,145,.08)}.content-mapping-task .Box-spn .remark-row{-webkit-justify-content:space-between;justify-content:space-between;width:100%;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.content-mapping-task .Box-spn .remark-row .small{color:#074e9f;margin-bottom:8px}.content-mapping-task .Box-spn .remark-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-mapping-task .Box-spn .remark-row .action-event{margin-left:40px;cursor:pointer}.content-mapping-task .Box-spn .type-row{margin-top:24px;-webkit-flex-direction:column;flex-direction:column}.content-mapping-task .Box-spn .type-row .small{color:#074e9f;margin-bottom:8px}.content-mapping-task .Box-spn .status-row{min-height:56px;-webkit-justify-content:space-between;justify-content:space-between;margin-top:24px;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.content-mapping-task .Box-spn .status-row .status-left-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.content-mapping-task .Box-spn .status-row .status-left-content .small{color:#074e9f;margin-bottom:8px}.content-mapping-task .Box-spn .ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:0 solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.content-mapping-task .Box-spn .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#bcbcc4!important;border-right-width:0!important}.content-mapping-task .Box-spn .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0}.content-mapping-task .ant-dropdown{z-index:0}@media only screen and (max-width:699px){.container-sn .header .row{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.container-sn .header .row .col2{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:18px}.container-sn .header .row .col2 .Select-Custom{min-width:160px}.container-sn .header .row .col2 .BTN_ClassA{margin-left:8px}.content-mapping-task{grid-template-columns:1fr}}@media only screen and (max-width:360px){.content-mapping-task .status-row{min-height:56px;-webkit-justify-content:unset;justify-content:unset;margin-top:24px;-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;-webkit-align-items:flex-start!important;align-items:flex-start!important;-webkit-flex-wrap:unset;flex-wrap:unset}.content-mapping-task .status-row .status-left-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:8px}.content-mapping-task .status-row .status-left-content .small{color:#074e9f;margin-bottom:8px}.container-sn .header .row .col2{-webkit-justify-content:unset;justify-content:unset;-webkit-flex-direction:column;flex-direction:column}.container-sn .header .row .col2 .Select-Custom{width:100%!important;min-width:100%!important}.container-sn .header .row .col2 .BTN_ClassA{margin-top:8px;margin-left:0!important}}.ant-notification-notice{border-left:4px solid #07a721;border-left:4px solid var(--success-state-default,#07a721);background:#f2f8f2;background:var(--success-colour-success-surface-50,#f2f8f2)}.ant-notification-close-icon{font-size:18px!important;color:#07a721!important;margin-top:10px!important}.swal2-styled.swal2-cancel{border-radius:8px;border:1px solid #074e9f;border:1px solid var(--axons-diven-blue-1,#074e9f);background-color:transparent;color:#074e9f;width:100px!important;height:46px}.swal2-styled.swal2-cancel,.swal2-styled.swal2-confirm{display:-webkit-flex!important;display:flex!important;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.swal2-styled.swal2-confirm{border:0;border-radius:.6em;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:#d21419;background-color:#d21419;color:#fff;font-size:1em;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-content:center;align-content:center;width:95px!important}.ant-notification{margin-right:0!important}.containerKPI-Task{min-height:40vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.containerKPI-Task .ExclamationCircleOutlined{color:#d21419}.containerKPI-Task .sub-container{min-height:50vh}.containerKPI-Task .sub-container .containerCard{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:16px;gap:16px;margin-top:24px;margin-bottom:24px}.containerKPI-Task .sub-container .containerCard .card{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;min-height:230px;border:1px solid #efefef;border-radius:8px;padding:16px}.containerKPI-Task .sub-container .containerCard .card .left-card{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.containerKPI-Task .sub-container .containerCard .card .left-card .KPITypeProjectGoal{display:-webkit-flex;display:flex}.containerKPI-Task .sub-container .containerCard .card .left-card .KPIType{min-width:40%}.containerKPI-Task .sub-container .containerCard .card .left-card .ProjectGoal{min-width:60%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.containerKPI-Task .sub-container .containerCard .card .small{color:#074e9f}.containerKPI-Task .sub-container .containerCard .card p{margin-bottom:10px}.containerKPI-Task .sub-container .containerCard .clutter{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.containerKPI-Task .sub-container2{min-height:50vh}.containerKPI-Task .sub-container2 .containerCard{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:16px;gap:16px;margin-top:24px;margin-bottom:24px}.containerKPI-Task .sub-container2 .containerCard .card{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;min-height:178px;border:1px solid #efefef;border-radius:8px;padding:16px}.containerKPI-Task .sub-container2 .containerCard .card .left-card{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.containerKPI-Task .sub-container2 .containerCard .card .left-card .KPITypeProjectGoal{width:100%;display:-webkit-flex;display:flex}.containerKPI-Task .sub-container2 .containerCard .card .left-card .KPIType{min-width:40%}.containerKPI-Task .sub-container2 .containerCard .card .left-card .ProjectGoal{min-width:60%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.containerKPI-Task .sub-container2 .containerCard .card .left-card .KPIType2{min-width:40%}.containerKPI-Task .sub-container2 .containerCard .card .left-card .ProjectGoal2{margin-left:10px}@media only screen and (max-width:1498px){.containerKPI-Task .sub-container2 .containerCard .card .left-card .ProjectGoal2{margin-left:0}}.containerKPI-Task .sub-container2 .containerCard .card .right-card{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end;width:30px;height:100%}.containerKPI-Task .sub-container2 .containerCard .card .small{color:#074e9f}.containerKPI-Task .sub-container2 .containerCard .card p{margin-bottom:10px}.containerKPI-Task .sub-container2 .containerCard .clutter{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.containerKPI-Task .sub-container-subtask{min-height:50vh}.containerKPI-Task .sub-container-subtask .containerCard{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:16px;gap:16px;margin-top:24px;margin-bottom:24px}.containerKPI-Task .sub-container-subtask .containerCard .card{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;min-height:178px;border:1px solid #efefef;border-radius:8px;padding:16px}.containerKPI-Task .sub-container-subtask .containerCard .card .left-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.containerKPI-Task .sub-container-subtask .containerCard .card .left-card .KPITypeProjectGoal{width:100%;display:-webkit-flex;display:flex}.containerKPI-Task .sub-container-subtask .containerCard .card .left-card .KPIType{min-width:40%}.containerKPI-Task .sub-container-subtask .containerCard .card .left-card .ProjectGoal{min-width:60%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.containerKPI-Task .sub-container-subtask .containerCard .card .left-card .KPIType2{min-width:40%}.containerKPI-Task .sub-container-subtask .containerCard .card .left-card .ProjectGoal2{margin-left:10px}.containerKPI-Task .sub-container-subtask .containerCard .card .right-card{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end;width:30px;height:100%}.containerKPI-Task .sub-container-subtask .containerCard .card .small{color:#074e9f}.containerKPI-Task .sub-container-subtask .containerCard .card p{margin-bottom:10px}.containerKPI-Task .sub-container-subtask .containerCard .clutter{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.containerKPI-Task .header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.containerKPI-Task .empty-kpi{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding-top:140px;margin-bottom:100px}.containerKPI-Task .empty-kpi h1,.containerKPI-Task .empty-kpi h2{color:rgba(18,126,195,.32)!important;margin-bottom:32px}.edit-width{min-width:634px!important}.edit-width .disableless .ant-input-number-disabled{color:#7c7c84;background-color:#fff;border:#fff;opacity:1}.edit-width .ant-input-number-disabled .ant-input-number-input{cursor:unset}.ant-dropdown-menu{width:120px}@media only screen and (max-width:1200px){.containerKPI-Task .sub-container .containerCard{grid-template-columns:1fr!important}.containerKPI-Task .sub-container .containerCard .card{max-width:400px}}@media only screen and (max-width:699px){.edit-width{min-width:unset!important}}.Bodier2{margin-top:16px;display:grid}.Body .clutter{max-width:400px}.toolbar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.toolbar :global .command i{display:inline-block;width:27px;height:27px;margin:0 6px;padding-top:6px;text-align:center;border:1px solid #fff;cursor:pointer}.toolbar :global .command i:hover{border:1px solid #e6e9ed}.toolbar :global .disable i{color:rgba(0,0,0,.25);cursor:auto}.toolbar :global .disable i:hover{border:1px solid #fff}.tooltip :global .ant-tooltip-inner{font-size:12px;border-radius:0}.itemPanel .ant-card-bordered{border:1px solid #f0f0f0;border-width:0 1px 1px 0}.itemPanel .ant-card{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum","tnum","tnum";position:relative;background:#fff}.contextMenu{display:none;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.contextMenu .item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:5px 12px;cursor:pointer;transition:all .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contextMenu .item:hover{background:#e6f7ff}.contextMenu .item i{margin-right:8px}.contextMenu :global .disable :local .item{color:rgba(0,0,0,.25);cursor:auto}.contextMenu :global .disable :local .item:hover{background:#fff}.containerKPI{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.containerKPI .sub-container{min-height:796px}.containerKPI .sub-container .containerCard{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:16px;gap:16px;margin-top:24px;margin-bottom:24px}.containerKPI .sub-container .containerCard .card{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:-webkit-fit-content;height:fit-content;border:1px solid #efefef;padding:16px;border-radius:8px}.containerKPI .sub-container .containerCard .card .left-card{width:100%}.containerKPI .sub-container .containerCard .card .left-card .rowly-goal-minmax{-webkit-justify-content:space-between;justify-content:space-between}.containerKPI .sub-container .containerCard .card .right-card{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end;width:30px}.containerKPI .sub-container .containerCard .card .right-card .active-showmore{display:none}.containerKPI .sub-container .containerCard .card .small{color:#074e9f}.containerKPI .sub-container .containerCard .card p{margin-bottom:10px;margin-top:4px;color:#000}.containerKPI .sub-container .containerCard .clutter{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.containerKPI .header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.containerKPI .empty-kpi{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding-top:140px}.containerKPI .empty-kpi h1,.containerKPI .empty-kpi h2{color:rgba(18,126,195,.32);margin-bottom:32px}.edit-modal-update-kpi{min-width:634px!important}.edit-modal-update-kpi .ant-form-item .ant-input-number-handler-wrap{display:none}.ant-dropdown-menu{width:130px}@media only screen and (max-width:699px){.containerCard{grid-template-columns:1fr!important}}@media only screen and (max-width:480px){.sub-container{min-height:380px!important}.empty-kpi{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding-top:60px!important}.empty-kpi img{width:100px;height:100px}.empty-kpi h2{text-align:center!important;margin:0 0 24px!important}}.container-sn{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container-sn .header{background-color:inherit!important}.container-sn .header .row{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.container-sn .header .row .col2 .BTN_ClassA{margin-left:8px}.container-sn .body{margin-top:38px;min-height:796px!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.remark-style{min-width:180px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.item-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center}.item-container .eyeoutlined{cursor:pointer}.item-container .editoutlined{cursor:pointer;margin:0 20px 0 0}.item-container .deleteoutlined{cursor:pointer}.item-container .BTN_Previous{margin-left:32px}.actionT{text-align:right;padding-right:2.5rem}.mytable-supportneed-project{display:grid;overflow-x:auto;border-top-left-radius:8px;border-top-right-radius:8px}.mytable-supportneed-project .ant-table-content{width:100%!important}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-table-cell{padding-top:14px;padding-bottom:14px;border-bottom:1px solid #e3e3e3}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:rgba(0,0,0,.85);font-weight:300;background-color:#fff}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#bcbcc4;border-right-width:0!important}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#fff;border-right-width:0!important;-webkit-box-shadow:0 0 0 0}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-select-single.ant-select-open .ant-select-selection-item{color:#000!important}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;color:#000!important;border:0 solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.mytable-supportneed-project .ant-table-content .ant-table-tbody .ant-select-selector{color:#000!important}.mytable-supportneed-project .ant-table-content .ant-table-tbody>tr.ant-table-row:hover>td{background:#fff!important}.mytable-supportneed-project .ant-table-tbody>tr>td{border-bottom:0 solid #f0f0f0}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){color:rgba(0,0,0,.85);font-weight:300;background-color:#fff}.container-emytystate{display:-webkit-flex;display:flex;height:75vh;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.container-emytystate h2{text-align:center;margin-bottom:32px;color:rgba(18,126,195,.32)}.style-modal{width:634px!important;min-width:100px!important}.desktop-style{display:grid;overflow-x:scroll}.desktop-style .mytable-supportneed-project{width:100%}.mobile-style{display:none}.content-mapping{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.content-mapping .Box-spn{padding:16px;background:#fff;border:1px solid #efefef;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-shadow:0 1px 16px rgba(0,78,145,.08)}.content-mapping .Box-spn .remark-row{-webkit-justify-content:space-between;justify-content:space-between;width:100%;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.content-mapping .Box-spn .remark-row .small{color:#074e9f;margin-bottom:8px}.content-mapping .Box-spn .remark-row p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-mapping .Box-spn .remark-row .action-event{margin-left:40px;cursor:pointer}.content-mapping .Box-spn .type-row{margin-top:24px;-webkit-flex-direction:column;flex-direction:column}.content-mapping .Box-spn .type-row .small{color:#074e9f;margin-bottom:8px}.content-mapping .Box-spn .status-row{min-height:56px;-webkit-justify-content:space-between;justify-content:space-between;margin-top:24px;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.content-mapping .Box-spn .status-row .status-left-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.content-mapping .Box-spn .status-row .status-left-content .small{color:#074e9f;margin-bottom:8px}.content-mapping .Box-spn .ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:0 solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.content-mapping .Box-spn .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#bcbcc4!important;border-right-width:0!important}.content-mapping .Box-spn .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{width:100%;height:32px;padding:0}.content-mapping .ant-dropdown{z-index:0}.containerSUP{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.containerSUP .sub-container{min-height:796px}.containerSUP .sub-container .containerCard{display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:16px;gap:16px;margin-top:24px;margin-bottom:24px}.containerSUP .sub-container .containerCard .card{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;height:-webkit-fit-content;height:fit-content;border:1px solid #efefef;padding:16px;border-radius:8px}.containerSUP .sub-container .containerCard .card .left-card{width:100%}.containerSUP .sub-container .containerCard .card .left-card .rowly-goal-minmax{-webkit-justify-content:space-between;justify-content:space-between}.containerSUP .sub-container .containerCard .card .right-card{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:flex-end;justify-content:flex-end;width:30px}.containerSUP .sub-container .containerCard .card .right-card .active-showmore{display:none}.containerSUP .sub-container .containerCard .card .small{color:#074e9f}.containerSUP .sub-container .containerCard .card p{margin-bottom:10px;margin-top:4px;color:#000}.containerSUP .sub-container .containerCard .clutter{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.containerSUP .header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.containerSUP .empty-sup{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding-top:140px}.containerSUP .empty-sup h1,.containerSUP .empty-sup h2{color:rgba(18,126,195,.32);margin-bottom:32px}@media only screen and (max-width:800px){.desktop-style{display:none}.mobile-style{display:unset}}@media only screen and (max-width:699px){.container-sn .header .row{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.container-sn .header .row .col2{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:18px}.container-sn .header .row .col2 .Select-Custom{min-width:160px!important;font-family:"IBMPlexSansThaiRegular"!important}.container-sn .header .row .col2 .BTN_ClassA{margin-left:8px}.content-mapping{grid-template-columns:1fr}}@media only screen and (max-width:480px){.container-sn .body{margin-top:24px;min-height:380px!important}}.anticon-active{color:#19d895}.ant-steps-item-icon{z-index:3}.ant-steps-item-tail:after{position:absolute;z-index:1;width:2px!important;margin-top:2.5px;margin-left:20px!important;height:50px!important;background-color:#e0e0e0!important}.ant-steps-item-container{padding-left:20px;height:48px;transition:.3s;display:-webkit-flex;display:flex;-webkit-align-items:flex-end!important;align-items:flex-end!important}.ant-steps-item-title{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;height:48px;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;padding-bottom:4px}.ant-steps-item-title h4{color:#1e1e1e!important;display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-steps-item-finish .ant-steps-item-icon{background-color:#074e9f;border:#fff!important}.ant-steps-item-finish .anticon{color:#fff!important}.ant-steps-item-active{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:rgba(7,78,159,.1);transition:.3s}.ant-steps-item-active .ant-steps-item-title{color:#074e9f!important}.ant-steps-item-active .ant-steps-item-title h4{color:#1e1e1e!important;display:inline-block;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ant-steps-item-active .ant-steps-item-icon{background-color:#074e9f!important}.ant-steps-item{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.ant-steps-item-wait .ant-steps-item-icon{background-color:#d9d9d9!important;border-color:#d9d9d9!important;color:#d9d9d9!important}.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon{color:#fff!important}.ant-steps-item-process .ant-steps-item-icon{border-color:#074e9f!important;background:#074e9f!important}.stepotherstate{margin-top:12px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:1px;gap:1px}.stepotherstate .step-item{height:48px;background-color:#d9d9d9;padding-left:24px;padding-top:12px;padding-bottom:12px;cursor:pointer;transition:.2s}.stepotherstate .step-item h4{color:#074e9f;transition:.2s}.stepotherstate .active-step-item{height:48px;background-color:#fff;padding-left:24px;padding-top:12px;padding-bottom:12px;cursor:pointer;transition:.2s}.stepotherstate .active-step-item h4{color:#7c7c84;transition:.2s}.for-scroll-handmake-step-content{display:grid;width:100%;padding:32px 32px 16px}.for-scroll-handmake-step-content .handmake-step-content,.line{display:none}@media only screen and (max-width:999px){.for-scroll-handmake-step-content .handmake-step-content{display:-webkit-flex;display:flex;overflow:scroll}.for-scroll-handmake-step-content .handmake-step-content .step-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;-webkit-align-items:center;align-items:center;min-width:112px;min-height:-webkit-fit-content;min-height:fit-content;cursor:pointer;transition:.2s}.for-scroll-handmake-step-content .handmake-step-content .step-item .circle-number{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:24px;width:24px;border:1px solid #074e9f;border-radius:50%;background-color:#074e9f;z-index:10}.for-scroll-handmake-step-content .handmake-step-content .step-item .circle-number p{color:#fff}.for-scroll-handmake-step-content .handmake-step-content .step-item .small{text-align:center;color:#074e9f;transition:.2s;margin-top:4px}.for-scroll-handmake-step-content .handmake-step-content .active-step-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;-webkit-align-items:center;align-items:center;min-width:112px;min-height:-webkit-fit-content;min-height:fit-content;cursor:pointer;transition:.2s}.for-scroll-handmake-step-content .handmake-step-content .active-step-item .circle-number{z-index:10;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:24px;width:24px;border:1px solid #d9d9d9;border-radius:50%;background-color:#d9d9d9}.for-scroll-handmake-step-content .handmake-step-content .active-step-item .circle-number p{color:#fff}.for-scroll-handmake-step-content .handmake-step-content .active-step-item .small{text-align:center;color:#7c7c84;transition:.2s;margin-top:4px}.for-scroll-handmake-step-content .handmake-step-content .line1{margin-top:-13px;margin-bottom:13px;margin-left:54px;display:-webkit-flex;display:flex;width:58px;height:2px;background-color:#d9d9d9}.for-scroll-handmake-step-content .handmake-step-content .line2,.for-scroll-handmake-step-content .handmake-step-content .line3,.for-scroll-handmake-step-content .handmake-step-content .line4,.for-scroll-handmake-step-content .handmake-step-content .line5{margin-top:-13px;margin-bottom:13px;display:-webkit-flex;display:flex;width:120px;height:2px;background-color:#d9d9d9}.for-scroll-handmake-step-content .handmake-step-content .line6{margin-top:-13px;margin-bottom:13px;margin-right:54px;display:-webkit-flex;display:flex;width:58px;height:2px;background-color:#d9d9d9}}@media only screen and (max-width:480px){.for-scroll-handmake-step-content{padding:16px 12px}}.createproject-main-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.createproject-main-container .no-breadcrumb{margin-top:8px;margin-bottom:16px;font-style:normal;font-weight:700;font-size:24px;line-height:31px;-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;font-family:"IBMPlexSansThaiRegular";max-width:420px}.createproject-main-container .viewreason{color:#074e9f;cursor:pointer}.createproject-main-container .eyeOutlined{color:#074e9f;cursor:pointer;padding:2px 4px 0 6px}.createproject-main-container .status-register{background:#6db9ff}.createproject-main-container .status-complete{background:#19d895}.createproject-main-container .status-draft{background:#bcbcc4}.createproject-main-container .status-waiting-register{background:rgba(18,126,195,.32)}.createproject-main-container .status-waiting-kickoff{background:#6db9ff}.createproject-main-container .status-waiting-hold{background:#2b3d98}.createproject-main-container .status-waiting-complete{background:#074e9f}.createproject-main-container .status-complete-delay{background:#749878}.createproject-main-container .status-hold{background:#ffaf00}.createproject-main-container .status-kickoff{background:#074e9f}.createproject-main-container .status-cancel{background:#ff6258}.createproject-main-container .font,.createproject-main-container .font-step{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px}.createproject-main-container .logo-upload{width:41px;height:41px;margin-right:16px}.createproject-main-container .text-upload{display:-webkit-flex;display:flex;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;-webkit-align-items:center;align-items:center;color:#074e9f}.createproject-main-container .text-upload .icons{color:#074e9f;margin-right:4px}.createproject-main-container .text-modal-upload{font-size:40px}.createproject-main-container .card-style{display:-webkit-flex;display:flex;width:434px;-webkit-align-items:center;align-items:center;background:#fff;border:1px solid #efefef;border-radius:8px}.createproject-main-container .card-style .row-card{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;-webkit-justify-content:space-between;justify-content:space-between}.createproject-main-container .card-style .ant-card-body{display:-webkit-flex;display:flex;width:434px;height:65px!important;-webkit-align-items:center;align-items:center;padding:14px;border:1px solid #efefef;border-radius:8px}.createproject-main-container .row-item-nameproject-and-button{display:grid;grid-template-columns:auto auto}.createproject-main-container .row-item-nameproject-and-button .row-left{overflow:hidden;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin-right:32px}.createproject-main-container .row-item-nameproject-and-button .row-left h1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8em;text-overflow:ellipsis;max-height:7.6em}.createproject-main-container .row-item-nameproject-and-button .row-left .box-status{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;margin-left:8px}.createproject-main-container .row-item-nameproject-and-button .row-left .box-status .tagStatus{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:2px 16px 1px;border-radius:20px;color:#fff;margin-left:0;margin-top:0}.createproject-container{background-color:#fff;width:100%;border-radius:8px;min-height:796px;display:grid;grid-template-columns:1fr 4fr}.createproject-container .step-content{border-right:1px solid #efefef}.createproject-container .body-content{width:100%;overflow:hidden}.forshow-tab-responsive{display:none}@media only screen and (max-width:999px){.createproject-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.createproject-container .font-step{display:none}.createproject-container .Line-space{display:none;border-left:0 solid #efefef}.stepotherstate{display:none}.forshow-tab-responsive{display:grid;padding:12px 16px}.forshow-tab-responsive .tab-responsive-scroll-create-project{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto}.forshow-tab-responsive .tab-responsive-scroll-create-project .active-Tabbar,.forshow-tab-responsive .tab-responsive-scroll-create-project .Tabbar{min-width:-webkit-fit-content;min-width:fit-content}}@media only screen and (max-width:699px){.row-item-nameproject-and-button{-webkit-flex-direction:column;flex-direction:column}}@media only screen and (max-width:600px){.card-style{width:100%!important}.card-style .row-card{width:100%}.card-style .ant-card-body{width:100%!important;height:65px!important}}@media only screen and (max-width:480px){.createproject-container{min-height:380px}.body-content{padding:16px!important}.BreadCrumb{padding:12px 12px 0}.row-item-nameproject-and-button{padding:0 12px}.card-style .row-card{-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column}.card-style .row-card .text-upload{width:100%}}.modal-dependencies .header-modal{font-size:20px;font-weight:700;color:#074e9f;margin-bottom:24px}.modal-dependencies .project-id-style{margin-bottom:24px;display:-webkit-flex;display:flex}.modal-dependencies .project-id-style .text{font-size:16px;font-weight:700}.modal-dependencies .project-name-style{margin-bottom:24px;font-size:24px;font-style:normal;color:#344054;font-weight:700}.ant-tooltip{max-width:-webkit-fit-content;max-width:fit-content}.no-breadcrumb{font-family:"IBMPlexSansThaiBold"}.cando-check-content .exclamation-icon{margin-left:4px;font-size:17px;color:#000}.header-responsive-taskinbox{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;background-color:inherit!important;margin-bottom:25px}.header-responsive-taskinbox h3{transition:.3s;color:#7c7c84}.header-responsive-history{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;background-color:inherit!important;margin-bottom:25px;-webkit-flex-direction:column;flex-direction:column}.header-responsive-history h3{transition:.3s;color:#7c7c84}.layout-taskinbox{display:grid}.Bodier{min-height:75vh;overflow-x:hidden}.Bodier h3{color:#7c7c84}.Bodier .empty-taskbox{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:150px;-webkit-align-items:center;align-items:center}.Bodier .empty-taskbox .img-emptystate{width:132px;height:159px;margin:0}.Bodier .empty-taskbox h1{margin:10px 0 30px;color:rgba(18,126,195,.32)}.with-Taskbox{width:294px!important}.Event-not-null{display:-webkit-flex;display:flex}.active-enn{display:none}.Event-null{color:#efefef;display:-webkit-flex;display:flex}.active-en{display:none}.Collapes{width:100%}.Collapes h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#074e9f;margin-top:32px;margin-bottom:16px}.Master-Collapes{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;background-color:#fff;width:100%;margin-bottom:8px;border-radius:8px}.blocked-task{width:100%;position:absolute;height:100%;background-color:hsla(0,0%,100%,.651);z-index:50;border-radius:8px}.MRML-Responsive{-webkit-justify-content:space-between;justify-content:space-between}.Container-master,.MRML-Responsive{width:100%;display:-webkit-flex;display:flex}.Container-master{-webkit-align-items:center;align-items:center;position:relative;height:50px;padding-right:24px;z-index:10;border-radius:8px!important}.Container-master h5{font-family:IBMPlexSansThaiBold}.Container-master .M-R-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Container-master .M-R-container .code,.Container-master .M-R-container .code-custom{min-width:-webkit-fit-content;min-width:fit-content}.Container-master .M-R-container .block-box,.Container-master .M-R-container .block-box .row-title-for-onclick{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.Container-master .M-R-container .block-box .row-title-for-onclick .lockoutlined{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:8px;color:#7c7c84}.Container-master .M-R-container .block-box .row-title-for-onclick .onclick-open{transition:.2s;cursor:pointer}.Container-master .M-R-container .block-box .row-title-for-onclick .onclick-open:hover{color:"#0A6EE"!important}.Container-master .M-R-container .block-box .row-title-for-onclick .onclick-open:hover{transition:.2s}.Container-master .M-R-container .block-box .exclamation-icon{margin-left:4px;font-size:17px;color:#000}.Container-master .M-L-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-width:184px;margin-left:20px}.Container-master .M-L-container p{color:#7c7c84;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.Container-master .M-L-container .CalendarOutlined{color:#bcbcc4!important;margin-right:10px;font-size:23px}.Container-master .M-L-container .tasknumber-responsive{display:none}.tab-color-follow{height:50px;width:8px;border-radius:8px 0 0 8px}.RightOutlined{color:#7c7c84!important;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.5s}.null-event-Icons,.RightOutlined{margin-left:22px;margin-right:12px}.null-event-Icons{cursor:pointer;visibility:hidden}.active-RightOutlined{color:#7c7c84!important;margin-left:22px;margin-right:12px;transition:.5s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.TagsFilled{color:#074e9f!important;margin-right:10px}.code{color:#074e9f;cursor:pointer}.code:hover{color:#0a6ee1}.code-custom{color:#000!important;cursor:pointer}.code-custom:hover{color:#0a6ee1!important}.tasknumber{min-width:56px;color:#7c7c84!important;margin-right:8px}.Showsub-collapes{-webkit-flex-direction:column;flex-direction:column;background-color:rgba(18,127,195,.164);padding:12px 0 12px 32px;border-radius:0 0 8px 8px}.active-Showsub-collapes,.Showsub-collapes{width:100%;display:grid;grid-gap:4px;gap:4px;position:relative;transition:.26s;transition-timing-function:linear}.active-Showsub-collapes{padding:0 0 0 32px;height:0;overflow:hidden}.Container-subitem{width:100%;height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;background-color:#fff;padding-left:16px;padding-right:16px;border-radius:8px}.Container-subitem p{color:#074e9f;margin-right:8px}.Container-subitem .topic{color:#000!important}.Container-subitem .a-container,.Container-subitem .b-container,.Container-subitem .reverse-container-responsive{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Container-subitem .b-container p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#7c7c84}.Container-subitem .b-container .CalendarOutlined{color:#bcbcc4!important;margin-right:10px;font-size:23px}.gotonextpage{cursor:pointer}.no-data-state-task-inbox{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;min-height:60vh}.no-data-state-task-inbox .icon{color:rgba(18,126,195,.32);font-size:102px}.no-data-state-task-inbox h2{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:center;color:rgba(7,78,159,.16)}.history-filter-content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.history-filter-content .BTN_Next{margin-left:8px}.history-filter-content .ant-select{min-width:200px!important}@media only screen and (max-width:992px){.MRML-Responsive{height:69px;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:space-between;align-items:space-between;padding-top:12px;padding-bottom:12px}.Container-master{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;align-items:flex-start;width:100%;position:relative;height:69px;padding-right:24px;z-index:10}.tab-color-follow{height:69px}.M-R-container .active-RightOutlined,.M-R-container .null-event-Icons,.M-R-container .RightOutlined{margin-left:14px;margin-right:8px}.M-R-container .code{margin-right:8px}.M-R-container .Status,.M-R-container .tasknumber{display:none}.M-L-container .CalendarOutlined{margin-left:14px}.M-L-container .tasknumber-responsive{margin-left:12px;display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;color:#7c7c84;min-width:66px}.M-L-container .tasknumber-responsive .point{margin-right:8px;width:4px;height:4px;border-radius:50%;margin-top:4px;background-color:#7c7c84}.reverse-container-responsive{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.reverse-container-responsive .Status{margin:0 8px 0 0;height:12px;width:12px;padding:0}.reverse-container-responsive .Status .smallStatus{color:transparent!important}.Container-subitem{width:100%;height:69px;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;padding:12px 16px}.Container-subitem .CalendarOutlined{margin-right:8px!important}.Container-subitem .p{margin:0}}@media only screen and (max-width:920px){.header-responsive-history{padding:12px 0 0!important;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;background-color:inherit!important;height:-webkit-fit-content;height:fit-content}.header-responsive-history,.history-filter-content{-webkit-flex-direction:column;flex-direction:column}.history-filter-content{width:100%;padding:16px 0 0}.history-filter-content .select-company-history{margin:0 0 12px!important;width:100%!important}.history-filter-content .range-picker-history{margin:0!important;margin-top:12px;width:100%!important}.history-filter-content .BTN_Next{margin-top:12px;width:100%;margin-left:0}.history-filter-content .mini-search-btn-admin-reset{background:#fff!important;border:1px solid #074e9f;color:#074e9f!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;width:99px;height:42px}.history-filter-content .history-repair-style{margin-top:12px;width:100%!important}}@media only screen and (max-width:480px){.Bodier{margin-left:0}.Showsub-collapes{padding:12px 0 12px 22px}.active-Showsub-collapes{padding:0 0 0 22px}.ant-layout-header{height:-webkit-fit-content!important;height:fit-content!important}.header-responsive-taskinbox{margin-bottom:16px!important}.header-responsive-history,.header-responsive-taskinbox{padding:12px 10px 0!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;background-color:inherit!important}.header-responsive-history{height:-webkit-fit-content;height:fit-content}.with-Taskbox{margin-top:12px;width:100%!important}.CalendarOutlined{width:12px;height:12px}.Collapes h3{margin-left:16px;margin-top:16px}}.containerTab{position:relative;overflow-y:hidden;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;display:-webkit-box;width:100%;overflow-x:auto;border:solid rgba(7,78,159,.24);border-width:0 0 1px}.TabbarResponsive{width:-webkit-fit-content;width:fit-content;transition:.3s;border:solid #074e9f;border-width:0 0 4px;padding:0 16px;cursor:pointer;display:-webkit-flex;display:flex}.TabbarResponsive h3{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;color:#074e9f;margin-bottom:12px}.active-Tabbar-Responsive{width:-webkit-fit-content;width:fit-content;cursor:pointer;padding:0 16px;transition:.3s;border:solid transparent;border-width:0 0 4px}.active-Tabbar-Responsive h3{display:-webkit-flex;display:flex;color:#7c7c84;margin-bottom:12px}@media only screen and (max-width:480px){.padding-responsive-tab{padding-left:10px;padding-right:10px}}@media only screen and (max-width:420px){.containerTab{padding:0 8px}.all,.all-active{width:96px}.todo,.todo-active{width:104px}.done,.done-active{width:100px}.active-Tabbar-Responsive,.TabbarResponsive{padding:0 8px}}.status-not-start{background-color:#e4e7ec!important;color:#667085!important}.status-on-time{background-color:#c8eedb!important;color:#22ab67!important}.status-delay{background-color:#f8e5e5!important;color:#d92d20!important}.status-on-hold{background-color:#f9fafb!important;color:#344054!important}.status-complete{background-color:#bddbfc!important;color:#074e9f!important}.status-default{background-color:#fafafa!important;color:#616161!important}.tab-color-follow.status-not-start{background-color:#667085!important}.tab-color-follow.status-on-time{background-color:#22ab67!important}.tab-color-follow.status-delay{background-color:#d92d20!important}.tab-color-follow.status-on-hold{background-color:#344054!important}.tab-color-follow.status-complete{background-color:#074e9f!important}.tab-color-follow.status-default{background-color:#616161!important}.Status.status-not-start{background-color:#e4e7ec!important;color:#667085!important;border:1px solid #e4e7ec!important}.Status.status-on-time{background-color:#c8eedb!important;color:#22ab67!important;border:1px solid #c8eedb!important}.Status.status-delay{background-color:#f8e5e5!important;color:#d92d20!important;border:1px solid #f8e5e5!important}.Status.status-on-hold{background-color:#f9fafb!important;color:#344054!important;border:1px solid #f9fafb!important}.Status.status-complete{background-color:#bddbfc!important;color:#074e9f!important;border:1px solid #bddbfc!important}.Status.status-default{background-color:#fafafa!important;color:#616161!important;border:1px solid #fafafa!important}div.Status.status-not-start{background-color:#e4e7ec!important;color:#667085!important}div.Status.status-on-time{background-color:#c8eedb!important;color:#22ab67!important}div.Status.status-delay{background-color:#f8e5e5!important;color:#d92d20!important}div.Status.status-on-hold{background-color:#f9fafb!important;color:#344054!important}div.Status.status-complete{background-color:#bddbfc!important;color:#074e9f!important}div.Status.status-default{background-color:#fafafa!important;color:#616161!important}.Status span.smallStatus{color:inherit!important}.taskcircle-container .statusOverview{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column!important;flex-direction:column!important;grid-gap:16px;gap:16px}.taskcircle-container .statusOverview .status-row-1{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:row!important;flex-direction:row!important;-webkit-justify-content:space-between;justify-content:space-between;width:100%;margin-bottom:16px}.taskcircle-container .statusOverview .status-row-1>div{-webkit-flex:1 1;flex:1 1;margin-right:15px;text-align:left;background:none!important}.taskcircle-container .statusOverview .status-row-1>div:last-child{margin-right:0}.taskcircle-container .statusOverview .status-row-2{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:row!important;flex-direction:row!important;-webkit-justify-content:space-between;justify-content:space-between;width:100%}.taskcircle-container .statusOverview .status-row-2>div{-webkit-flex:1 1;flex:1 1;margin-right:15px;text-align:left;background:none!important}.taskcircle-container .statusOverview .status-row-2>div:last-child{margin-right:0}.taskcircle-container .statusOverview .status-not-start{margin:0}.taskcircle-container .statusOverview .status-not-start h1{color:#667085!important;margin:0;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-not-start h5{color:#667085!important;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-on-time{margin:0}.taskcircle-container .statusOverview .status-on-time h1{margin:0}.taskcircle-container .statusOverview .status-on-time h1,.taskcircle-container .statusOverview .status-on-time h5{color:#22ab67!important;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-delay{margin:0}.taskcircle-container .statusOverview .status-delay h1{margin:0}.taskcircle-container .statusOverview .status-delay h1,.taskcircle-container .statusOverview .status-delay h5{color:#d92d20!important;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-on-hold{margin:0}.taskcircle-container .statusOverview .status-on-hold h1{margin:0}.taskcircle-container .statusOverview .status-on-hold h1,.taskcircle-container .statusOverview .status-on-hold h5{color:#344054!important;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-complete{margin:0}.taskcircle-container .statusOverview .status-complete h1{color:#074e9f!important;margin:0;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-complete h5{color:#074e9f!important;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .status-empty{margin:0;background:none!important}.taskcircle-container .statusOverview .status-empty h1,.taskcircle-container .statusOverview .status-empty h5{color:transparent!important;margin:0;font-family:"IBMPlexSansThaiBold"}.otherstate-perm{display:-webkit-flex;display:flex;-webkit-justify-content:center!important;justify-content:center!important;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;width:100%}.otherstate-perm .lock-permission-icon{font-size:78px;color:rgba(18,126,195,.32);margin-bottom:12px}.otherstate-perm .lock-permission-text{color:rgba(18,126,195,.32)}.perm-minheight{height:100%!important}.ant-picker-ranges .ant-picker-ok .ant-btn-primary{background:#074e9f;border-color:#074e9f;color:#fff}.ant-picker-ranges .ant-picker-ok .ant-btn-primary:disabled{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.04);color:#bcbcc4}.ant-picker-ranges .ant-picker-now .ant-picker-now-btn{color:#074e9f}.loading-task-detail{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding-top:240px}.ant-progress-text{display:none}.ant-progress-show-info .ant-progress-outer{padding-right:0}.percent{margin-bottom:-6px}.class-h1,.percent{display:-webkit-flex;display:flex}.class-h1{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.class-h1 .h4-color1{cursor:pointer;color:#7c7c84}.class-h1 .h4-color2{cursor:pointer;color:#074e9f}.class-h1 .icon-color{color:#7c7c84;margin-left:8px;margin-right:8px}.class-h2{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.class-h2 .class-h2-left{-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;overflow:hidden;margin-bottom:-11px}.class-h2 .class-h2-left h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;display:block!important;margin-right:12px}.class-h2 .btn-Choise{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.class-h2 .exclamation-icon{margin:6px 0 0 12px;color:#7c7c84;font-size:18px}.btn-Choise{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.ContainerMaster{margin-top:25px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 2fr;height:100%}.ContainerMaster .Left-Container{overflow:hidden}.ContainerMaster .Left-Container,.ContainerMaster .Left-Container .row1{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.ContainerMaster .Left-Container .row1{margin-bottom:16px;padding:24px;min-height:400px;max-height:400px;background-color:#fff;-webkit-justify-content:space-between;justify-content:space-between;border-radius:8px!important}.ContainerMaster .Left-Container .row1 .marginbottom{overflow:hidden;margin-bottom:30px}.ContainerMaster .Left-Container .row1 .ContentName{color:#074e9f;margin-bottom:12px}.ContainerMaster .Left-Container .row1 .name{margin-top:4px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;display:block!important}.ContainerMaster .Left-Container .row1 .text-color{color:#7c7c84;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.ContainerMaster .Left-Container .row1 .description-minheight{min-height:90px}.ContainerMaster .Left-Container .row1 .inline-div1{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;grid-gap:12px;gap:12px}.ContainerMaster .Left-Container .row1 .line-horizonspace{height:1px;width:100%;background-color:#efefef;margin:8px 0}.ContainerMaster .Left-Container .row1 g{color:#074e9f}.ContainerMaster .Left-Container .row1 .g-nolink,.ContainerMaster .Left-Container .row1 g{max-width:250px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ContainerMaster .Left-Container .row1 .g-nolink{color:#7c7c84}.ContainerMaster .Left-Container .reset-row{-webkit-justify-content:unset;justify-content:unset}.ContainerMaster .Left-Container .row2{height:100%;border-radius:8px!important;padding:24px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:#fff}.ContainerMaster .Left-Container .row2 .search-log{width:195px;height:24px}.ContainerMaster .Left-Container .row2 .search-log-none{display:none}.ContainerMaster .Left-Container .row2 .Contentname{color:#074e9f;margin-bottom:20px}.ContainerMaster .Left-Container .row2 .Useractivity{max-height:402.4px;min-height:402.4px;overflow-y:scroll}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity{display:-webkit-flex;display:flex;border:solid #efefef;border-width:0 0 1px;padding-bottom:12px;padding-top:8px;transition:.1s}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity:hover{box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 32px rgba(17,17,26,.05);transition:.3s}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .left-z{margin-right:12px}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .right-z{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .right-z .text-color{color:#7c7c84;margin-top:5px}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .text-reason-reject{margin-left:4px;color:#ff6258}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .head-reason-reject{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;margin:0;color:#ff6258}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .head-reason-reject .sub-reason{color:#000}.ContainerMaster .Left-Container .row2 .Useractivity .Styles-Activity .head-reason-upload{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#074e9f;margin:0 4px}.ContainerMaster .Right-Container{height:100%;padding:24px;background-color:#fff;border-radius:8px!important}.ContainerMaster .Right-Container .overflow-tab{display:grid}.ContainerMaster .Right-Container .components-style-taskdetail{padding-top:24px;min-height:796px}.information-modal .ant-modal-content{width:100%!important;overflow:hidden}.containerResponsModalTaskInformation{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between!important;justify-content:space-between!important;width:100%}.containerResponsModalTaskInformation .row1 .code{color:#7c7c84}.containerResponsModalTaskInformation .row1 .name{max-width:70%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;margin-bottom:8px}.containerResponsModalTaskInformation .row1 .description{color:#7c7c84;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.containerResponsModalTaskInformation .row2{padding-top:32px;padding-bottom:24px}.containerResponsModalTaskInformation .row2 .inline{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.containerResponsModalTaskInformation .row2 .line-horizonspace{height:1px;width:100%;background-color:#efefef;margin:8px 0}.containerResponsModalTaskInformation .row2 .text-date{color:#7c7c84}.containerResponsModalTaskInformation .row2 .a-nolink,.containerResponsModalTaskInformation .row2 a{-webkit-text-decoration-line:underline;text-decoration-line:underline}.containerResponsModalTaskInformation .row2 .a-nolink{color:#7c7c84}.containerResponsModalActivity{overflow-y:scroll;margin-top:4px;min-height:70vh;max-height:70vh}.containerResponsModalActivity .title{color:#074e9f;margin-bottom:10px}.containerResponsModalActivity .detail{display:-webkit-flex;display:flex;border:solid #efefef;border-width:0 0 1px;padding-bottom:12px;padding-top:24px}.containerResponsModalActivity .left-z{margin-right:12px}.containerResponsModalActivity .right-z{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.containerResponsModalActivity .right-z .text-color{color:#7c7c84;margin-top:5px}.containerResponsModalActivity .text-reason-reject{margin-left:4px;color:#ff6258}.containerResponsModalActivity .head-reason-reject{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;margin:0;color:#ff6258}.containerResponsModalActivity .head-reason-reject .sub-reason{color:#000}.containerResponsModalActivity .head-reason-upload{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#074e9f;margin:0 4px}.search-activity-response .ant-input-affix-wrapper{height:30px}.EmptyStateContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding-top:102px}.EmptyStateContainer .BTN_Next{min-width:173px}.EmptyStateContainer h2{margin:24px 0;text-align:center}.EmptyStateContainer .InboxOutlined,.EmptyStateContainer h2{color:rgba(18,126,195,.32)}.EmptyStateContainer .big-icons{width:120px;font-size:120px}.body-layout-modal{width:100%!important}.body-layout-modal .actual-and-working-container{display:-webkit-flex;display:flex;margin-bottom:8px}.body-layout-modal .actual-and-working-container .left{width:60%;margin-right:8px}.body-layout-modal .actual-and-working-container .right{width:50%}.body-layout-modal .DatePicker{width:100%}.body-layout-modal h4{margin-bottom:8px;margin-top:8px}.container-kpi{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container-kpi .container-card{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:24px}.container-kpi .container-card .card{-webkit-flex-direction:column;flex-direction:column;height:201px;border:1px solid #efefef;box-shadow:0 1px 16px rgba(0,78,145,.08);padding:16px}.container-kpi .container-card .card,.container-kpi .container-card .card .lower{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.container-kpi .container-card .card .lower{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.container-kpi .container-card .card .lower .row3{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container-kpi .container-card .card .small{color:#074e9f}.container-kpi .container-card .card .clutter{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}.BoxStatus{display:-webkit-flex;display:flex;background:#fff;border:1px solid #efefef;margin:16px 0;border-radius:5px}.BoxStatus .margin-edit-bottom{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center;margin-bottom:8px}.BoxStatus .Body{width:100%;padding:24px;display:-webkit-flex;display:flex}.BoxStatus .Body .Acon{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:35%}.BoxStatus .Body .Acon .small{margin-left:8px}.BoxStatus .Body .Acon .showmore-container-responsive{display:none}.BoxStatus .Body .Bcon{border:solid #efefef;border-width:0 0 0 1px;padding-left:32px;width:75%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;overflow:hidden}.BoxStatus .Body .Bcon .margin{margin-bottom:16px}.BoxStatus .Body .Bcon .small{display:-webkit-flex;display:flex;color:#074e9f;margin-bottom:4px}.BoxStatus .Body .Bcon .cutter-text-line-multi{-webkit-line-clamp:3}.BoxStatus .showmore-container{width:25px;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;padding-top:12px;-webkit-justify-content:center;justify-content:center}.BoxStatus .active-showmore{display:none}.BTN-container{width:100%;-webkit-justify-content:flex-end;justify-content:flex-end}.AreaMapping,.BTN-container{display:-webkit-flex;display:flex}.AreaMapping{-webkit-flex-direction:column;flex-direction:column;margin-top:0}.AreaMapping .iconVisible{display:-webkit-flex;display:flex;color:#074e9f;margin-right:8px}.AreaMapping .activeicon{display:none}.AreaMapping h4{color:#074e9f}.AreaMapping .head{border:solid #fff;border-width:25px 0 0;margin-left:-16px;margin-right:-16px;padding-top:16px;padding-left:32px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:10px;gap:10px;margin-bottom:16px}.Checklist-Box{background-color:rgba(18,126,195,.04)}.DocumentContainer{display:grid;grid-template-columns:1fr 1fr;padding:0 16px 16px;grid-gap:16px;gap:16px}.DocumentContainer .eyeOutlined{margin-left:5px;color:rgba(18,126,195,.32)}.site-drawer-render-in-current-wrapper{position:relative;overflow:hidden;border-radius:2px;margin:0 8px 8px}.ant-drawer{box-shadow:0 1px 16px rgba(0,78,145,.08)!important}.ant-drawer-mask{position:absolute;top:0;left:0;width:100%;height:0;background-color:transparent;opacity:0;filter:alpha(opacity=45);transition:opacity .3s linear,height 0s ease .3s;pointer-events:none}.CheckinContainer,.takephotoContainer{padding:0 16px 16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.TodolistContainer{padding:0 16px 16px;-webkit-flex-wrap:wrap;flex-wrap:wrap}.box-bg,.TodolistContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.box-bg .top{display:-webkit-flex;display:flex;padding:16px;min-height:98px;max-height:98px;background-color:#fff}.box-bg .edit-top{max-height:unset!important}.box-bg .show-collaps{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;z-index:100;background-color:#fff;-webkit-transform:translateY(0);transform:translateY(0);z-index:2}.box-bg .active-show-collaps,.box-bg .show-collaps{width:100%;padding:0;grid-gap:4px;gap:4px;position:relative;transition:.3s}.box-bg .active-show-collaps{height:0;overflow:hidden;overflow-y:auto}.box-bg .show-file{-webkit-justify-content:space-between;justify-content:space-between;border:solid #efefef;border-width:1px 0 0;padding:8px 4px 8px 16px;width:100%}.box-bg .show-file,.box-bg .show-file .ant-checkbox-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.box-bg .show-file .ant-checkbox-wrapper{margin:0;margin-bottom:0!important;margin-right:20px!important}.box-bg .show-file .ant-image{height:20px;cursor:pointer;margin-right:12px}.box-bg .show-file p{margin-left:16px;color:#7c7c84}.box-bg .show-file .fileTextOutlined{color:#074e9f;font-size:16px;color:#6db9ff!important}.box-bg .show-file .deleteOutlined{margin-top:4px;color:#7c7c84;cursor:pointer}.box-bg .show-file .downloadOutlined{cursor:pointer;color:#7c7c84;position:static;margin-right:12px}.box-bg .show-file .eyeoutlined{cursor:pointer;color:#7c7c84;position:static;margin-right:-16px;font-size:14px}.box-bg .show-file .eyeoutlined:active{transition:.1s;-webkit-transform:scale(.8);transform:scale(.8)}.box-bg .show-file .small{color:#7c7c84}.box-bg .show-file .ant-image-img{width:16px;height:16px;height:auto;border-radius:50%;visibility:hidden}.box-bg .L{margin-right:21px}.box-bg .R{width:100%;display:grid;-webkit-flex-direction:column;flex-direction:column;grid-gap:8px;gap:8px}.box-bg .R .file-uploaded{-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.box-bg .R .file-uploaded .downOutlined{color:#7c7c84!important;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:.5s}.box-bg .R .file-uploaded .active-downOutlined{color:#7c7c84!important;transition:.5s;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.box-bg .R span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.box-bg .R .small{color:#7c7c84}.box-bg .R .responsive-locate{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.box-bg .R .Editcontent{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;cursor:pointer}.box-bg .R .Editcontent,.box-bg .R .Editcontent .responsive-div{display:-webkit-flex;display:flex}.box-bg .R .Editcontent .icon-color{color:#074e9f;margin-right:5px}.box-bg .R .Editcontent .small{color:#074e9f}.box-bg .R .Editcontent .text-hover:hover{color:#0a6ee1}.box-bg .R .Editcontent .text-required{color:#d21419}.box-bg .row-btn-file-event{border:solid #efefef;border-width:1px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:16px}.box-bg .row-btn-file-event .btn_Secondary2{margin-right:10px}.box-bg-longwidth{height:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#fff;padding:16px;margin:4px 0}.box-bg-longwidth .ant-checkbox-wrapper{margin:0!important}.box-bg-longwidth .R{width:100%;display:-webkit-flex;display:flex;margin-left:16px;-webkit-justify-content:space-between;justify-content:space-between}.box-bg-longwidth .R .small{color:#d21419}.container-location-tile{padding:16px}.btn-responsive{visibility:hidden}@media only screen and (max-width:1152px){.ContainerMaster{grid-template-columns:none}.ContainerMaster .Left-Container{grid-template-rows:none;display:none}.btn-responsive{visibility:visible}}@media only screen and (max-width:992px){.CheckinContainer,.DocumentContainer,.takephotoContainer{display:grid;grid-template-columns:1fr!important;grid-gap:16px;gap:16px}}@media only screen and (max-width:799px){.responsive-modal-width{min-width:0!important}}@media only screen and (max-width:699px){.container-card{display:grid;grid-template-columns:1fr!important;grid-gap:12px;gap:12px;margin-top:24px}.class-h2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.class-h2 .responsive{margin-top:24px}.BoxStatus .margin-edit-bottom{margin-bottom:0}.BoxStatus .Body{padding:8px 0 12px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.BoxStatus .Body .Acon{padding-left:12px;padding-right:12px;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.BoxStatus .Body .Acon .sub-acon-responsive{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.BoxStatus .Body .Acon .sub-acon-responsive .icon-color-style{color:#7c7c84}.BoxStatus .Body .Acon .sub-acon-responsive .acon-date-and-hours{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:4px}.BoxStatus .Body .Acon .sub-acon-responsive .acon-date-and-hours .hours-margin{margin-left:18px}.BoxStatus .Body .Acon .responsive-acon{display:-webkit-flex;display:flex;margin-right:24px}.BoxStatus .Body .Acon .showmore-container-responsive{display:unset;height:100%}.BoxStatus .Body .Bcon{width:100%;border-width:1px 0 0;margin-top:8px;padding:8px 12px}.BoxStatus .Body .Bcon .margin{margin-bottom:8px}.BoxStatus .showmore-container{display:none}.box-bg{width:100%}.box-bg .R .Editcontent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.box-bg .R .Editcontent .small{-webkit-line-clamp:1}.box-bg-longwidth .R p,.box-bg .R .Editcontent .small{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.box-bg-longwidth .R p{-webkit-line-clamp:2}.box-bg-longwidth .R .small{min-width:70px}}@media only screen and (max-width:480px){.responsive-header{padding-left:10px;padding-right:10px;padding-top:10px}.DoneBtn{width:50%}.btn-responsive{min-width:0!important;width:50%}.Checklist-Box{background-color:rgba(18,126,195,.04);margin:0 -10px!important}.class-h2 .responsive{-webkit-flex-direction:column;flex-direction:column;grid-gap:8px;gap:8px}.class-h2 .responsive .btn-responsive{width:50%}.class-h2 .responsive .btn-Choise{grid-gap:4px;gap:4px}.class-h2 .responsive .btn-Choise .DoneBtn{width:100%}.Right-Container{padding:12px!important}.Right-Container .components-style-taskdetail{min-height:400px!important}.box-bg-longwidth{height:70px}.EmptyStateContainer{padding-top:60px}.EmptyStateContainer h2{font-size:18px;margin:16px 0 24px;color:rgba(18,126,195,.32)}.EmptyStateContainer .big-icons{width:72px;font-size:72px}}@media only screen and (max-width:340px){.box-bg .row-btn-file-event{padding:8px 0}}.task-supportneed-component-container .support-header{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.task-supportneed-component-container .support-header .Select-Custom{margin-right:8px}.task-supportneed-component-container .support-body{margin-top:32px;width:100%}.grid-item-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.grid-item-container .box-item-container{padding:16px;background:#fff;border:1px solid #efefef;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;box-shadow:0 1px 16px rgba(0,78,145,.08)}.grid-item-container .box-item-container .left{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;width:100%}.grid-item-container .box-item-container .left .small{color:#074e9f}.grid-item-container .box-item-container .left .initial-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.grid-item-container .box-item-container .left .initial-container .ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:0 solid #d9d9d9;border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.grid-item-container .box-item-container .left .initial-container .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-right-width:0!important}.grid-item-container .box-item-container .left .initial-container .ant-select-selector{padding-left:0!important}.grid-item-container .box-item-container .left .remark{margin-bottom:24px}.grid-item-container .box-item-container .left .remark p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.grid-item-container .box-item-container .left .type{margin-bottom:24px}.grid-item-container .box-item-container .left .BTN_Previous{margin-right:-28px}.grid-item-container .box-item-container .right{width:30px;height:-webkit-fit-content;height:fit-content;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.grid-item-container .box-item-container .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#bcbcc4!important;border-right-width:0!important}@media only screen and (max-width:699px){.grid-item-container{grid-template-columns:1fr}.box-item-container{width:100%;min-width:0!important}.style-responsive-select{width:100%!important;min-width:0!important}.support-body{grid-template-columns:auto!important}}.ImpacticalContainer .content1{display:-webkit-flex;display:flex;height:-webkit-fit-content!important;height:fit-content!important}.ImpacticalContainer .content1 .sub-content2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:24px}.ImpacticalContainer .content1 .sub-content2 h2{margin:0;color:#000!important}.ImpacticalContainer .content1 .sub-content2 h4{color:#7c7c84}.ImpacticalContainer .content2{margin-top:24px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:12px;gap:12px}.ImpacticalContainer .content2 .sub-content1{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;grid-gap:5px;gap:5px}.ImpacticalContainer .content2 .sub-content1 .numberselect{display:-webkit-flex;display:flex;min-width:125px}.ImpacticalContainer .content2 .sub-content1 .numberselect a{color:#000}.ImpacticalContainer .content2 .sub-content2{display:-webkit-flex;display:flex;width:100%}.ImpacticalContainer .content3{margin-top:14px;background-color:#f3f6f9;min-height:250px;padding:12px 16px}.ImpacticalContainer .content3 h4{display:-webkit-flex;display:flex;color:#074e9f;background-color:inherit;margin-bottom:12px}.ImpacticalContainer .content3 .skillall-container{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;grid-gap:8px;gap:8px;max-height:204px;overflow-y:scroll}.SkillBox{transition:.5s;background-color:#fff;min-width:232px;max-width:232px;height:34px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:8px 16px;border:1px solid #19d895;box-sizing:border-box;border-radius:5px}.SkillBox .ant-checkbox-wrapper{margin:0!important}.SkillBox p{color:#074e9f;margin-left:12px}.active-SkillBox{border:1px solid #f3f6f9;transition:.5s;background-color:#fff;min-width:232px;max-width:232px;height:34px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:8px 16px;box-shadow:0 1px 16px rgba(0,78,145,.08)}.active-SkillBox .ant-checkbox-wrapper{margin:0!important}.active-SkillBox p{color:#074e9f;margin-left:12px}.Tag{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:8px;grid-gap:5px;gap:5px;transition:.5s}.edit-width-modal{width:802px!important}.content-styles{display:none}.row-searh-content{margin-top:24px;background-color:#fff;-webkit-align-items:flex-end;align-items:flex-end;padding:32px;grid-gap:12px;gap:12px;display:grid;grid-template-columns:1fr 1fr auto;border-radius:8px}.row-searh-content .ant-input-affix-wrapper{border:1px solid #e4e7ec!important}.row-searh-content .ant-select:not(.ant-select-customize-input) .ant-select-selector{position:relative;background-color:#fff;border:1px solid #e4e7ec!important}.emyty-state-professional-skill{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:56vh}.emyty-state-professional-skill .icons{object-fit:cover;width:80px}.emyty-state-professional-skill .font-style{margin-top:24px;color:rgba(18,126,195,.32)}@media only screen and (max-width:1024px){.row-searh-content{background-color:inherit;padding:0;margin-bottom:12px;border-radius:8px}.area-desktop-professional-skill{display:none}.content-styles{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:24px 12px;background-color:#fff;min-height:70vh}.content-styles h4{margin:0!important}.area-mobile-professional-skill{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;width:100%;grid-gap:16px;gap:16px}.area-mobile-professional-skill .box-member-professional-skill-people{background-color:#fff;display:grid;grid-template-columns:auto 1fr;padding:12px;border:1px solid #efefef;box-sizing:border-box;box-shadow:0 1px 16px rgba(0,78,145,.08)}.area-mobile-professional-skill .box-member-professional-skill-people .small{color:#074e9f}.area-mobile-professional-skill .box-member-professional-skill-people .left-peo{padding:0 24px 0 0;min-width:-webkit-fit-content;min-width:fit-content}.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-1{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-1 .icon-content .editoutlined{padding:4px;color:#7c7c84;cursor:pointer;transition:.2s;border-radius:4px}.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-1 .icon-content .editoutlined:hover{background-color:#efefef}.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-1 .icon-content .editoutlined:active{transition:.2s;-webkit-transform:scale(.9);transform:scale(.9)}.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-2,.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-3,.area-mobile-professional-skill .box-member-professional-skill-people .right-peo .item-peo-4{margin-top:14px}.pagination-content-profesionalskill{margin-top:16px}.response-width-modal{min-width:unset!important}}@media only screen and (max-width:840px){.ImpacticalContainer .content3 .skillall-container{display:grid;grid-template-columns:1fr 1fr}.ImpacticalContainer .content3 .skillall-container .active-SkillBox,.ImpacticalContainer .content3 .skillall-container .SkillBox{max-width:unset;min-width:unset}}@media only screen and (max-width:650px){.row-searh-content{grid-template-columns:1fr 1fr;border-radius:8px}.area-mobile-professional-skill{grid-template-columns:1fr}}@media only screen and (max-width:580px){.ImpacticalContainer .content3 .skillall-container{display:grid;grid-template-columns:1fr}.ImpacticalContainer .content3 .skillall-container .active-SkillBox,.ImpacticalContainer .content3 .skillall-container .SkillBox{max-width:unset;min-width:unset}}@media only screen and (max-width:480px){.row-searh-content{grid-template-columns:1fr;margin-top:12px}.title-professional-skill{padding-left:12px;padding-top:12px}.row-searh-content{padding-left:12px;padding-right:12px;border-radius:8px}.ImpacticalContainer .content2 .sub-content1{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.ImpacticalContainer .content2 .sub-content1 .numberselect{margin-bottom:8px}}.main-container{display:grid;grid-gap:16px;gap:16px}.main-container h1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.main-container .layout-a{display:grid;grid-auto-flow:column;background-color:inherit;grid-gap:16px;gap:16px;grid-template-columns:2fr 1fr}.main-container .layout-a .box1{margin:0;background-color:#fff}.main-container .layout-a .box2{margin:0;background-color:#fff;padding:22px}.main-container .layout-b{display:grid;grid-auto-flow:column;background-color:inherit;grid-gap:16px;gap:16px;grid-template-columns:2fr 1fr}.main-container .layout-b .box1{padding:24px;margin:0;background-color:#fff}.main-container .layout-b .box2{margin:0;background-color:#fff;padding:22px}.main-container .layout-c{display:grid;grid-template-columns:1fr 2fr;grid-gap:16px;gap:16px}.main-container .layout-c .box1,.main-container .layout-c .box2{margin:0;min-height:415px;max-height:-webkit-fit-content;max-height:fit-content;background-color:#fff;padding:24px}.main-container .layout-d{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.main-container .layout-d .box1{margin:0;min-height:415px;max-height:-webkit-fit-content;max-height:fit-content;background-color:#fff;padding:24px}.task-progress .sub-container-scroll{min-height:320px;max-height:320px;overflow-y:auto}.task-progress .sub-container-scroll .grid-container-taskprogress{display:grid;grid-template-columns:1fr 1fr}.task-progress .sub-container-scroll .collaps{display:none}.task-progress .sub-container-scroll .active-collaps{display:unset}.task-progress .sub-container-scroll .progress-container-overview{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;min-width:-webkit-fit-content;min-width:fit-content}.task-progress .sub-container-scroll .progress-container-overview .progress-bar{padding:0 8px}.task-progress .sub-container-scroll .progress-container-overview .small{min-width:36px}.task-progress .sub-container-scroll .sub-container-task{padding:10px 0 8px;border-bottom:1px solid #efefef}.task-progress .sub-container-scroll .sub-container-task .layout-detail{width:100%}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center;overflow:hidden}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task .text-title-task:hover{color:#074e9f}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task .rightOutlined{font-size:18px;margin-right:12px}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task .right{transition:.5s}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task .active-right{transition:.5s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task .icon{color:#7c7c84;cursor:pointer}.task-progress .sub-container-scroll .sub-container-task .layout-detail .title-task .active-icon{cursor:no-drop}.task-progress .sub-container-scroll .container-subtask{padding:10px 0 8px;border-bottom:1px solid #efefef}.task-progress .sub-container-scroll .container-subtask .circle{display:-webkit-flex;display:flex;width:4px;height:4px;border-radius:50%;background-color:#7c7c84}.task-progress .sub-container-scroll .container-subtask .title-subtask{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center;padding-left:32px;overflow:hidden}.task-progress .sub-container-scroll .container-subtask .title-subtask .text-title{margin-left:12px;color:#7c7c84}.task-progress .sub-container-scroll .container-subtask .title-subtask .text-title:hover{color:#074e9f}.task-progress .sub-container-scroll .edit-height-emptystate{height:320px}.task-progress h3{color:#074e9f;margin-bottom:20px;font-family:"IBMPlexSansThaiBold"}.overduecontainer-master .title-overdue{margin-bottom:24px;color:#ff6258;font-family:"IBMPlexSansThaiBold"}.overduecontainer-master .overlayout-scroll{overflow-x:hidden;overflow-y:scroll;max-height:320px;min-height:320px}.overduecontainer-master .overlayout-scroll .box-row{height:-webkit-fit-content;height:fit-content;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:4px 8px;border-bottom:1px solid #efefef}.overduecontainer-master .overlayout-scroll .box-row .rowitem1{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:flex-start;align-items:flex-start}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .coldate{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .coldate .date{display:-webkit-flex;display:flex;overflow:hidden}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .coldate .start-date{display:none}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .in-rowitem1{padding-left:22px}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .in-rowitem1 .smallStatus{padding-top:2px;display:-webkit-flex;display:flex;margin-top:0;color:#7c7c84;font-family:"IBMPlexSansThaiBold"}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .in-rowitem1 .normalsubtasks-count{display:-webkit-flex;display:flex}.overduecontainer-master .overlayout-scroll .box-row .rowitem2{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center}.overduecontainer-master .overlayout-scroll .box-row .rowitem2 .responssubtasks-count{display:none}.overduecontainer-master .overlayout-scroll .box-row .date{min-width:-webkit-fit-content;min-width:fit-content}.overduecontainer-master .overlayout-scroll .box-row .title-row{padding-right:8px}.overduecontainer-master .overlayout-scroll .box-row .start-date{color:#7c7c84;min-width:-webkit-fit-content;min-width:fit-content}.overduecontainer-master .overlayout-scroll .box-row .group-user{padding-left:20px;min-width:126px}.overduecontainer-master .edit-height-emptystate{height:320px}.modalNoBtn h2{margin:0}.modalNoBtn .styleshowlist-personal{min-height:420px;max-height:420px;overflow-y:scroll}.modalNoBtn .styleshowlist-personal .row-personal-styles{display:-webkit-flex;display:flex;padding:8px 0;-webkit-align-items:center;align-items:center;border:1px solid #efefef;border-top:0;border-left:0;border-right:0}.modalNoBtn .styleshowlist-personal .row-personal-styles .image-area{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:12px}.modalNoBtn .styleshowlist-personal .row-personal-styles .personal-area{width:100%}.modalNoBtn .styleshowlist-personal .row-personal-styles .personal-area .one-area{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-bottom:4px}.modalNoBtn .styleshowlist-personal .row-personal-styles .personal-area .one-area .small{color:#7c7c84}.modalNoBtn .styleshowlist-personal .row-personal-styles .personal-area .two-area .smallStatus{color:#bcbcc4}.overviews-container{height:100%}.overviews-container .subcontainer-1{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:16px}.overviews-container .subcontainer-1 .column-1{display:-webkit-flex;display:flex}.overviews-container .subcontainer-1 .column-1 .sub-column-1{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;margin-left:16px;overflow:hidden}.overviews-container .subcontainer-1 .column-1 .sub-column-1 h1{color:#074e9f}.overviews-container .subcontainer-1 .column-1 .sub-column-1 p{color:#7c7c84}.overviews-container .subcontainer-1 .column-1 .sub-column-1 .hoverOverviewId:hover{color:#0a6ee1;cursor:pointer}.overviews-container .subcontainer-1 .column-2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end}.overviews-container .subcontainer-1 .column-2 .log-width-status{min-width:80px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.overviews-container .subcontainer-1 .column-2 .Status{margin:0 0 8px}.overviews-container .subcontainer-1 .column-2 .Date{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.overviews-container .subcontainer-1 .column-2 .Date .calendaroutlined{color:#7c7c84}.overviews-container .subcontainer-1 .column-2 .Date p{min-width:169px;margin-left:9.7px;color:#7c7c84;text-align:end}.overviews-container .subcontainer-1 .column-2 h5{color:#ff6258}.overviews-container .subcontainer-2{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;padding:24px;grid-gap:20px;gap:20px}.overviews-container .subcontainer-2 .left-container{display:grid;grid-auto-flow:column;grid-template-rows:1fr 1fr;grid-gap:22px;gap:22px}.overviews-container .subcontainer-2 .left-container .description h5,.overviews-container .subcontainer-2 .left-container .goal h5,.overviews-container .subcontainer-2 .right-container h5{color:#074e9f;margin-bottom:12px;font-family:"IBMPlexSansThaiBold"}.overviews-container .subcontainer-2 .right-container .overviewBox{border:1px solid #efefef;box-sizing:border-box;min-height:200px;max-height:200px;overflow-y:scroll;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box{border:solid #efefef;border-width:0 0 1px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:8px 22px;-webkit-justify-content:space-between;justify-content:space-between}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .icontylecolor{color:#074e9f;margin-right:8px}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .downloadoutlined{color:#7c7c84;cursor:pointer;transition:.1s}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .downloadoutlined:active{transition:.1s;-webkit-transform:scale(.8);transform:scale(.8)}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .small{color:#7c7c84;display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:240px}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .Eyecontainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;transition:.1s;margin-right:12px}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .Eyecontainer .eyeoutlined{margin-top:2px;cursor:pointer;color:#7c7c84;position:static;margin-right:-14px;font-size:14px}.overviews-container .subcontainer-2 .right-container .overviewBox .itemlist-file-box .Eyecontainer:active{transition:.1s;-webkit-transform:scale(.8);transform:scale(.8)}.overviews-container .subcontainer-2 .right-container .newfunction{height:-webkit-fit-content;height:fit-content}.overviews-container .subcontainer-2 .right-container .newfunction .indiv{padding:24px;background-color:#fff;min-height:208px;width:100%;border:1px solid #efefef;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .ant-btn-primary{border-color:rgba(7,78,159,.1)}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .custom-progress{display:-webkit-flex;display:flex;height:14px;width:100%;background-color:#efefef;overflow:hidden;border-radius:8px}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .custom-progress .percent-type-document{height:100%;background-color:#8a2be2}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .custom-progress .percent-type-photo{height:100%;background-color:#f3b276}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report .item1 h1,.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report .item1 h5{color:#7c7c84;font-family:"IBMPlexSansThaiBold"}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report .item2 h1,.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report .item2 h5{color:#9b87ff;font-family:"IBMPlexSansThaiBold"}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report .item3 h1,.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report .item3 h5{color:#f3b276;font-family:"IBMPlexSansThaiBold"}.overviews-container .subcontainer-2 .right-container .newfunction .indiv .report h5{margin:0}.overviews-container .Line17{height:0;width:100%;border:1px solid #efefef}.overviews-container .Responsive-event-date{display:none}.projectmember-container h3{color:#074e9f;margin-bottom:18px;font-family:"IBMPlexSansThaiBold"}.projectmember-container .box-member{max-height:324px;overflow-y:scroll}.projectmember-container .box-member .sub-layout{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding:8px 4px;border:solid #efefef;border-width:0 0 1px;grid-gap:16px;gap:16px}.projectmember-container .box-member .sub-layout .small{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-align:end;color:#7c7c84;max-width:120px}.projectmember-container .box-member .sub-layout p{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical}.projectmember-container .box-member .sub-layout img{margin-right:12px}.projectmember-container .box-member .role-name{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;font-size:10px;line-height:13px;color:#bcbcc4}.projectmember-container .box-member .clutter{max-width:120px}.taskcircle-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.taskcircle-container h3{color:#074e9f;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview{display:-webkit-flex;display:flex;margin-top:44px;width:100%;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;background-color:inherit}.taskcircle-container .statusOverview .todo{margin:0}.taskcircle-container .statusOverview .todo h1{margin:0}.taskcircle-container .statusOverview .todo h1,.taskcircle-container .statusOverview .todo h5{color:#ffaf00;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .inprogress{margin:0}.taskcircle-container .statusOverview .inprogress h1{color:#074e9f;margin:0;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .inprogress h5{color:#074e9f;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .complete{margin:0}.taskcircle-container .statusOverview .complete h1{color:#19d895;margin:0;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .statusOverview .complete h5{color:#19d895;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .header-TaskOverview{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:500;font-size:18px;line-height:23px}.taskcircle-container .font-title{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:600;font-size:14px;line-height:18px}.taskcircle-container .font-context{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;font-size:24px;line-height:31px}.taskcircle-container .OverallContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:32px}.taskcircle-container .OverallContainer h5{color:#7c7c84;margin-bottom:16px}.taskcircle-container .OverallContainer .custom-progress .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:rgba(7,78,159,.16)}.taskcircle-container .OverallContainer .percent-success{position:absolute;margin-top:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.taskcircle-container .OverallContainer .percent-success h1{color:#7c7c84;font-family:"IBMPlexSansThaiBold"}.taskcircle-container .OverallContainer .percent-success p{color:#7c7c84}.taskcircle-container .OverallContainer .custom-progress .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path{stroke:#19d895!important}.kpi-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.kpi-container h3{color:#074e9f;margin-bottom:24px;font-family:"IBMPlexSansThaiBold"}.kpi-container .dot_red{-webkit-align-self:flex-start;align-self:flex-start;margin-top:5px;padding-left:30px;padding-right:8px}.kpi-container .dot_green,.kpi-container .dot_yellow{-webkit-align-self:flex-start;align-self:flex-start;margin-top:5px;padding-left:16px;padding-right:8px}.kpi-container .kpi-overflow-container{min-height:320px;max-height:340px;overflow-y:scroll}.kpi-container .kpi-overflow-container .Layoutdisplay{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;border:solid #efefef;border-width:0 0 1px;padding:0 0 10px 8px}.kpi-container .kpi-overflow-container .Layoutdisplay img{margin-right:12px}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout{width:100%}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:44px}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayLeft{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayLeft .yourprogress-color{color:#074e9f;font-family:"IBMPlexSansThaiBold"}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayLeft .setcol-inleft{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayLeft .setcol-inleft .unit{color:#7c7c84;font-family:"IBMPlexSansThaiBold"}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayLeft .small{font-family:"IBMPlexSansThaiBold";margin-left:5px}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayRight{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-direction:row;flex-direction:row}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayRight .goal-color{color:#074e9f!important;font-family:"IBMPlexSansThaiBold"}.kpi-container .kpi-overflow-container .Layoutdisplay .areaLayout .LayoutinScale .LayRight .small{color:#7c7c84;font-family:"IBMPlexSansThaiBold";margin-left:5px}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;border:solid #efefef;border-width:0 0 1px;padding:16px 0 10px 8px}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children img{margin-right:12px}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout{width:100%}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:44px}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayLeft{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayLeft .yourprogress-color{color:#074e9f;font-family:"IBMPlexSansThaiBold"}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayLeft .setcol-inleft{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayLeft .setcol-inleft .unit{color:#7c7c84;font-family:"IBMPlexSansThaiBold"}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayLeft .small{font-family:"IBMPlexSansThaiBold";margin-left:5px}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayRight{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-direction:row;flex-direction:row}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayRight .goal-color{color:#074e9f!important;font-family:"IBMPlexSansThaiBold"}.kpi-container .kpi-overflow-container .Layoutdisplay-in-children .areaLayout .LayoutinScale .LayRight .small{color:#7c7c84;font-family:"IBMPlexSansThaiBold";margin-left:5px}.kpi-container .ant-collapse>.ant-collapse-item>.ant-collapse-header{padding:0 0 0 34px}.kpi-container .ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{color:#7c7c84!important;font-size:19px!important}.supportStyle-container{height:100%}.supportStyle-container .title-sup{margin-bottom:24px;color:#074e9f;font-family:"IBMPlexSansThaiBold"}.supportStyle-container .box-support{min-height:320px;max-height:340px;overflow-y:scroll}.supportStyle-container .box-support .sub-container-overview{margin:3px 3px 10px;padding:8px 0;border-bottom:1px solid #efefef;display:-webkit-flex;display:flex}.supportStyle-container .box-support .sub-container-overview .layoutAvatar{margin-left:10px;width:55px}.supportStyle-container .box-support .sub-container-overview .layoutUser{-webkit-flex-direction:column;flex-direction:column;width:100%}.supportStyle-container .box-support .sub-container-overview .layoutUser,.supportStyle-container .box-support .sub-container-overview .layoutUser .date-row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.supportStyle-container .box-support .sub-container-overview .layoutUser .date-row .date{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:-webkit-fit-content;height:fit-content}.supportStyle-container .box-support .sub-container-overview .layoutUser .date-row .status-row{display:-webkit-flex;display:flex}.supportStyle-container .box-support .sub-container-overview .layoutUser .date-row .status-row .Status p{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;font-size:10px;line-height:13px;text-align:center;color:#efefef}.supportStyle-container .box-support .sub-container-overview h3{color:#074e9f;margin-bottom:24px;font-family:"IBMPlexSansThaiBold"}.supportStyle-container .box-support .sub-container-overview li{color:#074e9f!important}.supportStyle-container .box-support .sub-container-overview .small{color:#7c7c84}.supportStyle-container .box-support .sub-container-overview .font-li{color:#074e9f;margin-right:8px}.supportStyle-container .box-support .sub-container-overview .tag-li{width:6px;height:6px;background:#074e9f;border-radius:50%;margin-top:6px;margin-right:6px}.supportStyle-container .box-support .sub-container-overview:hover{border-radius:10px;margin:3px 3px 10px;padding:8px 0;border-bottom:1px solid #efefef;display:-webkit-flex;display:flex;box-shadow:0 0 5px rgba(0,0,0,.2)}.supportStyle-container .box-support .sub-container-overview:hover .layoutAvatar{margin-left:10px;width:55px}.supportStyle-container .box-support .sub-container-overview:hover .layoutUser{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;-webkit-justify-content:space-between;justify-content:space-between}.supportStyle-container .box-support .sub-container-overview:hover .layoutUser .date-row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.supportStyle-container .box-support .sub-container-overview:hover .layoutUser .date-row .date{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;height:-webkit-fit-content;height:fit-content}.supportStyle-container .box-support .sub-container-overview:hover .layoutUser .date-row .status-row{display:-webkit-flex;display:flex}.supportStyle-container .box-support .sub-container-overview:hover .layoutUser .date-row .status-row .Status p{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;font-size:10px;line-height:13px;text-align:center;color:#efefef}.supportStyle-container .box-support .sub-container-overview:hover h3{color:#074e9f;margin-bottom:24px;font-family:"IBMPlexSansThaiBold"}.supportStyle-container .box-support .sub-container-overview:hover li{color:#074e9f!important}.supportStyle-container .box-support .sub-container-overview:hover .small{color:#7c7c84}.supportStyle-container .box-support .sub-container-overview:hover .font-li{color:#074e9f;margin-right:8px}.supportStyle-container .box-support .sub-container-overview:hover .tag-li{width:6px;height:6px;background:#074e9f;border-radius:50%;margin-top:6px;margin-right:6px}@media only screen and (max-width:1099px){.layout-a{grid-auto-flow:unset;grid-template-rows:1fr 1fr;min-height:-webkit-fit-content;min-height:fit-content}.layout-a,.layout-b{grid-template-columns:none!important}.layout-b{grid-template-rows:2fr 1fr!important;max-height:-webkit-fit-content!important;max-height:fit-content!important}.layout-b .box1,.layout-b .box2{width:100%!important}.layout-c,.layout-d{grid-template-columns:1fr!important}}@media only screen and (max-width:650px){.layout-a{grid-template-rows:1fr .74fr}.subcontainer-1 .column-2{height:72px;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.subcontainer-1 .column-2 .Status{margin:0!important}.subcontainer-1 .column-2 .Date{display:none!important}.subcontainer-1 .column-2 h5{display:none}.subcontainer-2{display:grid;grid-auto-flow:row!important;grid-template-columns:none!important}.subcontainer-2 .left-container,.subcontainer-2 .right-container{width:100%!important}.responsive-shimmer-date{display:none}.Responsive-event-date{display:-webkit-flex!important;display:flex!important;padding:0 16px 16px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.Responsive-event-date .Date{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.Responsive-event-date .Date .calendaroutlined{color:#7c7c84}.Responsive-event-date .Date p{margin-left:9.7px;color:#7c7c84}.Responsive-event-date h5{min-width:75px;color:#ff6258}.overduecontainer-master .overlayout-scroll .box-row{height:-webkit-fit-content;height:fit-content;padding:4px 0;-webkit-flex-direction:column;flex-direction:column}.overduecontainer-master .overlayout-scroll .box-row .rowitem1{width:100%}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .coldate{min-width:65px}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .coldate .start-date{display:none}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .in-rowitem1{padding-left:12px}.overduecontainer-master .overlayout-scroll .box-row .rowitem1 .in-rowitem1 .normalsubtasks-count{display:none}.overduecontainer-master .overlayout-scroll .box-row .rowitem2{width:100%;-webkit-justify-content:space-between;justify-content:space-between}.overduecontainer-master .overlayout-scroll .box-row .rowitem2 .responssubtasks-count{margin-left:12px;color:#7c7c84;display:-webkit-flex;display:flex}.overduecontainer-master .overlayout-scroll .box-row .rowitem2 .group-user{-webkit-justify-content:flex-end;justify-content:flex-end}.task-progress .sub-container-scroll .sub-container-task .layout-detail{width:100%;-webkit-flex-direction:column;flex-direction:column}.task-progress .sub-container-scroll .sub-container-task .layout-detail .progress-container .progress-bar{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;margin:0}.task-progress .sub-container-scroll .sub-container-task .layout-detail .progress-container p{display:-webkit-flex;display:flex;min-width:-webkit-fit-content;min-width:fit-content;margin-left:8px}.grid-container-taskprogress{grid-template-columns:1fr!important}.progress-container-overview{padding-left:26px}.responsive-width-overdue .ant-modal-content{width:100%!important}}@media only screen and (max-width:480px){.main-container{grid-gap:16px}.main-container .responset{padding:0 12px!important}.main-container h1{font-size:20px}.main-container .sub-column-1 h1{margin:0}}.shim-width100{width:100%}.shim-width100 .shimmer-button--sm{border-radius:3px;height:40px;width:100%}.shim-select{width:100%}.shim-select .shimmer-button--sm{border-radius:3px;height:38px;width:434px}.shim-width50{width:70px}.shim-width50 .shimmer-button--sm{border-radius:3px;height:30px;width:100%}.shimmer-title-line{width:100px;height:14px;border-radius:20px}.title-width30per{width:30%}.title-width30per .shimmer-title-line{width:100%;height:14px;border-radius:20px}.shimmer-avatar,.shimmer-button,.shimmer-text,.shimmer-title{margin-bottom:0}.title-width70px{width:100px!important}.title-width70px .shimmer-title-line{width:100%;height:30px;border-radius:20px}.title-width100px{width:140px}.title-width100px .shimmer-title-line{width:100%;height:14px;border-radius:20px}.title-width250px{width:250px}.title-width250px .shimmer-title-line{width:100%;height:14px;border-radius:20px;margin:0}.title-width60px{width:60px;height:-webkit-fit-content;height:fit-content}.title-width60px .shimmer-title-line{width:100%;height:14px;border-radius:20px;margin:0}.shimmer-margin-bottom{margin-bottom:10px}.shimmer-img-margin-right{margin-right:18px}@media only screen and (max-width:600px){.title-width250px{width:150px}}@media only screen and (max-width:480px){.title-width250px{width:100px}}@media only screen and (max-width:480px){.nopermission-styles{padding:12px}}.addUserDrawer .anticon{color:unset}.addUserDrawer .fixedColorIcon{color:#7c7c84!important}.color-error-border-select .ant-select-selection-placeholder{color:unset}.color-error-border-select .ant-select-selector{border:1px solid #ff4d4f!important}.color-border-select .ant-select-selector{border:1px solid #d9d9d9}.form_role_permission .ant-form-item{margin-bottom:0}.ant-input{border-radius:8px}.ant-dropdown .ant-btn{margin-top:10px;border-radius:8px}.ant-dropdown .ant-input{height:40px}.small-show-total{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:13px;line-height:30px;margin-right:6px}.edit-size-modal-delete{min-width:560px}.color-search{color:#074e9f!important}.ant-drawer-header{border-bottom:0 solid!important}.ant-drawer-header h2{color:#074e9f}.ant-drawer-footer{border-top:0 solid!important}.ant-table-wrapper{min-height:100%}.ant-spin-container{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.ant-pagination-item,.ant-pagination-item-active{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.ant-table-row{cursor:pointer;background-color:#fff}.ant-table-row:hover{transition:.3s;cursor:pointer;background-color:#efefef}.management-header h4{color:#7c7c84;margin-bottom:12px}.management-body{background-color:#fff;margin-top:20px;min-height:72vh}.layoutmanagement-git-master{display:grid;grid-template-columns:1.2fr 4fr;min-height:72vh}.layoutmanagement-git-master .layout-left{border:solid #efefef;border-width:0 1px 0 0;padding-bottom:32px}.layoutmanagement-git-master .layout-right{padding:16px}.layoutmanagement-git-master .layout-right .space-cont{padding:5px;height:100%}.layout-git-master-unitmeasurment{display:grid;min-height:72vh}.layout-form-drawer-role .ant-checkbox-wrapper{margin:0!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:600;font-size:14px;line-height:18px;text-align:center}.layout-form-drawer-role h2{color:#074e9f;margin-bottom:24px}.initialstate-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:72vh}.initialstate-container .initialstate-icon{width:99px;height:99px}.initialstate-container h2{margin-top:22px;margin-bottom:32px;color:rgba(18,126,195,.32)}.active-initialstate-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:72vh}.active-initialstate-container .initialstate-icon{width:99px;height:99px}.active-initialstate-container h2{margin-top:22px;margin-bottom:32px;color:rgba(18,126,195,.32)}.site-form-in-drawer-wrapper{position:absolute;right:0;bottom:0;width:100%;padding:10px 16px;text-align:right;background:#fff;border-top:1px solid #e9e9e9}.layout-button-add-normal-state{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:32px}.layout-button-add-normal-state .layout-btn-reset-add{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;width:100%}.noneInputNumber input::-webkit-inner-spin-button,.noneInputNumber input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.noneInputNumber input[type=number]{-moz-appearance:textfield}.animationUnLockUser:hover{transition:.3s;border:1px solid #074e9f}.animationUnLockUser:hover .iconUnLock{transition:.3s;font-size:16px;color:#074e9f}.animationUnLockUser:hover .iconLock{transition:.3s;font-size:0;color:#074e9f}.animationUnLockUser:hover .title{transition:.3s;color:#074e9f}.animationUnLockUser{transition:.3s;border:1px solid #074e9f}.animationUnLockUser .iconUnLock{transition:.3s;font-size:0;color:#074e9f}.animationUnLockUser .iconLock{transition:.3s;font-size:16px;color:#074e9f}.animationUnLockUser .title{transition:.3s;color:#074e9f}.unLockUser{padding:0 8px;-webkit-flex-direction:row;flex-direction:row;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;height:40px;border-radius:8px}.unLockUser .title{margin:0 0 0 8px}.holiday{padding:32px}.holiday .holiday-add{width:100%;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.holiday .holiday-add,.holiday .holiday-add .holiday-normal-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.holiday .holiday-add .holiday-normal-container{width:70%;max-width:780px}.holiday .holiday-add .holiday-detail-container{margin-top:32px;margin-bottom:32px;width:100%;border:solid rgba(7,78,159,.24);border-width:1px 0 0}.holiday .holiday-add .holiday-detail-container .title{margin:0;color:#074e9f}.holiday .holiday-add .holiday-detail-container .ant-checkbox-wrapper{padding:0!important;margin:0!important}.holiday .ant-spin-container{min-height:0;-webkit-justify-content:space-between;justify-content:space-between}.empty-table-custom,.holiday .ant-spin-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.empty-table-custom{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.empty-table-custom .icon{margin-top:32px;width:68px;height:68px}.empty-table-custom h2{margin-top:12px;margin-bottom:22px;color:rgba(18,126,195,.32)!important}.empty-table-custom-fail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.empty-table-custom-fail .CloseCircleOutlined{font-size:80px;color:#ff6258}.empty-table-custom-fail h2{margin-top:12px;margin-bottom:22px;color:#ff6258!important}.ant-tree-treenode-selected{background-color:rgba(18,126,195,.04)!important;width:100%;transition:.3s}.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:hsla(0,0%,91.4%,0)!important}.code-tree-style{color:#074e9f;background-color:rgba(7,78,159,.16);padding:1px 4px;border-radius:8px}.ant-tree .ant-tree-treenode{display:-webkit-flex;display:flex;-webkit-align-items:center!important;align-items:center!important;padding:0 0 6px;outline:none}.ant-tree-switcher{padding-top:4px}.event-search-tree-container .color-search{color:#074e9f!important}.title-cut{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical}.table-management-custom .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:#074e9f}.table-management-custom .ant-table-selection{position:relative;display:-ms-inline-flexbox;-webkit-flex-direction:column;flex-direction:column}.table-management-custom .ant-checkbox-wrapper{box-sizing:border-box;padding-top:16px;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum","tnum","tnum";line-height:unset;cursor:pointer}.table-management-custom .ant-table-tbody>tr>td,.table-management-custom .ant-table-thead>tr>th,.table-management-custom .ant-table tfoot>tr>td,.table-management-custom .ant-table tfoot>tr>th{position:relative;padding:0 16px;overflow-wrap:break-word}.table-management-custom .ant-table-column-sorters{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:16px 0}.fix-props-error .anticon{color:#d21419!important}.fix-modal .ant-modal-header{margin:0;border-bottom:0 solid}.fix-modal .ant-modal-footer{padding-right:24px!important;border-top:0 solid}.fix-modal h2{color:#074e9f;margin-bottom:0}.customValidation{padding-bottom:10px}.customValidation .ant-form-item-label:after{content:" *";color:red}.ant-table{border-radius:8px}.ant-table-thead .ant-table-cell{background-color:#deedfe!important}.ant-pagination-item,.ant-pagination-next .ant-pagination-item-link,.ant-pagination-prev .ant-pagination-item-link{border:0 solid #d9d9d9;background-color:transparent}.ant-pagination-item-active{background-color:#074e9f;border-radius:10px;color:#fff!important}.ant-pagination-item-active a{color:#fff!important}.ant-table-pagination{-webkit-align-items:center;align-items:center}.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{content:""}.row-btn-responsive-editprofile h2{font-family:IBMPlexSansThaiBold}.ant-notification-topRight{top:59px!important}.container-myprofile .ant-form-item-has-feedback .ant-input-affix-wrapper .ant-input-suffix{padding-right:8px}.container-myprofile .style-message-confirm-password .ant-form-item-children-icon .anticon,.container-myprofile .style-message-new-password .ant-form-item-children-icon .anticon{color:unset!important}.container-myprofile .ant-upload-picture-card-wrapper{margin-top:-50px;margin-bottom:25px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.container-myprofile .ant-upload{margin-left:79px}.container-myprofile .header-myprofile h1{margin-bottom:28px}.container-myprofile .content-myprofile{width:100%;display:grid;grid-template-columns:1.2fr 3fr;grid-gap:24px;gap:24px;height:-webkit-fit-content;height:fit-content}.container-myprofile .content-myprofile .left-content{height:100%;background-color:#fff;display:-webkit-flex;display:flex;padding:32px 26px;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.container-myprofile .content-myprofile .right-content{background-color:#fff;height:100%;padding:32px}.container-myprofile .setpoint-camera{width:100%}.container-myprofile .setpoint-camera .camera-button{width:30px;height:30px;border-radius:50%;background-color:#074e9f!important;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container-myprofile .setpoint-camera .camera-button .icon{color:#fff;font-size:20px}.row-custom{margin-bottom:24px}.row-custom h4{font-style:normal;font-weight:400;font-size:16px;line-height:26px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#3b3a3c}.row-custom .ant-form-item-label>label{font-size:16px!important}.specialLabel .ant-form-item-label>label{color:#262626;font-weight:300;font-size:14px;line-height:21px;width:100%}.specialLabel .divLabel{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.specialLabel p{color:#7c7c84}.container-myprofile .content-myprofile{min-height:796px}.container-myprofile .content-myprofile .left-content .camera-button{width:35px;height:35px;border-radius:50%;background-color:#2b3d98!important;border:3px solid #fff;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;transition:.3s}.container-myprofile .content-myprofile .left-content .camera-button .icon{color:#fff;font-size:20px}.container-myprofile .content-myprofile .left-content .camera-button:active{-webkit-transform:scale(.9);transform:scale(.9);transition:.3s}.container-myprofile .content-myprofile .left-content .image-container{cursor:pointer;margin-left:24px;background-position:50%;background-repeat:no-repeat;width:180px;box-shadow:0 1px 16px rgba(0,78,145,.08);height:180px;overflow:hidden;border-radius:50%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.container-myprofile .content-myprofile .left-content .image-container .img-items{object-fit:cover;width:182px;height:183px;margin:-2px;border-radius:50%}.container-myprofile .content-myprofile .left-content .user-detail-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;margin-top:12px}.container-myprofile .content-myprofile .left-content .user-detail-content h1{margin-bottom:8px}.container-myprofile .content-myprofile .left-content .user-detail-content h4{color:#7c7c84}.container-myprofile .content-myprofile .left-content .user-company-container{display:grid;grid-gap:5px;gap:5px;width:100%;margin-top:32px;margin-bottom:19px}.container-myprofile .content-myprofile .left-content .user-operation-container{display:grid;grid-gap:16px;gap:16px;width:100%}.container-myprofile .content-myprofile .left-content .user-operation-container .box-oper{display:grid;grid-gap:12px;gap:12px;background-color:#fff;width:100%;box-sizing:border-box}.container-myprofile .content-myprofile .left-content .user-companylink-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;margin-top:16px}.container-myprofile .content-myprofile .left-content .user-companylink-content h3{margin-bottom:12px}.container-myprofile .content-myprofile .left-content .user-companylink-content .area-skill-tag{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-template-columns:repeat(auto-fill,200px)}.container-myprofile .content-myprofile .left-content .user-companylink-content .area-skill-tag .tagstyle{margin-right:8px;margin-bottom:12px;color:#074e9f;padding:2px 16px 4px;width:-webkit-fit-content;width:fit-content;text-align:center;border-radius:20px;background-color:rgba(7,78,159,.1)}.container-myprofile .content-myprofile .left-content .user-profile-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:32px;width:100%}.container-myprofile .content-myprofile .left-content .user-profile-content .area-skill-tag{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-template-columns:repeat(auto-fill,200px)}.container-myprofile .content-myprofile .left-content .user-profile-content .area-skill-tag p{margin-right:8px;margin-bottom:12px;color:#074e9f;padding:2px 16px 4px;width:-webkit-fit-content;width:fit-content;text-align:center;border-radius:20px;background-color:rgba(7,78,159,.1)}.container-myprofile .content-myprofile .left-content .user-profile-content h3{margin-top:12px;margin-bottom:12px}.container-myprofile .content-myprofile .left-content .user-profile-content .style-row{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin-top:12px}.container-myprofile .content-myprofile .left-content .user-profile-content .style-row .hoursglass-ant-custom,.container-myprofile .content-myprofile .left-content .user-profile-content .style-row .mail-ant-custom{color:#000;margin-right:14px}.container-myprofile .content-myprofile .right-content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;-webkit-flex-direction:column;flex-direction:column}.container-myprofile .content-myprofile .right-content .container-form{padding-top:32px;display:-webkit-flex;display:flex;width:100%}.container-myprofile .content-myprofile .right-content .container-form .form-style-container{width:100%}.eye-1{font-size:100px!important}.edit-upload-profile .ant-upload.ant-upload-select-picture-card{width:50px;height:50px;width:-webkit-fit-content;width:fit-content;height:-webkit-fit-content;height:fit-content;vertical-align:top;background-color:inherit;border:0 dashed #d9d9d9;border-radius:50%;cursor:pointer;transition:border-color .3s}.box-role{border:1px solid #d9d9d9;box-sizing:border-box;background-color:#fff;width:100%;min-height:40px;border-radius:5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:6px}.box-role .tagstyle{background-color:rgba(7,78,159,.1);width:-webkit-fit-content;width:fit-content;height:-webkit-fit-content;height:fit-content;padding:1px 8px;margin:3px;border-radius:16px}.box-role .tagstyle .small{color:#074e9f}.box-role .tagstyle .icon{margin-left:4px;font-size:8px;color:#000;cursor:pointer}.tag-custom-style .ant-select-selector{padding:1px 6px 1px 11px}.tag-custom-style .ant-tag,.tag-custom-style .ant-tag .anticon-close,.tag-custom-style .ant-tag .anticon-close:hover,.tag-custom-style .ant-tag a,.tag-custom-style .ant-tag a:hover{color:#000!important;font-size:9px}.tag-custom-style .ant-tag{background-color:rgba(7,78,159,.1);padding:3px 8px;color:#074e9f!important;font-family:IBMPlexSansThaiRegular;font-style:normal!important;font-weight:300;font-size:12px!important;line-height:16px!important;border-radius:16px!important}.tag-custom-style .ant-tag,.tag-custom-style .container-in-input{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.tag-custom-style .container-in-input{height:100%}.tag-custom-style .container-in-input .box-tag{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:22px;background-color:rgba(7,78,159,.1);color:#074e9f!important;font-family:IBMPlexSansThaiRegular;font-style:normal!important;font-weight:300;font-size:12px!important;line-height:16px!important;padding:3px 8px;border-radius:16px!important}@media only screen and (max-width:800px){.container-myprofile .header-myprofile{padding:16px 16px 0}.container-myprofile .content-myprofile{grid-template-columns:1fr}.container-myprofile .content-myprofile .left-content .user-profile-content{width:100%;margin:0;display:block;justify-self:flex-start}}@media only screen and (max-width:480px){.ant-notification-topRight{top:59px!important;right:0!important;left:0!important}.ant-notification{margin-right:8px!important;margin-left:8px!important}.ant-notification-hook-holder,.ant-notification-notice{position:relative;max-width:unset!important;width:100%!important}}@media only screen and (max-width:399px){.row-btn-responsive-editprofile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.row-btn-responsive-editprofile .btn_Secondary2{margin-top:24px}.crory-tab{display:grid}.crory-tab .tab{overflow-x:auto}.container-myprofile .content-myprofile .right-content{padding:16px}}.activity-container .header-container{margin-bottom:24px}.activity-container .body-container{width:100%;min-height:76vh;background-color:#fff;padding:32px}.activity-container .body-container .dot-custom{height:10px;width:10px;border-radius:50%}.activity-container .body-container .ant-timeline-item-content{top:0}.activity-container .body-container .ant-timeline-item-tail{border-left:2px solid rgba(18,126,195,.32)}.activity-container .body-container .card-status{display:-webkit-flex;display:flex;box-shadow:0 1px 16px rgba(2,38,70,.08);margin-left:12px;margin-bottom:12px;padding-right:20px;height:60px;-webkit-align-items:center;align-items:center}.activity-container .body-container .card-status .tab-color{display:-webkit-flex;display:flex;width:8px;height:100%}.activity-container .body-container .card-status .in-card{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.activity-container .body-container .card-status .in-card .left-in-card{padding:0 12px;height:60px}.activity-container .body-container .card-status .in-card .left-in-card,.activity-container .body-container .card-status .in-card .left-in-card .left-in-card-responsive{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.activity-container .body-container .card-status .in-card .left-in-card .box-name{min-width:160px}.activity-container .body-container .card-status .in-card .left-in-card .text-name{color:#074e9f}.activity-container .body-container .card-status .in-card .left-in-card .width-status{min-width:-webkit-fit-content;min-width:fit-content}.activity-container .body-container .card-status .in-card .left-in-card .text-des{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:500px;color:#000}.activity-container .body-container .card-status .in-card .left-in-card .responsive-date{display:none}.activity-container .body-container .card-status .in-card .left-in-card .font-color-status{color:#fff}.activity-container .body-container .card-status .in-card .right-in-card{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-width:161px}.activity-container .body-container .card-status .in-card .right-in-card .text-date{color:#7c7c84}.activity-container .body-container .card-status .imageStyle{margin-right:12px}.activity-container .body-container .card-reason{display:-webkit-flex;display:flex;box-shadow:0 1px 16px rgba(0,78,145,.08);height:60px;padding:10px 0 12px 24px;margin-left:48px;margin-bottom:12px;-webkit-flex-direction:column;flex-direction:column}.activity-container .body-container .card-reason .reason{margin-bottom:2px;color:#074e9f}.activity-container .body-container .card-reason .text-reason{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:1000px}.activity-container .body-container .calendarOutlined{margin-right:8px;font-size:18px}.activity-container .body-container .empty-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:170px;-webkit-align-items:center;align-items:center;min-height:100vh}.activity-container .body-container .empty-container h1{margin:10px 0 30px;color:rgba(18,126,195,.32)}.activity-container .body-container .empty-container .InboxOutlined{font-size:140px;color:rgba(18,126,195,.32)}@media only screen and (max-width:999px){.text-name{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;-webkit-line-clamp:1;-webkit-box-orient:vertical}}@media only screen and (max-width:800px){.text-name{display:none}}@media only screen and (max-width:680px){.activity-container .body-container{padding:24px}.activity-container .header-container{padding:0 12px 0 0}}@media only screen and (max-width:600px){.activity-container .ant-timeline-item-content{margin-left:12px}.activity-container .body-container .ant-timeline-item{padding-bottom:0}.activity-container .body-container .card-status{height:106px}.activity-container .body-container .card-status .in-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:unset;justify-content:unset}.activity-container .body-container .card-status .in-card .left-in-card .left-in-card-responsive{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.activity-container .body-container .card-status .in-card .left-in-card .left-in-card-responsive .responsive-date{display:-webkit-flex;display:flex}.activity-container .body-container .card-status .in-card .left-in-card .left-in-card-responsive .Status{margin:0}.activity-container .body-container .card-status .in-card .left-in-card .left-in-card-responsive .text-des{margin-top:4px;margin-bottom:4px}.activity-container .body-container .card-status .in-card .left-in-card .left-in-card-responsive .text-date{color:#7c7c84}.activity-container .body-container .card-status .in-card .right-in-card{display:none}.activity-container .body-container .card-reason{margin-left:24px;height:104px;padding-right:12px}.activity-container .body-container .card-reason .text-reason{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;-webkit-line-clamp:3;-webkit-box-orient:vertical}.activity-container .header-container .text-header{font-family:IBMPlexSansThaiRegular!important;font-style:normal!important;font-weight:700!important;font-size:20px!important;line-height:26px!important}}@media only screen and (max-width:480px){.activity-container .body-container{padding:12px}.activity-container .header-container{padding:12px 12px 0}.activity-container .header-container .BreadCrumb{padding-left:0}}.projectfile-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.projectfile-container .layout-top{margin-bottom:24px}.projectfile-container .layout-body{min-height:70vh;background-color:#fff;padding:32px}.projectfile-container .layout-body .content{height:100%}.projectfile-container .layout-body .content .table-log-files{width:100%;margin-top:24px}.projectfile-container .layout-body .content .table-log-files .tr1{border:1px solid #efefef;border-width:1px 0;height:50px}.projectfile-container .layout-body .content .table-log-files .tr2{height:40px}.projectfile-container .layout-body .content .table-log-files .tr2 .td1{padding-left:24px}.projectfile-container .layout-body .content .table-log-files .tr2 .td5{padding-right:24px}.projectfile-container .layout-body .content .table-log-files tr:nth-child(2n){background-color:#efefef}.bredcramp-con{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:12px}.bredcramp-con .bred1,.bredcramp-con .bred2{color:#7c7c84}.bredcramp-con .bred3{color:#074e9f}.bredcramp-con .ic{margin:0 8px;color:#7c7c84}.styles-eye-and-download{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;min-width:42px}.styles-eye-and-download .eyeoutlined{font-size:16px;color:#074e9f}.styles-eye-and-download .downloadoutlined{color:#6db9ff}.styles-eye-and-download a{width:-webkit-fit-content!important;width:fit-content!important;margin-right:1px}.icontype{color:#6db9ff!important;font-size:22px;margin-right:12px}.styler-path-area{display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}.styler-path-area .nameProject-text{color:#074e9f;cursor:pointer}.styler-path-area .level1-style,.styler-path-area .level2-style{margin-left:4px;cursor:pointer;color:#074e9f}.responsive-content-files{display:none}.responsive-content-files .style-rows-files{border:solid #efefef;border-width:0 0 1px;height:40px;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.area-type-files{display:-webkit-flex;display:flex}.area-type-files .responsive-text-filesname{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical;-webkit-align-items:center;align-items:center;max-width:300px}.position-viewer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;width:26px;cursor:pointer}.position-viewer .ant-image-img{width:16px;height:16px;height:auto;border-radius:50%;visibility:hidden}.projectfile-emytystate{width:100%;padding-top:200px;min-height:0!important;height:100%!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.projectfile-emytystate .inbox{font-size:76px;color:rgba(7,78,159,.16)}.projectfile-emytystate p{color:rgba(7,78,159,.24)}@media only screen and (max-width:800px){.table-log-files{display:none}.responsive-content-files{margin-top:16px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}}@media only screen and (max-width:480px){.projectfile-container .layout-top{padding:16px 16px 0}.projectfile-container .layout-body{padding:16px}}@media only screen and (max-width:400px){.area-type-files .responsive-text-filesname{max-width:240px}}@media only screen and (max-width:360px){.area-type-files .responsive-text-filesname{max-width:200px}}@media only screen and (max-width:320px){.area-type-files .responsive-text-filesname{max-width:170px}}.summarylayout{cursor:default}.summarylayout .summary-row1{display:grid;-webkit-align-items:center;align-items:center;margin-bottom:32px}.summarylayout .summary-row2{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.summarylayout .summary-row2 .alldash-container,.summarylayout .summary-row2 .non-complete-container{padding:24px;min-height:465px;background-color:#fff;border-radius:8px}.summarylayout .summary-row3{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 2fr;margin-bottom:16px}.summarylayout .summary-row3 .aging-container,.summarylayout .summary-row3 .inprogress-container{min-height:390px;padding:24px;background-color:#fff;border-radius:8px}.summarylayout .summary-row4{display:grid;grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr}.summarylayout .summary-row4 .duedate-container,.summarylayout .summary-row4 .overdue-container{min-height:433px;padding:24px;background-color:#fff;border-radius:8px}.edit-height-emptystate-summary{height:320px!important}.alldash-container .aldash-in-container{background-color:#fff}.alldash-container .aldash-in-container .status_saved{background:rgba(18,126,195,.32)}.alldash-container .aldash-in-container .status_register{background-color:#6db9ff}.alldash-container .aldash-in-container .status_kickoff{background-color:#074e9f}.alldash-container .aldash-in-container .status_waiting_app_onhold{background-color:#2b3d98}.alldash-container .aldash-in-container .status_onhold{background-color:#ffaf00}.alldash-container .aldash-in-container .status_completed{background-color:#19d895}.alldash-container .aldash-in-container .status_completed_delay{background-color:#749878}.alldash-container .aldash-in-container .status_cancelled{background-color:#ff6258}.alldash-container .aldash-in-container .status_waiting_app_regis{background-color:#ff79f2}.alldash-container .aldash-in-container .status_approve_kickoff{background-color:#c63af8}.alldash-container .aldash-in-container .status_app_complete{background-color:#6b00bf}.alldash-container .aldash-in-container .onerows{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.alldash-container .aldash-in-container .onerows .left{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.alldash-container .aldash-in-container .onerows .left h1{font-size:48px}.alldash-container .aldash-in-container .onerows .left h2{margin-top:8px;color:#7c7c84}.alldash-container .aldash-in-container .onerows .right{margin-left:40px;width:100%}.alldash-container .aldash-in-container .onerows .right .progress-bar{height:68px;width:100%;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;border-radius:12px;overflow:hidden}.alldash-container .aldash-in-container .onerows .right .progress-bar .itemstyle{height:100%}.alldash-container .aldash-in-container .tworows{margin-top:32px;margin-bottom:18px}.alldash-container .aldash-in-container .tworows h3{color:#074e9f}.alldash-container .aldash-in-container .threerows{display:grid;grid-gap:4px;gap:4px;grid-template-columns:1fr 1fr 1fr}.alldash-container .aldash-in-container .threerows .inbox{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;min-height:64px;transition:.3s;border-radius:8px}.alldash-container .aldash-in-container .threerows .inbox .point{min-height:16px;min-width:16px;border-radius:3px}.alldash-container .aldash-in-container .threerows .inbox .pertext-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:16px}.alldash-container .aldash-in-container .threerows .inbox .pertext-content h3{font-family:IBMPlexSansThaiBold!important}.alldash-container .aldash-in-container .threerows .inbox .pertext-content h1{display:-webkit-flex;display:flex;width:-webkit-fit-content;width:fit-content;margin-top:-6px;transition:.2s;cursor:pointer;font-family:IBMPlexSansThaiBold}.alldash-container .aldash-in-container .threerows .inbox .pertext-content h1:hover{transition:.2s;cursor:pointer;color:#074e9f}.alldash-container .aldash-in-container .threerows .inbox .pertext-content .percent-area{display:-webkit-flex;display:flex;margin-top:4px}.alldash-container .aldash-in-container .threerows .inbox .pertext-content .percent-area .p2{margin-left:4px;color:#7c7c84}.alldash-container text{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#000;margin:0}.aging-container .header{color:#074e9f}.aging-container .pie{width:250px;height:250px;-webkit-justify-content:center;justify-content:center}.aging-container .pie,.aging-container .pie .totalProject{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.aging-container .pie .totalProject{position:absolute}.aging-container .pie .totalProject p{color:#7c7c84}.aging-container .Body{display:grid;grid-template-columns:1fr 1fr;height:100%;padding:32px 20px 0}.aging-container .status_30{background-color:#ffaf00}.aging-container .status_90plus{background-color:#6db9ff}.aging-container .status_60{background-color:#19d895}.aging-container .Notdue{background-color:#074e9f}.aging-container .status_90{background-color:#00b7a3}.aging-container .tworows{display:grid;grid-gap:4px 4px;gap:4px 4px;grid-template-columns:1fr 1fr;-webkit-align-content:space-around;align-content:space-around}.aging-container .tworows .inbox{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.aging-container .tworows .inbox .point{margin-top:5px;height:16px;width:16px;border-radius:4px}.aging-container .tworows .inbox .pertext-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:16px}.aging-container .tworows .inbox .pertext-content .percent-area{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.aging-container .tworows .inbox .pertext-content .percent-area .p2{margin-left:4px;color:#7c7c84}.aging-container text{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#000;margin:0}.duedate-container .let-in-duedate-container-main{background-color:#fff}.duedate-container .let-in-duedate-container-main .title-duedate{color:#074e9f;margin-bottom:24px}.duedate-container .let-in-duedate-container-main .container-mapping-duedate{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-template-columns:1fr;min-height:304px;max-height:304px;overflow-y:auto}.duedate-container .let-in-duedate-container-main .container-mapping-duedate .box-duedate-styles{padding:16px;height:-webkit-fit-content;height:fit-content;display:grid;background-color:#fff;border:1px solid #efefef;box-sizing:border-box;grid-template-columns:2fr 2fr;margin-top:4px;border-radius:8px}.duedate-container .let-in-duedate-container-main .container-mapping-duedate .box-duedate-styles .item-style{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.duedate-container .let-in-duedate-container-main .container-mapping-duedate .box-duedate-styles .item-style .small{color:#074e9f;margin-bottom:4px}.duedate-container .let-in-duedate-container-main .container-mapping-duedate .box-duedate-styles .item-style .style-effect-name{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:170px;transition:.2s}.duedate-container .let-in-duedate-container-main .container-mapping-duedate .box-duedate-styles .item-style .style-effect-name:hover{transition:.2s;cursor:pointer;color:#074e9f}.duedate-container .let-in-duedate-container-main .container-mapping-duedate .box-duedate-styles .group-for-responsive{display:grid;grid-template-columns:2fr 1fr;grid-gap:4px;gap:4px}.non-complete-container .noncomplete-container{height:100%}.non-complete-container .noncomplete-container .colorHeader{color:#074e9f}.non-complete-container .noncomplete-container .progress{padding-top:52px;padding-bottom:26px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.non-complete-container .noncomplete-container .progress .ant-progress-circle-path{stroke:#19d895!important}.non-complete-container .noncomplete-container .progress .totalProject{position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.non-complete-container .noncomplete-container .progress .totalProject p{color:#7c7c84}.non-complete-container .noncomplete-container .Footer{display:-webkit-flex;display:flex;padding-top:42px}.non-complete-container .noncomplete-container .Footer h3{margin-top:2px}.non-complete-container .noncomplete-container .Footer p{margin-top:5px}.non-complete-container .noncomplete-container .Footer .colorp{color:#7c7c84}.non-complete-container .noncomplete-container .Footer .status_noncomplete{background-color:#efefef}.non-complete-container .noncomplete-container .Footer .status_complete{background-color:#19d895}.non-complete-container .noncomplete-container .Footer .inbox{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;min-height:65px}.non-complete-container .noncomplete-container .Footer .inbox .point{margin-top:10px;height:16px;width:16px;border-radius:4px}.non-complete-container .noncomplete-container .Footer .inbox .pertext-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-left:16px}.non-complete-container .noncomplete-container .Footer .inbox .pertext-content h3{font-family:IBMPlexSansThaiBold}.inprogress-container{overflow:hidden}.inprogress-container .sub-container{min-height:300px;max-height:300px;overflow-y:auto}.inprogress-container .sub-container .sub-container-inprogress{display:block;padding:4px 0;border-bottom:1px solid #efefef}.inprogress-container .sub-container .sub-container-inprogress .layout-detail{width:100%;overflow:hidden}.inprogress-container .sub-container .sub-container-inprogress .layout-detail .text-name-project:hover{color:#074e9f}.inprogress-container .sub-container .sub-container-inprogress .layout-detail .progress-container{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;min-width:-webkit-fit-content;min-width:fit-content}.inprogress-container .sub-container .sub-container-inprogress .layout-detail .progress-container .progress-bar{margin:0 8px 0 0}.inprogress-container .sub-container .sub-container-inprogress .layout-detail .progress-container .numberstyle{min-width:36px}.inprogress-container .text-date{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:300;font-size:12px;line-height:16px;color:#7c7c84;margin-bottom:4px}.inprogress-container h3{color:#074e9f;margin-bottom:12px}.overdue-container .sub-container-overdue{min-height:345px;max-height:345px;overflow-y:auto}.overdue-container .sub-container-overdue .container-overdue-detail{display:-webkit-flex;display:flex;padding:4px 0;border-bottom:1px solid #efefef}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail{display:-webkit-flex;display:flex;width:100%;margin:0 0 6px;-webkit-justify-content:center;justify-content:center}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .project-name-container{display:-webkit-flex;display:flex;min-width:190px;max-width:190px;overflow:hidden;-webkit-justify-content:flex-end;justify-content:flex-end}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .project-name-container .text-project-name-overdue:hover{color:#074e9f}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .progress-container{display:-webkit-flex;display:flex;width:100%;-webkit-align-self:center;align-self:center;margin:0 0 0 16px}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .progress-container .progress{height:4px;border-radius:50px;background-color:#ff6258;-webkit-align-self:center;align-self:center;margin-right:8px}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .progress-container .text-days{min-width:40px}.overdue-container h3{color:#ff6258;margin-bottom:24px}.overdue-container .text-days{color:#ff6258}.container-filter{display:-webkit-flex;display:flex;margin-top:24px}.container-filter .container-rows-filter{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:100%}.container-filter .container-rows-filter .range-picker{min-width:500px;margin-right:16px}.container-filter .container-rows-filter .BTN_Next .downoutline{transition:.5s;color:#fff}.container-filter .container-rows-filter .BTN_Next .upoutline{transition:.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#fff}.container-filter .btn_Secondary2 .downoutline{transition:.5s;color:#074e9f}.container-filter .btn_Secondary2 .upoutline{transition:.5s;-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#074e9f}.container-filter .calendarOutlined{font-size:18px}.container-filter .ant-form-item{margin:0}.ant-popover-placement-bottom,.ant-popover-placement-bottomLeft,.ant-popover-placement-bottomRight{padding:0}.ant-popover-arrow{display:none}.ant-popover-inner{width:360px}.ant-popover-inner .container-select{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.ant-popover-inner .container-select .controlOutlined{color:#074e9f;margin-right:8px}.ant-popover-inner .container-select .ant-form-item{margin:0}.ant-popover-inner .container-select .ant-picker-input>input::-webkit-input-placeholder{color:#7c7c84}.ant-popover-inner .container-select .ant-picker-input>input:-ms-input-placeholder{color:#7c7c84}.ant-popover-inner .container-select .ant-picker-input>input::placeholder{color:#7c7c84}.ant-popover-inner .container-select .ant-select-selection-placeholder{color:#7c7c84}.ant-popover-inner .container-select .ant-select-selector{border-color:#bcbcc4}.ant-popover-inner .container-select .ant-picker{width:100%;border-color:#e4e7ec}.ant-popover-inner .container-select .calendarOutlined{font-size:18px}.ant-popover-inner .container-select .footer-filter{-webkit-justify-content:flex-end;justify-content:flex-end}.ant-popover-inner .container-select .footer-filter .BTN_Next{margin-left:8px}.ant-popover-inner .container-select .footer-filter .searchOutlined{color:#fff}.ant-popover-inner h3{color:#074e9f}@media only screen and (max-width:1220px){.inprogress-container .sub-container{min-height:508px!important;max-height:508px!important}.aging-container .pie{justify-self:center}.aging-container .Body{grid-template-columns:1fr}.aging-container .Body .tworows{padding-top:54px;width:100%}}@media only screen and (max-width:1080px){.summarylayout .summary-row1{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.container-filter{margin-top:18px;margin-left:0}}@media only screen and (max-width:999px){.summarylayout .summary-row2,.summarylayout .summary-row3,.summarylayout .summary-row4{grid-template-columns:1fr}}@media only screen and (max-width:730px){.ant-popover{z-index:0}.container-filter{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container-filter .container-rows-filter{-webkit-flex-wrap:wrap;flex-wrap:wrap}.container-filter .container-rows-filter .range-picker{min-width:unset;width:100%;margin-bottom:12px}}@media only screen and (max-width:620px){.ant-picker-panel-container .ant-picker-panels{display:-ms-inline-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap!important;flex-wrap:wrap!important;direction:ltr}.ant-picker-active-bar{display:none}.alldash-container .aldash-in-container .onerows{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:unset;flex-wrap:unset}.alldash-container .aldash-in-container .onerows .left{margin-bottom:10px}.alldash-container .aldash-in-container .onerows .right{margin-left:0}.alldash-container .aldash-in-container .threerows{grid-template-columns:1fr 1fr}}@media only screen and (max-width:570px){.project-name-container{width:200px!important}.project-name-container .small{text-align:right}}@media only screen and (max-width:500px){.style-effect-name{max-width:150px!important}}@media only screen and (max-width:480px){.summarylayout .summary-row1{padding:12px;margin:0}.summarylayout .summary-row4 .overdue-container{min-height:unset}.box-duedate-styles{padding:20px!important;display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column!important;flex-direction:column!important}.box-duedate-styles .group-for-responsive{margin-top:16px;display:grid;grid-template-columns:2fr 1fr;grid-gap:4px;gap:4px}.duedate-container .let-in-duedate-container-main .title-duedate{color:#074e9f}.duedate-container .let-in-duedate-container-main .container-mapping-duedate{min-height:418px;max-height:418px}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail{-webkit-flex-direction:column;flex-direction:column}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .project-name-container{overflow:hidden;max-width:260px;-webkit-justify-content:flex-start;justify-content:flex-start}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .project-name-container .clutter{max-width:270px}.overdue-container .sub-container-overdue .container-overdue-detail .layout-overdue-detail .progress-container{margin:0}.inprogress-container .sub-container{min-height:290px!important;max-height:290px!important}.duedate-container .container-mapping{min-height:390px!important;max-height:390px!important}.overdue-container .sub-container-overdue{min-height:270px!important;max-height:270px!important}}@media only screen and (max-width:440px){.ant-popover-content{background-color:#333!important}.ant-popover-inner{width:100%;min-width:300px;margin:0}.ant-popover-inner-content{width:100%;color:rgba(0,0,0,.85)}}@media only screen and (max-width:380px){.inprogress-container .sub-container .sub-container-inprogress .clutter{max-width:200px}}@media only screen and (max-width:350px){.alldash-container .aldash-in-container .threerows{grid-template-columns:1fr}}.modalNoBtn{width:634px!important}.modalNoBtn .ant-modal-content{height:582px}.empty-state{min-height:400px!important}.modal-history .container{display:-webkit-flex;display:flex;max-height:460px;overflow-y:auto}.modal-history .container .dot-custom{height:10px;width:10px;border-radius:50%;background:#6db9ff}.modal-history .container .ant-timeline-item-content{top:0;padding-bottom:4px}.modal-history .container .ant-timeline-item-tail{border-left:2px solid rgba(18,126,195,.32)}.modal-history .container .card,.modal-history .container .container-timeline-item{display:-webkit-flex;display:flex}.modal-history .container .card{padding-right:20px;height:40px;margin-top:-4px}.modal-history .container .card .layout-name{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.modal-history .container .smallStatus{color:#7c7c84;margin-left:8px}.modal-history .container .reason-text{color:#7c7c84}.modal-history .container .grid{display:grid}.modal-history .ant-modal-body{padding:0 24px 24px!important}.reschedule-container-main .header-schedule .breadcrump-reschedule-styles{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;align-items:center}.reschedule-container-main .header-schedule .breadcrump-reschedule-styles .text1{color:#7c7c84}.reschedule-container-main .header-schedule .breadcrump-reschedule-styles .rightoutlined{margin:0 8px}.reschedule-container-main .header-schedule .breadcrump-reschedule-styles .text2{color:#074e9f}.reschedule-container-main .header-schedule .title-project{margin-top:8px}.reschedule-container-main .body-schedule{margin-top:24px;min-height:74vh;background-color:#fff;padding:32px}.reschedule-container-main .body-schedule .zone-1{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.reschedule-container-main .body-schedule .zone-1 .l{width:100%}.reschedule-container-main .body-schedule .zone-1 .l .l-between{-webkit-justify-content:space-between;justify-content:space-between}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l1{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l1 .l1-1{min-width:-webkit-fit-content;min-width:fit-content;color:#7c7c84;margin-right:8px}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l2{margin-top:8px;margin-bottom:8px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l2 h4{color:#7c7c84;margin-right:16px}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l3{margin-bottom:12px}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l3 h3{color:#074e9f;margin-right:16px}.reschedule-container-main .body-schedule .zone-2{min-height:60vh}.reschedule-container-main .body-schedule .zone-3{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;margin-top:24px}.reschedule-container-main .body-schedule .zone-3 .BTN_Next{margin-left:8px!important}.table-styles-schedule{margin-top:24px;width:100%}.table-styles-schedule .header-table-schedule{min-height:50px;border:1px solid #efefef;border-width:1px 0}.table-styles-schedule .header-table-schedule th{padding:10px 8px}.table-styles-schedule .tbody-styles{background-color:#00f!important;padding:20px;max-height:200px;overflow:scroll}.table-styles-schedule .body-table-schedule td{padding:8px}.table-styles-schedule .body-table-schedule .infor-error-date{color:#ff6258;font-size:18px;margin-right:8px}.table-styles-schedule .body-table-schedule .error-rangpicker-styles{border:1px solid #ff6258!important}.container-card-responsive-reschedule{display:none}.container-card-responsive-reschedule .status{background-color:#f4a460;border-radius:16px;height:-webkit-fit-content;height:fit-content;padding:2px;margin-top:-4px}.container-card-responsive-reschedule .small{color:#074e9f}.container-card-responsive-reschedule .smallStatus{color:#7c7c84}.container-card-responsive-reschedule .exclamationCircleOutlined{color:#d21419;margin-right:4px}.container-card-responsive-reschedule .infor-error-date{color:#ff6258;font-size:18px;margin-right:8px}.container-card-responsive-reschedule .error-rangpicker-styles{border:1px solid #ff6258!important}#table-wrapper{position:relative}#table-scroll{height:150px;overflow:auto;margin-top:20px}#table-wrapper table{width:100%}#table-wrapper table *{background:#ff0;color:#000}#table-wrapper table thead th .text{position:absolute;top:-20px;z-index:2;height:20px;width:35%;border:1px solid red}.tasktype-style-mandatory{width:-webkit-fit-content;width:fit-content;height:-webkit-fit-content;height:fit-content;padding:2px 4px 4px;border-radius:4px;background-color:#ffaf00;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-left:4px}.tasktype-style-mandatory .smallStatus{color:#fff}.tasktype-style-optional{margin-left:4px;width:-webkit-fit-content;width:fit-content;height:-webkit-fit-content;height:fit-content;padding:2px 4px 4px;border-radius:4px;background-color:#bcbcc4;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.tasktype-style-optional .smallStatus{color:#fff}.no-workingday-style{color:#ffaf00!important;font-size:18px;margin-right:8px}@media only screen and (max-width:980px){.body-schedule{background-color:unset!important;padding:0!important}.body-schedule .zone-1 .l1,.table-styles-schedule{display:none}.container-card-responsive-reschedule{margin-top:12px}.container-card-responsive-reschedule,.container-card-responsive-reschedule .container-card-reschedule,.container-card-responsive-reschedule .container-card-reschedule .task{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.container-card-responsive-reschedule .container-card-reschedule .task{margin-top:12px;grid-gap:12px;gap:12px;background-color:#fff;padding:16px}.container-card-responsive-reschedule .container-card-reschedule .task .row1{-webkit-justify-content:space-between;justify-content:space-between}.container-card-responsive-reschedule .container-card-reschedule .task .col1-task .col1-incol{-webkit-align-items:center;align-items:center;margin-top:8px;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.container-card-responsive-reschedule .container-card-reschedule .task .rangePicker-task{width:48%;margin:0 24px 0 0}.container-card-responsive-reschedule .container-card-reschedule .subtask{background-color:#fff;padding-bottom:16px;padding-left:16px;padding-right:16px}.container-card-responsive-reschedule .container-card-reschedule .subtask .box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border:1px solid #efefef;box-shadow:0 1px 16px rgba(0,78,145,.08);grid-gap:16px;gap:16px;padding:12px}.container-card-responsive-reschedule .container-card-reschedule .subtask .box .row1-sub{-webkit-justify-content:space-between;justify-content:space-between}.container-card-responsive-reschedule .container-card-reschedule .subtask .box .col1-sub .col1-incol{margin-top:8px;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.container-card-responsive-reschedule .container-card-reschedule .subtask .box .col1-sub .col1-incol .rangePicker{width:260px;margin:0 24px 0 0}}@media only screen and (max-width:799px){.reschedule-container-main .body-schedule .zone-1 .l .l-between .l2{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:unset;align-items:unset}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l2 .range-picker-history{margin-top:8px}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l3{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.reschedule-container-main .body-schedule .zone-1 .l .l-between .l3 .radio-group{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:-webkit-fit-content;width:fit-content}.modal-history .ant-modal-content{width:100%}}@media only screen and (max-width:590px){.reschedule-container-main .body-schedule .zone-1 .l .l-between{-webkit-flex-direction:column;flex-direction:column}.reschedule-container-main .body-schedule .zone-1 .l .l-between .range-picker-history{max-width:270px;margin-bottom:8px}}@media only screen and (max-width:480px){.reschedule-container-main .header-schedule{padding:12px 12px 0}.reschedule-container-main .body-schedule .zone-1{padding:0 12px 12px;margin-top:8px}.reschedule-container-main .body-schedule .zone-3{padding:0 12px}}.icons-handle-before{width:0;height:0}.icons-handle{width:120px;height:120px;-webkit-animation:fadein 1s;animation:fadein 1s}@-webkit-keyframes fadein{0%{width:0;height:0}to{width:120px;height:120px}}@keyframes fadein{0%{width:0;height:0}to{width:120px;height:120px}}.minifont-darkgrey{font-size:14px!important;font-weight:400!important;font-style:normal!important;font-family:"IBMPlexSansThaiRegular";color:#7c7c84!important;line-height:18px!important}.text-underline{text-decoration:underline}.text-link{margin-top:16px;color:#074e9f!important;cursor:pointer}.text-link:hover{opacity:.8}.multi-container-reset-and-forgot{width:375px;height:-webkit-fit-content;height:fit-content;background-color:#fff;padding:32px 16px}.wallpaper-forgot-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.wallpaper-forgot-container h2{margin-top:24px;margin-bottom:12px}.wallpaper-forgot-container h4{color:#7c7c84}.wallpaper-forgot-container .input-style-forgot{margin-top:24px}.wallpaper-forgot-container .BTN_Next{margin-top:32px;width:100%}.wallpaper-forgot-container .recaptcha-content{min-height:78px;margin-top:8px;width:100%;text-align:left;overflow:hidden;-webkit-animation:fadecaptcha 1s;animation:fadecaptcha 1s}@-webkit-keyframes fadecaptcha{0%{width:0}to{width:100%}}@keyframes fadecaptcha{0%{width:0}to{width:100%}}.wallpaper-forgot-container .msg-error{position:relative;top:-10px;color:#ff6258;text-align:left;font-size:12px!important;margin-bottom:12px!important}.wallpaper-forgot-container .bd-error{border:1px solid #ff6258!important}.wallpaper-forgot-container .weight-font-mail{font-weight:700}.wallpaper-reset-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.wallpaper-reset-container h2{margin-bottom:12px}.wallpaper-reset-container .label{font-weight:400}.wallpaper-reset-container p{margin:0!important}.wallpaper-reset-container .tx1{margin-bottom:12px!important}.wallpaper-reset-container .spicifier-row{-webkit-align-items:center;align-items:center}.wallpaper-reset-container .spicifier-row .dot{margin-right:8px;height:3px;width:3px;border-radius:50%;background-color:#7c7c84}.wallpaper-reset-container .form-pw-reset-container{margin-top:32px}.wallpaper-reset-container .BTN_Next{width:100%;margin-top:24px}.wallpaper-reset-container .anticon{color:unset}.wallpaper-reset-container .ant-input-suffix .anticon{color:#bcbcc4!important}.wallpaper-reset-container .ant-input-password{box-shadow:unset!important}.wallpaper-handle-expire{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.wallpaper-handle-expire h2{margin-top:24px;margin-bottom:12px}.wallpaper-handle-expire .BTN_Next{width:100%}.wallpaper-handle-expire p{margin-bottom:32px!important}.wallpaper-handle-done{-webkit-flex-direction:column;flex-direction:column}.wallpaper-handle-done,.wallpaper-handle-done .box-icons-before{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.wallpaper-handle-done .box-icons-before{visibility:hidden;width:120px;height:120px;-webkit-justify-content:center;justify-content:center;background-color:rgba(18,126,195,.04);border-radius:50%;margin-bottom:24px}.wallpaper-handle-done .box-icons-before .checkcircleoutline{font-size:60px;color:#19d895}.wallpaper-handle-done .box-icons{width:120px;height:120px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:rgba(18,126,195,.04);border-radius:50%;margin-bottom:24px;-webkit-animation:fadebox .7s;animation:fadebox .7s;-webkit-animation-direction:alternate;animation-direction:alternate}.wallpaper-handle-done .box-icons .checkcircleoutline{font-size:60px;color:#19d895}@-webkit-keyframes fadebox{0%{-webkit-transform:scaleX(.1);transform:scaleX(.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes fadebox{0%{-webkit-transform:scaleX(.1);transform:scaleX(.1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.wallpaper-handle-done h2{margin-bottom:12px}.wallpaper-handle-done p{margin-bottom:32px!important}.wallpaper-handle-done .BTN_Next{width:100%}.response-iproject-logo{width:56px!important;height:56px!important;margin-bottom:0!important}.reponse-iproject-title{font-style:normal!important;font-weight:500!important;font-size:12px!important}@media only screen and (max-width:480px){.multi-container-reset-and-forgot{width:100%}}.analytics-container .analytics-in-header{margin-bottom:32px;grid-gap:42px}.analytics-container .analytics-in-body{overflow:hidden;min-height:100vh;padding:24px;background-color:#fff;border-radius:8px}.analytics-container .analytics-in-body iframe{width:100%;min-height:68.2vh;outline:none!important;border:none!important;padding:1px}.analytics-container .analytics-in-option{border-radius:8px;overflow:hidden;padding:24px;background-color:#fff;margin-top:10px}.analytics-container .btn-analytics-event{border:1px solid #2685f2;margin-right:6px;border-radius:4px;color:#2685f2}.analytics-container .ico-analytics-event{color:#2685f2}.analytics-container .analytics-in-empty-state{min-height:74vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;grid-gap:32px}.analytics-container .analytics-in-empty-state .inboxoutlined{color:rgba(18,126,195,.32);font-size:120px}.analytics-container .analytics-in-empty-state .analytics-icon{width:100px;height:100px}.analytics-container .analytics-in-empty-state h1{color:rgba(18,126,195,.32)}.analytics-container .ant-select-selector{border:1px solid #e4e7ec!important;border-radius:8px!important}.analytics-container .report-style-class{display:-webkit-flex;display:flex;height:100%}.analytics-container .report-style-class iframe{display:-webkit-flex!important;display:flex!important;min-height:100vh!important}@media only screen and (max-width:480px){.analytics-in-header{padding:12px 10px 0}.analytics-container .analytics-in-header{grid-gap:16px;margin-bottom:24px}.analytics-container .ant-select{width:100%!important}}.BTN_ClassA{background:#fff!important;border:1px solid #074e9f!important;color:#074e9f!important;border:none;height:40px;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px!important;box-shadow:none!important}.BTN_ClassA .Icon-color{color:#074e9f}.BTN_ClassA .ant-btn-primary{text-shadow:none!important;box-shadow:0 0 0 0!important}.BTN_ClassA:hover{color:#5568c5!important;border:1px solid #5568c5!important}.BTN_ClassA:active{color:#5568c5!important;border:1px solid #5568c5!important}.ant-btn-primary{text-shadow:none!important;box-shadow:none!important}.BTN_ClassA:disabled{background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.04)!important;color:#bcbcc4!important}.BTN_ClassA:disabled .Icon-color{color:#bcbcc4!important}.BTN_ClassA:disabled h4{color:#bcbcc4!important}.BTN_Previous{background:#fff!important;border:1px solid #074e9f!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;min-width:107px;height:40px}.BTN_Previous,.BTN_Previous .Icon-color{color:#074e9f!important}.BTN_Previous:hover{border:1px solid #5568c5!important;color:#5568c5!important}.BTN_Previous:hover .Icon-color{color:#5568c5!important}.BTN_Previous:active{border:1px solid #2b3d98!important;color:#2b3d98!important}.BTN_Previous:active .Icon-color{color:#2b3d98!important}.BTN_Previous:disabled{background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.04)!important;color:#bcbcc4!important}.BTN_Previous:disabled .Icon-color{color:#bcbcc4!important}.BTN_Previous:disabled h4{color:#bcbcc4!important}.BTN_Next{background:#074e9f!important;border:1px solid #074e9f!important;color:#fff!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;min-width:107px;height:40px}.BTN_Next .Icon-color{color:#fff!important;margin:4px 0 0}.BTN_Next .small,.BTN_Next h4{color:#fff!important}.BTN_Next:hover{border:1px solid #5568c5!important;background-color:#5568c5!important}.BTN_Next:active{border:1px solid #2b3d98!important;background-color:#2b3d98!important}.BTN_Next:disabled{background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.04)!important;color:#bcbcc4!important}.BTN_Next:disabled .Icon-color{color:#bcbcc4!important}.BTN_Next:disabled h4{color:#bcbcc4!important}.BTN_Warning{background:#d21419!important;border:1px solid #d21419!important;color:#fff!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;min-width:107px;height:40px}.BTN_Warning .Icon-color{color:#fff!important;margin:4px 0 0}.BTN_Warning .small,.BTN_Warning h4{color:#fff!important}.BTN_Warning:hover{border:1px solid rgba(210,20,25,.8)!important;background-color:rgba(210,20,25,.8)!important}.BTN_Warning:active{border:1px solid #bc1216!important;background-color:#bc1216!important}.BTN_Warning:disabled{background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.04)!important;color:#bcbcc4!important}.BTN_Warning:disabled .Icon-color{color:#bcbcc4!important}.BTN_Warning:disabled h4{color:#bcbcc4!important}.btn_Secondary2{background:#074e9f!important;transition:.3s;border:1px solid #fff;color:#fff!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;height:40px}.btn_Secondary2 .Icon-color{color:#fff;padding-top:4px}.btn_Secondary2 .small,.btn_Secondary2 h4{color:#fff!important}.btn_Secondary2:focus{color:#fff!important;border:1px solid #074e9f}.btn_Secondary2:hover{color:#fff!important;border:1px solid #5568c5!important;background-color:#5568c5!important}.btn_Secondary2:active{background-color:rgba(7,78,159,.24)!important;-webkit-transform:scale(.9);transform:scale(.9);transition:.3s;color:#fff!important}.btn_Secondary2:active h3{color:#fff!important}.btn_Secondary2:disabled{color:#fff!important;background:rgba(0,0,0,.04)!important;border:1px solid rgba(0,0,0,.04);border-color:rgba(0,0,0,.04)!important}.btn_Secondary2:disabled .Icon-color{color:#bcbcc4!important}.btn_Secondary2:disabled h4{color:#fff!important}.DoneBtn{display:-webkit-flex;display:flex;grid-gap:8px;gap:8px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.BTN_Delete{background:inherit!important;border:1px solid #074e9f;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;min-width:107px;height:40px}.BTN_Delete,.BTN_Delete .Icon-color{color:#074e9f!important}.BTN_Delete:hover{border:1px solid #5568c5!important;color:#5568c5!important}.BTN_Delete:hover .Icon-color{color:#5568c5!important}.BTN_Delete:active{border:1px solid #2b3d98!important;color:#2b3d98!important}.BTN_Delete:active .Icon-color{color:#2b3d98!important}.pagination{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:flex-end;justify-content:flex-end}.pagination .ant-pagination-jump-next{display:-webkit-flex;display:flex;min-width:32px;height:32px;color:rgba(0,0,0,.85);line-height:32px;text-align:center;vertical-align:center;list-style:none;border-radius:2px;transition:all .3s;-webkit-align-items:center;align-items:center}.BTN_Delete_CPF_RED{background:inherit!important;border:1px solid #d21419!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px;min-width:107px;height:40px}.BTN_Delete_CPF_RED,.BTN_Delete_CPF_RED .Icon-color{color:#d21419!important}.mini-search-btn-admin{background:#074e9f!important;border:1px solid #074e9f!important;color:#fff!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px}.mini-search-btn-admin .icon{color:#fff}.mini-search-btn-admin:hover{border:1px solid #5568c5!important;background-color:#5568c5!important}.mini-search-btn-admin:active{border:1px solid #2b3d98!important;background-color:#2b3d98!important}.mini-search-btn-admin-reset{background:#fff!important;border:1px solid #074e9f;color:#074e9f!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;border-radius:8px}.mini-search-btn-admin-reset:hover{border:1px solid #5568c5!important;color:#5568c5!important}.mini-search-btn-admin-reset:hover .Icon-color{color:#5568c5!important}.mini-search-btn-admin-reset:active{border:1px solid #2b3d98!important;color:#2b3d98!important}.mini-search-btn-admin-reset:active .Icon-color{color:#2b3d98!important}a.ant-btn{padding-top:8px;line-height:0}.advenced-filter{display:-webkit-flex;display:flex;grid-gap:5px;gap:5px;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.advenced-filter p{color:#2b3d98!important;font-size:18px}.advenced-filter .bubble-position{background-color:red;width:25px;border-radius:15px;line-height:25px;color:#fff}.ant-modal-footer{padding-right:24px;padding-bottom:24px}.ant-modal-content,.ant-modal-footer,.ant-modal-header{border-radius:8px!important}.ant-upload-list-picture-card .ant-upload-list-item,.ant-upload-list-picture .ant-upload-list-item{padding:8px;height:72px;border:1px solid #efefef;box-sizing:border-box;border-radius:8px}.BoxDashed{border:1px dashed #074e9f;box-sizing:border-box;-webkit-filter:drop-shadow(0 1px 16px rgba(0,78,145,.08));filter:drop-shadow(0 1px 16px rgba(0,78,145,.08));border-radius:5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:300px;height:65px;transition:.3s;cursor:pointer}.BoxDashed h3{color:#074e9f;margin:0 0 0 8px}.BoxDashed:active{-webkit-transform:scale(.95);transform:scale(.95);transition:.3s}.popOver{border:1px solid #bcbcc4;border-radius:8px;width:375px;padding:16px;z-index:100}.popOver .img-style{width:54px;height:54px;border-radius:50%;object-fit:cover}.popOver .box-img-text,.popOver .box-text{display:-webkit-flex;display:flex}.popOver .box-text{-webkit-flex-direction:column;flex-direction:column;margin-left:16px}.popOver .BTN_Previous{margin-top:16px;width:100%;transition:.3s}.popOver .BTN_Previous .Icon-color{margin-right:8px}.popOver .BTN_Previous:active{transition:.3s;-webkit-transform:scale(.95);transform:scale(.95)}.popOver .btn_Secondary2{margin-top:16px;width:100%;border-color:#074e9f!important}.popOver .btn_Secondary2 .Icon-color{margin-right:8px}.popOver p{color:#7c7c84}.add-skill-modal .ant-btn{height:40px}.ModalSaveDraft .ant-modal-header{border-bottom:0 solid #f0f0f0}.ModalSaveDraft .ant-modal-footer{border-top:0 solid #f0f0f0}.ModalSaveDraft .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.ModalSaveDraft .Icon-style{color:#19d895;font-size:80px}.ModalSaveDraft .CloseCircleOutlined{color:#d21419;font-size:80px}.ModalSaveDraft h2{color:#074e9f!important;margin-top:22px}.ModalSaveDraft .ant-btn{visibility:hidden;border-radius:8px}.ModalSaveDraft .ant-btn-primary{height:40px;width:69px;visibility:visible;color:#fff;background-color:#074e9f}.ModalSaveDraft .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.ModalSaveDraft h4{margin-top:16px;text-align:center}.ModalStatusOption .ant-modal-header{border-bottom:0 solid #f0f0f0}.ModalStatusOption .ant-modal-footer{border-top:0 solid #f0f0f0}.ModalStatusOption .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.ModalStatusOption .exclamationCircleOutlined,.ModalStatusOption .infocircleoutlined{color:#ffaf00;font-size:80px}.ModalStatusOption .CloseCircleOutlined{color:#ff6258;font-size:80px}.ModalStatusOption .PlayCircleOutlined{color:#19d895;font-size:70px}.ModalStatusOption .CopyOutlined,.ModalStatusOption .ExceptionOutlined{color:#ffaf00;font-size:70px}.ModalStatusOption .body-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.ModalStatusOption .body-form .subform{width:100%}.ModalStatusOption .body-form .ant-form-item .ant-mentions,.ModalStatusOption .body-form .ant-form-item textarea.ant-input{height:72px!important;border-radius:8px}.ModalStatusOption .Icon-style{color:#19d895;font-size:70px}.ModalStatusOption h2{color:#074e9f!important;margin-top:22px;margin-bottom:16px}.ModalStatusOption h4{text-align:center;margin-bottom:24px}.ModalStatusOption .small{color:#ffaf00}.ModalStatusOption .ant-btn{height:40px;border-radius:5px;border:1px solid #074e9f;color:#074e9f}.ModalStatusOption .ant-btn-primary{visibility:visible;color:#fff;background-color:#074e9f}.ModalStatusOption .ant-btn-primary[disabled],.ModalStatusOption .ant-btn-primary[disabled]:active .ant-modal-title,.ModalStatusOption .ant-btn-primary[disabled]:focus,.ModalStatusOption .ant-btn-primary[disabled]:hover{color:#bcbcc4;background-color:rgba(0,0,0,.04);border-color:rgba(0,0,0,.04)}.ModalNormal .ant-modal-header{border-bottom:0 solid #f0f0f0}.ModalNormal .ant-modal-footer{border-top:0 solid #f0f0f0}.ModalNormal .Icon-style{color:#19d895;font-size:80px}.ModalNormal h2{color:#074e9f!important;margin-top:22px}.ModalNormal .ant-btn{height:40px;border-radius:8px;visibility:hidden}.ModalNormal .ant-btn-primary{height:40px;visibility:visible;color:#fff;background-color:#074e9f}.ModalNormal .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.modalNoBtn .ant-modal-header{border-bottom:0 solid #f0f0f0}.modalNoBtn .ant-modal-footer{border-top:0 solid #f0f0f0;display:none}.modalNoBtn .ant-modal-body{padding:12px}.modalNoBtn h2{color:#074e9f;margin-bottom:12px}.modalNoBtn .ant-btn,.modalNoBtn .ant-btn-primary{visibility:hidden}.modalNoBtn .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.DeleteModal .body-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.DeleteModal .body-form .subform{width:100%}.DeleteModal .body-form .ant-form-item .ant-mentions,.DeleteModal .body-form .ant-form-item textarea.ant-input{height:72px!important;border-radius:8px}.DeleteModal .ant-modal-header{border-bottom:0 solid #f0f0f0}.DeleteModal .ant-modal-footer{border-top:0 solid #f0f0f0}.DeleteModal .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.DeleteModal .CloseCircleOutlined{font-size:80px;color:#ff6258}.DeleteModal h2{color:#074e9f;margin-top:22px;margin-bottom:16px}.DeleteModal h4{text-align:center;margin-bottom:24px}.DeleteModal .ant-btn{color:#074e9f;border-color:#074e9f;height:40px!important}.DeleteModal .ant-btn,.DeleteModal .ant-btn-primary{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;border-radius:8px}.DeleteModal .ant-btn-primary{background-color:#d21419!important;color:#fff;border-color:#d21419!important}.ShowErrorModal .body-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%}.ShowErrorModal .body-form .subform{width:100%}.ShowErrorModal .body-form .ant-form-item .ant-mentions,.ShowErrorModal .body-form .ant-form-item textarea.ant-input{height:72px!important;border-radius:8px}.ShowErrorModal .ant-modal-header{border-bottom:0 solid #f0f0f0}.ShowErrorModal .ant-modal-footer{border-top:0 solid #f0f0f0}.ShowErrorModal .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.ShowErrorModal .CloseCircleOutlined{font-size:80px;color:#ff6258}.ShowErrorModal h2{color:#074e9f;margin-top:22px;margin-bottom:16px}.ShowErrorModal h4{text-align:center;margin-bottom:24px}.ShowErrorModal .ant-btn{color:#074e9f;border-color:#074e9f;height:40px!important}.ShowErrorModal .ant-btn,.ShowErrorModal .ant-btn-primary{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;border-radius:8px}.ShowErrorModal .ant-btn-primary{background-color:#127ec3!important;color:#fff;border-color:#127ec3!important}.modal-hold .ant-modal-header{border-bottom:0 solid #f0f0f0}.modal-hold .ant-modal-footer{border-top:0 solid #f0f0f0}.modal-hold .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.modal-hold .exclamationCircleOutlined{font-size:80px;color:#ffaf00}.modal-hold h2{color:#074e9f;margin-top:22px}.modal-hold h2,.modal-hold h4{margin-bottom:16px}.modal-hold .ant-btn{color:#074e9f;border-color:#074e9f;height:40px!important}.modal-hold .ant-btn,.modal-hold .ant-btn-primary{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;border-radius:8px}.modal-hold .ant-btn-primary{background-color:#074e9f!important;color:#fff;border-color:#074e9f!important}.ModalRegister .ant-modal-header{border-bottom:0 solid #f0f0f0}.ModalRegister .ant-modal-footer{height:120px;border-top:0 solid #f0f0f0}.ModalRegister .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.ModalRegister .Icon-style{color:#19d895;font-size:80px}.ModalRegister h2{color:#074e9f!important;margin-top:22px}.ModalRegister h4{margin-top:16px;margin-bottom:32px}.ModalRegister .ant-btn{font-weight:400;font-size:16px;color:#074e9f;border-color:#074e9f}.ModalRegister .ant-btn,.ModalRegister .ant-btn-primary{visibility:visible;height:40px;width:104px;border-radius:5px}.ModalRegister .ant-btn-primary{color:#fff;background-color:#074e9f}.ModalRegister .ant-checkbox+span{padding-left:19px;font-size:16px}.Table .ant-table-thead{border-radius:8px 8px 0 0}.Table .ant-table-thead>tr>th{background:rgba(18,126,195,.16)!important;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:#000}.Table .ant-table-cell{background:rgba(18,126,195,.04)!important;font-weight:400;font-size:14px;line-height:18px;color:#000}.ant-menu-horizontal,.Table .ant-table-cell{font-family:IBMPlexSansThaiRegular;font-style:normal}.ant-menu-horizontal{font-weight:500;font-size:18px;line-height:23px;color:#7c7c84;margin-bottom:12px}.ant-dropdown-menu-item{padding:0 12px 8px}.ant-dropdown-menu-item:hover{background-color:#f3f6f9}.ant-dropdown-menu{border-radius:8px}.ModalUploadFile .ant-modal-footer{margin-top:20px;border-top:0}.ModalUploadFile .ant-modal-content{border-radius:8px;box-shadow:0 1px 16px rgba(0,78,145,.08)}.ModalUploadFile .ant-btn-primary{font-size:16px;width:99px;height:40px;background-color:#074e9f;border-color:#074e9f;color:#fff!important}.ModalUploadFile .ant-btn{font-size:16px;border-radius:8px;width:99px;height:40px;border-color:#074e9f;color:#074e9f}.ModalUploadFile .ant-btn-icon-only.ant-btn-sm{border-color:#fff}.ModalUploadFile .ant-btn-icon-only.ant-btn-sm .anticon{color:#7c7c84!important}.ModalUploadFile .ant-upload-list-item-error,.ModalUploadFile .ant-upload-list-item-error .ant-upload-list-item-name,.ModalUploadFile .ant-upload-list-item-error .ant-upload-text-icon>.anticon{color:#19d895!important}.ModalUploadFile .ant-upload-drag-container{margin-top:150px}.ant-checkbox-wrapper{margin:0 0 16px!important}.swal2-actions{display:-webkit-flex;display:flex;z-index:1;box-sizing:border-box;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;width:100%;margin:1.25em auto 0;padding:0}.swal2-popup{width:534px!important}.ChecklistModal .ant-modal-header{border-bottom:0 solid #f0f0f0}.ChecklistModal .ant-modal-footer{border-top:0 solid #f0f0f0}.ChecklistModal .ant-modal-body{padding:0}.ChecklistModal .Icon-style{color:#19d895;font-size:80px}.ChecklistModal h2{color:#074e9f!important;margin-top:22px}.ChecklistModal .ant-btn{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;color:#074e9f;border-color:#074e9f;border-radius:8px;height:40px!important}.ChecklistModal .ant-btn-primary{height:40px;visibility:visible;color:#fff;background-color:#074e9f}.ChecklistModal .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.save-and-cancel-modal{min-width:794px}.save-and-cancel-modal .ant-modal-header{border-bottom:0 solid #f0f0f0}.save-and-cancel-modal .ant-modal-footer{border-top:0 solid #f0f0f0}.save-and-cancel-modal .Icon-style{color:#19d895;font-size:80px}.save-and-cancel-modal h2{color:#074e9f!important;margin-top:22px}.save-and-cancel-modal .ant-btn{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;color:#074e9f;border-color:#074e9f;border-radius:8px;height:40px!important}.save-and-cancel-modal .ant-btn-primary{height:40px;min-width:69px;visibility:visible;color:#fff;background-color:#074e9f}.save-and-cancel-modal .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.tab{border:solid rgba(7,78,159,.24);border-width:0 0 1px;position:relative;overflow-y:hidden;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;display:-webkit-box;width:100%;overflow-x:auto;-webkit-flex-direction:row;flex-direction:row}.Tabbar{min-width:140px;transition:.3s;border:solid #074e9f;border-width:0 0 4px;padding:0 16px;cursor:pointer}.Tabbar,.Tabbar h3{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.Tabbar h3{-webkit-flex-wrap:nowrap;flex-wrap:nowrap;font-family:IBMPlexSansThaiBold;color:#074e9f;margin-bottom:16px}.active-Tabbar{min-width:140px;cursor:pointer;padding:0 16px;transition:.3s;border:solid transparent;border-width:0 0 4px}.active-Tabbar,.active-Tabbar h3{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.active-Tabbar h3{color:#7c7c84;margin-bottom:16px}.ModalAddTask{width:634px!important}.ModalAddTask .Modaltitle{color:#074e9f;font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.ModalAddTask .ant-modal-header{margin:0;border-bottom:0 solid}.ModalAddTask .ant-modal-footer{border-top:0 solid}.ModalAddTask .ant-btn{border:1px solid #074e9f;color:#074e9f}.ModalAddTask .ant-btn-primary{background-color:#074e9f;color:#fff}.ModalAddTask button:disabled{border-color:#d9d9d9;background-color:#f5f5f5;color:rgba(0,0,0,.25)}.document-container-modal{padding:0 24px}.document-container-modal .ant-upload.ant-upload-drag{position:relative;width:100%;height:191px;text-align:center;background:#f3f6f9;border:0 dashed #d9d9d9;border-radius:2px;cursor:pointer;transition:border-color .3s}.document-container-modal .ant-upload-drag{margin-top:14px}.document-container-modal .ant-upload-drag img{margin-bottom:14px}.document-container-modal .ant-upload-drag h4{color:#7c7c84}.document-container-modal .ant-upload-drag .browser{color:#074e9f}.document-container-modal .ant-upload-list-text{color:#bcbcc4}.document-container-modal .ant-upload-list-item-name{color:#7c7c84}.document-container-modal .ant-upload-text-icon .anticon{color:#074e9f}.document-container-modal .ant-btn{border:none;color:#7c7c84!important}.document-container-modal .ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon{color:#7c7c84}.box-showimage{display:-webkit-inline-flex;display:inline-flex;border-radius:5px;width:100%;border:1px solid #efefef;box-sizing:border-box;transition:opacity .3s,height .3s}.box-showimage img{height:72px;width:72px;margin-right:24px;border-radius:8px}.box-showimage .right-container{padding:12px}.box-showimage .right-container .row-1{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.box-showimage .right-container .row-1 .icon-color{color:#19d895;margin-left:11px;display:unset}.box-showimage .right-container .row-1 .active-icon-color{display:none}.box-showimage .right-container .row-1 .CloseCircleOutlined{color:#ff6258;margin-left:11px;display:unset}.box-showimage .right-container .row-1 .active-CloseCircleOutlined{display:none}.box-showimage .right-container .delete-icon{cursor:pointer;transition:.1s}.box-showimage .right-container .delete-icon:active{transition:.1s;-webkit-transform:scale(.85);transform:scale(.85)}.dropzone-dragger{display:-webkit-flex;display:flex;width:434px;height:65px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:start;justify-content:start;-webkit-align-items:center;align-items:center;border:1px solid #efefef;border-radius:8px;cursor:pointer;transition:.3s;padding:12px}.dropzone-dragger .icon-color{margin-bottom:14px}.dropzone-dragger h4{color:#074e9f}.dropzone-dragger p{font-size:14px;color:#074e9f}.boxUploadImage-custom{transition:opacity .3s,height .3s;padding:0 24px 24px;background-color:#fff}.boxUploadImage-custom .simple-image-container{background-color:#fff}.boxUploadImage-custom .container-thumb{margin-top:16px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:12px;gap:12px}.boxUploadImage-custom .container{margin-top:32px}.boxUploadImage-custom .container .layout-uploadModal .dropzone{display:-webkit-flex;display:flex;height:191px;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#f3f6f9;cursor:pointer;transition:.3s}.boxUploadImage-custom .container .layout-uploadModal .dropzone .icon-color{margin-bottom:14px}.boxUploadImage-custom .container .layout-uploadModal .dropzone h4{color:#074e9f}.boxUploadImage-custom .container .dropzone:active{transition:.3s;-webkit-transform:scale(.96);transform:scale(.96)}.document-upload-container{background-color:#fff;padding:0 24px 24px}.document-upload-container .showfile-container{margin-top:16px;margin-bottom:16px}.document-upload-container .layout-uploadModal .dropzone-container{background-color:#f3f6f9;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:191px;cursor:pointer;transition:.3s}.document-upload-container .layout-uploadModal .dropzone-container img{margin-bottom:14px}.document-upload-container .layout-uploadModal .dropzone-container h4{color:#7c7c84}.document-upload-container .layout-uploadModal .dropzone-container .browse{color:#074e9f}.document-upload-container .layout-uploadModal .dropzone-container:active{transition:.3s;-webkit-transform:scale(.85);transform:scale(.85)}.doculist-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.doculist-container img{margin-right:22px}.doculist-container .checkcircleoutlined{margin-left:9px;margin-right:19px;color:#19d895}.doculist-container .CloseCircleOutlined{color:#ff6258;margin-left:9px;margin-right:19px;display:unset}.doculist-container .active-CloseCircleOutlined{display:none}.doculist-container .deleteoutlined{cursor:pointer;margin-left:11px;transition:50ms}.doculist-container .deleteoutlined:active{transition:50ms;-webkit-transform:scale(.95);transform:scale(.95)}.doculist-container p{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-custom{right:.7%;background-color:#fff;border-radius:8px;border:0 solid #bcbcc4;box-shadow:0 1px 16px rgba(0,78,145,.08);transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.active-logout-custom,.logout-custom{position:absolute;top:0;margin-top:58px;width:375px;z-index:100}.active-logout-custom{right:1%;height:0;-webkit-transform:scale(0);transform:scale(0);overflow:hidden;opacity:0}.importfile-modal{top:30px!important}.importfile-modal .editwidth{min-width:520px}.importfile-modal .ant-modal-header{border-bottom:0 solid #f0f0f0}.importfile-modal .ant-modal-footer{border-top:0 solid #f0f0f0}.importfile-modal .ant-modal-body{padding:0}.importfile-modal .Icon-style{color:#19d895;font-size:80px}.importfile-modal h2{color:#074e9f;margin-top:22px}.importfile-modal .ant-btn{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;color:#074e9f;border-color:#074e9f;border-radius:8px;height:40px!important}.importfile-modal .tableImport .ant-table table{width:100%;text-align:left;border-radius:2px 2px 0 0;border-collapse:separate;border-spacing:0;color:rgba(210,20,25,.8)}.importfile-modal .ant-btn-primary{height:40px;visibility:visible;color:#fff;background-color:#074e9f}.importfile-modal .ant-btn-primary:disabled{height:40px;visibility:visible;color:#bcbcc4;background-color:rgba(0,0,0,.04);border-color:rgba(0,0,0,.04)}.importfile-modal .ant-modal-title{color:#074e9f;font-family:IBMPlexSansThaiBold;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.importfile-modal .state-check-file{min-width:777px;padding:20px 24px}.importfile-modal .state-check-file .box-file{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;padding-left:18px;padding-right:18px;border:1px solid #efefef;width:298px;height:65px;border-radius:8px}.importfile-modal .state-check-file .box-file .color-icon-check{color:#19d895;margin-left:8px}.importfile-modal .state-check-file .box-file .CloseCircleOutlined{color:#ff6258;margin-right:8px;display:-webkit-flex;display:flex}.importfile-modal .state-check-file .box-file .color-icon-delete{color:#7c7c84;cursor:pointer}.importfile-modal .ant-modal-content{width:-webkit-fit-content;width:fit-content}.modal-delete-avatar .ant-modal-header{border-bottom:0 solid #f0f0f0}.modal-delete-avatar .ant-modal-footer{border-top:0 solid #f0f0f0}.modal-delete-avatar .ant-modal-body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding-top:60px}.modal-delete-avatar .ant-btn{color:#074e9f;border-color:#074e9f;height:40px!important}.modal-delete-avatar .ant-btn,.modal-delete-avatar .ant-btn-primary{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400;font-size:16px;line-height:21px;text-align:center;border-radius:8px}.modal-delete-avatar .ant-btn-primary{background-color:#d21419!important;color:#fff;border-color:#d21419!important}.modal-delete-avatar .icon-pictureOutlined{font-size:78px;color:#6db9ff}.modal-delete-avatar h2{margin-top:12px;margin-bottom:16px;color:#074e9f}@media only screen and (max-width:650px){.Tabbar h3{font-size:16px}.active-Tabbar h3{color:#7c7c84;font-size:16px}}@media only screen and (max-width:480px){.logout-custom{width:98vw;left:1%;right:1%}.popOver{width:100%}.popOver .img-style{width:54px}.popOver .box-img-text,.popOver .box-text{display:-webkit-flex;display:flex}.popOver .box-text{-webkit-flex-direction:column;flex-direction:column;margin-left:16px}.popOver .btn_Secondary2{margin-top:16px;width:100%}.popOver .btn_Secondary2 .Icon-color{margin-right:8px}.popOver p{color:#7c7c84}.DoneBtn{margin:0!important}}.Layout-login{min-height:100vh;background-color:#f3f6f9}.dropdrown-option{width:140px}.dropdrown-option .ant-dropdown-menu-item{padding:4px 0 4px 12px}.ant-dropdown{z-index:120}.web-main-footer{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:50px}.DraftandRegis-Container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.DraftandRegis-Container .option{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #074e9f;margin-left:8px}.DraftandRegis-Container .icon{color:#074e9f;font-size:20px}.DraftandRegis-Container .absolute{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.DraftandRegis-Container .BTN_Next{margin-left:8px}.footer-btnPre-btnSave{margin-top:32px}.DraftandRegis-Container-addtask,.footer-btnPre-btnSave{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.DraftandRegis-Container-addtask{height:-webkit-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:fit-content}.DraftandRegis-Container-addtask .BTN_Next{margin-left:8px}.tagStatus{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:2px 16px 4px;border-radius:20px;color:#fff;margin-left:12px;margin-top:10px}.RegisSave-Container{height:-webkit-fit-content;height:fit-content;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;min-width:-webkit-fit-content;min-width:fit-content}.RegisSave-Container .absolute{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.RegisSave-Container .option{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:1px solid #074e9f;margin-left:8px}.RegisSave-Container .icon{color:#074e9f;font-size:20px}.RegisSave-Container .BTN_Next{margin-left:8px}.contentlazy{margin:0!important;overflow:hidden;padding:28px 28px 0!important}.marginDisplay{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:center;justify-content:center}.ant-card-bordered{border:0 solid #f0f0f0!important}@media only screen and (max-width:820px){.marginDisplay{margin:0!important;padding:0!important}}@media only screen and (max-width:699px){.DraftandRegis-Container .absolute,.RegisSave-Container .absolute{margin-top:24px;width:100%;-webkit-justify-content:space-between;justify-content:space-between}}@media only screen and (max-width:480px){.contentlazy{margin:0!important;padding:0!important}.nav-desktop{padding-left:10px;padding-right:10px}.web-main-footer{height:32px}}.CheckCircleOutlined{color:#19d895}.CloseOutLined{color:#7c7c84}.CloseOutLined :active{-webkit-transform:scale(.8);transform:scale(.8)}.anticon{color:#bcbcc4}.icon-color-tyle-darkgrey{color:#7c7c84}.smallicon{width:30px;height:30px}.mediumicon{width:32px;height:32px}.largeicon{width:72px;height:72px;border-radius:50%}.largeicon:hover{cursor:pointer;width:72px;height:72px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.4)}.bigicon{width:120px;height:120px}.imageStyle{width:32px;height:32px;border-radius:50%;object-fit:cover}.waite{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:14px;gap:14px;top:50%;left:50%;-webkit-align-items:center;align-items:center}.waite img{width:120px}.active-waite{display:none}.projectlist-style{margin-top:-250px}.taskInbox-style,.taskinbox-supportneed{min-height:75vh}.profesionalstyle-style,.taskInbox-style,.taskinbox-supportneed{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.profesionalstyle-style{min-height:56vh;width:100%}.emytystate{min-height:196px;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.emytystate .inbox{color:rgba(7,78,159,.16);font-size:76px}.emytystate h2,.emytystate p{color:rgba(7,78,159,.24)}.emytystatesprinttaskflow{min-height:796px;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.emytystatesprinttaskflow .inbox{color:rgba(18,126,195,.32);font-size:76px}.emytystatesprinttaskflow p{color:rgba(18,126,195,.32)}.google-maps-loading-container{position:absolute;top:0!important;left:0!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;z-index:2000}.upload-doc-loading-container{margin-top:-76px}.upload-doc-loading-container,.upload-image-loading-container{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;left:38.5%}.upload-image-loading-container{margin-top:-95px}.loading-copy-project{position:absolute;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:74px}.block-event{position:absolute;width:100%;height:100%;top:0!important;left:0!important;z-index:2000}.container-waiting-load{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;min-height:769px}@media only screen and (max-width:480px){.container-waiting-load{min-height:444px;padding:0}.emytystatesprinttaskflow{min-height:380px!important}}h1{font-size:24px;line-height:31px}h1,h2{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:700;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#000;margin:0}h2{font-size:20px;line-height:26px}h3{font-weight:500;font-size:18px;line-height:23px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}h3,h4{font-family:IBMPlexSansThaiRegular;font-style:normal;color:#000;margin:0}h4{font-weight:400;font-size:16px;line-height:21px}h5{font-weight:600}h5,p{font-family:IBMPlexSansThaiRegular;font-style:normal;font-size:14px;line-height:18px;color:#000;margin:0}p{font-weight:400}g{font-size:14px;line-height:18px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#000}a,g{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:400}a{font-size:16px;line-height:21px;text-align:center;color:#127ec3}.small{font-weight:300;font-size:12px;line-height:16px;color:#7c7c84;text-decoration:none}.small,.smallStatus{font-family:IBMPlexSansThaiRegular;font-style:normal}.smallStatus{font-weight:700;font-size:10px;line-height:13px;color:#000}.iconStyleA{width:32px;height:32px}.bredcrumb{color:#7c7c84}.cutter{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.label{margin-bottom:14px!important;margin-top:24px;color:#3b3a3c}.size-width-done,.size-width-inprogress,.size-width-todo{min-width:52px}.size-width-donedelayed,.size-width-inpodelayed{min-width:74px}.status-ToDo{background-color:#ffaf00}.status-InProgress{background-color:#074e9f}.status-Done{background-color:#19d895}.status-InProgress-Delayed{background-color:#ff6258}.status-Done-Delayed{background-color:#bcbcc4}.status-Cancel{background-color:#ff6258}.status-Open{background-color:#ffaf00}.status-ToDo-color{font-family:IBMPlexSansThaiBold;color:#ffaf00!important}.status-InProgress-color{font-family:IBMPlexSansThaiBold;color:#074e9f}.status-Done-color{font-family:IBMPlexSansThaiBold;color:#19d895!important}.status-InProgress-Delayed-color{font-family:IBMPlexSansThaiBold;color:#ff6258!important}.status-Done-Delayed-color{font-family:IBMPlexSansThaiBold;color:#00964c!important}.status-Cancel-color{font-family:IBMPlexSansThaiBold;color:#ff6258!important}.status-Open-color{font-family:IBMPlexSansThaiBold;color:#ffaf00!important}.percent-done{color:#19d895}.percent-todo{color:#ffaf00}.percent-deley{color:#ff6258}.percent-zero{color:#bcbcc4}.Status{-webkit-flex-direction:row;flex-direction:row;padding:4px 8px 6px;border-radius:16px;width:-webkit-fit-content;width:fit-content;margin-left:8px;margin-right:8px}.Status,.Status .smallStatus{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#fff}.Status .smallStatus{margin-top:3px}.BreadCrumb{overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.BreadCrumb .level1{color:#7c7c84;cursor:pointer;height:100%}.BreadCrumb .level2{color:#074e9f}.BreadCrumb .icon-style{margin:0 8px}.clutter{display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;overflow:hidden;max-height:7.6em;line-height:1.8em;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:400px}.no-breadcrumb{font-style:normal;font-weight:700;font-size:24px;line-height:31px;font-family:IBMPlexSansThaiBold!important}.cutter-text-line-1{text-overflow:ellipsis;white-space:nowrap;word-break:break-word;display:block!important}.cutter-text-line-1,.cutter-text-min-max{overflow:hidden;color:#7c7c84}.cutter-text-line-multi{-webkit-line-clamp:4}.cutter-text-line-multi,.cutter-text-line-multi-2{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical}.cutter-text-line-multi-2{-webkit-line-clamp:2}.cutter-text-line-multi-3{overflow:hidden;text-overflow:ellipsis;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.Box{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;padding:4px 8px;background-color:rgba(7,78,159,.1);border-radius:16px;cursor:pointer}.Box,.tagname{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.tagname{font-family:IBMPlexSansThaiRegular;font-style:normal;font-weight:300;font-size:12px;line-height:16px;color:#074e9f}.bin{cursor:pointer;display:-webkit-flex;display:flex}.activebin{display:none}.project-type-saved{background-color:rgba(18,126,195,.32)}.project-type-registered{background-color:#6db9ff}.project-type-kickoff{background-color:#074e9f}.project-type-onhold{background-color:#ffaf00}.project-type-complete{background-color:#19d895}.project-type-completedwithdelay{background-color:#749878}.project-type-cancelled{background-color:#ff6258}.project-type-waitingforapprove-register{background-color:rgba(18,126,195,.32)}.project-type-waitingforapprove-kickoff{background-color:#6db9ff}.project-type-waitingforapprove-hold{background-color:#2b3d98}.project-type-waitingforapprove-complete{background-color:#074e9f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px hsla(0,0%,50.2%,0);border-radius:10px}::-webkit-scrollbar-thumb{background:#efefef;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#efefef}.robot{-webkit-animation-name:robotic;animation-name:robotic;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}*{box-sizing:border-box}div{display:block}html{scroll-behavior:smooth}.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner:after{background-color:#074e9f!important}.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner{background-color:#074e9f!important;border-color:#074e9f!important}@-webkit-keyframes robotic{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes robotic{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.ant-picker{border-radius:8px;border:1px solid #e4e7ec}.ant-input-wrapper .ant-input{height:40px!important}.ant-input-wrapper .ant-btn{height:40px;border-left-width:0}.ant-input{margin:0!important;outline:none!important}.ant-input-search{border-radius:50px}.ant-input:hover{border-color:#bcbcc4!important}.ant-input:after{border:1px solid #bcbcc4!important;box-shadow:#bcbcc4!important}.search-input-affix-wrapper{border:1px solid #bcbcc4!important;height:40px;border-radius:8px!important}.ant-input-affix-wrapper{border:1px solid #e4e7ec!important;height:40px;border-radius:8px!important}.ant-input-affix-wrapper .anticon{margin-right:10px}.ant-input-affix-wrapper:hover{border:1px solid #bcbcc4!important}.ant-input-affix-wrapper-focused{box-shadow:none!important;border:1px solid #bcbcc4!important}.TextInput{width:100%!important}.text-warning{margin-top:6px;color:#ff6258;visibility:visible}.activeWarning{visibility:hidden}.ant-select{border-radius:8px!important;border:0 solid #e4e7ec!important}.ant-select:focus{border-radius:4px!important;border:0 solid!important}.ant-select-selector{border-radius:8px!important;border:1px solid #d9d9d9!important}.ant-select-selection-search{display:-webkit-flex;display:flex;-webkit-align-items:center!important;align-items:center!important}.ant-input-group-addon:first-child,.ant-input-group>.ant-input:first-child{border-top-left-radius:4px!important;border-bottom-left-radius:4px!important}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{padding-top:0;padding-bottom:0;border-radius:0 4px 4px 0}.disable-page .ant-input[disabled]{color:#000}.disable-page .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector{color:#000}.disable-page .ant-picker-input>input[disabled]{color:#000}.disable-page .ant-input-number-input{color:#000}.disable-page .ant-row{padding-bottom:8px}.ant-checkbox-checked .ant-checkbox-inner{background-color:#074e9f!important;border-color:#074e9f!important}.ant-checkbox-disabled .ant-checkbox-inner{background-color:#efefef!important;border-color:#bcbcc4!important}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid #074e9f;border-radius:2px;content:""}.ant-picker-today-btn{color:#074e9f}.ant-picker-today-btn:hover{color:#074e9f}.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{color:#fff;background:#074e9f}.ant-table-tbody>tr.ant-table-row-selected>td{background:rgba(18,126,195,.04);border-color:rgba(0,0,0,.03)}.ant-table-tbody>tr.ant-table-row-selected:hover>td{background:#fff}.ant-radio-inner:after{background-color:#074e9f}.ant-radio-checked .ant-radio-inner{border-color:#074e9f}.dispalynoneupdowninputnumber .ant-form-item .ant-input-number-handler-wrap{z-index:2;display:none}.ant-select-multiple .ant-select-selection-item{background:rgba(7,78,159,.1);border-radius:16px;color:#074e9f;border:0}.ant-select-multiple .ant-select-selection-item-remove svg{display:inline-block;color:#000}.ant-switch-checked{background-color:#074e9f}.tag-style-input .ant-select-multiple.ant-select-lg .ant-select-selection-item{height:32px;line-height:unset!important;font-size:14px!important;font-family:"IBMPlexSansThaiRegular";font-style:normal;font-weight:300!important;height:-webkit-fit-content!important;height:fit-content!important;padding-top:2px;padding-bottom:2px}.tag-style-input .ant-select-multiple .ant-select-selection-search:first-child>.ant-select-selection-search-input{margin:0!important;padding-left:0!important}.tag-style-input .ant-select-multiple .ant-select-selection-search:first-child>.ant-select-selection-search-input .ant-select-show-search.ant-select:not(.ant-select-customize-input) .ant-select-selector input{margin-left:0!important;padding-left:8px!important}.tag-style-input .ant-form-item-explain.ant-form-item-explain-error{color:#ff4d4f;margin-left:16px}
/*# sourceMappingURL=main.3bafdac3.chunk.css.map */