body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}.tree-table-a-td-index,.tree-table-a-td,.tree-table-a-th,.tree-table-td{color:#333;font-size:16px;text-decoration:none;font-family:Montserrat,sans-serif;position:relative}.tree-table-a-th{font-size:14px;font-weight:600}.tree-table-a-td-icon{font-size:18px;color:#a0a8b0;position:absolute;left:-18px;top:0}.cp_tree-table_header{height:50px!important;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #e5e5e5}.cp_tree-table_cell{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #e5e5e5}.cp_tree-table_viewport{height:500px!important}.pagination-view{display:flex;justify-content:flex-end;list-style:none;outline:none;font-size:14px}.pagination-view>.pagination-active>a{background-color:#a0a8b0;border-color:#fafafa;color:#fff}.pagination-view>li>a{border:1px solid #e6f3ff;padding:5px 10px;outline:none;cursor:pointer}.pagination-view>.pagination-active>a,.pagination-view>.pagination-active>span,.pagination-view>.pagination-active>a:hover,.pagination-view>.pagination-active>span:hover,.pagination-view>.pagination-active>a:focus,.pagination-view>.pagination-active>span:focus{background-color:#a0a8b0;border-color:#a0a8b0;outline:none}.pagination-view>li>a,.pagination-view>li>span{color:#333}.pagination-view>li:first-child>a,.pagination-view>li:first-child>span,.pagination-view>li:last-child>a,.pagination-view>li:last-child>span{border-radius:unset}.scrollable-element{scrollbar-width:thin}.area-login{width:100%}.area-login .container-fluid{padding-left:0;padding-right:0}.row-area-login{display:flex}.area-login .bg{flex:8;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:none;position:relative}.area-powered-app{width:100%;height:50px;padding-left:15px;display:flex;flex-direction:row;align-items:center;position:absolute;bottom:0;left:0;z-index:3}.area-bg-app{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.area-bg-login-app{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background-position:bottom;background-repeat:no-repeat;background-size:contain}.area-icon-login-app{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.item-area-icon-login-app{width:50%;height:50%;background-size:contain;background-repeat:no-repeat}.area-login .form{flex:3;height:100vh;background-color:#fff;padding-right:30px;padding-left:30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.form-area-content{margin-top:-150px}.form img{max-width:200px;margin-bottom:50px}.form h2{font-size:22px;font-weight:700}.c-is-status{padding:5px;border-radius:3px}.c-is-status.is-checc{background-color:#d1fcca}.color-primary-app,.background-primary-app{color:#51b53f}html,body{font-family:Montserrat,sans-serif}.font-montserrat-300{font-family:Montserrat,sans-serif;font-weight:300;color:#333}.font-montserrat-400{font-family:Montserrat,sans-serif;font-weight:400;color:#333}.font-montserrat-500{font-family:Montserrat,sans-serif;font-weight:500;color:#333}.font-poppins-300{font-family:Poppins,sans-serif;font-weight:300;color:#333}.font-poppins-400{font-family:Poppins,sans-serif;font-weight:400;color:#333}.font-poppins-500{font-family:Poppins,sans-serif;font-weight:500;color:#333}.font-poppins-600{font-family:Poppins,sans-serif;font-weight:600;color:#333}.navbar{background-color:#fff;box-shadow:4px 0 10px #0000001a;width:100%;position:fixed;left:0;top:0;z-index:1}.nav-link{font-size:14px;font-family:Montserrat,sans-serif;font-weight:500;color:gray;cursor:pointer}.navbar-brand{cursor:pointer}.dropdown-menu-right{margin:0 -140px!important}.nav-link-avatar{width:30px;height:30px;border-radius:30px;background-color:#d4d4d4;margin-top:2px!important;position:relative}.nav-link-avatar .material-icons{font-size:20px;position:absolute;left:5px;top:4px;color:#fff}.nav-link-avatar:after{border-top:unset!important}.breadcrumb-item-app{font-family:Poppins,sans-serif;font-size:20px;font-weight:500}.breadcrumb-item-app.active{color:#adadad}.breadcrumb-item-app a{text-decoration:none!important;color:#333!important;cursor:pointer}.section-app{width:100%;height:100vh}.title-app{font-family:Poppins,sans-serif;font-size:20px;color:#333;font-weight:500}.table-th-app{font-size:16px;font-family:Montserrat,sans-serif;font-weight:600;color:#333;border-bottom:1px solid #e5e5e5}.btn-submit-app{font-family:Montserrat,sans-serif!important;font-size:14px!important;font-weight:500!important}.form-control-app{font-family:Montserrat,sans-serif;font-size:13px!important;height:40px!important}.form-control-app-textarea{font-family:Montserrat,sans-serif;font-size:13px!important;height:60px!important}.form-control-app:focus,.form-control-app-textarea:focus{border:1px solid #afafaf!important;border-color:1px solid #afafaf!important;box-shadow:unset!important;outline:unset!important}.table-td-vertical-middle{vertical-align:middle;font-family:Montserrat,sans-serif;font-size:16px!important;color:#333}.dropdown-item-app{cursor:pointer;font-size:13px;font-family:Montserrat,sans-serif}.content-action-right{width:100%;height:100vh;overflow:auto;background-color:#f6f5f5}th{background-color:#fff!important;position:sticky!important;top:56px}.table-responsive{overflow:unset!important}.new-content-action-right{width:20%;height:100vh;background-color:#f6f5f5;padding-top:56px;display:flex;flex-direction:column}.sidebar-action-topbar{border-bottom:1px solid #e5e5e5;display:flex;flex-direction:row;padding-left:15px}.sidebar-action-topbar .sidebar-action-tobbar-title{flex:1;font-weight:700;padding:15px}.sidebar-action-conbar{flex:1;padding-left:15px;padding-right:15px;overflow:auto}.sidebar-action-botbar{padding:15px;border-top:1px solid #e5e5e5}.new-sidebar-action-without-sideleft{background-color:#f6f5f5;height:calc(100vh - 58px);margin-top:-22px;display:flex;flex-direction:column;margin-right:-39px}.new-sidebar-action-without-sideleft::-webkit-scrollbar,.sidebar-action-conbar::-webkit-scrollbar{scrollbar-width:0;width:0}.a-td-onclick{color:#00f;text-decoration:none;cursor:pointer}.c-img-profile{width:150px;height:150px;border-radius:250px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#d4d4d4}.c-img-profile .material-icons{font-size:100px;color:#fff}.profile-name{font-size:24px;font-weight:700;padding-top:10px}.profile-descname{font-size:18;color:gray;font-weight:400;padding-bottom:40px}.c-item-menu-profile{padding-top:10px;padding-bottom:10px;cursor:pointer}.c-item-menu-profile div{font-size:16px}.new-a-item-menu{text-decoration:none}.new-a-item-menu .material-icons{margin-top:-1px}.new-a-item-table{text-decoration:none}.new-a-item-table span.font-montserrat-400{color:#00f!important}.item-label-value-labels{font-size:12px;color:#333;font-weight:500}.item-label-value-values{font-size:18px;color:#333}.navbar-brand-text-logo-l,.navbar-brand-text-logo-r{font-weight:700}.navbar-brand-text-logo-l{color:#51b53f;padding-left:15px}.navbar-brand-text-logo-r{color:#333}.area-icon-login-app-text-logo-l,.area-icon-login-app-text-logo-r{font-size:72px;font-weight:700}.area-icon-login-app-text-logo-l{color:#51b53f}.area-icon-login-app-text-logo-r{color:#333}.area-icon-login-app-text-logo-akim{font-size:30px;color:#333;font-weight:500}.area-icon-login-app-line{height:4px;width:100px;background-color:#333;margin-top:25px;margin-bottom:70px}.dt-application-group-item{cursor:pointer;padding-top:2px;padding-bottom:2px}.content-with-sidebar .panel-header,.content-with-sidebar .panel-body{border-color:transparent}.content-with-sidebar .datagrid-header-row{background-color:#fff}.content-with-sidebar .datagrid-header-row .datagrid-field-td{height:40px}.content-with-sidebar .datagrid-header-row .datagrid-field-td .datagrid-cell span{font-size:16px!important;font-weight:500}.content-with-sidebar .datagrid-body .datagrid-row .datagrid-td{font-size:16px!important;padding-top:7px;padding-bottom:7px}.content-with-sidebar .datagrid-body .datagrid-row .datagrid-td .tree-title{font-size:16px!important}.content-with-sidebar .datagrid-body .datagrid-row .datagrid-td .m-btn-downarrow{background:unset}.datagrid-row-selected{background:#ebeaea!important}.rc-btn-aksi{display:flex;flex-direction:row;align-items:center;height:25px;border-radius:25px;padding-left:15px;padding-right:10px;background-color:#ebeaea}.rc-btn-aksi span.material-icons{color:#a0a8b0}.content-with-sidebar .datagrid-body .datagrid-row .datagrid-td{font-size:16px!important;padding-top:13px;padding-bottom:13px}.content-with-sidebar .datagrid-header td,.content-with-sidebar .datagrid-body td,.content-with-sidebar .datagrid-footer td{border-color:#e5e3e3}.content-with-sidebar .datagrid-body td,.datagrid-footer td{border-width:0 0px 1px 0}.content-with-sidebar tbody td{border-style:solid!important}.content-with-sidebar .datagrid-header td{border-width:0 0 1px 0}.container-modal-body{height:calc(100vh - 150px);overflow-y:auto}.title{font-size:22px;font-weight:700}.subtitle{font-size:16px}@media (max-width: 576px){.area-login .bg{display:none!important}.dropdown-menu-right{margin:unset!important}.content-without-sidebar{padding-left:15px!important;padding-right:15px!important;padding-top:15px!important}.nav-link.active:after{background:transparent!important}.nav-link-dropdown-toggle-on-active:before{background:transparent!important}.navbar-brand-text-logo-l{padding-left:0}}@media (max-width: 992px){.nav-link.active:after{background:transparent!important}.nav-link-dropdown-toggle-on-active:before{background:transparent!important}}@media (max-width: 3399.98px){.area-login .bg{flex:8;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:inline}.nav-link{padding-right:15px!important;padding-left:15px!important}.nav-link.active:after{background:#51B53F;content:"";display:flex;height:4px;margin-left:-20px;margin-right:-20px;margin-top:-4px;position:relative;top:18px;width:calc(100% + 40px)}.nav-link-dropdown-toggle-on-active:before{background:#51B53F;content:"";display:flex;height:4px;position:absolute;bottom:-10px;left:0;width:100%}.navbar{padding-left:15px;padding-right:15px}.nav-link-avatar{margin-left:10px}.navbar-brand{margin-right:30px}.content-without-sidebar{padding-left:40px;padding-right:40px;padding-top:30px}.content-with-sidebar{width:100%;height:100vh;display:flex;flex-direction:row}.content-with-sidebar-left{width:250px;height:100%;background-color:#f6f5f5}.content-with-sidebar-right{flex:1;overflow:auto;padding-left:15px;padding-right:15px}}.banner-apk-manrisk{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;animation:onoff 1s infinite}.banner-apk-manrisk>.material-icons{font-size:40px}.banner-apk-manrisk>span:not(.material-icons){padding-left:15px;padding-right:15px;text-align:center;font-size:16px;margin-top:7px;color:#333}.banner-apk-manrisk>span:not(.material-icons):hover{color:#f12335}@keyframes onoff{0%{border:1px solid transparent}to{border:1px solid #f12335}}