body{height:auto;}*::-webkit-scrollbar{width:8px;}*::-webkit-scrollbar-button{background:#ccc;}*::-webkit-scrollbar-track-piece{background:#eee;}*::-webkit-scrollbar-thumb{background:#757575;}.btn-default:hover{background-color:inherit;}.link{color:#337ab7;text-decoration:underline;cursor:pointer;}.link:hover{text-decoration:none;}.validate-message{color:#f00;font-size:12px;}.loading-for-api{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);z-index:99999;}.loading-for-api .loading-text{display:flex;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff;}.loading-for-api .loading-text img{width:30px;height:auto;}.loading-for-api .loading-text .loading-spinner{display:block;position:relative;height:30px;width:30px;margin:0 0 0 5px;border:5px solid transparent;border-top-color:#5be4ff;border-bottom-color:#5be4ff;border-radius:50%;-webkit-animation:loading-spinner 1s linear infinite;animation:loading-spinner 1s linear infinite;}.loading-for-api .loading-text .loading-spinner:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:5px solid transparent;border-radius:50%;background:rgba(91,228,255,.25);}@keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg);}}@-webkit-keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.loader{display:inline-block;border:4px solid #cacaca;border-radius:50%;border-top:4px solid #043e5e;width:20px;height:20px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.warning-message{font-weight:400;font-size:14px;color:#ffa500;}.warning-message-disabled-reason{position:absolute;display:inline-block;font-weight:400;font-size:12px;color:#ffa500;padding:3px 7px;}.error-message{font-weight:400;font-size:14px;color:#f00;}.label-require-field{position:relative;}.label-require-field::after{position:absolute;content:"*";color:#f00;display:inline-block;padding-left:5px;}.text-with-icon{display:inline-block;width:calc(100% - 60px);}[data-notify="container"].alert-pastel-warning{background-color:#ffffc7;border-width:0;border-left:15px solid #fff06a;border-radius:0;box-shadow:0 0 5px rgba(51,51,51,.3);font-size:14px;}[data-notify="container"].alert-pastel-info{background-color:#b3ffcb;border-left-color:#00ad37;border-width:0;border-left:15px solid #00ad37;border-radius:0;box-shadow:0 0 5px rgba(51,51,51,.3);font-size:14px;}[data-notify="container"].alert-pastel-danger{background-color:#fff2f0;border-left-color:#ff674c;border-width:0;border-left:15px solid #ff674c;border-radius:0;box-shadow:0 0 5px rgba(51,51,51,.3);font-size:14px;}[data-notify="container"][class*="alert-pastel-"]>[data-notify="title"]{color:#505039;display:block;font-weight:700;margin-bottom:5px;}[data-notify="container"][class*="alert-pastel-"]>[data-notify="message"]{font-weight:400;}[data-notify="container"][class*="alert-pastel-"]>[data-notify="dismiss"]{color:#000;}.section-login .login-form{max-width:500px;margin:0 auto;}.dx-button-in-list.dx-button-content{padding:2px 10px 2px;}.dx-button-in-list-icon .dx-button-content{padding:2px;}.dx-button-in-list-icon .dx-button-content .dx-icon{font-size:10px;}.dx-cell-modified.has-error .dx-highlight-outline::after{border-color:rgba(235,47,0,.5) !important;}.dx-data-row{background-color:#f5f5f5;}.dx-treelist-select-all .dx-checkbox{left:7px !important;}.dx-datagrid .dx-header-filter{color:#fff;}.dx-datagrid .dx-header-filter-empty{color:rgba(149,149,149,.5);}.button-export-pdf.dx-button-danger{background-color:#d4d3d3;}.button-export-pdf.dx-button-danger.dx-state-hover{background-color:rgba(212,211,211,.8);}.button-export-pdf.dx-button-danger.dx-state-focused{background-color:rgba(212,211,211,.8);}.text-green{color:#008000 !important;}.text-red{color:#f00 !important;}.col-number{text-align:right;color:#008000;}.minus{color:#f00;}md-toast{z-index:1100;}md-backdrop.md-dialog-backdrop{z-index:1099;}.md-dialog-container{z-index:1100;}.validation-summary-dialog md-toolbar{background:#043e5e;min-height:35px;}.validation-summary-dialog md-toolbar .md-toolbar-tools{font-size:16px;text-transform:uppercase;height:35px;}.validation-summary-dialog md-dialog-content{font-size:13px;}.validation-summary-dialog md-dialog-content .message-title{display:block;padding-bottom:15px;}.invalid-control .dx-texteditor{border-width:2px;border-color:rgba(217,83,79,.4);}.invalid-control .signature-wrap{border-width:2px;border-color:rgba(217,83,79,.4);}.drop-down-button-in-list{position:absolute;right:0;font-size:10px;line-height:1;margin-top:-2px;}.drop-down-button-in-list .dx-widget{font-size:14px;line-height:1;}.drop-down-button-in-list .dx-button-content{line-height:1;padding:0 !important;}.drop-down-button-in-list .dx-icon{font-size:10px;}.form .label{color:#666;font-size:12px;font-weight:400;padding:6px 0 0 0;}.site-header{display:flex;justify-content:space-between;position:relative;}.site-header .header-left{display:flex;flex-grow:1;}.site-header .header-left .site-title{display:flex;width:190px;padding:0;justify-content:center;align-items:center;}.site-header .header-left .site-title .mobile{display:none;padding:0;font-size:17px;text-transform:uppercase;font-style:italic;line-height:.8;padding:5px 0;}.site-header .header-left .site-title a{text-decoration:none;}.site-header .header-left .site-title a:hover{text-decoration:none;}.site-header .header-left .main-navigation{margin:0;padding:0;padding-left:1px;position:relative;overflow:visible;}.site-header .header-left .main-navigation .sub-menu-content{display:none;position:absolute;left:0;bottom:-102px;background-color:#043e5e;width:300px;z-index:9;}.site-header .header-left .main-navigation .sub-menu-content .sub-menu-item{display:block;padding:15px;float:left;color:#fff;width:100%;}.site-header .header-left .main-navigation .sub-menu-content .sub-menu-item:hover{background-color:#87adc1;text-decoration:none;}.site-header .header-left .main-navigation .sub-menu-content span{color:#fff;}.site-header .header-left .main-navigation .has-submenu:hover .sub-menu-content{display:block;}.site-header .header-left .main-navigation .menu-item{padding:5px 0 0;float:left;height:45px;margin-left:0;position:relative;cursor:pointer;}.site-header .header-left .main-navigation .menu-item .inner-wrapper{padding:3px 20px 0;background:transparent !important;height:34px;align-items:center;line-height:27px;font-size:15px;border:1px solid transparent;border-left:.5px solid #000;color:#000;text-transform:uppercase;font-weight:500;}.site-header .header-left .main-navigation .menu-item .notification{position:absolute;display:flex;border-radius:50%;min-width:22px;height:22px;justify-content:center;align-items:center;top:0;right:2px;background-color:#da1818;box-shadow:0 0 12px #aeaaea;}.site-header .header-left .main-navigation .menu-item .notification .number{color:#fff;font-size:12px;}.site-header .header-left .main-navigation .menu-item.active{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#fff 0%,#043e5e 24%);background:-webkit-linear-gradient(top,#fff 0%,#fff 0%,#043e5e 24%);background:linear-gradient(to bottom,#fff 0%,#fff 0%,#043e5e 24%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#043e5e',GradientType=0);border-color:transparent;}.site-header .header-left .main-navigation .menu-item.active .inner-wrapper{color:#fff;}.site-header .header-left .main-navigation .menu-item.active .fa-caret-down{color:#fff;}.site-header .header-left .main-navigation .menu-item:hover{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#fff 0%,#043e5e 24%);background:-webkit-linear-gradient(top,#fff 0%,#fff 0%,#043e5e 24%);background:linear-gradient(to bottom,#fff 0%,#fff 0%,#043e5e 24%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#043e5e',GradientType=0);border-color:transparent;}.site-header .header-left .main-navigation .menu-item:hover .inner-wrapper{color:#fff;}.site-header .header-left .main-navigation .menu-item:hover .fa-caret-down{color:#fff;}.site-header .header-left .main-navigation .menu-item:first-child .inner-wrapper{border-left:1px solid transparent;}.site-header .header-left .main-navigation .menu-item .fa-caret-down{position:absolute;bottom:0;color:#000;left:50%;margin-left:-5px;}.site-header .header-right{align-items:flex-end;padding-bottom:6px;}.site-header .header-right .header-alert{position:relative;margin-right:10px;margin-bottom:2px;font-size:20px;width:30px;height:30px;overflow:visible;}.site-header .header-right .header-alert img{width:30px;}.site-header .header-right .header-alert a span{display:block;position:absolute;right:-24px;top:-7px;font-size:10px;font-weight:bold;text-align:center;width:23px;height:23px;border-radius:50%;background-color:#d9534f;color:#fff;}.site-header .header-right .notification-wrapper{display:none;position:absolute;top:44px;right:-53px;font-size:12px;width:430px;background-color:#fff;box-shadow:0 6px 12px rgba(0,0,0,.175);border-radius:6px;-webkit-transition:all linear .2s;transition:all linear .2s;height:0;overflow:hidden;opacity:0;}.site-header .header-right .notification-wrapper.show{display:block;opacity:1;height:auto;overflow:visible;}.site-header .header-right .notification-wrapper .arrow{position:absolute;top:-8px;right:70px;bottom:auto;left:auto;}.site-header .header-right .notification-wrapper .arrow::after{background:#fff;border:1px solid #ddd;border-bottom:none;border-left:none;position:absolute;display:block;overflow:hidden;width:14px;height:14px;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.site-header .header-right .notification-wrapper .title{font-weight:bold;padding:4px 10px;border-bottom:.5px solid #c1c1c1;}.site-header .header-right .notification-wrapper .mark-all-as-read{float:right;font-weight:normal;color:#337ab7;}.site-header .header-right .notification-wrapper .mark-all-as-read:visited{color:#337ab7;}.site-header .header-right .notification-wrapper .notification-content{padding:0 10px;max-height:462px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .no-notification{height:350px;text-align:center;line-height:25;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .no-notification span{margin:auto 0;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item{border-top:1px solid #c1c1c1;margin-left:-10px;margin-right:-10px;min-height:75px;padding:5px 28px 10px 10px;background-color:#f5f5f5;position:relative;cursor:pointer;overflow:hidden;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item.read{background-color:#fff;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .description{padding-bottom:7px;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-type{display:inline-block;font-weight:bold;font-size:9px;color:#fff;text-transform:uppercase;border-radius:30px;padding:2px 10px;background-color:#808080;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-type.notification-new-task{background-color:#6767e2;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-type.notification-requested-to-cancel{background-color:#ffa500;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-type.notification-request-rejected{background-color:#ffa500;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-type.notification-request-completed{background-color:#0b8e09;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-type.notification-overdue{background-color:#da4646;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .noti-date{display:inline-block;padding-left:3px;font-size:11px;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .mark-as-read{display:none;position:absolute;bottom:35px;right:14px;color:#9cb9e6;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .mark-as-read .fas{display:none;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .mark-as-read:hover .far{display:none;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .mark-as-read:hover .fas{display:inline-block;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .button-delete{display:none;position:absolute;bottom:7px;right:7px;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;color:#000;transition:.3s;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .button-delete:hover{background:rgba(0,0,0,.2);}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item:hover .button-delete{display:block;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item:hover .mark-as-read{display:block;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete{display:block;width:140px;position:absolute;right:7px;bottom:-20px;-webkit-transition:.2s;transition:.2s;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete.show{bottom:7px;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete .confirm-text{font-style:italic;width:100px;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete .confirm-yes{display:inline-block;padding:0 7px;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;transition:.3s;color:#5cb85c;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete .confirm-yes:hover{background:rgba(0,0,0,.2);}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete .confirm-no{display:inline-block;padding:0 7px;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;transition:.3s;color:#f60f04;}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item .confirm-delete .confirm-no:hover{background:rgba(0,0,0,.2);}.site-header .header-right .notification-wrapper .notification-content .scroll-containner .item>div{line-height:1.5;}.site-header .header-right .notification-wrapper .load-more{display:inline-block;padding:0 10px;margin-left:-10px;margin-right:-10px;text-align:center;color:#000;}.site-header .header-right .notification-wrapper .load-more a{display:inline-block;color:#337ab7;}.site-header .header-right .notification-wrapper .load-more a:visited{color:#337ab7;}.site-header .header-right .notification-wrapper .load-more span{display:inline-block;padding:0 10px;}.site-header .header-right .notification-wrapper .see-all{border-top:1px solid #c1c1c1;padding:7px 10px;text-align:center;}.site-header .header-right .notification-wrapper .see-all a{display:inline-block;color:#337ab7;}.site-header .header-right .notification-wrapper .see-all a:visited{color:#337ab7;}.site-header .header-right .log-out-btn{text-decoration:underline;}.site-header .header-right .log-out-btn a{color:#000;font-size:16px;font-weight:500;}.site-header .header-right .header-context-menu{width:30px;height:30px;overflow:visible;line-height:1.5;position:relative;}.site-header .header-right .header-context-menu .context-menu-wrapper{display:none;position:absolute;top:41px;right:-14px;font-size:12px;width:180px;min-height:100px;padding:5px;background-color:#fff;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);border-radius:6px;-webkit-transition:all linear .2s;transition:all linear .2s;height:0;overflow:hidden;opacity:0;}.site-header .header-right .header-context-menu .context-menu-wrapper.show{display:block;opacity:1;height:auto;overflow:visible;}.site-header .header-right .header-context-menu .context-menu-wrapper .arrow{position:absolute;top:-8px;right:40px;bottom:auto;left:auto;}.site-header .header-right .header-context-menu .context-menu-wrapper .arrow::after{background:#fff;border:1px solid #ddd;border-bottom:none;border-left:none;position:absolute;display:block;overflow:hidden;width:14px;height:14px;content:" ";-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.site-header .header-right .header-context-menu .context-menu-wrapper .button-logout{padding:14px 7px 7px;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper{padding:2px 0;border-bottom:1px solid #e8e8e8;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper .main-menu{display:block;width:100%;padding:7px;font-size:12px;font-weight:500;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper .main-menu i{padding-right:7px;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper.last{border-bottom:0;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper .sub-menu-wrapper{font-size:12px;font-weight:400;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper .sub-menu-wrapper .sub-menu{display:block;width:100%;padding:5px 5px 5px 25px;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper a{text-decoration:none;}.site-header .header-right .header-context-menu .context-menu-wrapper .menu-item-wrapper a:hover{background-color:#ccc;text-decoration:none;}.approval-table .approval-table-inner-wrapper{padding:0 8px 0 0;background-color:#fff;}.approval-table .approval-table-inner-wrapper .table{border-width:8px;width:100%;margin-bottom:0;border-top:0;border-bottom:0;border-right:0;}.approval-table .approval-table-inner-wrapper .table tr th{text-align:center;padding:5px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.approval-table .approval-table-inner-wrapper .table tr th .sort-col .sort-icon{float:right;margin-top:3px;margin-right:1px;}.approval-table .approval-table-inner-wrapper .table tr th:hover{text-decoration:underline;}.approval-table .approval-table-inner-wrapper .table tr td{padding:5px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;}.approval-table .approval-table-inner-wrapper .table tr td div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.approval-table .approval-table-inner-wrapper .table .order{width:3%;}.approval-table .approval-table-inner-wrapper .table .create{width:7%;}.approval-table .approval-table-inner-wrapper .table .project-status{width:9%;}.approval-table .approval-table-inner-wrapper .table .doc-status{width:10%;}.approval-table .approval-table-inner-wrapper .table .action{width:13%;}.approval-table .approval-table-inner-wrapper .table .id{width:10%;}.approval-table .approval-table-inner-wrapper .table .project-name{width:20.5%;}.approval-table .approval-table-inner-wrapper .table .bu{width:5%;}.approval-table .approval-table-inner-wrapper .table .client-name{width:13%;}.approval-table .approval-table-inner-wrapper .table .team-g-amonut{width:11%;}.approval-table .approval-table-inner-wrapper .scrolling{height:calc(100vh - 200px);overflow:auto;margin-right:-8px;overflow-y:scroll;overflow-x:initial;}.approval-table .approval-table-inner-wrapper .scrolling table tr:hover td{background-color:#054f77;color:#fff !important;}.approval-table .approval-table-inner-wrapper .scrolling table tr:hover td a{color:#fff;}.approval-table .approval-table-inner-wrapper .scrolling table tr.active td{background-color:#337ab7;color:#fff;}.approval-table .approval-table-inner-wrapper .scrolling table tr.active td a{color:#fff;}.approval-table .approval-table-inner-wrapper .mobile{display:none;padding:0;margin:0;}.approval-table .approval-table-inner-wrapper input[type="search"]{box-sizing:border-box;max-width:100%;width:100%;border:1px solid #e4e4e4;height:24px;font-size:14px;line-height:22px;color:#656565;padding-left:20px;background:#fff url(images/icon-search.png) 3px center no-repeat;}.approval-content{width:100%;}.approval-content .project-name-wrapper{display:flex;background-color:#fff;height:45px;line-height:35px;width:100%;padding-bottom:15px;text-transform:uppercase;}.approval-content .project-name-wrapper .project-id{flex:0 0 30%;max-width:30%;padding:0 10px;font-size:17px !important;}.approval-content .project-name-wrapper .project-name{flex:0 0 20%;max-width:20%;padding:0 10px;}.approval-content .project-name-wrapper .tribe{flex:0 0 10%;max-width:10%;padding:0 10px;}.approval-content .project-name-wrapper .squad{flex:0 0 15%;max-width:15%;padding:0 10px;}.approval-content .project-name-wrapper .project-owner{flex:0 0 30%;max-width:30%;padding:0 10px;}.approval-content .project-name-wrapper .select-workflow{flex:0 0 25%;max-width:25%;padding:0 10px;text-align:right;text-decoration:underline;}.approval-content .project-name-wrapper .select-workflow a{font-weight:700;}.approval-content .project-name-wrapper .project-setting-button{flex:0 0 15%;max-width:15%;padding:0 10px;}.approval-content .project-name-wrapper .project-setting-button .inner-wrapper{text-align:right;}.approval-content .project-name-wrapper .default-cutoff-date{flex:0 0 40%;max-width:40%;padding:0 10px;}.approval-content .project-name-wrapper .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#337ab7;font-size:14px;font-weight:500;padding-top:5px;}.approval-content .project-name-wrapper .inner-wrapper>span{color:#000;padding-right:10px;}.approval-content .bottom{padding:8px 0;}.approval-content .bottom.autoscroll{height:calc(100vh - 252px);}.section-login .form-login{position:absolute;left:50%;top:34%;text-align:center;transform:translate(-50%,-50%);width:50%;height:auto;margin:0 auto;}.section-login .form-login .login-form{margin-top:45px;display:flex;flex-direction:column;}.section-login .form-login .login-form .username{height:34px;padding:0 10px;line-height:28px;margin-bottom:12px;}.section-login .form-login .login-form .password{height:34px;padding:0 10px;line-height:28px;margin-bottom:12px;}.section-login .form-login .form-check-label{margin:5px auto 15px;color:#fff;cursor:pointer;}.section-login .form-login .btn.log-in{font-size:18px;letter-spacing:3px;line-height:32px;padding:0;cursor:pointer;}.section-login .form-login .invalid-feedback{width:50%;margin:5px auto;height:25px;color:#ff7c7c;font-weight:100;margin-top:-30px;font-size:14px;font-family:"Kanit";font-weight:300;}.section-login .form-login input[type="checkbox"]+label:before{width:16px;height:15px;margin-bottom:2px;}.section-login .form-login input[type="checkbox"]+label:after{width:20px;height:20px;left:1px;top:-2px;}.section-login .form-login .app-version{font-size:10px;}.toggle-block .toggle .fontblue{font-size:20px;font-weight:bold;letter-spacing:1px;}.toggle-block .toggle-wrapper{float:right;width:52px;position:relative;display:flex;align-items:center;justify-content:flex-end;}.toggle-block .toggle-wrapper .icon{width:7px;height:6px;position:absolute;left:0;top:8px;}.toggle-block .content{padding:10px 12px;transition:.3s;padding:12px 12px 0 !important;}.toggle-block .content.show{display:block;}.toggle-block .content.hide{display:none;}.toggle-block .content.wrapper{padding:15px !important;}.toggle-block .content.wrapper>div{display:flex;flex-wrap:wrap;}.toggle-block .content.wrapper .content-block{display:flex;margin-bottom:10px;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .content-block .label{color:#000;padding:0 20px 0 0;font-size:16px;font-weight:normal;line-height:25px;display:flex;max-width:250px;flex:0 0 32%;justify-content:flex-end;min-height:25px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}.toggle-block .content.wrapper .content-block .label label{margin-bottom:0;}.toggle-block .content.wrapper .content-block .detail{flex-grow:1;line-height:25px;flex-wrap:wrap;display:flex;}.toggle-block .content.wrapper .content-block .detail .checkboxes{display:flex;flex-wrap:wrap;margin-top:0;flex:0 0 100%;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item{display:flex;flex:0 0 25%;max-width:25%;height:30px;align-items:flex-start;padding:2px 10px 0 0;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item .check-container{display:flex;align-items:center;font-weight:normal;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item .check-container .check-box-mockup{margin-right:6px;width:16px;height:16px;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item.service-item .check-container{flex:0 0 65px;max-width:65px;line-height:17px;font-size:12px;height:22px;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item.service-item .hiding-input{flex-grow:1;display:flex;align-items:center;height:22px;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item.service-item .hiding-input .input{height:20px;border:1px solid #ccc;padding:0 3px;font-size:11px;font-family:"Kanit";line-height:22px;width:100%;max-width:65px;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item.service-item .hiding-input .input ::placeholder{font-size:14px;line-height:22px;text-align:center;color:#f00;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item.service-item .hiding-input .percent-icon{margin-left:3px;width:15px;}.toggle-block .content.wrapper .content-block .detail .checkboxes .checkbox-item.service-item:last-child{flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .content-block .detail .real-checkbox{display:none;}.toggle-block .content.wrapper .content-block .detail .fake-checkbox{padding:0;display:flex;align-items:center;}.toggle-block .content.wrapper .content-block .detail .input-with-limit{display:flex;}.toggle-block .content.wrapper .content-block .detail .input-with-limit .input{height:25px;}.toggle-block .content.wrapper .content-block .detail .input-with-limit .input.text{width:80%;}.toggle-block .content.wrapper .content-block .detail .input-with-limit .limit{margin-left:15px;white-space:nowrap;}.toggle-block .content.wrapper .content-block .detail .select-with-delete{display:flex;align-items:center;}.toggle-block .content.wrapper .content-block .detail .select-with-delete .fa-trash-alt{font-size:20px;margin-left:15px;}.toggle-block .content.wrapper .content-block .detail .input.text{font-family:"Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;height:25px;border:1px solid #ccc;padding:0 10px;font-size:14px;line-height:23px;color:#1e1e1e;width:80%;}.toggle-block .content.wrapper .content-block .detail .input.number{font-family:"Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;height:25px;border:1px solid #ccc;padding:0 10px 0 10px;font-size:14px;line-height:23px;color:#1e1e1e;width:80%;}.toggle-block .content.wrapper .content-block .detail .textarea{max-width:80%;width:80%;min-width:80%;height:72px;max-height:72px;min-height:72px;font-size:14px;line-height:normal;}.toggle-block .content.wrapper .content-block .detail .select{width:100%;max-width:300px;}.toggle-block .content.wrapper .content-block .detail .ui-select-placeholder{width:auto !important;height:auto !important;}.toggle-block .content.wrapper .content-block .detail .auto-complete-wrapper{position:relative;min-height:25px;min-width:1px;}.toggle-block .content.wrapper .content-block .detail .auto-complete-wrapper .clear-ui-select{color:#f00;font-size:15px;display:none;justify-content:center;align-items:center;cursor:pointer;width:15px;position:absolute;right:1px;background-color:#fff;z-index:2;top:2px;bottom:2px;line-height:20px;}.toggle-block .content.wrapper .content-block .detail .auto-complete-wrapper .clear-ui-select.show{display:flex;}.toggle-block .content.wrapper .content-block .detail .auto-complete-wrapper .clear-ui-select.hide{display:none;}.toggle-block .content.wrapper .content-block .detail .ui-select-bootstrap{height:25px;max-width:350px;width:100%;}.toggle-block .content.wrapper .content-block .detail .ui-select-bootstrap .ui-select-match{display:flex;max-width:350px;}.toggle-block .content.wrapper .content-block .detail .ui-select-bootstrap .ui-select-match-text{height:23px;line-height:23px;}.toggle-block .content.wrapper .content-block .detail .ui-select-bootstrap .ui-select-toggle .caret{font-family:"Font Awesome 5 Free";border:0;width:15px;height:22px;color:#636363;font-size:12px;top:1px;background:transparent;font-weight:900;margin-top:0;display:flex;align-items:center;justify-content:center;bottom:1px;right:1px;font-style:normal;}.toggle-block .content.wrapper .content-block .detail .ui-select-bootstrap .ui-select-toggle .caret:after{content:"";}.toggle-block .content.wrapper .content-block .detail .ui-select-bootstrap.dropdown .form-control{height:25px;line-height:25px;padding:0 18px 0 10px;}.toggle-block .content.wrapper .content-block .detail.parent{display:flex;flex-wrap:wrap;}.toggle-block .content.wrapper .content-block .form-group{margin-bottom:0;}.toggle-block .content.wrapper .content-block .warning-wrapper{height:13px;line-height:13px;font-size:13px;padding-left:15px;min-width:100%;}.toggle-block .content.wrapper .content-block.a-third{flex:0 0 27.3%;max-width:27.3%;flex-wrap:wrap;padding-right:2%;}.toggle-block .content.wrapper .content-block.a-third .detail{flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .content-block.a-third .detail .select{width:100%;}.toggle-block .content.wrapper .content-block.a-third .detail .input{width:100%;}.toggle-block .content.wrapper .content-block.a-third .label{flex:0 0 100%;max-width:100%;justify-content:flex-start;}.toggle-block .content.wrapper .content-block.multi-inside{margin-bottom:0;}.toggle-block .content.wrapper .content-block.client-name .detail{display:flex;}.toggle-block .content.wrapper .content-block.client-name .detail .inner-wrapper.left{width:calc(50% - 139px);}.toggle-block .content.wrapper .content-block.client-name .detail .inner-wrapper.middle{padding-left:10px;width:139px;min-width:139px;}.toggle-block .content.wrapper .content-block.client-name .detail .inner-wrapper.middle .input.disabled{height:25px;width:100%;}.toggle-block .content.wrapper .content-block.client-name .detail .inner-wrapper.right{display:flex;width:35%;padding-left:10px;}.toggle-block .content.wrapper .content-block.client-name .detail .inner-wrapper.right .inner-detail .input{height:25px;width:100%;}.toggle-block .content.wrapper .content-block.client-name .detail .inner-wrapper.right .label{flex:0 0 70px;max-width:none;}.toggle-block .content.wrapper .content-block.client-name .detail .ui-select-bootstrap{width:100%;max-width:none;}.toggle-block .content.wrapper .content-block.client-name .detail .ui-select-bootstrap .ui-select-match{max-width:none;}.toggle-block .content.wrapper .content-block.nature-of-client .detail{display:flex;flex-wrap:wrap;}.toggle-block .content.wrapper .content-block.nature-of-client .detail .inner-wrapper.left{flex-grow:1;width:calc(50% - 139px);}.toggle-block .content.wrapper .content-block.nature-of-client .detail .inner-wrapper.middle{min-width:139px;padding-left:10px;}.toggle-block .content.wrapper .content-block.nature-of-client .detail .inner-wrapper.right{display:flex;width:50%;padding-left:10px;}.toggle-block .content.wrapper .content-block.nature-of-client .detail .inner-wrapper.right .input.disabled{height:25px;}.toggle-block .content.wrapper .content-block.nature-of-client .detail .inner-wrapper.right .label{flex:0 0 70px;max-width:none;}.toggle-block .content.wrapper .content-block.financial-agency .detail{display:flex;flex-wrap:wrap;}.toggle-block .content.wrapper .content-block.financial-agency .detail .inner-wrapper.left{flex-grow:1;width:calc(50% - 139px);}.toggle-block .content.wrapper .content-block.financial-agency .detail .inner-wrapper.middle{min-width:139px;padding-left:10px;width:139px;}.toggle-block .content.wrapper .content-block.financial-agency .detail .inner-wrapper.middle .input{width:100%;}.toggle-block .content.wrapper .content-block.financial-agency .detail .inner-wrapper.right{display:flex;width:50%;padding-left:10px;}.toggle-block .content.wrapper .content-block.financial-agency .detail .inner-wrapper.right .input.disabled{height:25px;}.toggle-block .content.wrapper .content-block.financial-agency .detail .inner-wrapper.right .label{flex:0 0 70px;max-width:none;padding-right:15px;padding-left:10px;}.toggle-block .content.wrapper .content-block.contract-amount .detail{display:flex;}.toggle-block .content.wrapper .content-block.contract-amount .detail .inner-wrapper.left{flex-grow:1;width:50%;display:flex;}.toggle-block .content.wrapper .content-block.contract-amount .detail .inner-wrapper.left .unit-text{min-width:185px;padding:0 15px;}.toggle-block .content.wrapper .content-block.contract-amount .detail .inner-wrapper.right{display:flex;width:50%;}.toggle-block .content.wrapper .content-block.contract-amount .detail .inner-wrapper.right .input{height:25px;}.toggle-block .content.wrapper .content-block.contract-amount .detail .inner-wrapper.right .select{min-width:35px;width:235px;margin-right:10px;height:25px;}.toggle-block .content.wrapper .content-block.contract-amount .detail .inner-wrapper.right .label{flex:0 0 auto;max-width:none;min-width:150px;padding-right:15px;}.toggle-block .content.wrapper .content-block.team-amount .detail{display:flex;}.toggle-block .content.wrapper .content-block.team-amount .detail .inner-wrapper.left{flex-grow:1;width:50%;display:flex;}.toggle-block .content.wrapper .content-block.team-amount .detail .inner-wrapper.left .unit-text{min-width:185px;padding:0 15px;}.toggle-block .content.wrapper .content-block.team-amount .detail .inner-wrapper.right{display:flex;width:50%;}.toggle-block .content.wrapper .content-block.team-amount .detail .inner-wrapper.right .input{height:25px;}.toggle-block .content.wrapper .content-block.team-amount .detail .inner-wrapper.right .select{min-width:35px;width:35px;margin-right:10px;height:25px;}.toggle-block .content.wrapper .content-block.team-amount .detail .inner-wrapper.right .label{flex:0 0 auto;max-width:none;min-width:150px;padding-right:15px;}.toggle-block .content.wrapper .content-block.lead-firm .detail{display:flex;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left{flex-grow:1;flex-shrink:1;display:flex;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .check-container{min-width:95px;font-size:13px;font-weight:normal;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .check-container .check-box-mockup{width:16px;height:16px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .check-container:first-child{min-width:75px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .auto-complete-wrapper{min-width:50px;margin-left:5px;flex-grow:1;max-width:150px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .input{width:45px;height:25px;margin-left:5px;padding:0 5px;}@media(min-width:1401px){.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .input{width:90px;}}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .input.company{width:170px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .flag-check .check-container{min-width:105px;font-size:13px;font-weight:normal;margin-left:10px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.left .flag-check .check-container .check-box-mockup{width:16px;height:16px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.second-line{width:100%;display:flex;margin-top:15px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.second-line .inner-group{padding-right:15px;display:flex;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.second-line .input{flex-grow:1;padding:0;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.second-line .input .ratio{max-width:100px;padding:5px;}.toggle-block .content.wrapper .content-block.lead-firm .detail .inner-wrapper.second-line .label{flex:0 0 80px;padding-right:8px;font-size:13px;text-align:left;margin-right:auto;justify-content:flex-start;}.toggle-block .content.wrapper .content-block.co-firm .label i{font-size:20px;margin-right:25px;}.toggle-block .content.wrapper .content-block.co-firm .detail{display:flex;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left{flex-grow:1;flex-shrink:1;display:flex;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .check-container{min-width:95px;font-size:13px;font-weight:normal;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .check-container .check-box-mockup{width:16px;height:16px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .check-container:first-child{min-width:75px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .auto-complete-wrapper{min-width:50px;margin-left:5px;flex-grow:1;max-width:150px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .input{width:45px;height:25px;margin-left:5px;padding:0 5px;}@media(min-width:1401px){.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .input{width:90px;}}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .input.company{width:170px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .flag-check .check-container{min-width:105px;font-size:13px;font-weight:normal;margin-left:10px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.left .flag-check .check-container .check-box-mockup{width:16px;height:16px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.second-line{width:100%;display:flex;margin-top:15px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.second-line .inner-group{padding-right:15px;display:flex;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.second-line .input{flex-grow:1;padding:0;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.second-line .input .ratio{max-width:100px;padding:5px;}.toggle-block .content.wrapper .content-block.co-firm .detail .inner-wrapper.second-line .label{flex:0 0 80px;padding-right:8px;font-size:13px;text-align:left;margin-right:auto;justify-content:flex-start;}.toggle-block .content.wrapper .content-block.total-project-cost .detail{display:flex;}.toggle-block .content.wrapper .content-block.total-project-cost .detail .inner-wrapper{width:80%;display:flex;}.toggle-block .content.wrapper .content-block.total-project-cost .detail .inner-wrapper .input{flex-grow:1;height:25px;}.toggle-block .content.wrapper .content-block.total-project-cost .detail .inner-wrapper .label{min-width:115px;flex:0 0 auto;padding:0 10px;justify-content:center;}.toggle-block .content.wrapper .project-owner .profile-image{width:17%;padding:0 3%;text-align:center;}.toggle-block .content.wrapper .project-owner .profile-image .image{width:100%;}.toggle-block .content.wrapper .project-owner .content-block-wrapper{width:58%;}.toggle-block .content.wrapper .project-owner .content-block-wrapper .auto-complete-wrapper{max-width:260px;}.toggle-block .content.wrapper .project-owner .check-list-wrapper{width:25%;padding-left:15px;}.toggle-block .content.wrapper .project-owner .check-list-wrapper .status{max-width:100%;}.toggle-block .content.wrapper .project-owner .content-block .label{max-width:30%;flex:0 0 135px;min-width:135px;}.toggle-block .content.wrapper .project-risk-evaluation{font-size:14px;}.toggle-block .content.wrapper .project-risk-evaluation .content-block{flex-wrap:wrap;border-bottom:1px solid #e1e1e1;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .label{flex:0 0 100%;max-width:100%;justify-content:flex-start;word-break:break-word;white-space:normal;font-size:16px;font-weight:500;text-align:left;position:relative;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .label .require{right:initial !important;left:-11px !important;position:absolute;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail{flex:0 0 100%;max-width:100%;line-height:normal;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper{display:flex;padding:0 30px;margin-top:5px;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper .checkboxes{width:100%;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper .checkboxes .checkbox-item{height:auto;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper .checkboxes .checkbox-item .check-container{align-items:flex-start;white-space:nowrap;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper .checkboxes .checkbox-item .check-container .check-box-mockup{margin-top:2px;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper .checkboxes .checkbox-item.long-content{flex:0 0 100%;max-width:100%;margin-bottom:2px;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper.remark{width:100%;max-width:600px;margin-top:20px;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper.remark .textarea{min-width:100%;width:100%;max-width:100%;min-height:100px;height:100px;max-height:100px;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper.file-upload{width:100%;margin-top:20px;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper.file-upload .upload-file-desc{padding-left:10px;line-height:2.3;color:#2874a6;}.toggle-block .content.wrapper .project-risk-evaluation .content-block .detail .inner-wrapper.file-attach-list{width:100%;margin-top:20px;}.toggle-block .content.wrapper .project-information .inner-wrapper{width:50%;display:flex;}.toggle-block .content.wrapper .project-information .inner-wrapper .label{flex:0 0 64%;max-width:250px;}.toggle-block .content.wrapper .project-information .column{display:flex;flex:0 0 50%;max-width:50%;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}.toggle-block .content.wrapper .project-information .column .content-block .label{flex:0 0 250px;max-width:250px;white-space:normal;text-align:right;}.toggle-block .content.wrapper .project-information .column .content-block .label.fontblue{color:#337ab7;}.toggle-block .content.wrapper .project-information .column .content-block .detail{display:flex;}.toggle-block .content.wrapper .project-information .column .content-block .detail .custom-date-picker .md-datepicker-input-container .md-datepicker-input{height:25px;border:1px solid #ccc;padding-bottom:0;}.toggle-block .content.wrapper .project-information .column .content-block .detail .inner-wrapper{flex-wrap:wrap;display:flex;}.toggle-block .content.wrapper .project-information .column .content-block .detail .inner-wrapper .clickable{margin-left:10px;}.toggle-block .content.wrapper .project-information .column .content-block .detail .dropdown{max-width:200px;}.toggle-block .content.wrapper .project-information .column.right .content-block .label{flex:0 0 175px;max-width:175px;white-space:normal;text-align:right;}.toggle-block .content.wrapper .project-information .column.right .content-block .detail .auto-complete-wrapper{width:50%;}.toggle-block .content.wrapper .project-information .column.right .content-block .detail .input{width:40%;height:25px;}.toggle-block .content.wrapper .project-information .column.right .content-block .detail .inner-wrapper{margin-bottom:10px;flex:0 0 100%;}.toggle-block .content.wrapper .project-information .column.right .content-block .dropdown{max-width:200px;}.toggle-block .content.wrapper .estimated-data-responsible-person .column{display:flex;flex:0 0 50%;max-width:50%;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block .label{flex:0 0 58%;max-width:58%;white-space:normal;text-align:right;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block .label.fontblue{color:#337ab7;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block .detail{display:flex;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block .detail .custom-date-picker .md-datepicker-input-container .md-datepicker-input{height:25px;border:1px solid #ccc;padding-bottom:0;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block .detail .inner-wrapper{flex-wrap:wrap;display:flex;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block .detail .inner-wrapper .clickable{margin-left:10px;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block.special-space{margin-top:12px;}.toggle-block .content.wrapper .estimated-data-responsible-person .column .content-block.special-space .group-wrapper{display:flex;flex:0 0 100%;max-width:0 0 100%;flex-wrap:wrap;}.toggle-block .content.wrapper .estimated-data-responsible-person .column.right .content-block .label{flex:0 0 40%;max-width:40%;}.toggle-block .content.wrapper .estimated-data-responsible-person .column.right .content-block .detail .auto-complete-wrapper{width:50%;}.toggle-block .content.wrapper .estimated-data-responsible-person .column.right .content-block .detail .input{width:40%;height:25px;}.toggle-block .content.wrapper .estimated-data-responsible-person .column.right .content-block .detail .inner-wrapper{margin-bottom:10px;flex:0 0 100%;}.toggle-block .content.wrapper .project-committee .content-block .label{align-items:center;}.toggle-block .content.wrapper .project-committee .content-block .label .clickable{margin-right:10px;padding-top:5px;}.toggle-block .content.wrapper .project-committee .content-block .check-container{margin-bottom:15px;}.toggle-block .content.wrapper .project-committee .content-block .detail .input.text{width:23%;height:25px;}.toggle-block .content.wrapper .project-committee .content-block .detail .space{margin:0 1%;}.toggle-block .content.wrapper .project-committee .content-block .detail .auto-complete-wrapper{width:23%;}.toggle-block .content.wrapper .project-committee .content-block .contact-no-choice{width:100%;margin-bottom:10px;}.toggle-block .content.wrapper .project-committee .content-block .contact-no-choice:nth-child(2){margin-bottom:0;}.toggle-block .content.wrapper .project-committee .content-block .require{position:absolute;right:-15px;}.toggle-block .content.wrapper .project-committee .content-block .sub-choice-of-main-second{width:100%;}.toggle-block .content.wrapper .project-committee .content-block .sub-choice-of-main-second .form-group{max-width:50%;margin-left:35px;}.toggle-block .content.wrapper .project-committee .content-block .sub-choice-of-main-second .form-group .check-container .check-box-mockup{width:15px;height:15px;}.toggle-block .content.wrapper .cancellation .content-block .label{max-width:350px;}.toggle-block .content.wrapper .cancellation .content-block .detail{flex:0 0 50%;max-width:50%;}.toggle-block .content.wrapper .cancellation .content-block .detail .input{width:100%;}.toggle-block .content.wrapper .cancellation .content-block .detail .textarea{max-width:100%;width:100%;min-width:100%;height:90px;max-height:90px;min-height:90px;font-size:14px;line-height:normal;}.toggle-block .content.wrapper .cancellation .content-block.project-id .detail .input{max-width:250px;}.toggle-block .content.wrapper .cancellation .content-block.won-company .detail{flex-wrap:nowrap;}.toggle-block .content.wrapper .cancellation .content-block.won-company .inner-wrapper.left{display:flex;flex:0 0 calc(100% - 160px);max-width:calc(100% - 160px);}.toggle-block .content.wrapper .cancellation .content-block.won-company .inner-wrapper.left .auto-complete-wrapper{width:100%;}.toggle-block .content.wrapper .cancellation .content-block.won-company .inner-wrapper.right{width:150px;flex:0 0 150px;max-width:150px;margin-left:10px;}.toggle-block .content.wrapper .cancellation .content-block.additional-infomation .inner-wrapper.full{width:100%;}.toggle-block .content.wrapper .cancellation .content-block.button-wrapper{margin-bottom:20px;}.toggle-block .content.wrapper .cancellation .content-block.button-wrapper .detail{justify-content:center;}.toggle-block .content.wrapper .cancellation .content-block.button-wrapper .detail .button{margin:0 5px;}.toggle-block .content.wrapper .cancellation .submit-wrapper{display:flex;flex:0 0 100%;max-width:100%;justify-content:center;}.toggle-block .content.wrapper .cancellation .submit-wrapper .submit{width:200px;height:40px;}.toggle-block .content.wrapper .change-keyman .content-block-wrapper{flex:0 0 100%;}.toggle-block .content.wrapper .change-keyman .content-block{background-color:#dcddde;padding:20px;display:flex;flex:0 0 100%;max-width:100%;justify-content:space-between;align-items:center;align-content:center;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info{display:flex;flex:0 0 40%;max-width:40%;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .profile-image{flex:0 0 70px;height:80px;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .profile-image .image{width:100%;height:100%;object-fit:cover;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .name-and-position{flex-grow:1;display:flex;flex-wrap:wrap;padding-left:10px;align-items:center;align-content:center;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .name-and-position .name{width:100%;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .name-and-position .position{width:100%;color:#0075bf;font-size:20px;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .info-group{display:flex;flex-wrap:wrap;flex-grow:1;margin-left:10px;align-content:space-between;align-items:flex-start;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .change-request-log-wrapper{display:flex;max-width:100%;flex:0 0 100%;margin-top:15px;min-height:1px;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .change-request-log-wrapper .inner-wrapper{display:flex;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .change-request-log-wrapper .icon{width:25px;height:auto;margin-right:10px;object-fit:contain;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-info .change-request-log-wrapper .static-content{text-decoration:underline;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input{display:flex;flex:0 0 59%;max-width:59%;flex-wrap:wrap;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .input-group{display:flex;flex:0 0 100%;max-width:100%;justify-content:space-between;align-items:flex-start;align-content:flex-start;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .input-group>div{display:flex;flex:0 0 49%;max-width:49%;flex-wrap:wrap;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .input-group>div .label{flex:0 0 100%;max-width:100%;justify-content:flex-start;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .input-group>div .select{flex:0 0 100%;max-width:100%;height:25px;border:1px solid #ccc;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .input-group>div .input{flex:0 0 100%;max-width:100%;height:25px;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .summit-wrapper{display:flex;flex:0 0 100%;max-width:100%;justify-content:flex-end;margin-top:10px;}.toggle-block .content.wrapper .change-keyman .content-block .keyman-input .summit-wrapper .button{background-color:#f15a29;color:#fff;width:120px;text-align:center;border:0;height:25px;line-height:24px;padding:0;box-shadow:0 4px 8px #c5c5c5;}.toggle-block .content.wrapper .change-keyman .content-block.view{align-content:flex-start;align-items:flex-start;padding-top:10px;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-info{flex:0 0 300px;max-width:300px;margin-top:10px;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-info .name-and-position{flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-info .info-group .change-request-log-wrapper .inner-wrapper{display:none;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-info .info-group .change-request-log-wrapper .inner-wrapper .icon{display:none;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input{flex:0 0 calc(100% - 300px);max-width:calc(100% - 300px);border-left:4px solid #f15a29;display:none;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person{background-color:#c7c7c7;padding:10px 5px;display:flex;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .profile-image{flex:0 0 70px;height:80px;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .profile-image .image{width:100%;height:100%;object-fit:cover;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .info{flex-grow:1;display:flex;flex-wrap:wrap;align-items:flex-start;max-width:none;flex:initial;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .info .list{flex:0 0 100%;display:flex;max-width:100%;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .info .list .label{text-align:right;flex:0 0 200px;max-width:200px;display:flex;justify-content:flex-end;padding-right:10px;line-height:normal;margin-bottom:0;min-height:0;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .info .list .detail{flex:0 0 calc(100% - 200px);max-width:calc(100% - 200px);word-break:break-word;line-height:normal;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.new-person .info .list.name .detail{color:#f15a29;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.note{display:flex;margin-top:10px;justify-content:space-between;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.note .label{flex:0 0 50px;padding-right:10px;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.note .text-area{height:70px;flex-grow:1;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.note .button-wrapper{display:flex;justify-content:space-between;flex:0 0 190px;margin-left:10px;}.toggle-block .content.wrapper .change-keyman .content-block.view .keyman-input .input-group.note .button-wrapper .button{width:90px;text-align:center;padding:0;height:25px;line-height:24px;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-request .keyman-info .name-and-position{flex:initial;max-width:none;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-request .keyman-info .info-group .change-request-log-wrapper .inner-wrapper{display:flex;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-request .keyman-info .info-group .change-request-log-wrapper .inner-wrapper .static-content{color:#f15a29;font-size:20px;text-transform:uppercase;font-style:italic;text-decoration:none;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-request .keyman-input{display:flex;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-log .info-group .change-request-log-wrapper .inner-wrapper{display:flex;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-log .info-group .change-request-log-wrapper .inner-wrapper .icon{display:flex;}.toggle-block .content.wrapper .change-keyman .content-block.view.has-log .keyman-input{display:flex;}.toggle-block .content.wrapper.view .content-block .detail .fontblue{min-height:25px;min-width:1px;font-size:16px;}.toggle-block .content.wrapper.view .content-block .detail .inner-wrapper{align-items:flex-start;}.toggle-block .content.wrapper.view .content-block .detail .inner-wrapper.file{display:flex;flex-wrap:wrap;}.toggle-block .content.wrapper.view .content-block .detail .inner-wrapper.file>div{width:100%;padding:5px 10px;}.toggle-block .content.wrapper.view .content-block .a-third{flex:0 0 30.3%;max-width:30.3%;flex-wrap:wrap;padding-right:2%;}.toggle-block .content.wrapper.view .content-block.lead-firm .detail .inner-wrapper.left{flex:0 0 39%;max-width:39%;display:flex;font-size:14px;padding-right:10px;}.toggle-block .content.wrapper.view .content-block.lead-firm .detail .inner-wrapper.left .view-content{display:block;text-overflow:ellipsis;overflow:hidden;flex-grow:1;flex-shrink:1;}.toggle-block .content.wrapper.view .content-block.lead-firm .detail .inner-wrapper.middle{flex:0 0 20%;max-width:20%;display:flex;}.toggle-block .content.wrapper.view .content-block.lead-firm .detail .inner-wrapper.middle .label{padding-right:5px;}.toggle-block .content.wrapper.view .content-block.lead-firm .detail .inner-wrapper.right{flex:0 0 41%;max-width:41%;display:flex;justify-content:space-between;}.toggle-block .content.wrapper.view .content-block.co-firm .detail .inner-wrapper.left{flex:0 0 39%;max-width:39%;display:flex;font-size:14px;padding-right:10px;}.toggle-block .content.wrapper.view .content-block.co-firm .detail .inner-wrapper.left .view-content{display:block;text-overflow:ellipsis;overflow:hidden;flex-grow:1;flex-shrink:1;}.toggle-block .content.wrapper.view .content-block.co-firm .detail .inner-wrapper.middle{flex:0 0 20%;max-width:20%;display:flex;}.toggle-block .content.wrapper.view .content-block.co-firm .detail .inner-wrapper.middle .label{padding-right:5px;}.toggle-block .content.wrapper.view .content-block.co-firm .detail .inner-wrapper.right{flex:0 0 41%;max-width:41%;display:flex;justify-content:space-between;}.toggle-block .content.wrapper.view .check-container{cursor:initial;}.toggle-block .content.wrapper.view .project-information .inner-wrapper{width:50%;display:flex;}.toggle-block .content.wrapper.view .project-information .inner-wrapper .label{flex:0 0 64%;max-width:250px;}.toggle-block .content.wrapper.view .project-information .column{display:flex;flex:0 0 50%;max-width:50%;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}.toggle-block .content.wrapper.view .project-information .column .content-block .label{flex:0 0 58%;max-width:58%;white-space:normal;text-align:right;}.toggle-block .content.wrapper.view .project-information .column .content-block .label.fontblue{color:#337ab7;}.toggle-block .content.wrapper.view .project-information .column .content-block .detail{display:flex;}.toggle-block .content.wrapper.view .project-information .column .content-block .detail .custom-date-picker .md-datepicker-input-container .md-datepicker-input{height:25px;border:1px solid #ccc;padding-bottom:0;}.toggle-block .content.wrapper.view .project-information .column .content-block .detail .inner-wrapper{flex-wrap:wrap;display:flex;}.toggle-block .content.wrapper.view .project-information .column .content-block .detail .inner-wrapper .clickable{margin-left:10px;}.toggle-block .content.wrapper.view .project-information .column.right .content-block .label{flex:0 0 58%;max-width:58%;white-space:normal;text-align:right;}.toggle-block .content.wrapper.view .project-information .column.right .content-block .detail .auto-complete-wrapper{width:50%;}.toggle-block .content.wrapper.view .project-information .column.right .content-block .detail .input{width:40%;height:25px;}.toggle-block .content.wrapper.view .project-information .column.right .content-block .detail .inner-wrapper{margin-bottom:10px;flex:0 0 100%;}.toggle-block .content.wrapper.view .project-risk-evaluation .detail{font-size:16px;}.toggle-block .content.wrapper.view .project-risk-evaluation .detail .inner-wrapper{width:100%;flex-wrap:wrap;}.toggle-block .content.wrapper.view .project-risk-evaluation .detail .inner-wrapper .item{width:100%;}.toggle-block .content.wrapper.view .project-risk-evaluation .detail .inner-wrapper .item .flex{flex-wrap:wrap;}.toggle-block .content.wrapper.view .project-risk-evaluation .detail .inner-wrapper .item .flex>label{width:100%;}.toggle-block .content.wrapper .change-bu .content-block-wrapper{flex:0 0 100%;}.toggle-block .content.wrapper .change-bu .content-block{background-color:#dcddde;padding:20px;display:flex;flex:0 0 100%;max-width:100%;justify-content:space-between;align-items:center;align-content:center;}.toggle-block .content.wrapper .change-bu .content-block .bu-info{display:flex;flex:0 0 40%;max-width:40%;margin-top:-15px;}.toggle-block .content.wrapper .change-bu .content-block .bu-info .caption{flex-grow:1;flex-wrap:wrap;padding-right:10px;align-items:center;align-content:center;text-align:right;}.toggle-block .content.wrapper .change-bu .content-block .bu-info .info-group{display:flex;flex-wrap:wrap;flex-grow:1;margin-left:10px;align-content:space-between;align-items:flex-start;}.toggle-block .content.wrapper .change-bu .content-block .bu-info .change-request-log-wrapper{display:flex;max-width:100%;flex:0 0 100%;margin-top:15px;min-height:1px;}.toggle-block .content.wrapper .change-bu .content-block .bu-info .change-request-log-wrapper .inner-wrapper{display:flex;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .change-bu .content-block .bu-info .change-request-log-wrapper .icon{width:25px;height:auto;margin-right:10px;object-fit:contain;}.toggle-block .content.wrapper .change-bu .content-block .bu-info .change-request-log-wrapper .static-content{text-decoration:underline;}.toggle-block .content.wrapper .change-bu .content-block .bu-input{display:flex;flex:0 0 59%;max-width:59%;flex-wrap:wrap;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .input-group{display:flex;flex:0 0 100%;max-width:100%;justify-content:space-between;align-items:flex-start;align-content:flex-start;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .input-group>div{display:flex;flex:0 0 49%;max-width:49%;flex-wrap:wrap;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .input-group>div .label{flex:0 0 100%;max-width:100%;justify-content:flex-start;height:25px;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .input-group>div .select{flex:0 0 43%;max-width:43%;height:25px;border:1px solid #ccc;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .input-group>div .input{flex:0 0 100%;max-width:100%;height:25px;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .summit-wrapper{display:flex;flex:0 0 100%;max-width:100%;justify-content:flex-end;margin-top:10px;}.toggle-block .content.wrapper .change-bu .content-block .bu-input .summit-wrapper .button{background-color:#f15a29;color:#fff;width:120px;text-align:center;border:0;height:25px;line-height:24px;padding:0;box-shadow:0 4px 8px #c5c5c5;}.toggle-block .content.wrapper .change-bu .content-block.view{align-content:flex-start;align-items:flex-start;padding-top:10px;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input{flex:0 0 100%;max-width:100%;border-left:4px solid #f15a29;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input .input-group.new-bu{background-color:#c7c7c7;padding:10px 5px;display:flex;flex:0 0 100%;max-width:100%;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input .input-group.new-bu .info{flex-grow:1;display:flex;flex-wrap:wrap;align-items:flex-start;max-width:none;flex:initial;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input .input-group.new-bu .info .list{flex:0 0 100%;display:flex;max-width:100%;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input .input-group.new-bu .info .list .label{text-align:right;flex:0 0 200px;max-width:200px;display:flex;justify-content:flex-end;padding-right:10px;line-height:normal;margin-bottom:0;min-height:0;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input .input-group.new-bu .info .list .detail{flex:0 0 calc(100% - 200px);max-width:calc(100% - 200px);word-break:break-word;line-height:normal;}.toggle-block .content.wrapper .change-bu .content-block.view .bu-input .input-group.new-bu .info .list.change-to .detail{color:#f15a29;}.toggle-block .content.wrapper .change-contract .summit-wrapper{display:flex;flex:0 0 100%;max-width:100%;justify-content:flex-end;margin-top:10px;}.toggle-block .content.wrapper .change-contract .summit-wrapper .button{background-color:#f15a29;color:#fff;width:120px;text-align:center;border:0;height:25px;line-height:24px;padding:0;box-shadow:0 4px 8px #c5c5c5;}.toggle-block .content.wrapper .change-amount .summit-wrapper{display:flex;flex:0 0 100%;max-width:100%;justify-content:flex-end;margin-top:10px;}.toggle-block .content.wrapper .change-amount .summit-wrapper .button{background-color:#f15a29;color:#fff;width:120px;text-align:center;border:0;height:25px;line-height:24px;padding:0;box-shadow:0 4px 8px #c5c5c5;}.toggle-block .font-navy{color:#004a71;}.md-datepicker-calendar-pane.md-pane-open{z-index:1300 !important;}.summary-table-component .toggle-block{max-width:800px;margin:0 auto;}.display-none{display:none !important;}.full-view{max-width:100% !important;flex:0 0 100% !important;}.border-0{border:0 !important;}.modal .modal-header{padding:7px;}.modal .modal-header .modal-title{font-size:15px;text-transform:uppercase;}.modal .modal-footer{padding:7px;}.action-state-active{box-shadow:0 0 0 2px #000;}.as-of-month{position:absolute;right:45px;top:55px;align-items:center;}.as-of-month .button{margin-right:15px;}navigation-bar{position:fixed;top:0;left:0;right:0;z-index:1040;}.ui-view-container{padding-top:50px;}.breadcrumb-wrapper{background-color:#e8e8e8;height:25px;line-height:25px;width:100%;display:block;font-size:12px;}.breadcrumb-wrapper .fa-home{margin:5px;color:#337ab7;}.breadcrumb-wrapper .prev-page{margin-right:5px;color:#337ab7;}.breadcrumb-wrapper.dashboard{height:35px;}.box-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;background-color:#fff;overflow-x:auto;margin-right:7px;}.box-wrapper .item-wrapper{flex:0 0 20%;max-width:20%;background-color:#e8e8e8;border:1px solid #d3d3d3;border-radius:3px;padding:7px;margin:7px;box-shadow:0 1px 8px #d1d1d1;}.box-wrapper .item-wrapper .item{position:relative;width:100%;color:#666;font-size:12px;padding-bottom:7px;}.box-wrapper .item-wrapper .item .data-item{width:100%;color:#337ab7;font-size:15px;}.box-wrapper .item-wrapper .item .data-item .cut-off-date{display:inline-block;}.box-wrapper .item-wrapper .item .data-item .cut-off-date a{text-decoration:underline;color:#008000;cursor:pointer;}.box-wrapper .item-wrapper .item .on-process{display:inline-block;}.box-wrapper .item-wrapper .item .on-process a{text-decoration:underline;color:#ffa500;cursor:pointer;}.box-wrapper .item-wrapper .item .on-process .fa-spin{color:#ffa500;}.box-wrapper .item-wrapper .item.header{text-align:center;position:relative;}.box-wrapper .item-wrapper .item.header .data-item{font-size:15px;font-weight:600;color:#043e5e;position:relative;height:20px;}.box-wrapper .item-wrapper .item.header .sow-name{display:inline-block;padding:2px 7px;z-index:2;background-color:#e8e8e8;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis;}.box-wrapper .item-wrapper .item.header .dx-checkbox-container{margin-top:-5px;}.box-wrapper .item-wrapper .item.header:before{content:"";display:inline-block;height:2px;width:50%;background-color:#043e5e;position:absolute;top:48%;left:0;}.box-wrapper .item-wrapper .item.header:after{content:"";display:inline-block;height:2px;width:50%;position:absolute;background-color:#043e5e;top:48%;right:0;}.box-wrapper .item-wrapper .item .button-new-payment{position:absolute;right:0;bottom:8px;}.box-wrapper .item-wrapper.selected{box-shadow:0 1px 8px 0 #5cb85c;background-color:#f7f7f7;}.box-wrapper .item-wrapper.selected .sow-name{background-color:#f7f7f7 !important;}.view-po-item-detail{display:inline-block;padding:0 7px;background-color:#fff;border:1px solid #337ab7;border-radius:5px;text-align:center;text-transform:uppercase;font-size:9px;font-weight:bold;color:#337ab7;cursor:pointer;margin:0 3px;position:relative;top:-2px;}.view-po-item-detail:hover{background-color:#ccc;}.custom-dx-popover.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after{background-color:#64b2d4 !important;}.custom-dx-popover.dx-popover-wrapper .dx-popup-title .dx-item-content{font-size:15px;}.custom-dx-popover.dx-popover-wrapper .dx-popup-title.dx-toolbar{padding-left:12px !important;background-color:#64b2d4 !important;color:#fff !important;border-top-right-radius:5px;border-top-left-radius:5px;}.popover-po-item .table-po-detail thead th{color:#666;font-size:12px;font-weight:400;text-align:left;padding:7px 3px 3px;vertical-align:top;}.popover-po-item .table-po-detail thead th.po-no-item{width:170px;}.popover-po-item .table-po-detail tbody td{vertical-align:top;color:#337ab7;font-size:15px;padding:7px 3px;}.popover-po-item .item-wrapper{display:flex;}.popover-po-item .item-wrapper .po-item{flex:40%;max-width:40%;}.popover-po-item .item-wrapper .budget{flex:60%;max-width:60%;}.popover-po-item .item{width:100%;color:#666;font-size:12px;padding-bottom:7px;}.popover-po-item .item .data-item{color:#337ab7;font-size:15px;}.project-container .project-list{height:calc(100vh - 125px);}.project-container .ui-view-content{padding:7px;background-color:#fff;}.project-container .project-info-toggle{display:flex;box-shadow:0 4px 8px #b1b0b0;}.project-container .project-info-toggle .toggle-icon-block{width:35px;background-color:#043e5e;}.project-container .project-info-toggle .toggle-icon-block img{transition:.4s ease-in-out;}.project-container .project-info-toggle .toggle-icon-block img.is-collapsed{transform:rotate(-180deg);}.project-container .project-info-toggle .project-info-block{width:calc(100% - 35px);}.project-container .project-info-toggle .project-info-block .scope-of-work{background-color:#fff;}.project-container .project-info-toggle .project-info-block .scope-of-work.is-collapsed{height:0;overflow:hidden;}.project-container .project-info-toggle .btn-hide img{width:12px;}.project-container .tab-wrapper{margin:7px 0;}.project-container .tab-wrapper .payment-detail-wrap .list-wrapper{height:calc(100vh - 355px);}.project-container .tab-wrapper .list-wrapper{height:calc(100vh - 216px);}.project-container .tab-wrapper .calc-height{max-height:calc(100vh - 212px);}.project-container .tab-wrapper .manage-workflow-wrap{height:calc(100vh - 180px);}.project-container .tab-wrapper .project-workflow .autoscroll{height:calc(100vh - 168px);overflow-y:auto;overflow-x:hidden;}.project-container .tab-wrapper .project-summary-content{height:calc(100vh - 168px);overflow-y:auto;overflow-x:hidden;}.project-container .tab-wrapper.is-collapsed .list-wrapper{height:calc(100vh - 430px);}.project-container .tab-wrapper.is-collapsed .calc-height{max-height:calc(100vh - 425px);}.project-container .tab-wrapper.is-collapsed .manage-workflow-wrap{height:calc(100vh - 392px);}.project-container .tab-wrapper.is-collapsed .project-workflow .autoscroll{height:calc(100vh - 387px);overflow-y:auto;overflow-x:hidden;}.project-container .tab-wrapper.is-collapsed .project-summary-content{height:calc(100vh - 380px);}.project-container .activity-content .top-of-list .wbs{flex:0 0 8%;max-width:8%;}.project-container .activity-content .top-of-list .wbs .inner-wrapper>div{width:100%;}.project-container .activity-content .top-of-list .toggle-button{flex:0 0 9%;max-width:9%;padding:0 10px 0 5px;}.project-container .activity-content .top-of-list .keyword{flex:0 0 35%;max-width:35%;padding:0 5px;}.project-container .activity-content .top-of-list .group-by-label{flex:0 0 8%;max-width:8%;padding:0 5px;text-align:right;}.project-container .activity-content .top-of-list .group-by-select{flex:0 0 15%;max-width:15%;padding:0 5px;}.project-container .activity-content .top-of-list .included-activity{margin-left:auto;padding:0 5px;text-align:right;}.project-container .activity-content .top-of-list .included-activity .dx-checkbox-text{font-weight:500;font-size:14px;color:#000;}.project-container .activity-content .top-of-list .action{flex:0 0 35%;max-width:35%;padding:0 5px;text-align:right;}.project-container .activity-content .top-of-list .lock-cost-amount{flex:0 0 15%;max-width:15%;padding:0 5px;position:relative;}.project-container .activity-content .top-of-list .lock-cost-amount .lock-unlock-cost-button{position:absolute;left:10px;top:0;}.project-container .activity-content .top-of-list .lock-cost-amount .inner-wrapper{position:relative;}.project-container .activity-content .top-of-list .lock-cost-amount input{text-align:right;}.project-container .activity-content .top-of-list .lock-cost-amount .dx-state-disabled{font-weight:700;color:#000;opacity:1;background-color:#d3d3d3;}.project-container .activity-content .top-of-list .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#000;font-size:14px;font-weight:500;}.project-container .payment-list-content .top-of-list .action{margin-left:auto;}.project-container .payment-content .project-info-block{box-shadow:0 4px 8px #b1b0b0;}.project-container .payment-content .project-name-wrapper .project-id{flex:0 0 30%;max-width:30%;padding:10px 7px 0 7px;}.project-container .payment-content .project-name-wrapper .request-status{display:inline-block;padding:3px 10px;border-radius:15px;border:1px solid #9c9b9b;color:#9c9b9b;font-size:10px;text-align:center;height:25px;line-height:1.6;font-weight:600;top:-3px;margin-left:5px;position:relative;}.project-container .payment-content .project-name-wrapper .request-status .button-refresh{color:#337ab7;margin-left:7px;cursor:pointer;}.project-container .payment-content .project-name-wrapper .inner-wrapper>div>span{color:#000;}.project-container .payment-content .project-name-wrapper .workflow{padding:15px 15px 0 0;flex:0 0 70%;max-width:70%;position:relative;}.project-container .payment-content .project-name-wrapper .workflow ul{display:flex;justify-content:flex-end;list-style:none;flex-flow:row nowrap;}.project-container .payment-content .project-name-wrapper .workflow ul li{position:relative;width:135px;}.project-container .payment-content .project-name-wrapper .workflow ul li.current{outline:none;-o-outline:none;-ms-outline:none;-moz-outline:none;-webkit-outline:none;position:relative;padding-bottom:3px;padding-right:63px;}.project-container .payment-content .project-name-wrapper .workflow ul li.current .title .step-icon{border:2px solid #5cb85c;background-color:#fff;color:#5cb85c;}.project-container .payment-content .project-name-wrapper .workflow ul li.pass{outline:none;-o-outline:none;-ms-outline:none;-moz-outline:none;-webkit-outline:none;position:relative;padding-bottom:3px;padding-right:63px;}.project-container .payment-content .project-name-wrapper .workflow ul li.pass .title .step-icon{border:2px solid #5cb85c;background-color:#5cb85c;color:#fff;}.project-container .payment-content .project-name-wrapper .workflow ul li:before{position:absolute;content:"";background:#e5e5e5;width:125px;height:3px;top:22%;left:60%;}.project-container .payment-content .project-name-wrapper .workflow ul li:last-child:before{content:none;}.project-container .payment-content .project-name-wrapper .workflow ul li .title{text-align:center;width:170px;padding:0 20px;}.project-container .payment-content .project-name-wrapper .workflow ul li .title span{display:block;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon{width:35px;height:35px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background:#ccc;margin:0 auto;position:relative;outline:none;-o-outline:none;-ms-outline:none;-moz-outline:none;-webkit-outline:none;color:#fff;font-size:20px;cursor:pointer;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon:hover{box-shadow:1px 1px 10px #4e4c4c;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon .step-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);margin-top:-.02em;cursor:pointer;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon .icon-has-req-to-cancel{display:block;position:absolute;right:-10px;top:-9px;color:#000;font-size:11px;width:20px;height:20px;border:2px solid #e2e21c;background-color:#e2e21c;border-radius:50%;line-height:1.5;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon.unclickable{cursor:default;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon.unclickable:hover{box-shadow:none;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-icon.unclickable .step-number{cursor:default;}.project-container .payment-content .project-name-wrapper .workflow ul li .title .step-text{font-size:14px;line-height:1.5;}.project-container .payment-content .project-name-wrapper .workflow .as-of-date-wrapper{text-align:right;font-size:12px;color:#666;position:absolute;bottom:-18px;right:8px;}.project-container .payment-content .sow-tab{display:block;justify-content:unset !important;padding:0 7px !important;}.project-container .payment-content .sow-tab .as-of-date-wrapper{display:inline-block;padding-right:20px;}.project-container .payment-content .sow-tab .select-sow-wrapper{display:inline-block;padding-right:20px;}.project-container .payment-content .sow-tab .select-sow-wrapper .inner-wrapper>div{width:100%;}.project-container .payment-content .sow-tab .po-no-item{display:inline-block;padding-right:20px;}.project-container .payment-content .sow-tab .advanced{display:inline-block;padding-right:20px;}.project-container .payment-content .sow-tab .advanced .percent{display:inline-block;padding:0 3px 0 7px;}.project-container .payment-content .sow-tab .retention{display:inline-block;padding-right:20px;}.project-container .payment-content .sow-tab .attachment{margin-top:25px;display:block;float:right;}.project-container .payment-content .sow-tab .attachment .count-file{display:inline-block;position:relative;padding:1px;background-color:#fff;min-width:19px;border-color:transparent;color:#337ab7;border-radius:2px;margin-left:5px;font-weight:500;height:16px;line-height:1;top:1px;}.project-container .payment-content .sow-tab .data-label{display:inline-block;position:relative;top:-5px;}.project-container .payment-content .sow-tab .inner-wrapper{overflow:hidden;white-space:nowrap;width:100%;color:#337ab7;font-size:14px;font-weight:500;line-height:2;}.project-container .payment-content .sow-tab .inner-wrapper>span{display:block;color:#000;font-size:12px;}.project-container .payment-content .sow-tab .inner-wrapper>div{position:relative;top:-5px;}.project-container .payment-content .sow-tab .refresh-advance-retention{display:inline-block;color:#337ab7;background-color:#fff;padding:0 5px;border-radius:20px;font-size:10px;position:relative;top:-2px;}.project-container .payment-content .activity-filter{background-color:#fff;height:43px;line-height:25px;padding:7px;width:100%;display:flex;font-size:12px;font-weight:500;color:#000;border-bottom:1px solid #cecece;}.project-container .payment-content .activity-filter .toggle-button{flex:0 0 100px;max-width:100px;}.project-container .payment-content .activity-filter .drop-down-button-action{flex:0 0 200px;max-width:200px;}.project-container .payment-content .activity-filter .view-mode{display:inline-flex;flex:0 0 20%;max-width:20%;padding-left:10px;}.project-container .payment-content .activity-filter .view-mode .inner-wrapper{display:inline-block;width:calc(100% - 95px);padding-left:10px;}.project-container .payment-content .activity-filter .cost{flex:0 0 22%;max-width:22%;padding:0 0 0 5px;}.project-container .payment-content .activity-filter .paid{flex:0 0 26%;max-width:26%;padding:0 0 0 5px;}.project-container .payment-content .activity-filter .advanced{flex:0 0 25%;max-width:25%;padding:0 0 0 5px;border:1px solid;border-radius:20px;background:#ffa500;text-align:center;color:#fff;line-height:27px;font-weight:bold;margin-left:auto;}.project-container .payment-content .activity-filter .advanced .percent{display:inline-block;padding:0 7px 0 3px;height:20px;line-height:1.7;}.project-container .payment-content .activity-filter .advanced .dx-state-disabled.dx-widget{font-weight:700;color:#000;opacity:1;background-color:#d3d3d3;}.project-container .payment-content .activity-filter .retention{flex:0 0 25%;max-width:25%;padding:0 0 0 5px;border:1px solid;border-radius:20px;background:#ffa500;text-align:center;color:#fff;line-height:27px;font-weight:bold;}.project-container .payment-content .activity-filter .retention .percent{display:inline-block;padding:0 7px 0 3px;height:20px;line-height:1.7;}.project-container .payment-content .activity-filter .retention .dx-state-disabled.dx-widget{font-weight:700;color:#000;opacity:1;background-color:#d3d3d3;}.project-container .payment-content .activity-filter .current-pay{flex:0 0 20%;max-width:20%;padding:0 0 0 5px;border:1px solid;border-radius:20px;background:#5cb85c;text-align:center;color:#fff;line-height:27px;font-weight:bold;}.project-container .payment-content .activity-filter .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#337ab7;font-size:14px;font-weight:500;}.project-container .payment-content .activity-filter .inner-wrapper span{color:#000;padding-right:10px;}.project-container .payment-content .activity-filter .input-wrapper{display:inline-flex;width:calc(100% - 130px);}.project-container .payment-content .activity-filter .input-wrapper .dx-texteditor-input{padding:2px 5px 2px;min-height:15px;}.project-container .payment-content .list-wrapper{height:calc(100vh - 352px);}.project-container .payment-content .list-wrapper .calc-height{max-height:calc(100vh - 352px);}.project-container .payment-content .modal-dialog.full-dialog{width:90%;}.project-container .payment-content .confirm-submit.admin{width:80%;}.project-container .payment-content .confirm-submit.admin .adjust-payment{display:block;float:left;padding:0 7px;}.project-container .payment-content .confirm-submit.admin .payment-po-item-list{padding:7px;}.project-container .payment-content .confirm-submit.admin .summary-wrapper{display:block;float:right;width:60%;white-space:nowrap;padding-right:15px;font-size:12px;}.project-container .payment-content .confirm-submit.admin .summary-wrapper>div{display:inline-block;width:33.33%;padding:0 0 0 5px;border-radius:20px;text-align:center;color:#fff;line-height:27px;font-weight:bold;}.project-container .payment-content .confirm-submit.admin .summary-wrapper .advanced{background:#ffa500;}.project-container .payment-content .confirm-submit.admin .summary-wrapper .retention{background:#ffa500;}.project-container .payment-content .confirm-submit.admin .summary-wrapper .payment{background:#5cb85c;}.project-container .payment-content .confirm-submit.admin .warning-message-disabled-reason{position:relative;}.project-container .payment-content .confirm-submit.admin .warning-message-disabled-reason>i{margin-right:7px;}.project-container .payment-content .confirm-submit.admin .payment-po-item-table .dx-header-row>td{text-align:center !important;}.project-container .payment-content .confirm-submit.admin .payment-po-item-table .icon-warning-message{position:absolute;display:inline-block;font-weight:400;font-size:12px;color:#ffa500;padding:3px 7px;line-height:.8;}.project-container .payment-content .confirm-submit .total-invoice-amount{font-weight:500;color:#666;}.project-container .payment-content .confirm-submit .total-invoice-amount span{color:#337ab7;}.project-container .payment-content .confirm-submit .request-info{display:block;white-space:nowrap;}.project-container .payment-content .confirm-submit .request-info .cut-off-date{display:inline-block;padding-right:20px;line-height:1.8;}.project-container .payment-content .confirm-submit .request-info .scope-of-work{display:inline-block;padding-right:20px;line-height:1.8;}.project-container .payment-content .confirm-submit .request-info .po-no-item{display:inline-block;padding-right:20px;line-height:1.8;}.project-container .payment-content .confirm-submit .request-info .remark{display:inline-block;width:calc(100% - 383px);}.project-container .payment-content .confirm-submit .request-info .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#000;font-size:12px;font-weight:500;padding-top:5px;}.project-container .payment-content .confirm-submit .request-info .inner-wrapper>span{display:block;width:100%;color:#337ab7;font-size:14px;font-weight:500;}.project-container .payment-content .confirm-submit .label{display:inline-block;color:#666;font-size:12px;font-weight:500;padding:6px 7px 6px 0;}.project-container .payment-content .confirm-submit .file-upload-wrapper{padding:0;}.project-container .payment-content .confirm-submit .payment-summary-wrapper{width:100%;padding-left:15px;padding-right:15px;}.project-container .payment-content .confirm-submit .payment-summary-table{max-height:calc(100vh - 285px);text-transform:uppercase;}.project-container .payment-content .confirm-submit .payment-summary-table .dx-header-row td{text-align:center !important;}.project-container .payment-content .confirm-submit .payment-summary-table .dx-scrollable-container{overflow-x:hidden !important;}.project-container .payment-content .confirm-submit .payment-summary-table .dx-datagrid-footers .dx-datagrid-table .dx-row>td{background-color:#5cb85c;box-shadow:none;font-weight:700;color:#fff;}.project-container .payment-content .confirm-submit .inner-wrapper{width:100%;padding:0 7px;}.project-container .payment-content review-and-comment{flex:0 0 15.5%;max-width:15.5%;margin-left:7px;background-color:#fff;border-left:1px solid #cecece;padding-left:0;padding-right:0;}.project-container .payment-content review-and-comment .comment-wrapper .comment-title{height:30px;background-color:#043e5e;color:#fff;text-align:center;line-height:2.1;font-size:14px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-title .full-view-comment{position:absolute;color:#fff;right:13px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper{height:calc(100vh - 279px);overflow-y:auto;padding:7px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container{margin-bottom:15px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile{padding:10px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .role-name{font-size:12px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .role-name>span{display:block;width:100%;font-size:16px;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .profile-photo{position:relative;padding-top:100px;width:100px;margin:10px auto;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .profile-photo .image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain;background-color:#fff;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .profile-name{line-height:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(32px*1.3*1);min-height:calc(32px*1.3*1);word-break:break-word;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .profile-position{line-height:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:calc(16px*1.3*2);min-height:calc(16px*1.3*2);word-break:break-word;margin-top:5px;font-size:14px;text-align:left;color:#337ab7;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .action-date{position:relative;text-align:right;font-style:italic;color:#808080;font-weight:normal;font-size:12px;margin:10px 0 0;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .action-date .icon{font-size:20px;position:absolute;left:0;color:#5cb85c;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .action-date .icon.request-to-cancel{color:#ffa500;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .action-date .icon.acknowledge{color:#337ab7;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .action-date .icon.approve{color:#5cb85c;}.project-container .payment-content review-and-comment .comment-wrapper .comment-scroll-wrapper .approver-item-container .approver-profile .action-date .icon.reject{color:#d9534f;}.project-container .payment-content.view .tab-wrapper{display:flex;}.project-container .payment-content.view .split-view{flex:0 0 84%;max-width:84%;}.project-container .payment-content.view .activity-filter .view-mode{flex:0 0 20.5%;max-width:20.5%;}.project-container .payment-content.view .activity-filter .current-pay{flex:0 0 19.5%;max-width:19.5%;}.project-container .select-workflow-content .manage-workflow-wrap{position:relative;width:80%;margin:0 auto;}.project-container .select-workflow-content .manage-workflow-wrap .no-workflow-text{position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}.project-container .select-workflow-content .manage-workflow-wrap .no-workflow-text h2{padding-bottom:30px;}.project-container .vo-online-content .top-of-list .keyword{flex:0 0 48%;max-width:48%;padding-left:0 !important;}.project-container .vo-online-content .top-of-list .status{flex:0 0 9%;max-width:9%;text-align:right;}.project-container .vo-online-content .top-of-list .button-left{flex:0 0 50%;max-width:50%;}.project-container .vo-online-content .top-of-list .button-left .warning-multi-sow{display:inline-block;font-weight:100;font-size:14px;color:#ffa500;}.project-container .vo-online-content .top-of-list .button-right{flex:0 0 50%;max-width:50%;text-align:right;}.project-container .vo-online-content .top-of-list .button-right .inner-wrapper{display:inline-flex;}.project-container .vo-online-content .top-of-list .button-right .inner-wrapper>div{margin-left:7px;}.project-container .vo-online-content .vo-dx-data-grid .vo-name-manual{position:relative;}.project-container .vo-online-content .vo-dx-data-grid .vo-name-manual .vo-name{display:inline-block;width:70%;}.project-container .vo-online-content .vo-dx-data-grid .icon-manual{font-weight:bold;display:block;padding:1px 5px;border:2px solid;border-radius:12px;float:right;font-size:10px;color:#dc8217;background-color:#fff;position:absolute;top:2px;right:0;}.project-container .vo-online-content .vo-dx-data-grid .col-number{color:#008000;}.project-container .vo-online-content .vo-dx-data-grid .minus{color:#f00;}.project-container .vo-online-content .vo-dx-data-grid .dx-header-row>td>.dx-datagrid-text-content{text-align:left;}.project-container .vo-online-content .vo-table-wrap .custom-table .icon-manual{font-weight:bold;display:block;padding:1px 5px;border:2px solid;border-radius:12px;float:right;font-size:10px;color:#dc8217;}.project-container .vo-change-summary{width:450px;}.project-container .vo-change-summary .vo-change-summary-content{max-height:calc(100vh - 180px);overflow-y:auto;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile{padding:0;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item{box-shadow:0 4px 8px #d1d1d1;border-radius:2px;margin-bottom:14px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#fff;font-size:12px;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper{border-top-left-radius:10px;border-top-right-radius:10px;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .first-line {background-color:#d7edf8;border-bottom:1px solid #d3d3d3;border-top-left-radius:10px;border-top-right-radius:10px;padding:0 7px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .first-line>span{line-height:2.5;font-size:15px;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .first-line .original-budget{display:block;float:right;width:50%;text-align:right;color:#337ab7;font-size:12px;font-weight:500;padding-left:7px;line-height:3;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .first-line .original-budget span{padding-left:7px;font-size:12px;font-weight:500;color:#000;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail{position:relative;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view{display:flex;flex-wrap:nowrap;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content{flex:0 0 45%;max-width:45%;padding:7px;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content .current-approve-budget{position:relative;width:100%;border-right:.5px solid #d3d3d3;padding:7px 7px 14px 7px;text-align:center;font-size:15px;font-weight:500;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content .current-approve-budget .current{display:block;width:100%;margin-bottom:7px;text-align:center;font-size:20px;color:#337ab7;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content .current-approve-budget .current span{display:block;width:100%;font-size:12px;color:#666;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content .current-approve-budget .approved{display:block;width:100%;text-align:center;font-size:20px;color:#f00;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content .current-approve-budget .approved.is-increase{color:#008000;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .left-content .current-approve-budget .approved span{display:block;width:100%;font-size:12px;color:#666;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .right-content{flex:0 0 55%;max-width:55%;padding:7px;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .right-content .title{font-size:12px;font-weight:500;padding:7px 0 3px 0;border-bottom:.5px solid #d3d3d3;margin-bottom:10px;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .right-content .other-status{display:block;width:100%;font-size:12px;font-weight:400;text-align:right;line-height:1;padding-bottom:10px;color:#666;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .right-content .other-status:last-child{padding-bottom:0;}.project-container .vo-change-summary .vo-change-summary-content .list-wrapper-mobile .item .inner-wrapper .other-detail .split-view .right-content .other-status span{float:left;}.project-container .vo-create{width:98%;}.project-container .vo-create .modal-body{background-color:#e6e7e8;padding:7px;}.project-container .vo-create .modal-body .background{background-color:#000;opacity:.5;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-9;display:none;}.project-container .vo-create .modal-body .background.is-active{z-index:1052;display:block;}.project-container .vo-create .modal-footer{text-align:center;}.project-container .vo-create .project-name-wrapper{background-color:#fff;height:38px;line-height:20px;width:100%;display:flex;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 1px 8px #d1d1d1;}.project-container .vo-create .project-name-wrapper .project-id{flex:0 0 30%;max-width:30%;padding:0 10px;}.project-container .vo-create .project-name-wrapper .tribe{flex:0 0 10%;max-width:10%;padding:0 10px;}.project-container .vo-create .project-name-wrapper .squad{flex:0 0 20%;max-width:20%;padding:0 10px;}.project-container .vo-create .project-name-wrapper .project-owner{flex:0 0 20%;max-width:20%;padding:0 10px;}.project-container .vo-create .project-name-wrapper .sow{flex:0 0 40%;max-width:40%;padding:0 10px;}.project-container .vo-create .project-name-wrapper .sow .inner-wrapper{text-align:right;}.project-container .vo-create .project-name-wrapper .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#337ab7;font-size:15px;font-weight:500;padding-top:5px;}.project-container .vo-create .project-name-wrapper .inner-wrapper>span{color:#000;padding-right:10px;}.project-container .vo-create .create-vo-wrapper{margin:7px 0;}.project-container .vo-create .create-vo-wrapper .form-wrapper{display:block;padding:0 7px;background-color:#bee4f5;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 1px 8px #d1d1d1;margin-bottom:7px;font-size:13px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .sow{display:inline-block;padding-right:20px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .vo-no{display:inline-block;padding-right:20px;min-width:150px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .vo{display:inline-block;padding-right:20px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .vo .data-label{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.project-container .vo-create .create-vo-wrapper .form-wrapper .description{display:inline-block;padding-right:20px;width:20%;}.project-container .vo-create .create-vo-wrapper .form-wrapper .description .data-label{max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.project-container .vo-create .create-vo-wrapper .form-wrapper .vo-status{display:inline-block;padding-right:20px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .vo-online-amount{display:inline-block;padding-right:7px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .inner-wrapper{overflow:hidden;white-space:nowrap;width:100%;color:#337ab7;font-size:14px;font-weight:500;line-height:2;}.project-container .vo-create .create-vo-wrapper .form-wrapper .inner-wrapper span{color:#000;font-size:12px;}.project-container .vo-create .create-vo-wrapper .form-wrapper .inner-wrapper>div{position:relative;top:-5px;min-height:25px;}.project-container .vo-create .vo-activity-wrapper{position:relative;margin:7px 0;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 1px 8px #d1d1d1;}.project-container .vo-create .vo-activity-wrapper.is-active{border:none;border-radius:0;box-shadow:unset;z-index:1059;}.project-container .vo-create .vo-activity-wrapper .add-update-section{display:flex;width:100%;height:calc(100vh - 275px);overflow:hidden;transition:.5s ease-in-out;}.project-container .vo-create .vo-activity-wrapper .add-update-section .activity-table-wrapper{width:100%;height:calc(100vh - 372px);}.project-container .vo-create .vo-activity-wrapper .add-update-section .activity-table{height:calc(100vh - 372px);}.project-container .vo-create .vo-activity-wrapper .add-update-section .added-updated-wrapper{flex:0 0 100%;max-width:100%;height:100%;background-color:#fff;transition:.5s ease-in-out;}.project-container .vo-create .vo-activity-wrapper .add-update-section .added-updated-wrapper .title{background-color:#043e5e;line-height:38px;padding:0 7px;color:#fff;box-shadow:inset 0 39px 1px -27px #084b6f;font-size:15px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .added-updated-wrapper .button-wrapper{position:relative;display:block;text-align:left;float:right;top:-3px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .added-updated-wrapper .button-wrapper .hide-right-panel{display:block;float:right;}.project-container .vo-create .vo-activity-wrapper .add-update-section .added-updated-wrapper .body{padding:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper{flex:0 0 64%;max-width:64%;height:100%;background-color:#fff;margin-left:15px;position:relative;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .left-bar-toggle{position:absolute;left:0;width:20px;height:100%;background-color:#ccc;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .left-bar-toggle .icon-toggle{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-7px,-6px);color:#666;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .left-bar-toggle:hover .icon-toggle{text-shadow:20x 12px 2px #d1d1d1;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .title{background-color:#a0d2e8;line-height:38px;padding:0 10px;color:#000;box-shadow:inset 0 39px 1px -27px #b3e1f5;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .body{padding:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .count-selected-items{display:block;float:right;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .select-activity .activity .activity-tree-list{height:calc(100vh - 475px);}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .add-activity .wbs .wbs-tree-list{height:calc(100vh - 475px);}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper{display:block;padding:0 7px;margin-top:7px;background-color:#bee4f5;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 1px 8px #d1d1d1;margin-bottom:7px;font-size:13px;text-align:center;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .add-mode{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .adjust-amount{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .activity{display:inline-block;width:300px;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .duration{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .budget{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .inner-wrapper{overflow:hidden;white-space:nowrap;width:100%;color:#337ab7;font-size:14px;font-weight:500;line-height:2;text-align:left;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .inner-wrapper span{color:#000;font-size:12px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .form-wrapper .inner-wrapper>div{position:relative;min-height:25px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .button-wrapper{display:block;text-align:center;}.project-container .vo-create .vo-activity-wrapper .add-update-section .adding-updating-wrapper .button-wrapper .inner-wrapper{text-align:center;padding-bottom:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table{display:block;background-color:#fff;height:43px;line-height:25px;padding:7px 0;width:100%;font-size:12px;font-weight:500;color:#000;border-bottom:1px solid #cecece;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .drop-down-button-action{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .toggle-button{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .view-mode{display:inline-block;padding-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .view-mode .inner-wrapper{display:inline-block;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .amount-wrapper{display:flex;float:right;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .total-amount{background:#5cb85c;color:#fff;padding:2px 15px;font-size:12px;font-weight:bold;border-radius:20px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .total-amount span{padding-right:10px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .budget-amount{background:#337ab7;color:#fff;padding:2px 15px;font-size:12px;font-weight:bold;border-radius:20px;margin-right:7px;}.project-container .vo-create .vo-activity-wrapper .add-update-section .top-table .budget-amount span{padding-right:10px;}.project-container .vo-create .vo-activity-wrapper .add-update-section.split-view .added-updated-wrapper{flex:0 0 35%;max-width:35%;}.project-container .vo-create .vo-activity-wrapper .add-update-section.split-view .added-updated-wrapper .id-code{width:35%;}.project-container .vo-create .vo-activity-wrapper .add-update-section.split-view .added-updated-wrapper .act-name{width:40%;}.project-container .vo-create .vo-activity-wrapper .add-update-section.split-view .added-updated-wrapper .adj-budget{width:25%;}.project-container .vo-create .select-activity-wrapper{margin:7px 0;padding:7px;border:1px solid #d3d3d3;border-radius:3px;box-shadow:0 1px 8px #d1d1d1;background-color:#fff;height:calc(100vh - 329px);}.project-container .vo-create .select-activity-wrapper .adjust-wrapper{padding:7px;}.project-container .vo-create .select-activity-wrapper .adjust-wrapper .inner-wrapper{display:inline-flex;}.project-container .vo-create .select-activity-wrapper .adjust-wrapper .inner-wrapper>div{margin-right:7px;}.project-container .vo-create .select-activity-wrapper .scrolling{height:calc(100vh - 418px);overflow-y:auto;}.project-container .vo-create .select-activity-wrapper .scrolling table{width:100%;}.project-container .vo-create .select-activity-wrapper .check-box{width:5%;}.project-container .vo-create .select-activity-wrapper .id-code{width:20%;}.project-container .vo-create .select-activity-wrapper .act-name{width:45%;}.project-container .vo-create .select-activity-wrapper .org-budget{width:10%;}.project-container .vo-create .select-activity-wrapper .cur-budget{width:10%;}.project-container .vo-create .select-activity-wrapper .adj-budget{width:10%;}.project-container .vo-create .button-action-seperate{color:#000;}.project-container .vo-create .icon-new-task{font-weight:bold;display:block;float:right;padding:1px 5px;border:2px solid #008000;border-radius:12px;right:2px;font-size:10px;color:#008000;}.project-container .top-of-list{display:flex;height:auto;line-height:25px;padding:0 0 7px 0;width:100%;background-color:#fff;}.project-container .list-wrapper{background-color:#fff;}.project-container .project-summary-content{height:calc(100vh - 200px);}.project-container .project-summary-content .project-progress-wrapper{display:flex;flex-flow:nowrap;}.project-container .project-summary-content .project-progress-wrapper .header{flex:0 0 100%;width:100%;height:30px;line-height:1.8;background-color:#e8e8e8;color:#337ab7;padding-left:7px;font-weight:500;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress{flex:0 0 84%;max-width:84%;width:100%;height:210px;display:block;overflow-x:auto;white-space:nowrap;text-align:center;background-color:#fafafa;border:1px solid #ccc;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .overall-percentage{position:relative;width:99%;height:25px;border-radius:20px;background-color:#ccc;overflow:hidden;margin:7px;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .overall-percentage .percentage-progress{background-color:#5cb85c;height:25px;border-radius:20px;box-shadow:inset 0 -7px 6px 0 #018e01;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .overall-percentage .percentage-progress>span{color:#fff;font-size:12px;margin:0 7px;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs{display:inline-block;position:relative;padding:15px 30px 0 30px;text-align:center;width:180px;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs::after{content:"";display:inline-block;position:absolute;right:0;height:160px;width:2px;background-color:#d6d6d6;top:50%;transform:translateY(-70px);}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs:last-child::after{display:none;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs .wbs-name{font-size:12px;font-weight:500;text-align:center;white-space:normal;height:45px;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs .status-name{display:block;font-size:12px;font-weight:normal;text-align:center;color:#666;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs .completed{font-size:70px;color:#5cb85c;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs .not-started{font-size:70px;color:#5cb85c;}.project-container .project-summary-content .project-progress-wrapper .wbs-progress .wbs .not-started i{transform:scaleX(-1);}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper{flex:0 0 15%;max-width:15%;position:relative;padding:7px;margin:7px;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .launch-date{padding:8px 15px;background-color:rgba(92,184,92,.8);height:100%;border-radius:10px;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .launch-date .title{display:block;font-size:22px;text-align:center;line-height:1.3;color:#fff;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .launch-date .count-days{position:relative;text-align:center;font-size:12px;font-weight:normal;color:#fff;top:15px;line-height:1.5;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .launch-date .count-days span{display:block;font-size:25px;font-weight:700;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .launch-date .count-days.large{font-size:17px;font-weight:500;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .project-status{display:block;position:absolute;bottom:17px;height:30px;width:100%;right:0;padding:0 14px;font-size:13px;font-weight:500;line-height:1.5;color:#fff;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .project-status>span{position:absolute;right:43px;top:0;font-size:17px;cursor:context-menu;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .project-status.red{background-color:#f36565;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .project-status.yellow{background-color:#f5f560;color:#434242;}.project-container .project-summary-content .project-progress-wrapper .project-status-wrapper .project-status.green{background-color:#5cb85c;}.project-container .project-summary-content .charts-wrapper{display:flex;margin-top:7px;}.project-container .project-summary-content .charts-wrapper .activity{flex:0 0 32.5%;max-width:32.5%;padding:15px 0 15px 30px;margin:7px 7px 7px 0;}.project-container .project-summary-content .charts-wrapper .payment{flex:0 0 32.5%;max-width:32.5%;padding:15px 30px;margin:7px;}.project-container .project-summary-content .charts-wrapper .vo{flex:0 0 32.5%;max-width:32.5%;padding:15px 30px;margin:7px 0 7px 7px;}.project-container .project-summary-content .charts-wrapper>div{border:1px solid #ccc;background-color:#fafafa;}.project-container .project-summary-content .gauges-wrapper{display:flex;}.project-container .project-summary-content .gauges-wrapper .cpi{flex:0 0 49.5%;width:49.5%;margin:7px 7px 7px 0;}.project-container .project-summary-content .gauges-wrapper .spi{flex:0 0 49.5%;width:49.5%;margin:7px 0 7px 7px;}.project-container .project-summary-content .gauges-wrapper>div{border:1px solid #ccc;background-color:#fafafa;padding:0 60px;}.project-container .project-summary-content .gauges-wrapper .dx-visibility-change-handler>svg{margin:0 auto;}.project-p6-container .list-wrapper .calc-height{max-height:calc(100vh - 100px);}.sow-wrapper{background-color:#fff;min-height:30px;width:100%;line-height:25px;display:flex;padding:7px 0;border-bottom:1px solid #cecece;}.sow-wrapper .po-no{flex:0 0 13%;max-width:13%;padding:0 0 0 5px;}.sow-wrapper .po-item{flex:0 0 11%;max-width:11%;padding:0 0 0 5px;}.sow-wrapper .percent-progress{flex:0 0 0%;max-width:0%;padding:0 0 0 5px;}.sow-wrapper .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#337ab7;font-size:14px;font-weight:500;}.sow-wrapper .inner-wrapper span{color:#000;padding-right:10px;}.sow-wrapper .dx-state-disabled{font-weight:700;color:#000;opacity:1;background-color:#d3d3d3;}.list-wrapper.project-list{margin-left:7px;margin-right:7px;padding:7px;background-color:#fff;box-shadow:0 8px 8px #d1d1d1;}.button-in-list{padding:3px 7px;background-color:#337ab7;color:#fff;border-radius:3px;border-color:transparent;cursor:pointer;}.button-in-list:hover{text-decoration:none;background-color:#1d4567;color:#fff;}.button-success-in-list{padding:3px 7px;background-color:#5cb85c;color:#fff;border-radius:3px;border-color:transparent;cursor:pointer;}.button-success-in-list:hover{text-decoration:none;background-color:#357935;color:#fff;}.dx-button-in-list{border-radius:3px;width:90px;margin-left:1px;}.dx-button-in-list .dx-button-content{padding:3px 7px !important;}.dx-button-in-list .dx-icon{color:#fff !important;}.dx-button-in-list:hover{text-decoration:none;background-color:#1d4567;color:#fff;}.dx-header-row td:not(.dx-command-select){text-align:left !important;}.dx-header-row .dx-column-indicators{float:right !important;}.button-overlay-bottom-wrapper{position:fixed;bottom:0;left:0;right:0;height:50px;background:rgba(0,0,0,.8);text-align:center;}.button-overlay-bottom-wrapper .inner-wrapper{line-height:3.1;position:relative;}.button-overlay-bottom-wrapper .disabled-button-message{display:inline-block;position:absolute;color:#fff;font-size:12px;padding:9px;}.button-overlay-bottom-wrapper .disabled-button-message .icon-has-req-to-cancel{display:inline-block;position:relative;color:#000;font-size:11px;width:20px;height:20px;border:2px solid #e2e21c;background-color:#e2e21c;border-radius:50%;line-height:1.5;cursor:pointer;}.button-overlay-bottom-wrapper .disabled-button-message .icon-has-req-to-cancel:hover{border-color:#838302;background-color:#838302;}.button-overlay-bottom-wrapper .comment{float:right;margin-right:15px;}.button-overlay-bottom-wrapper .button-back{position:absolute;left:7px;top:15px;}.adjust-cost-history-button{float:right;color:#337ab7;}.adjust-cost-history-button .dx-button-content{padding:1px 0 0 0;}.number-box-text-right input{text-align:right;}.activity-detail{width:50%;font-size:15px;}.activity-detail .form-group label{width:150px;}.activity-detail .left-content{padding-left:30px !important;}.activity-detail .left-content span{color:#337ab7;}.activity-detail .modal-title .icon-history{color:#337ab7;margin-right:5px;}.activity-detail .activity-log-table{max-height:calc(100vh - 200px);}.ui-view-inner{display:flex;flex-wrap:wrap;flex:0 0 100%;width:100%;}.content-block{display:flex;margin-bottom:10px;flex:0 0 100%;max-width:100%;}.content-block .label{color:#000;padding:0 20px 0 0;font-size:12px;font-weight:500;line-height:15px;display:flex;max-width:250px;flex:0 0 25%;justify-content:flex-end;min-height:25px;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;}.content-block .label label{margin-bottom:0;}.content-block .detail{flex-grow:1;line-height:25px;flex-wrap:wrap;display:flex;}.content-block .detail .checkboxes{display:flex;flex-wrap:wrap;margin-top:0;flex:0 0 100%;}.content-block .detail .checkboxes .checkbox-item{display:flex;flex:0 0 25%;max-width:25%;height:30px;align-items:flex-start;padding:2px 10px 0 0;}.content-block .detail .checkboxes .checkbox-item .check-container{display:flex;align-items:center;font-weight:normal;}.content-block .detail .checkboxes .checkbox-item .check-container .check-box-mockup{margin-right:6px;width:16px;height:16px;}.content-block .detail .checkboxes .checkbox-item.service-item .check-container{flex:0 0 65px;max-width:65px;line-height:17px;font-size:12px;height:22px;}.content-block .detail .checkboxes .checkbox-item.service-item .hiding-input{flex-grow:1;display:flex;align-items:center;height:22px;}.content-block .detail .checkboxes .checkbox-item.service-item .hiding-input .input{height:20px;border:1px solid #ccc;padding:0 3px;font-size:11px;font-family:"Kanit";line-height:22px;width:100%;max-width:65px;}.content-block .detail .checkboxes .checkbox-item.service-item .hiding-input .input ::placeholder{font-size:14px;line-height:22px;text-align:center;color:#f00;}.content-block .detail .checkboxes .checkbox-item.service-item .hiding-input .percent-icon{margin-left:3px;width:15px;}.content-block .detail .checkboxes .checkbox-item.service-item:last-child{flex:0 0 100%;max-width:100%;}.content-block .detail .real-checkbox{display:none;}.content-block .detail .fake-checkbox{padding:0;display:flex;align-items:center;}.content-block .detail .input-with-limit{display:flex;}.content-block .detail .input-with-limit .input{height:25px;}.content-block .detail .input-with-limit .input.text{width:80%;}.content-block .detail .input-with-limit .limit{margin-left:15px;white-space:nowrap;}.content-block .detail .select-with-delete{display:flex;align-items:center;}.content-block .detail .select-with-delete .fa-trash-alt{font-size:20px;margin-left:15px;}.content-block .detail .input.text{font-family:"Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;height:25px;border:1px solid #ccc;padding:0 10px;font-size:14px;line-height:23px;color:#1e1e1e;width:80%;}.content-block .detail .input.number{font-family:"Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;height:25px;border:1px solid #ccc;padding:0 10px 0 10px;font-size:14px;line-height:23px;color:#1e1e1e;width:80%;}.content-block .detail .textarea{max-width:80%;width:80%;min-width:80%;height:72px;max-height:72px;min-height:72px;font-size:14px;line-height:normal;}.content-block .detail .select{width:100%;max-width:300px;}.content-block .detail .ui-select-placeholder{width:auto !important;height:auto !important;}.content-block .detail .auto-complete-wrapper{position:relative;min-height:25px;min-width:1px;}.content-block .detail .auto-complete-wrapper .clear-ui-select{color:#f00;font-size:15px;display:none;justify-content:center;align-items:center;cursor:pointer;width:15px;position:absolute;right:1px;background-color:#fff;z-index:2;top:2px;bottom:2px;line-height:20px;}.content-block .detail .auto-complete-wrapper .clear-ui-select.show{display:flex;}.content-block .detail .auto-complete-wrapper .clear-ui-select.hide{display:none;}.content-block .detail .ui-select-bootstrap{height:25px;max-width:350px;width:100%;}.content-block .detail .ui-select-bootstrap .ui-select-match{display:flex;max-width:350px;}.content-block .detail .ui-select-bootstrap .ui-select-match-text{height:23px;line-height:23px;}.content-block .detail .ui-select-bootstrap .ui-select-toggle .caret{font-family:"Font Awesome 5 Free";border:0;width:15px;height:22px;color:#636363;font-size:12px;top:1px;background:transparent;font-weight:900;margin-top:0;display:flex;align-items:center;justify-content:center;bottom:1px;right:1px;font-style:normal;}.content-block .detail .ui-select-bootstrap .ui-select-toggle .caret:after{content:"";}.content-block .detail .ui-select-bootstrap.dropdown .form-control{height:25px;line-height:25px;padding:0 18px 0 10px;}.content-block .detail.parent{display:flex;flex-wrap:wrap;}.content-block .label-suffix{padding-left:7px;font-size:12px;font-weight:normal;line-height:1;}.content-block .form-group{margin-bottom:0;}.custom-table{font-size:12px;width:100%;}.custom-table .header-row{background-color:#043e5d;color:#fff;}.custom-table .header-row td{text-align:left;line-height:1.5;vertical-align:top;white-space:nowrap;text-overflow:ellipsis;font-weight:500;}.custom-table td{text-align:left;padding:5px;border:1px solid #ddd;line-height:1.5;font-weight:400;}.custom-table .endorse{text-align:center;}.custom-table .remove{text-align:center;}.custom-table .col-group{vertical-align:top;}.custom-table .col-number{text-align:right;color:#008000;}.custom-table .minus{color:#f00;}.custom-table .data-row.selected{background-color:#f5f5f5;}.scrolling{margin-right:-8px;}.scrolling table{font-size:12px;font-weight:500;width:calc(100% - 8px);}.scrolling table tr td{text-align:left;padding:5px;border:1px solid #ddd;line-height:1.5;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.scrolling table tr td>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.scrolling table tr td.col-number{text-align:right !important;}.workflow-list .custom-table .header-row .row-no{width:50px;}.workflow-list .custom-table .header-row .step{width:60px;}.workflow-list .custom-table .header-row .related{width:60px;}.workflow-list .custom-table .header-row .latest-upd{width:100px;}.workflow-list .custom-table .header-row .action{width:100px;}.clear-signature{margin-top:-12px;}.signature-wrap{border:1px solid #d3d3d3;border-radius:4px;height:219px;}.font-red{color:#f00;}.select-workflow-list .workflow-list{height:unset;box-shadow:unset;margin-left:0;margin-right:0;padding:0;}.acknowledge-users-wrap{display:flex;flex-wrap:wrap;align-items:center;}.acknowledge-users-wrap .user{width:100px;height:100px;border:1px solid #d3d3d3;border-radius:5px;margin:7px;}.review-and-comment{width:60%;}.review-and-comment .modal-body{max-height:600px;overflow-y:auto;}.review-and-comment .tab-content-wrapper{position:relative;height:535px;overflow-y:hidden;border:1px solid #d3d3d3;}.review-and-comment .tab-content-wrapper .tab-content{position:absolute;max-height:535px;overflow-y:auto;top:0;left:0;right:0;bottom:0;opacity:0;z-index:1;-webkit-transition:opacity linear .1s;-moz-transition:opacity linear .1s;-o-transition:opacity linear .1s;-ms-transition:opacity linear .1s;transition:opacity linear .1s;}.review-and-comment .tab-content-wrapper .tab-content.show{z-index:100;opacity:1;-webkit-transition:opacity ease-out .2s .1s;-moz-transition:opacity ease-out .2s .1s;-o-transition:opacity ease-out .2s .1s;-ms-transition:opacity ease-out .2s .1s;transition:opacity ease-out .2s .1s;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper{display:flex;border-bottom:1px solid #d3d3d3;padding:7px 0;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .photo{flex:0 0 25%;max-width:25%;padding:0 7px;font-size:15px;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .photo .profile-photo{width:100%;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .photo .profile-photo img{width:100%;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .photo label{width:100%;margin-top:10px;text-align:right;overflow:hidden;text-overflow:ellipsis;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .photo span{display:block;width:100%;text-align:right;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment{position:relative;flex:0 0 75%;max-width:75%;display:flex;flex-direction:column;padding:0 7px;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name{padding:0 7px 15px 0;font-weight:bold;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name>span{padding-left:7px;font-style:italic;color:#808080;font-weight:normal;font-size:12px;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action{float:right;padding:3px 10px;border-radius:15px;border:1px solid #d8d8d8;font-size:12px;min-width:135px;text-align:center;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.submit{border:1px solid #337ab7;color:#337ab7;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.withdraw{border:1px solid #337ab7;color:#337ab7;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.comment{border:1px solid #337ab7;color:#337ab7;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.request-to-cancel{background-color:#ffa500;color:#fff;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.approve{background-color:#5cb85c;color:#fff;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.reject{background-color:#d9534f;color:#fff;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .step-name .step-action.acknowledge{background-color:#337ab7;color:#fff;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper .comment .comment-text{border-top:1px solid #d3d3d3;padding-top:15px;font-size:14px;min-height:70px;}.review-and-comment .tab-content-wrapper .tab-content .row-wrapper:last-child{border-bottom:none;}.action-user{width:60%;}.action-user .content-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;}.action-user .content-wrapper .item-wrapper{width:25%;text-align:center;padding:10px;}.action-user .content-wrapper .item-wrapper .inner-wrapper{padding:15px 7px;border:1px solid #ccc;border-radius:3px;background-image:linear-gradient(to top,#d6d6d6,#e0e0e0,#eaeaea,#f5f5f5,#fff);}.action-user .content-wrapper .item-wrapper .inner-wrapper .profile-photo{position:relative;padding-top:100px;width:100px;margin:10px auto;}.action-user .content-wrapper .item-wrapper .inner-wrapper .profile-photo .image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain;background-color:#fff;}.action-user .content-wrapper .item-wrapper .inner-wrapper .profile-name{line-height:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:calc(32px*1.3*1);min-height:calc(32px*1.3*1);word-break:break-word;}.action-user .content-wrapper .item-wrapper .inner-wrapper .icon{color:#5cb85c;font-size:30px;}.action-user .content-wrapper .item-wrapper .is-request-to-cancel{position:relative;font-size:12px;padding-top:7px;}.action-user .content-wrapper .item-wrapper .is-request-to-cancel .icon-has-req-to-cancel{display:inline-block;position:relative;color:#000;font-size:11px;width:20px;height:20px;border:2px solid #e2e21c;background-color:#e2e21c;border-radius:50%;line-height:1.5;}.action-user .content-wrapper .item-wrapper.is-disabled{opacity:.4;}.action-user .request-to-cancel-wrapper{width:100%;padding-top:10px;}.action-user .request-to-cancel-wrapper .title{padding:0 10px;}.action-user .request-to-cancel-wrapper .title h3{display:block;width:100%;padding-bottom:7px;margin:0;border-bottom:2px solid #000;text-transform:uppercase;font-size:15px;color:#000;}.project-setting{width:90%;}.project-setting .default-cutoff-date-wrapper{display:flex;color:#337ab7;}.project-setting .default-cutoff-date-wrapper .dx-numberbox{margin:0 5px;}.project-setting .default-cutoff-date-wrapper .dx-numberbox input{text-align:center;}.project-setting .default-cutoff-date-wrapper .dx-checkbox{margin:-5px 15px 0 15px;}.project-setting .default-cutoff-date-wrapper .dx-checkbox span{line-height:2;font-weight:500;font-size:15px;}.project-setting .default-cutoff-date-wrapper .dx-checkbox .dx-checkbox-icon{font-size:10px;}.project-setting .default-cutoff-date-wrapper .dx-checkbox .dx-checkbox-icon:before{margin-top:-10px;}.project-setting .default-cutoff-date-wrapper>span{color:#000;padding-right:7px;}.payment-limit-table{padding:0 15px;}.payment-limit-table .sow{width:15%;}.payment-limit-table .po-no-item{width:15%;}.payment-limit-table .budget{width:20%;}.payment-limit-table .main-con-user{width:15%;}.payment-limit-table .payment-is-limit{width:5%;text-align:center;}.payment-limit-table .payment-limit-percent{width:15%;}.payment-limit-table .payment-limit-amount{width:15%;}.payment-limit-table .dx-numberbox input{text-align:right;}.project-detail{width:40%;}.project-detail.full-size{width:60%;}.project-detail .modal-body{padding:7px;}.project-detail .modal-title{display:inline-block;}.project-detail .icon-status{display:block;float:right;margin-right:7px;}.project-detail .icon-status .icon-init{color:#4caf50;background:#fff;border-radius:100%;}.project-detail .icon-status .icon-not-init{color:#337ab7;background:#fff;border-radius:100%;}.project-detail .text-status{display:block;float:right;}.project-detail .project-selection-info .row{font-weight:500;font-size:15px;}.project-detail .project-selection-info .row .label{display:inline-block;color:#000;padding:unset;padding-right:10px;font-size:15px;}.project-detail .project-selection-info .row .data{color:#337ab7;}.project-detail .project-selection-info .scrolling{max-height:calc(100vh - 300px);}.project-detail .project-selection-info .sow{width:20%;max-width:20%;}.project-detail .project-selection-info .po-no-item{width:25%;max-width:25%;}.project-detail .project-selection-info .org-budget{width:18.33%;max-width:18.33%;}.project-detail .project-selection-info .cum-payment-amount{width:18.33%;max-width:18.33%;}.project-detail .project-selection-info .cur-budget{width:18.33%;max-width:18.33%;}.project-detail .project-selection-info .modal-header{border-bottom:none !important;}.project-detail .project-selection-info .inner-loading{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);}.project-detail .project-selection-info .inner-loading.show{display:block;}.project-detail .project-selection-info .inner-loading .loading-text{position:absolute;top:50%;left:50%;transform:translate(-15px,-15px);}.project-detail .project-selection-info .inner-loading .loading-text img{width:30px;height:auto;}.project-detail .deactive-link-button{float:left;text-decoration:underline;font-size:13px;color:#337ab7;}.initialize-project{width:700px;}.initialize-project .initialize-step-wrapper{min-height:250px;}.initialize-project .initialize-step-wrapper .initialize-step{padding:7px 15px;font-weight:normal;font-style:normal;opacity:.5;}.initialize-project .initialize-step-wrapper .initialize-step .loader{display:none;}.initialize-project .initialize-step-wrapper .initialize-step .icon-checked{display:none;color:#5cb85c;font-size:16px;}.initialize-project .initialize-step-wrapper .initialize-step.started{font-weight:500;font-style:italic;opacity:1;}.initialize-project .initialize-step-wrapper .initialize-step.started .loader{display:inline-block;}.initialize-project .initialize-step-wrapper .initialize-step.started .icon-checked{display:none;}.initialize-project .initialize-step-wrapper .initialize-step.completed{font-weight:700;font-style:normal;opacity:1;}.initialize-project .initialize-step-wrapper .initialize-step.completed .loader{display:none;}.initialize-project .initialize-step-wrapper .initialize-step.completed .icon-checked{display:inline-block;}.initialize-project .initialize-step-wrapper .initialize-step.error{font-weight:700;font-style:normal;opacity:1;color:#f00;}.initialize-project .initialize-step-wrapper .initialize-step.error .loader{display:none;}.initialize-project .initialize-step-wrapper .initialize-step.error .icon-checked{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table{border-collapse:collapse;border-spacing:0;color:#333;font-size:12px;font-weight:normal;width:100%;}.initialize-project .initialize-step-wrapper .initialize-step-table th{border:1px solid #ddd;font-weight:500;padding:5px;background-color:#a0d2e8;color:#000;-webkit-box-shadow:inset 0 39px 1px -27px #b3e1f5;box-shadow:inset 0 39px 1px -27px #b3e1f5;text-align:center;}.initialize-project .initialize-step-wrapper .initialize-step-table td{border:1px solid #ddd;padding:5px;}.initialize-project .initialize-step-wrapper .initialize-step-table .sequence{width:80px;}.initialize-project .initialize-step-wrapper .initialize-step-table .status{width:120px;}.initialize-project .initialize-step-wrapper .initialize-step-table .loader{display:none;margin:0 auto;}.initialize-project .initialize-step-wrapper .initialize-step-table .icon-checked{display:none;color:#5cb85c;font-size:16px;margin:0 auto;}.initialize-project .initialize-step-wrapper .initialize-step-table .icon-error{display:none;color:#f00;margin:0 auto;}.initialize-project .initialize-step-wrapper .initialize-step-table .icon-error i{font-size:19px;}.initialize-project .initialize-step-wrapper .initialize-step-table .icon-error a{margin-left:7px;border-bottom:dashed;color:#337ab7;font-weight:normal;}.initialize-project .initialize-step-wrapper .initialize-step-table .icon-error a:visited{color:#337ab7;}.initialize-project .initialize-step-wrapper .initialize-step-table .icon-error a:hover{text-decoration:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr td:nth-child(1){text-align:center;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr td:nth-child(3){text-align:center;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.started{font-weight:500;font-style:italic;opacity:1;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.started .loader{display:block;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.started .icon-checked{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.started .icon-error{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.started .not-start{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.completed{font-weight:700;font-style:normal;opacity:1;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.completed .loader{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.completed .icon-checked{display:block;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.completed .icon-error{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.completed .not-start{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.error{font-weight:700;font-style:normal;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.error .loader{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.error .icon-checked{display:none;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.error .icon-error{display:block;}.initialize-project .initialize-step-wrapper .initialize-step-table tbody tr.error .not-start{display:none;}.initialize-project .button-setting-wrapper{padding:15px;text-align:center;}.initialize-project .bottom-message{font-size:13px;color:#f00;}.alert-dialog .modal-content{box-shadow:0 0 0 7px rgba(0,0,0,.34) !important;}.alert-dialog .modal-content .modal-body{height:150px;}.alert-dialog .modal-content .modal-body .alert-message{display:inline-block;position:absolute;top:50%;left:15px;right:15px;transform:translateY(-50%);text-align:left;}.file-upload-wrapper .button-upload{display:flex;}.file-upload-wrapper .button-upload span{padding-right:10px;font-weight:500;font-size:12px;color:#000;}.file-upload-wrapper .remark{padding:7px;margin-top:7px;background-color:#bee4f5;border:1px solid #337ab7;border-radius:5px;font-size:12px;font-weight:500;}.file-upload-wrapper .remark>span{display:block;width:100%;color:#337ab7;}.file-upload-wrapper .result-wrapper{display:flex;flex-wrap:wrap;font-size:12px;margin-left:-7px;margin-right:-7px;}.file-upload-wrapper .result-wrapper .item{flex:0 0 47%;display:block;position:relative;border:1px solid #ddd;border-radius:4px;padding:7px;margin:7px;}.file-upload-wrapper .result-wrapper .item .input-wrapper{font-size:10px;width:100%;}.file-upload-wrapper .result-wrapper .item .file-ext{display:block;text-align:left;position:relative;font-size:10px;padding-left:7px;}.file-upload-wrapper .result-wrapper .item .file-name{padding-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;text-decoration:underline;}.file-upload-wrapper .result-wrapper .item .button-action{position:absolute;right:0;bottom:0;}.file-upload-wrapper .result-wrapper .item .button-action .button-delete{position:relative;display:inline-block;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;color:#000;-webkit-transition:.3s;transition:.3s;}.file-upload-wrapper .result-wrapper .item .button-action .button-delete:hover{background:rgba(0,0,0,.2);}.file-upload-wrapper .result-wrapper .item .button-action .button-preview{position:relative;display:inline-block;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;color:#000;-webkit-transition:.3s;transition:.3s;}.file-upload-wrapper .result-wrapper .item .button-action .button-preview:hover{background:rgba(0,0,0,.2);}.file-upload-wrapper .result-wrapper .item .preview{position:absolute;right:4px;color:#d9534f;font-size:14px;}.file-upload-wrapper.view .result-wrapper .item{display:block;flex:unset;max-width:unset;width:100%;border:none;padding:0 7px;margin:2px 0;}.custom-button{border-color:transparent;color:#fff;border-radius:4px;border-width:1px;border-style:solid;font-weight:normal;font-size:12px;font-family:"Helvetica Neue","Segoe UI",Helvetica,Verdana,sans-serif;line-height:1.33334;padding:4px 10px 4px;}.custom-button.default{background-color:#337ab7;}.custom-button.success{background-color:#5cb85c;}.my-task-container .my-task-list{display:flex;flex-flow:row wrap;align-content:flex-start;margin-left:7px;margin-right:7px;padding:7px;background-color:#fff;box-shadow:0 4px 8px #d1d1d1;height:calc(100vh - 90px);}.my-task-container .filter-wrapper{display:block;width:100%;text-align:center;padding:10px 0 17px 0;}.my-task-container .filter-wrapper .filter-item{display:inline-block;position:relative;width:15%;height:80px;margin:0 7px;padding:10px 15px;border:1px solid #043e5e;background-color:#fff;color:#043e5e;}.my-task-container .filter-wrapper .filter-item.overdue{margin-left:30px;}.my-task-container .filter-wrapper .filter-item.overdue::before{content:" ";position:absolute;top:8px;left:-22px;width:1.5px;height:60px;background-color:#ccc;}.my-task-container .filter-wrapper .filter-item.checked{background-color:#043e5e;box-shadow:inset 0 39px 1px -27px #084b6f;color:#fff;}.my-task-container .filter-wrapper .filter-item.checked.overdue{background-color:#d9534f;box-shadow:inset 0 39px 1px -27px #e56f6c;}.my-task-container .filter-wrapper .filter-item:hover{background-color:#043e5e;box-shadow:inset 0 39px 1px -27px #084b6f;color:#fff;}.my-task-container .filter-wrapper .filter-item:hover.overdue{background-color:#d9534f;box-shadow:inset 0 39px 1px -27px #e56f6c;}.my-task-container .filter-wrapper .filter-item .inner-wrapper{position:relative;width:100%;height:100%;text-align:center;line-height:1.7;}.my-task-container .filter-wrapper .filter-item .inner-wrapper .checked-area{position:absolute;top:0;left:0;}.my-task-container .filter-wrapper .filter-item .inner-wrapper .count-item{display:block;font-size:24px;font-weight:700;}.my-task-container .filter-wrapper .filter-item .inner-wrapper .filter-type{display:block;font-size:13px;}.my-task-container .filter-wrapper .filter-item:first-child{margin-left:0;}.my-task-container .my-task-wrapper{margin:0 7px;background-color:#fff;}.my-task-container .my-task-wrapper .filter-wrapper{display:flex;width:100%;padding:7px;}.my-task-container .my-task-wrapper .filter-wrapper .project{flex:0 0 40%;max-width:40%;padding-right:7px;}.my-task-container .my-task-wrapper .filter-wrapper .keyword{flex:0 0 40%;max-width:40%;padding-right:7px;}.my-task-container .my-task-wrapper .filter-wrapper .overdue{flex:0 0 20%;max-width:20%;}.my-task-container .my-task-wrapper .column-wrapper{display:flex;flex-wrap:nowrap;}.my-task-container .my-task-wrapper .column-wrapper .title{padding:0 7px;font-weight:bold;border-bottom:2px solid #000;color:#000;text-transform:uppercase;}.my-task-container .my-task-wrapper .column-wrapper .inner-wrapper{background-color:#e8e8e8;box-shadow:1px 2px 3px #131212;padding:7px;border-radius:3px;height:100%;}.my-task-container .my-task-wrapper .column-wrapper .column{flex:0 0 33.33%;max-width:33.33%;height:calc(100vh - 115px);padding:7px;}.my-task-container .my-task-wrapper .column-wrapper .column.column-re-submit .inner-wrapper{background-color:#b0cce4;}.my-task-container .my-task-wrapper .column-wrapper .column.column-review .inner-wrapper{background-color:#81b4e0;}.my-task-container .my-task-wrapper .column-wrapper .column.column-acknowledge .inner-wrapper{background-color:#4592d4;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper{height:93%;overflow-y:auto;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item{display:flex;flex-wrap:wrap;position:relative;padding:7px 15px;background-color:#fff;margin:7px;box-shadow:1px 2px 3px #131212;border-radius:3px;font-size:13px;cursor:pointer;line-height:1.6;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item .item{flex:0 0 50%;max-width:50%;padding-bottom:7px;color:#666;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item .item .data-item{font-size:15px;color:#337ab7;overflow:hidden;text-overflow:ellipsis;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item .item.full{flex:0 0 100%;max-width:100%;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item .item .overdue{color:#f00;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item span{font-weight:500;color:#000;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item .icon-goto{display:none;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item:hover{background-color:#043e5e;color:#fff;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item:hover .icon-goto{display:block;position:absolute;top:7px;right:7px;}.my-task-container .my-task-wrapper .column-wrapper .task-item-wrapper .task-item:hover .item{color:#fff;}.vo-sync-summary{width:95%;}.vo-sync-summary .vo-info-toggle{display:flex;margin-bottom:7px;}.vo-sync-summary .vo-info-toggle .toggle-icon-block{flex:0 0 2.5%;max-width:2.5%;width:20px;background-color:#043e5e;}.vo-sync-summary .vo-info-toggle .toggle-icon-block img{width:12px;transition:.4s ease-in-out;}.vo-sync-summary .vo-info-toggle .toggle-icon-block img.is-collapsed{transform:rotate(-180deg);}.vo-sync-summary .vo-info-toggle .vo-info-block{flex:0 0 97.5%;max-width:97.5%;border:1px solid #d3d3d3;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper{display:block;padding-left:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .sow{display:inline-block;padding-right:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .po-no-item{display:inline-block;padding-right:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .current-budget{display:inline-block;padding-right:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .sync-no{display:inline-block;padding-right:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .scpm-status{display:inline-block;padding-right:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .sync-desc{display:inline-block;padding-right:7px;width:100%;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .total-vo-amount{display:block;padding-right:7px;float:right;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .total-vo-amount .inner-wrapper>div{display:inline-block;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .inner-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;color:#337ab7;font-size:15px;font-weight:500;padding-top:5px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sync-info-wrapper .inner-wrapper span{color:#000;padding-right:10px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap{display:flex;flex-wrap:nowrap;padding:7px;margin-bottom:7px;border-radius:5px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap .title{font-weight:bold;padding:7px 0;width:100%;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap .item{flex:0 0 25%;max-width:25%;border:1px solid transparent;border-radius:4px;color:#666;margin-right:7px;padding:5px;background-color:#e8e8e8;border:1px solid #d3d3d3;box-shadow:0 0 4px 1px #d1d1d1;overflow:hidden;text-overflow:ellipsis;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap .item .inner-wrapper{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap .item .description{width:100%;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap .item span{color:#008000;font-weight:500;float:right;margin-top:7px;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap .item .minus{color:#f00;}.vo-sync-summary .vo-info-toggle .vo-info-block .sum-by-vo-wrap.is-collapsed{height:0;padding:0;overflow:hidden;}.vo-sync-summary .detail-block{display:flex;height:calc(100vh - 292px);}.vo-sync-summary .detail-block .batch-summmary-list{flex:0 0 100%;width:100%;}.vo-sync-summary .detail-block .batch-summmary-list .batch-summary-table{height:calc(100vh - 292px);}.vo-sync-summary .detail-block .batch-summmary-list .batch-summary-table .resolve-column-line{border-right:1px solid #ddd !important;}.vo-sync-summary .detail-block .po-item{display:none;flex:0 0 20%;max-width:20%;padding-left:7px;}.vo-sync-summary .detail-block .po-item .outer-wrapper{margin:0 0 0 7px;border:1px solid #cecece;}.vo-sync-summary .detail-block .po-item .outer-wrapper .title{background-color:#043e5e;color:#fff;text-align:center;line-height:1.35;font-size:12px;font-weight:500;box-shadow:inset 0 39px 0 -24px #0d4b6d;padding:5px;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area{background-color:#fff;height:calc(100vh - 417px);overflow-y:auto;padding:7px;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .selecting-po-item{display:flex;flex-wrap:nowrap;padding:7px 0;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .selecting-po-item .po-item-select-box{flex:0 0 50%;max-width:50%;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .selecting-po-item .add-button{flex:0 0 50%;max-width:50%;padding-left:7px;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper{border:1px solid #ccc;border-radius:3px;background-image:linear-gradient(to top,#d6d6d6,#e0e0e0,#eaeaea,#f5f5f5,#fff);margin-bottom:7px;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .po-item-title{position:relative;color:#337ab7;font-size:14px;font-weight:500;text-align:left;line-height:2.1;padding:3px 7px 6px;white-space:nowrap;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .po-item-title .po-item-select-box{display:inline-block;position:relative;width:calc(100% - 57px);}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .po-item-title .po-item-select-box .dx-widget{font-size:13px;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .po-item-title .button-delete{display:inline-block;position:absolute;top:1px;right:0;width:25px;height:25px;border-radius:50%;text-align:center;line-height:1.8;color:#000;transition:.3s;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .po-item-title .button-delete:hover{background:rgba(0,0,0,.2);}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .display-field{padding:7px 7px 0;font-size:11px;font-weight:normal;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .display-field .data-item{display:block;color:#000;padding-bottom:7px;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .display-field .data-item>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#337ab7;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .vo-amount-input{padding:0 7px 7px;font-size:11px;font-weight:normal;color:#000;}.vo-sync-summary .detail-block .po-item .outer-wrapper .scrolling-area .inner-wrapper .vo-amount-input>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:#f00;}.vo-sync-summary .detail-block.split-view .batch-summmary-list{flex:0 0 80%;max-width:80%;}.vo-sync-summary .detail-block.split-view .po-item{display:block;}.vo-sync-summary .detail-block.is-collapsed{height:calc(100vh - 385px);}.vo-sync-summary .detail-block.is-collapsed .batch-summary-table{height:calc(100vh - 385px);}.vo-sync-summary .detail-block.is-collapsed .scrolling-area{height:calc(100vh - 324px);}.vo-sync-summary .description-wrapper{padding-top:15px;width:100%;}.vo-sync-summary .icon-new-task{font-weight:bold;display:block;float:right;padding:1px 5px;border:2px solid #008000;border-radius:12px;right:2px;font-size:10px;color:#008000;}.vo-sync-summary .dx-header-row>td>.dx-datagrid-text-content{text-align:left;}.vo-sync-summary .icon-too-much-decrease{display:block;float:left;position:relative;font-size:9px;width:15px;height:15px;border:2px solid #e2e21c;background-color:#e2e21c;border-radius:50%;line-height:1.5;text-align:center;margin-right:7px;color:#f00;border:1px solid;}.vo-batch-history{width:900px;}.vo-batch-history .modal-body{min-height:200px;}.activity-filter.create-vo .wbs{flex:0 0 16%;max-width:16%;text-align:right;}.activity-filter.create-vo .keyword{flex:0 0 25%;max-width:25%;}.activity-filter.create-vo .group-by-label{flex:0 0 6%;max-width:6%;}.activity-filter.create-vo .sow{flex:0 0 19%;max-width:19%;padding:0 7px;}.activity-filter.create-vo .sow .dx-widget{display:inline-flex !important;}.activity-filter.create-vo .action{flex:0 0 19%;max-width:19%;}.activity-filter.create-vo .inner-wrapper{overflow:visible;}.adjust-budget-popup .input-wrapper{display:flex;}.adjust-budget-popup .input-wrapper .add-mode{flex:0 0 50%;max-width:50%;}.adjust-budget-popup .input-wrapper .add-mode .dx-widget{display:inline-flex;}.adjust-budget-popup .input-wrapper .amount{flex:0 0 50%;max-width:50%;}.adjust-budget-popup .input-wrapper .amount input{text-align:right;}.list-wrapper.create-vo .expandable.expanded{max-height:calc(100vh - 203px);}.list-wrapper.create-vo .expandable.collapsed{max-height:calc(100vh - 210px);}.dx-tag-content{background-color:#043e5e;color:#fff;}.dx-tag-content .dx-tag-remove-button:before{background:#fff;}.dx-tag-content .dx-tag-remove-button:after{background:#fff;}.dx-numberbox input{text-align:right;}.all-notification-container .notification-list-wrapper{height:calc(100vh - 100px);overflow-y:auto;}.all-notification-container .notification-list-wrapper .notification-list{width:99%;height:calc(100vh - 100px);background-color:#fff;border-top:1px solid #c1c1c1;font-size:12px;margin:0 auto;}.all-notification-container .notification-list-wrapper .notification-list .item{border-bottom:1px solid #c1c1c1;padding:7px 10px 10px 10px;background-color:#f5f5f5;position:relative;cursor:pointer;overflow:hidden;}.all-notification-container .notification-list-wrapper .notification-list .item.read{background-color:#fff;}.all-notification-container .notification-list-wrapper .notification-list .item .description{padding-bottom:7px;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-type{display:inline-block;font-weight:bold;font-size:12px;color:#fff;text-transform:uppercase;border-radius:30px;padding:2px 15px;background-color:#808080;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-type.notification-new-task{background-color:#6767e2;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-type.notification-requested-to-cancel{background-color:#ffa500;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-type.notification-request-rejected{background-color:#ffa500;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-type.notification-request-completed{background-color:#0b8e09;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-type.notification-overdue{background-color:#da4646;}.all-notification-container .notification-list-wrapper .notification-list .item .noti-date{display:inline-block;padding-left:7px;}.all-notification-container .notification-list-wrapper .notification-list .item .mark-as-read{display:none;position:absolute;bottom:35px;right:14px;color:#9cb9e6;}.all-notification-container .notification-list-wrapper .notification-list .item .mark-as-read .fas{display:none;}.all-notification-container .notification-list-wrapper .notification-list .item .mark-as-read:hover .far{display:none;}.all-notification-container .notification-list-wrapper .notification-list .item .mark-as-read:hover .fas{display:inline-block;}.all-notification-container .notification-list-wrapper .notification-list .item .button-delete{display:none;position:absolute;bottom:7px;right:7px;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;color:#000;transition:.3s;}.all-notification-container .notification-list-wrapper .notification-list .item .button-delete:hover{background:rgba(0,0,0,.2);}.all-notification-container .notification-list-wrapper .notification-list .item:hover .button-delete{display:block;}.all-notification-container .notification-list-wrapper .notification-list .item:hover .mark-as-read{display:block;}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete{display:block;width:140px;position:absolute;right:7px;bottom:-20px;-webkit-transition:.2s;transition:.2s;}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete.show{bottom:12px;}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete .confirm-text{font-style:italic;width:100px;}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete .confirm-yes{display:inline-block;padding:0 7px;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;transition:.3s;color:#5cb85c;}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete .confirm-yes:hover{background:rgba(0,0,0,.2);}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete .confirm-no{display:inline-block;padding:0 7px;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;transition:.3s;color:#f60f04;}.all-notification-container .notification-list-wrapper .notification-list .item .confirm-delete .confirm-no:hover{background:rgba(0,0,0,.2);}.all-notification-container .notification-list-wrapper .notification-list .item>div{line-height:1.5;}.payment-container{padding:7px;}.payment-container .list-wrapper{padding:7px;background-color:#fff;}.payment-container .list-wrapper .payment-table{max-height:calc(100vh - 110px);}.table-overflow{border-collapse:collapse;float:left;width:100%;font-size:12px;}.table-overflow thead{float:left;width:100%;background-color:#f9f9f9;border-bottom:#a5a5a5 2px solid;}.table-overflow thead .item-no{width:100px;}.table-overflow thead .description{width:320px;}.table-overflow thead .amount-1{width:140px;}.table-overflow thead .amount-2{width:140px;}.table-overflow thead .amount-3{width:140px;}.table-overflow thead .amount-4{width:140px;}.table-overflow thead .progress-1{width:50px;}.table-overflow thead .progress-2{width:50px;}.table-overflow thead .progress-3{width:50px;}.table-overflow thead .progress-4{width:50px;}.table-overflow tbody{float:left;width:100%;max-height:350px;overflow-x:auto;overflow-y:scroll;font-weight:500;}.table-overflow tr th{padding:5px;text-align:left;border:1px solid #ddd;}.table-overflow tr td{padding:5px;text-align:left;border:1px solid #ddd;}.table-overflow tr td:nth-child(1){width:100px;}.table-overflow tr td:nth-child(2){width:320px;}.table-overflow tr td:nth-child(3){width:140px;}.table-overflow tr td:nth-child(4){width:50px;}.table-overflow tr td:nth-child(5){width:140px;}.table-overflow tr td:nth-child(6){width:50px;}.table-overflow tr td:nth-child(7){width:140px;}.table-overflow tr td:nth-child(8){width:50px;}.table-overflow tr td:nth-child(9){width:140px;}.table-overflow tr td:nth-child(10){width:50px;}.dashboard-filter{width:400px;display:block;float:right;padding:5px 7px 0 0;}.dashboard-container .outer-wrapper{padding:7px;background-color:#fff;height:calc(100vh - 84px);max-height:665px;overflow-y:auto;}.dashboard-container .outer-wrapper .inner-wrapper{display:flex;flex-flow:nowrap;border:1px solid #e8e8e8;}.dashboard-container .outer-wrapper .inner-wrapper .project{height:100px;}.dashboard-container .outer-wrapper .inner-wrapper .project-progress{height:120px;}.dashboard-container .outer-wrapper .inner-wrapper .plan-actual{height:210px;}.dashboard-container .outer-wrapper .inner-wrapper .vo{height:210px;}.dashboard-container .outer-wrapper .inner-wrapper .freeze-area{flex:0 0 15%;max-width:15%;background-color:#e8e8e8;border-right:1px solid #d3d3d3;text-align:center;font-weight:500;}.dashboard-container .outer-wrapper .inner-wrapper .freeze-area span{position:relative;display:block;margin:auto 0;top:50%;word-spacing:9999999px;transform:translateY(-50%);}.dashboard-container .outer-wrapper .inner-wrapper .freeze-area>div:not(:last-child){border-bottom:1px solid #d3d3d3;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area{display:block;flex:0 0 85%;max-width:85%;background-color:#fff;overflow-x:auto;white-space:nowrap;font-size:12px;font-weight:500;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project-wrapper{display:inline-block;width:250px;border-right:1px solid #d3d3d3;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project-wrapper>div:not(:last-child){border-bottom:1px solid #d3d3d3;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project-wrapper.alternate-item{background-color:#fafafa;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project-wrapper svg{margin:0 auto;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .name{height:35px;line-height:2.7;background-color:#546171;text-align:center;color:#fff;padding:0 7px;position:relative;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .name span{display:block;padding:0 25px;overflow:hidden;text-overflow:ellipsis;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .name .icon-go-to{display:none;position:absolute;top:4.5px;right:4px;color:#fff;width:25px;height:25px;border-radius:50%;text-align:center;line-height:2;transition:.3s;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .name .icon-go-to:hover{background:rgba(255,255,255,.3);}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .name:hover .icon-go-to{display:inline-block;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .period{line-height:1.5;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .period .date-wrapper{display:block;line-height:2.5;padding:0 7px;font-weight:700;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project .period .date-wrapper span{display:inline-block;font-weight:500;width:80px;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .plan-actual{padding-top:20px;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .vo{padding-top:20px;}.dashboard-container .outer-wrapper .inner-wrapper .scrolling-area .project-progress{position:relative;}.dashboard-container .outer-wrapper .inner-wrapper .c100{font-size:90px;}.dashboard-container .outer-wrapper .inner-wrapper .progress-status{position:absolute;font-size:90px;color:#5cb85c;top:50%;left:50%;transform:translate(-50%,-58%);}.dashboard-container .outer-wrapper .inner-wrapper .progress-status.flip i{transform:scaleX(-1);}.dashboard-container .outer-wrapper .inner-wrapper .status-name{display:block;position:absolute;font-size:12px;font-weight:normal;text-align:center;width:100%;fill:#767676;bottom:0;}.action-menu-group{background-color:#e8e8e8;border:1px solid #d3d3d3;text-align:center;padding:5px 0;color:#000;opacity:1;font-weight:700;margin-left:-7px;margin-right:-7px;}.action-menu-item{cursor:pointer;}.action-menu-item i{margin-right:7px;}.action-menu-item .empty{min-width:12px;display:inline-block;}.added-action-menu.dx-state-disabled{opacity:1;}.added-action-menu.dx-state-disabled *{opacity:.9 !important;}.dx-dropdownbutton-content .dx-state-disabled{color:#c0c0c0;opacity:1;}.workflow-template-container .workflow-template-content{position:relative;display:flex;flex-flow:row nowrap;align-content:flex-start;overflow:hidden;margin-left:7px;margin-right:7px;padding:7px 0 0;box-shadow:0 4px 8px #d1d1d1;height:calc(100vh - 90px);}.workflow-template-container .workflow-template-content .workflow-list{flex:0 0 100%;max-width:100%;height:100%;background-color:#fff;transition:.5s ease-in-out;padding-left:7px;padding-right:7px;}.workflow-template-container .workflow-template-content .workflow-list .workflow-table{width:100%;max-height:calc(100vh - 170px);}.workflow-template-container .workflow-template-content .manage-workflow-wrap{display:none;padding:7px;background-color:#fff;}.workflow-template-container .workflow-template-content.split-view .workflow-list{flex:0 0 39.5%;max-width:39.5%;margin-right:7px;}.workflow-template-container .workflow-template-content.split-view .manage-workflow-wrap{display:block;flex:0 0 60%;max-width:60%;z-index:2;}.workflow-template-container .workflow-template-content .top-table{display:block;background-color:#fff;height:43px;line-height:25px;padding:7px 0;width:100%;font-size:12px;font-weight:500;color:#000;border-bottom:1px solid #cecece;}.workflow-template-container .workflow-template-content .background{background-color:#000;opacity:.5;position:absolute;top:7px;bottom:0;left:0;right:0;z-index:-9;display:none;}.workflow-template-container .workflow-template-content .background.is-active{z-index:1;display:block;}.workflow-template-container .workflow-select-role{width:40%;}.workflow-template-container .workflow-select-role .select-role-table{max-height:calc(100vh - 190px);}.workflow-template-container .icon-new-task{font-weight:bold;display:inline-block;padding:1px 5px;border:2px solid #008000;border-radius:12px;margin-left:7px;font-size:10px;color:#008000;}.manage-workflow-wrap .workflow-info{display:flex;padding:0 0 7px 0;}.manage-workflow-wrap .workflow-info .workflow-name{flex:0 0 40%;max-width:40%;color:#337ab7;font-weight:500;font-size:15px;white-space:nowrap;}.manage-workflow-wrap .workflow-info .workflow-name .inner-wrapper{width:calc(100% - 65px);padding-left:7px;}.manage-workflow-wrap .workflow-info .workflow-desc{flex:0 0 60%;max-width:60%;color:#337ab7;font-weight:500;font-size:15px;white-space:nowrap;padding-left:7px;}.manage-workflow-wrap .workflow-info .workflow-desc .inner-wrapper{width:calc(100% - 100px);}.manage-workflow-wrap .workflow-info span{color:#000;padding-right:7px;font-size:16px;font-weight:500;}.manage-workflow-wrap .workflow-info .inner-wrapper{display:inline-block;}.manage-workflow-wrap .workflow-info .dx-widget{font-size:16px;}.manage-workflow-wrap .add-step-button{display:block;height:33px;text-align:right;}.manage-workflow-wrap .step-list-wrap{height:calc(100vh - 221px);overflow-y:auto;overflow-x:hidden;}.manage-workflow-wrap .step-list-wrap .step-item{display:flex;border:1px solid #d3d3d3;margin-bottom:7px;box-shadow:0 4px 8px #d4d4d4;position:relative;}.manage-workflow-wrap .step-list-wrap .step-item .step-no{flex:0 0 10%;max-width:10%;background-color:#043e5d;text-align:center;line-height:3;}.manage-workflow-wrap .step-list-wrap .step-item .step-no span{display:inline-block;width:25px;height:25px;background-color:#fff;border-color:transparent;border-radius:50%;color:#043e5d;line-height:1.5;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner{flex:0 0 90%;max-width:90%;padding:7px;line-height:2;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner .step-type{font-style:italic;color:#337ab7;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner .edit-form-wrap{margin-top:10px;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner .edit-form-wrap .reviewer-role{display:flex;background:#5cb85c;border-radius:4px;max-width:100%;min-width:175px;color:#fff;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner .edit-form-wrap .reviewer-role .role-name{flex:0 0 90%;max-width:90%;padding-left:7px;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner .edit-form-wrap .reviewer-role .remove-role{flex:0 0 10%;max-width:10%;color:#fff !important;}.manage-workflow-wrap .step-list-wrap .step-item .step-item-inner .edit-form-wrap .button-inner-wrap{width:100%;}.manage-workflow-wrap .step-list-wrap .step-item .edit-step{position:absolute;top:0;right:32px;width:25px;text-align:center;line-height:3;}.manage-workflow-wrap .step-list-wrap .step-item .delete-step{position:absolute;top:0;right:0;width:25px;text-align:center;line-height:3;}.manage-workflow-wrap .button-wrapper{height:50px;background:rgba(0,0,0,.8);text-align:center;margin-left:-7px;margin-right:-7px;}.manage-workflow-wrap .button-wrapper .inner-wrapper{line-height:3.1;position:relative;}.manage-workflow-wrap.project-workflow{width:100% !important;padding:0 15px;}.manage-workflow-wrap.project-workflow .has-workflow-wrap{display:flex;flex-wrap:nowrap;}.manage-workflow-wrap.project-workflow .has-workflow-wrap .left{flex:0 0 30%;max-width:30%;}.manage-workflow-wrap.project-workflow .has-workflow-wrap .step-list-wrap{flex:0 0 70%;max-width:70%;}.manage-workflow-wrap.project-workflow .left{padding-top:15px;line-height:2;}.manage-workflow-wrap.project-workflow .left .data-item{width:100% !important;}.manage-workflow-wrap.project-workflow .left>div{display:inline-block;padding-right:7px;}.manage-workflow-wrap.project-workflow .left>div .inner-wrapper{font-weight:500;color:#337ab7;}.manage-workflow-wrap.project-workflow .left>div .inner-wrapper>span{color:#000;padding-right:7px;}.manage-workflow-wrap.project-workflow .manage-role-button{height:35px;text-align:right;padding:0 10px;}.manage-workflow-wrap.project-workflow .step-no{position:relative;}.manage-workflow-wrap.project-workflow .step-no .is-require-sign{position:absolute;width:100%;top:60px;text-align:center;font-weight:500;color:#73ca73;line-height:2;}.manage-workflow-wrap.project-workflow .step-no .is-require-sign .text{display:block;width:100%;font-size:10px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view{display:flex;padding:0 10px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .left-content{flex:0 0 40%;max-width:40%;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content{flex:0 0 60%;max-width:60%;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap{display:block;width:100%;margin-bottom:10px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap .action-user{display:flex;flex-wrap:nowrap;width:100%;margin-bottom:10px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap .action-user .profile-photo{height:50px;flex:0 0 50px;max-width:50px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap .action-user .profile-desc{flex:0 0 80%;max-width:80%;padding-top:5px;padding-left:7px;text-align:left;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap .action-user .profile-desc>span{display:block;width:100%;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap .action-user .profile-desc .name{font-weight:500;font-size:14px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .action-user-wrap .action-user .profile-desc .sow{padding-left:5px;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .custom-table td{vertical-align:top;}.manage-workflow-wrap.project-workflow .step-item-inner .split-view .right-content .custom-table .endorse-to-role{display:block;width:100%;font-style:italic;}.manage-workflow-wrap.project-workflow .data-row{display:flex;width:100%;margin-bottom:10px;white-space:nowrap;}.manage-workflow-wrap.project-workflow .data-row .data-item{display:inline-block;width:50%;font-size:15px;color:#337ab7;font-weight:500;}.manage-workflow-wrap.project-workflow .data-row .data-item .text-wrap{white-space:normal;line-height:normal;padding-top:6px;}.manage-workflow-wrap.project-workflow .data-row .data-item>span{display:block;width:100%;color:#666;font-size:12px;line-height:1;font-weight:normal;}.manage-role{width:80%;}.manage-role .select-role-table{max-height:calc(100vh - 190px);}.manage-role .split-view{display:flex;flex-wrap:nowrap;min-height:300px;}.manage-role .split-view .left-content{flex:0 0 40%;max-width:40%;}.manage-role .split-view .left-content .select-button{height:35px;text-align:right;padding:7px 0;}.manage-role .split-view .right-content{flex:0 0 60%;max-width:60%;padding-left:7px;}.manage-role .modal-footer{text-align:center;}.manage-role .modal-footer .button-action-seperate{color:#000;}.select-workflow-list{width:70%;}.select-workflow-list .workflow-table{max-height:calc(100vh - 190px);}.select-workflow-list .icon-preview{display:block;float:right;cursor:pointer;}.preview-workflow-step .step-list-wrap{overflow-y:auto;overflow-x:hidden;}.preview-workflow-step .step-list-wrap .step-item{display:flex;border:1px solid #d3d3d3;margin-bottom:7px;box-shadow:0 4px 8px #d4d4d4;position:relative;}.preview-workflow-step .step-list-wrap .step-item .step-no{flex:0 0 10%;max-width:10%;background-color:#043e5d;text-align:center;line-height:3;}.preview-workflow-step .step-list-wrap .step-item .step-no span{display:inline-block;width:20px;height:20px;background-color:#fff;border-color:transparent;border-radius:50%;color:#043e5d;line-height:1.5;font-weight:500;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner{flex:0 0 90%;max-width:90%;padding:7px;line-height:2;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner .step-type{font-style:italic;color:#337ab7;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner .edit-form-wrap{margin-top:10px;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner .edit-form-wrap .reviewer-role{display:flex;background:#5cb85c;border-radius:4px;max-width:100%;min-width:175px;color:#fff;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner .edit-form-wrap .reviewer-role .role-name{flex:0 0 90%;max-width:90%;padding-left:7px;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner .edit-form-wrap .reviewer-role .remove-role{flex:0 0 10%;max-width:10%;color:#fff !important;}.preview-workflow-step .step-list-wrap .step-item .step-item-inner .edit-form-wrap .button-inner-wrap{width:100%;}.preview-workflow-step .step-list-wrap .step-item .edit-step{position:absolute;top:0;right:32px;width:25px;text-align:center;line-height:3;}.preview-workflow-step .step-list-wrap .step-item .delete-step{position:absolute;top:0;right:0;width:25px;text-align:center;line-height:3;}