.content-title{display:flex;align-items:center;padding:0 16px}.content-title .content-title-inner,.content-title .content-title-children{flex:1}.content-title h1,.content-title .breadcrumb{display:flex;line-height:1;margin:0;padding:0;font-size:1.5rem;font-weight:600}.content-title h1,.content-title .breadcrumb a,.content-title .breadcrumb span{color:#37474f}.content-title .breadcrumb{list-style:none;align-items:center}.content-title .breadcrumb li.active a,.content-title .breadcrumb li.active span{color:#bf360c}.content-title .breadcrumb li:not(:last-child):after{display:inline-block;content:"/";color:#888;margin:0 4px}.content-title .breadcrumb a:hover{text-decoration:none}.content-title .subtitle{font-size:1.1rem;font-weight:600;color:#78909c;margin-top:-4px}.footer{display:block;padding:16px;text-align:center;color:#666;font-size:.95rem}.footer:before{content:"";display:block;width:100px;height:3px;margin:0 auto 8px;border-radius:6px;background:rgba(0,0,0,.0666666667)}.footer ul,.footer li{list-style:none;padding:0;margin:0}.footer li{display:inline-block}.footer li:not(:last-child):after{content:" | ";margin:0 8px;color:#0001}.footer li .material-icons{font-size:.9rem}.input-effective-container{position:relative}.input-effective-container .MuiTextField-root{width:0;visibility:hidden;margin:0;padding:0;position:absolute;left:50%}.menu-history{min-width:220px}.menu-history .MuiMenuItem-root{display:grid;grid-template-columns:1fr auto 1fr;text-align:center}.menu-bar ul,.menu-bar li{display:block;list-style:none;padding:0;margin:0}.menu-bar>ul{display:flex;align-items:center}.menu-bar .menu-item{position:relative}.menu-bar .menu-link{display:flex;align-items:center;cursor:pointer;padding:8px 16px}.menu-bar .menu-link:hover{background-color:#00000013;text-decoration:none}.menu-bar .menu-item-inner-lv0{border-radius:4px}.menu-bar .menu-item-inner-lv0 .menu-link{padding:4px 10px;border-radius:4px}.menu-bar .menu-icon,.menu-bar .menu-avatar{margin-right:6px}.menu-bar .menu-avatar{width:30px;height:30px;font-size:1rem}.menu-bar .menu-badge{display:inline-block;position:relative;margin-left:2px;font-size:.8rem;padding:1px 2px;border-radius:50%;min-width:16px;text-align:center;background:#e64a19;color:#fff}.menu-bar .menu-icon+.menu-badge{margin-left:-4px}.menu-bar .sub-menu{box-shadow:0 4px 5px #00000012,0 1px 10px #0000000f,0 2px 4px -1px #00000040;position:absolute;z-index:99;min-width:200px;border:1px solid #ccc;background-color:#fff;transition:all .2s ease-out;visibility:hidden;opacity:0;top:calc(100% - 4px)}.menu-bar .menu-item:focus-within>.sub-menu{visibility:visible;opacity:1;top:100%}.menu-bar>.menu-item:focus-within>.menu-ripple>.menu-link{background-color:#0002}.MuiDrawer-root .MuiListItemIcon-root{color:#212121;min-width:32px}.MuiDrawer-root .MuiListItemText-root{color:#212121}.MuiDrawer-root .menu-link:hover{background-color:#00000013;text-decoration:none}.MuiDrawer-root .menu-link.active .MuiListItemButton-root{background:rgba(0,0,0,.075)}.MuiDrawer-root .menu-link.active .MuiListItemIcon-root,.MuiDrawer-root .menu-link.active .MuiListItemText-root{font-weight:600;color:#1976d2}.MuiDrawer-root .MuiCollapse-root{padding-left:10px}.sidebar-menu{margin-bottom:16px}.sidebar-menu ul,.sidebar-menu li{display:block;list-style:none;padding:0;margin:0}.sidebar-menu .menu-item{position:relative}.sidebar-menu .menu-item.separator{margin-top:16px}.sidebar-menu .menu-item.separator:before{content:"";display:block;position:absolute;top:-8px;left:0;right:0;height:1px;background:rgba(0,0,0,.0666666667)}.sidebar-menu .menu-link{display:flex;align-items:center;cursor:pointer;position:relative;padding:8px 16px 8px 14px;border-left:3px solid transparent;color:#212121}.sidebar-menu .menu-link:hover{background-color:#00000013;text-decoration:none}.sidebar-menu .menu-link.active{font-weight:600;color:#1976d2;background:rgba(0,0,0,.075)}.sidebar-menu .menu-icon{margin-right:16px}.sidebar-menu .menu-label{flex-grow:1}.sidebar-menu .menu-badge{display:inline-block;position:relative;margin-left:4px;font-size:.9rem;padding:0 2px;border-radius:50%;min-width:16px;text-align:center;background:#e64a19;color:#fff}.sidebar-menu .MuiCollapse-root .menu-item,.sidebar-menu .MuiCollapse-root .menu-item-inner{padding-left:10px}@media (max-width: 991.98px){.s-sidebar{border-bottom:1px solid rgba(0,0,0,.0666666667);padding-bottom:16px}.sidebar-menu{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.sidebar-menu .menu-item{display:inline-block}.sidebar-menu .menu-item.separator{margin-top:0}.sidebar-menu .menu-item.separator:before{display:none}}@media (max-width: 767.98px){.sidebar-menu{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 575.98px){.sidebar-menu{grid-template-columns:1fr 1fr}}.dropdown{position:relative;display:inline-block}.dropdown-content{display:block;position:absolute;background-color:#f9f9f9;min-width:150px;box-shadow:0 8px 16px #0003;padding:10px 12px;border-radius:8px;z-index:1}.dropdown-sub-menu{color:#0277bd;font-size:10pt;padding:5px;cursor:pointer}.dropdown-sub-menu:hover{background-color:#eceff1}.last{margin-top:2px}.card-info{box-shadow:-5px 4px 16px #00000017}.card-info .card-info-text{font-family:Mulish,sans-serif}.card-title{padding-left:16px}.card-title .card-title-inner{font-size:34px;color:#002c47}.card-title-text{padding-left:16px;font-size:20px;color:#002c47;font-family:Mulish,sans-serif}.text-title{font-family:Mulish,sans-serif;font-weight:700;font-size:22px;color:#002c47}.text-emp-name{font-family:Mulish,sans-serif;font-weight:700;font-size:20px;line-height:26px;color:#707070}.text-emp{font-family:Mulish,sans-serif;color:#707070;font-size:15px}.text-emp .name{font-weight:700;font-size:20px;line-height:26px}.legends{display:flex;align-items:center}.legends p{margin:0}.chart-value-text{position:absolute;font-family:Mulish,sans-serif;font-size:1.5rem;font-weight:bolder;color:#10ac84}.task-table-title{width:100%;border-bottom:2px solid #0277bd;line-height:.1em;margin:10px 0 20px;font-size:16px;color:#0277bd;font-weight:700}.not-found-container .error-code{font-size:4rem;font-weight:400;color:#0004}.not-found-container .error-description{font-size:1.2rem}.not-found-container .error-message{color:#0008}.not-found-container img{width:32px}.dashboard-content .text-title{color:#34495e}.dashboard-card-container{display:flex;height:77px;vertical-align:bottom}.dashboard-card-text{flex:1;font-size:4rem;font-weight:700;align-self:end;color:#000;margin-left:1rem}.dashboard-card-icon{align-self:end}.dashboard-card-icon .MuiSvgIcon-root{font-size:4rem;margin-bottom:.7rem}.dashboard-card-icon .MuiSvgIcon-root.gray{color:#666}.dashboard-card-icon .MuiSvgIcon-root.green{color:#08753a}.dashboard-card-icon .MuiSvgIcon-root.blue{color:#0074b8}/*!
* Copyright (c) 2022 All Rights Reserved.
*
* Unauthorized copying of this file, via any medium is strictly prohibited.
* Proprietary and confidential.
*
* Written by:
*   - Adi Sayoga <adisayoga@gmail.com>
*   - Cok Agung <cokkagung@gmail.com>
*/.chart-container{width:100%;display:inline-flex;flex-direction:row}@media (max-width: 767.98px){.chart-container{flex-direction:column;align-items:center}}.legends-container{display:flex;justify-content:center;flex-direction:column;margin-left:16px}@media (max-width: 767.98px){.legends-container{margin-top:16px;margin-left:0}}.legends-box{width:30px;height:10px;margin-right:8px}.box-on-progress{background-color:#54a0ff}.box-on-time{background-color:#1dd1a1}.box-late{background-color:#feca57}.box-complete{background-color:#1dd1a1}.box-incomplete{background-color:#ff6b6b}.legends-dashboard{display:flex;align-items:center}.legends-dashboard p{margin:0;font-size:.95rem}.chart-value-text-dashboard{position:absolute;font-family:Mulish,sans-serif;font-size:1rem;font-weight:bolder;color:#10ac84}.chart-label{font-family:Mulish,sans-serif;font-size:1.063rem;color:#b5b4b4}.option .option-title{text-align:left;font-size:1rem;font-weight:400;color:#707070;padding-bottom:10px;border-bottom:2px solid #707070;margin-bottom:5px}.option .option-title:hover{cursor:pointer}.option .option-title.active{text-align:left;font-size:1rem;font-weight:700;color:#707070;padding-bottom:10px;border-bottom:3px solid #337CFF;margin-bottom:5px}/*!
* Copyright (c) 2022. All Rights Reserved.
*
* Unauthorized copying of this file, via any medium is strictly prohibited.
* Proprietary and confidential.
*
* Written by:
*   - Tri Cahyo <gusman.tricahyo@gmail.com>
*/.alert-message-error-list{padding-left:16px}.task-table-title{width:100%;border-bottom:2px solid #0277bd;line-height:.01em;margin:10px 0 20px;font-size:16px;color:#0277bd;font-weight:700}.task-table-subtitle{width:100%;color:#78909c;font-weight:700;margin-top:-6px}.task-table-title span{background:#fff;padding-right:24px}.task-table-title-percentage{display:flex;align-items:center;width:100%;margin:10px 0 20px;font-size:16px;color:#0277bd;font-weight:700}.task-table-title-percentage .line{border-top:2px solid #0277bd;flex:1;margin:0 16px}.cell-list{padding-left:16px;margin-bottom:0}.cell-list .more-list{list-style:none}.cell-list .more-list .more-text{color:#1976d2}.tooltip-list li{font-size:.8rem}.table-row:last-child td,.table-row:last-child th{border:0}.hide-on-medium{display:table-row!important}@media (min-width: 768px){.hide-on-medium{display:none!important}}.search-container .search-bar-wrap{display:flex;align-items:center;margin-bottom:8px}.search-container .search-bar-wrap .form-label{display:none}.search-container .search-bar-wrap .form-control{padding-bottom:0;margin-right:5px}.search-container .search-bar-wrap .app-input input{padding-top:6px;padding-bottom:6px}.search-container .search-bar{flex-grow:1}.search-container .search-bar .search-input{display:flex;width:100%}.search-container .search-bar .btn-clear .MuiIcon-root{font-size:.8em}.advanced-search{padding:8px 16px;margin-bottom:8px}.advanced-search .form-item{grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.advanced-search .form-item .form-control{margin:0;padding:0}.advanced-search .form-item .form-control.span .form-control-inner .MuiFormControl-root,.advanced-search .form-item .form-control.span .form-control-inner .MuiAutocomplete-root{width:100%}.advanced-search .form-item .form-label{margin:0}.advanced-search .search-action{margin-top:8px;display:flex;justify-content:flex-end;gap:8px}@media (max-width: 991.98px){.advanced-search .form-item{grid-template-columns:repeat(2,1fr)}.advanced-search .span-2,.advanced-search .span-3{grid-column:auto}}@media (max-width: 575.98px){.advanced-search .search-action{justify-content:center}.advanced-search .form-item{grid-template-columns:1fr}}.search-popup .MuiPopover-paper{margin-left:-4px;margin-top:4px;padding:16px;max-width:1304px}.search-popup .form-item{grid-template-columns:repeat(3,1fr)}@media (max-width: 1199.98px){.search-popup .form-item{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}}@media (max-width: 767.98px){.search-popup .form-item{grid-template-columns:1fr;grid-template-rows:auto}}.search-popup .search-actions{padding-top:8px}.search-popup .search-actions>*:not(:last-child){margin-right:5px}.search-popup .search-actions .app-button,.search-popup .search-actions .app-secondary-button{min-width:75px}.pagination-wrap{display:flex;align-items:center;justify-content:center;font-size:.95rem;padding:8px 16px 0}.pagination-wrap .pagination{display:flex;list-style:none;margin:0;padding:0}.pagination-wrap .pagination li{margin:0;padding:0}.pagination-wrap .pagination .page-no{padding:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.95rem;border-radius:50%;min-width:36px;height:36px}.pagination-wrap .pagination .page-no .page-no-inner{display:inline-block;position:relative;padding:0 8px;min-width:26px;height:26px;line-height:26px;border-radius:13px}.pagination-wrap .pagination .page-no .page-no-inner:after{position:absolute;content:"";top:1px;left:1px;right:1px;bottom:1px;border:1px solid #ddd;border-radius:12px}.pagination-wrap .pagination .page-no.active{cursor:default}.pagination-wrap .pagination .page-no.active .page-no-inner{color:#ddd;background:#455a64}.pagination-wrap .page-info{display:flex;flex-grow:1;justify-content:flex-end}.pagination-wrap .MuiInputBase-input{padding:2px 0 2px 4px}.pagination-wrap .MuiSelect-select.MuiSelect-select{padding-right:16px}.table th,.table td{white-space:nowrap}.table thead th,.table thead td{font-weight:700;font-size:.975rem;border-top:none;padding-top:5px;padding-bottom:5px;color:#78909c}.table tbody th,.table tbody td{font-size:1rem;padding-top:4px;padding-bottom:4px;height:50px;vertical-align:middle}.table tbody td.wrapping{white-space:normal;max-width:250px}.table tbody td.wrapping-250{min-width:250px;max-width:250px}.table tbody td.wrapping-300{min-width:300px;max-width:300px}.table tbody td.wrapping-400{min-width:400px;max-width:400px}.table .check{margin-top:-8px;margin-bottom:-8px}.table thead .col-vert{position:relative;z-index:1;transform:rotate(40deg) translate(-8px,-8px);transform-origin:bottom;padding-top:0;padding-bottom:0}.table thead .col-vert>*{writing-mode:vertical-rl;max-height:80px;white-space:normal;text-align:left;line-height:1.2;margin-top:-8px;transform:rotate(180deg)}.table thead .col-vert.no-border{transform:rotate(40deg)}.table thead .col-vert.no-border>*{margin-top:-16px}.table .no-border{border:none}.table .col-fit{width:1px;text-align:center}.table .text-wrap{white-space:normal}.table .cell-primary{font-weight:600}.table .cell-muted{color:#6c757d}.table .cell-lg{font-size:1.05rem}.table .cell-sm{font-size:.95rem}.table .cell-sm .MuiIcon-root{font-size:1rem;width:auto;height:auto}.table .table-actions{position:sticky;right:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 10%,#fff 100%);text-align:right;width:14px;white-space:nowrap;padding-top:0;padding-bottom:0}.table .table-actions .app-icon-button{padding:7px}.table .table-actions .app-icon-button.MuiIconButton-root,.table .table-actions .app-icon-button .MuiIcon-root{font-size:1.2rem}.table-hover tbody tr:hover{background-color:#eceff1}.table-hover tbody tr:hover .table-actions{background:linear-gradient(90deg,rgba(255,255,255,0) 0,#eceff1 10%,#eceff1 100%)}.table-hover tbody tr:hover .table-actions .btn-history:not(.Mui-disabled){color:#009688}.table-hover tbody tr:hover .table-actions .btn-view:not(.Mui-disabled){color:#388e3c}.table-hover tbody tr:hover .table-actions .btn-edit:not(.Mui-disabled){color:#ab47bc}.table-hover tbody tr:hover .table-actions .btn-delete:not(.Mui-disabled){color:#f44336}.table-hover tbody tr:hover th,.table-hover tbody tr:hover td{border-color:#e1e1e1}/*!
* Copyright (c) 2022 All Rights Reserved.
*
* Unauthorized copying of this file, via any medium is strictly prohibited.
* Proprietary and confidential.
*
* Written by:
*   - Adi Sayoga <adisayoga@gmail.com>
*//*!
 * Copyright (c) 2022 All Rights Reserved.
 *
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 * Proprietary and confidential.
 *
 * Written by:
 *   - Adi Sayoga <adisayoga@gmail.com>
 */.header{font-size:.95rem}.header .container{display:flex;align-items:center;height:54px;max-width:initial}.header .header-bar{background:#002C47;color:#dee2e6;height:54px}.header .header-bar .app-logo{margin:0 8px 0 0;padding:4px}.header .header-bar .app-logo img{width:150px}.header .header-bar .app-title{font-size:1.7rem;font-weight:700;margin:0 32px 0 0}.header .header-bar .app-title span.title-1{color:#a4afba}.header .header-bar .app-title span.title-2{color:#dee2e6}.header .header-bar .app-title span.small{font-size:.65em;color:#c1c9d0;margin-left:8px;font-weight:300}.header .header-bar-menu{width:100%;padding:0;margin:0;text-align:center;overflow:auto}.header .divider-header{height:1px;background:white}