::-webkit-scrollbar {
   width: 2px;
   margin-left: 3px;
}

::-webkit-scrollbar-track {
   border-radius: 20px;
}

::-webkit-scrollbar-thumb {
   background: #c2c2c2;
   border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
   background: #e0e0e0;
}

.gapensi-header__user {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.gapensi-header__user-img {
   width: 45px;
   height: auto;
   border-radius: 5px;
}

.gapensi-header__user-content {
   display: block;
   margin-left: 10px;
}

.gapensi-header__btn {
   font-size: 13px;
}

.gapensi-header__btn.gapensi-header__btn-dark {
   background-color: #e2e2e2;
   color: #353535;
}

.gapensi-header__btn.gapensi-header__btn-dark:hover,
.gapensi-header__btn.gapensi-header__btn-dark:focus {
   background-color: #242424;
   color: #ffffff;
}

.gapensi-header__btn.gapensi-header__btn-light {
   background-color: #f3f3f3;
   color: #353535;
}

.gapensi-header__btn.gapensi-header__btn-light:hover,
.gapensi-header__btn.gapensi-header__btn-light:focus {
   background-color: #242424;
   color: #ffffff;
}

.user-content__title {
   font-size: 14px;
   font-weight: 500;
   line-height: normal;
   color: #242424;
   margin-bottom: 0;
}

.user-content__email {
   font-size: 13px;
   font-weight: normal;
   line-height: normal;
   color: #383838;
}

.navbar-light .navbar-nav .nav-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   font-size: 22px;
}

.sidebar {
   padding: 15px 10px;
}

.sidebar .nav-link p {
   font-size: 13px;
   font-weight: 400;
   line-height: normal;
   text-transform: capitalize;
}

.sidebar-dark-primary {
   background-color: #202661;
}

.sidebar-dark-primary .sidebar a {
   color: #ffffff;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active {
   background-color: #2f3292;
   color: #ffffff;
}

.sidebar-collapse .nav-sidebar>.nav-item .nav-icon {
   margin-left: 0;
   margin-right: 0;
   -webkit-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
   color: #fdfdfd;
}

.nav-sidebar .nav-item>.nav-link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*=navbar]) {
   background-color: #202661;
}

.layout-navbar-fixed .wrapper .main-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.nav-link.nav-link__logo img {
   width: auto;
   height: 30px;
}

.navbar-white.navbar-dark--sm {
   background-color: #212480;
}

.navbar-light .navbar-nav .nav-link {
   color: #ffffff;
}

.content-header {
   padding: 20px 10px;
}

.content-wrapper>.content {
   padding: 0 10px;
}

.row.row__align-items-center {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.small-box p {
   font-size: 14px;
   font-weight: 400;
   text-align: left;
   margin-bottom: 5px;
}

.small-box h3 {
   font-size: 24px;
   font-weight: 600;
   text-align: left;
   margin-bottom: 0;
}

.small-box>.small-box-footer {
   font-size: 14px;
   padding: 10px 0;
}

.small-box>.small-box-footer i {
   margin-left: 5px;
}

.small-box .icon>i.ion {
   font-size: 55px;
   top: 15px;
}

.small-box .icon>i.fas {
   font-size: 40px;
   top: 15px;
}

.main-footer {
   padding: 15px;
   text-align: center;
}

.small-box.gapensi-card__theme-color h3 {
   font-size: 28px;
   font-weight: 600;
   text-transform: capitalize;
   text-align: left;
}

.small-box.gapensi-card__theme-color p {
   font-size: 13px;
   text-align: left;
}

.small-box .icon {
   display: block;
   color: rgba(255, 255, 255, 0.8);
}

.gapensi-card__theme-color.theme-color--standard {
   background-color: #2f3292;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--red-plum {
   background-color: #D90005;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--purple {
   background-color: #A351BB;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--orange {
   background-color: #EF4507;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--green {
   background-color: #75C920;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--gray {
   background-color: #727272;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--golden {
   background-color: #CE922B;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--dark-navy {
   background-color: #0C335A;
   color: #ffffff;
}

.gapensi-card__theme-color.theme-color--blue-sea {
   background-color: #11688E;
   color: #ffffff;
}

.btn-group-sm>.btn,
.btn-sm {
   padding: 5px 15px;
   font-size: 13px;
}

.row.form-group {
   margin-bottom: 10px;
}

.row.form-group:last-child {
   margin-bottom: 0;
}

.form-group {
   margin-bottom: 10px;
}

.form-group:last-child {
   margin-bottom: 0;
}

.form-control[readonly] {
   background-color: #ffffff;
}

label:not(.form-check-label):not(.custom-file-label) {
   font-weight: 500;
}

label {
   font-size: 13px;
}

.col-form-label {
   padding-top: calc(.375rem + 1px);
   padding-bottom: calc(.375rem + 1px);
   margin-bottom: 0;
   font-size: 13px;
   line-height: normal;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-transform: capitalize;
}

.form-control {
   font-size: 13px;
   line-height: normal;
}

.form-control.form-control--align-center {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

select.form-control {
   padding: .375rem .75rem .375rem .5rem;
}

.select2-container--default .select2-results__option {
   font-size: 13px;
   font-weight: normal;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
   font-size: 13px;
   font-weight: normal;
}

.select2-container--default .select2-dropdown .select2-search__field {
   font-size: 13px;
   font-weight: normal;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
   font-size: 13px;
   font-weight: normal;
}

.custom-file-label,
.custom-file-label:after {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

p {
   font-size: 14px;
   font-weight: 400;
   line-height: normal;
   margin-top: 0;
   margin-bottom: 15px;
}

p:last-child {
   margin-bottom: 0;
}

.gapensi-modal__steps {
   margin-top: 0;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #f3f3f3;
}

.gapensi-modal__steps:first-child {
   margin-top: 30px;
}

.gapensi-modal__steps:last-child {
   margin-bottom: 0;
   border: 0;
}

.gapensi-modal__steps h6 {
   font-size: 16px;
   font-weight: 600;
   margin-bottom: 0;
}

.gapensi-modal__steps p {
   font-size: 13px;
   color: #4e4e4e;
}

.row-separator__xl--left {
   padding-left: 7.5px;
}

.row-separator__xl--right {
   padding-right: 7.5px;
}

.table-head--center th {
   font-size: 14px;
   font-weight: 600;
   line-height: normal;
   text-align: center;
}

.table-head--center td {
   font-size: 13px;
   font-weight: normal;
   line-height: normal;
}

.table-head--center td.txt--center {
   text-align: center;
}

.table thead th,
.table tbody td {
   vertical-align: middle;
}

.table-footer__pagination {
   border-top: 1px solid #dee2e6;
   padding-top: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.card {
   -webkit-box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
   box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
}

h3.card-title {
   text-transform: capitalize;
}

.card-body.p-0 .table tbody>tr>td:first-of-type,
.card-body.p-0 .table tbody>tr>th:first-of-type,
.card-body.p-0 .table thead>tr>td:first-of-type,
.card-body.p-0 .table thead>tr>th:first-of-type {
   padding-left: .75rem;
}

.card-footer {
   background-color: rgba(32, 38, 97, 0.95);
}

.callout {
   border-radius: 8px;
   -webkit-box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
   box-shadow: rgba(49, 53, 59, 0.12) 0px 1px 6px 0px;
}

.callout.gapensi-callout__data-review p {
   font-size: 14px;
   font-weight: normal;
   text-transform: capitalize;
}

.callout.gapensi-callout__data-review a {
   color: #ffffff;
   text-decoration: none;
}

.product-image-thumb {
   padding: 5px;
}

.login-logo {
   margin-bottom: 15px;
}

.login-logo a img {
   max-width: 210px;
   height: auto;
}

.login-page,
.register-page {
   background-color: #2f3292;
}

label.label-title {
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 2px;
   text-transform: capitalize;
}

.label-description {
   font-size: 12px;
   font-weight: 400;
   color: #3a3a3a;
   margin-bottom: 10px;
}

.col-xl-3.col-repeat:nth-child(1n+5),
.col-lg-3.col-repeat:nth-child(1n+5) {
   margin-top: 15px;
}

h4.modal-title {
   font-size: 16px;
   font-weight: 600;
}

.modal-header {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.gapensi-img__view-banner--slider {
   width: 100%;
   height: 150px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.gapensi-img__view-banner--kotak {
   width: 100%;
   height: 175px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.gapensi-img__view-banner--panjang {
   width: 100%;
   height: 350px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.gapensi-img__view-sertifikat {
   width: 100%;
   height: 250px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.gapensi-img__view-kartu-identitas {
   width: 100%;
   height: 150px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.gapensi-img__view-photo {
   max-width: 100%;
   width: auto;
   height: 350px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}

.card.gapensi-card__img-view {
   width: 100%;
   height: 140px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding: 5px;
   -ms-flex-negative: 0;
   flex-shrink: 0;
   position: relative;
}

.card.gapensi-card__img-view img.logo-square {
   width: auto;
   height: 100px;
}

.card.gapensi-card__img-view img.logo-wide {
   width: auto;
   height: 50px;
}

.card.gapensi-card__img-view img.logo-empty {
   width: 120px;
   height: auto;
}

.card.card-widget__review-item {
   margin-bottom: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.card.card-widget__review-item .card-body {
   padding: 10px;
}

.card.card-widget__review-item p {
   font-size: 13px;
   line-height: normal;
   color: #495057;
}

.card.card-widget.card-widget--border {
   border: 1px solid #d2d2d2;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.card.card-widget.card-widget--border .card-body {
   padding: .5rem;
}

.input-group-append .btn {
   font-size: 13px;
   font-weight: normal;
}

li.breadcrumb-item {
   font-size: 14px;
   font-weight: 500;
}

li.breadcrumb-item a {
   color: #077485;
}

.info-box-number.custom {
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 5px;
}

.info-box-text.custom {
   font-size: 13px;
   font-weight: normal;
}

.btn.btn-icon-img img {
   width: 18px;
   height: 18px;
   margin-right: 5px;
}

.btn.btn-icon-img span {
   font-weight: 500;
}

a.btn.btn-outline-white {
   border-color: #ffffff;
   color: #ffffff;
}

a.btn.btn-outline-white:hover {
   background-color: #ffffff;
   color: #161616;
}

img.icon-status {
   width: 24px;
   height: 24px;
}

img.icon-status.icon-small {
   width: 20px;
   height: 20px;
}

.checkbox__container {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 10px;
}

.checkbox__container:last-child {
   margin-bottom: 0;
}

.checkbox__container input {
   margin-right: 10px;
}

.checkbox__container label {
   margin-bottom: 0;
}

.col-form-label.text--small {
   font-size: 12px;
}

.width--fit-content {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}

.card-info:not(.card-outline)>.card-header,
.card-info:not(.card-outline)>.card-header a {
   color: inherit;
}

.card-header h3 {
   color: #ffffff;
}

@media (min-width: 480px) {
   .content-header {
      padding: 20px 10px;
   }
   .content-wrapper>.content {
      padding: 0 10px;
   }
   .main-footer {
      padding: 15px;
      text-align: center;
   }
   .navbar-white.navbar-dark--sm {
      background-color: #212480;
   }
   .navbar-light .navbar-nav .nav-link {
      color: #ffffff;
   }
   .small-box p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 5px;
   }
   .small-box h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0;
   }
   .small-box>.small-box-footer {
      font-size: 14px;
      padding: 10px 0;
   }
   .small-box>.small-box-footer i {
      margin-left: 5px;
   }
   .small-box .icon>i.ion {
      font-size: 55px;
      top: 15px;
   }
}

@media (min-width: 576px) {
   .content-header {
      padding: 20px 10px;
   }
   .content-wrapper>.content {
      padding: 0 10px;
   }
   .main-footer {
      padding: 15px;
      text-align: center;
   }
   .navbar-white.navbar-dark--sm {
      background-color: #212480;
   }
   .navbar-light .navbar-nav .nav-link {
      color: #ffffff;
   }
   .small-box p {
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 5px;
      text-transform: capitalize;
   }
   .small-box h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 0;
      text-transform: capitalize;
   }
   .small-box>.small-box-footer {
      font-size: 14px;
      padding: 10px 0;
   }
   .small-box>.small-box-footer i {
      margin-left: 5px;
   }
   .small-box .icon>i.fas {
      font-size: 44px;
      top: 15px;
   }
   .small-box .icon>i.fas:hover {
      font-size: 62px;
   }
}

@media (min-width: 768px) {
   .navbar-white.navbar-dark--sm {
      background-color: #212480;
   }
   .navbar-light .navbar-nav .nav-link {
      color: #ffffff;
   }
   .main-footer {
      padding: 20px;
      text-align: left;
   }
}

@media (min-width: 992px) {
    ::-webkit-scrollbar {
      width: 5px;
      margin-left: 3px;
   }
    ::-webkit-scrollbar-track {
      border-radius: 20px;
   }
    ::-webkit-scrollbar-thumb {
      background: #c2c2c2;
      border-radius: 50px;
   }
    ::-webkit-scrollbar-thumb:hover {
      background: #e0e0e0;
   }
   [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
      color: #fdfdfd;
      padding-left: 42px;
   }
   .content-header {
      padding: 15px;
   }
   .content-wrapper>.content {
      padding: 0 15px;
   }
   .main-footer {
      padding: 20px;
      text-align: left;
   }
   .navbar-white.navbar-dark--sm {
      background-color: #ffffff;
   }
   .navbar-light .navbar-nav .nav-link {
      color: rgba(0, 0, 0, 0.9);
   }
   .navbar-nav__logo {
      display: none;
   }
   .small-box p {
      font-size: 13px;
      font-weight: 400;
      margin-bottom: 5px;
   }
   .small-box h3 {
      font-size: 27px;
      font-weight: 600;
      margin-bottom: 5px;
   }
   .small-box>.small-box-footer {
      font-size: 13px;
      padding: 10px 0;
   }
   .small-box>.small-box-footer i {
      margin-left: 5px;
   }
   .small-box .icon>i.ion {
      font-size: 55px;
      top: 15px;
   }
   .small-box.gapensi-card__theme-color h3 {
      font-size: 24px;
   }
   .small-box.gapensi-card__theme-color p {
      font-size: 12px;
   }
   .gapensi-modal__steps {
      margin-top: 0;
      margin-bottom: 15px;
   }
   .gapensi-modal__steps:first-child {
      margin-top: 0;
   }
   .gapensi-modal__steps:last-child {
      margin-bottom: 0;
   }
   .row-separator__xl--left {
      padding-left: 20px;
   }
   .row-separator__xl--right {
      padding-right: 20px;
   }
}

@media (min-width: 1200px) {
    ::-webkit-scrollbar {
      width: 5px;
      margin-left: 3px;
   }
    ::-webkit-scrollbar-track {
      border-radius: 20px;
   }
    ::-webkit-scrollbar-thumb {
      background: #c2c2c2;
      border-radius: 50px;
   }
    ::-webkit-scrollbar-thumb:hover {
      background: #e0e0e0;
   }
   [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link {
      color: #fdfdfd;
      padding-left: 42px;
   }
   .content-header {
      padding: 15px;
   }
   .content-wrapper>.content {
      padding: 0 15px;
   }
   .main-footer {
      padding: 15px 20px;
      text-align: left;
   }
   .navbar-white.navbar-dark--sm {
      background-color: #ffffff;
   }
   .navbar-light .navbar-nav .nav-link {
      color: rgba(0, 0, 0, 0.9);
   }
   .navbar-nav__logo {
      display: none;
   }
   .small-box p {
      font-size: 13px;
      font-weight: 400;
      margin-bottom: 5px;
   }
   .small-box h3 {
      font-size: 27px;
      font-weight: 600;
      margin-bottom: 5px;
   }
   .small-box>.small-box-footer {
      font-size: 13px;
      padding: 10px 0;
   }
   .small-box>.small-box-footer i {
      margin-left: 5px;
   }
   .small-box .icon>i.ion {
      font-size: 55px;
      top: 15px;
   }
   .small-box.gapensi-card__theme-color h3 {
      font-size: 24px;
   }
   .small-box.gapensi-card__theme-color p {
      font-size: 12px;
   }
   .gapensi-modal__steps {
      margin-top: 0;
      margin-bottom: 15px;
   }
   .gapensi-modal__steps:first-child {
      margin-top: 0;
   }
   .gapensi-modal__steps:last-child {
      margin-bottom: 0;
   }
   .row-separator__xl--left {
      padding-left: 20px;
   }
   .row-separator__xl--right {
      padding-right: 20px;
   }
}

@media (max-width: 575.98px) {
   .content-header h1 {
      font-size: 20px;
   }
   .card-title {
      font-size: 14px;
   }
   li.breadcrumb-item {
      font-size: 13px;
   }
}


/*# sourceMappingURL=custom.css.map */

.label {
   background-color: #202661;
   border-radius: 5px;
   padding: 10px 20px;
   text-align: center;
}

.label.label__lsbu {
   font-size: 14px;
   font-weight: 400;
   line-height: 1.2;
   color: #ffffff;
}

.date-separator {
   margin: 0 5px;
}