@charset "UTF-8";
body, body *:not(.fa):not(.glyphicon):not(.sidebar-toggle) {
  font-family: "Outfit", Sans-Serif, Helvetica, Arial !important; }

/**
 * preset AdminLTE style
 */
.error-page > .error-content {
  padding-top: 20px; }

.bg-baru {
  color: #FFF;
  background-color: #00A65B !important; }

.bg-diajukan {
  color: #FFF;
  background-color: #46C089 !important; }

.bg-revisi,
.bg-revisi-nominal,
.bg-revisi-validasi {
  color: #FFF;
  background-color: #BF6C00 !important; }

.bg-negosiasi {
  color: #FFF;
  background-color: #4A89B6 !important; }

.bg-disetujui {
  color: #FFF;
  background-color: #23B371 !important; }

.bg-penelitian {
  color: #FFF;
  background-color: #008448 !important; }

.bg-valid {
  color: #FFF;
  background-color: #006738 !important; }

.bg-dibayar {
  color: #FFF;
  background-color: #4A89B6 !important; }

.pointer {
  cursor: pointer; }

/* https://css-tricks.com/examples/WebKitScrollbars/ */
/* Let's get this party started */
::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0, 166, 90, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 166, 90, 0.4); }

div[ng-message], .error-message {
  margin-top: 10px;
  white-space: normal; }

.bold.text {
  font-weight: bold; }

/* override adminlte */
.box {
  border-radius: initial; }

.ng-table-pager {
  padding: 10px; }

.grid {
  min-height: 500px; }

.fieldset-label {
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  padding: 0px 0px 5px 0px;
  margin-bottom: 15px; }
  .fieldset-label:not(:first-of-type) {
    margin-top: 30px; }

uib-accordion.nested .panel {
  border: 0px;
  box-shadow: none;
  margin-bottom: 20px !important; }
  uib-accordion.nested .panel .panel-body {
    border-top: 0px !important; }

uib-accordion.nested .panel-heading {
  background-color: initial;
  padding: 0px 0px 5px 0px;
  border-collapse: collapse; }

.no-padding {
  padding: 0px !important; }

.btn-app.active {
  background-color: #dedede; }

.btn-group .btn-app > .badge {
  right: 3px; }

@font-face {
  font-family: 'boxedin';
  src: url("../fonts/boxedin.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "DejaVu Sans";
  src: url("../fonts/DejaVuSans.ttf"); }

@font-face {
  font-family: "DejaVu Sans";
  src: url("../fonts/DejaVuSans-Bold.ttf");
  font-weight: bold; }

@font-face {
  font-family: "DejaVu Sans";
  src: url("../fonts/DejaVuSans-Oblique.ttf");
  font-style: italic; }

@font-face {
  font-family: "DejaVu Sans";
  src: url("../fonts/DejaVuSans-BoldOblique.ttf");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "DejaVu Sans";
  src: url("../fonts/DejaVuSans-Oblique.ttf");
  font-style: oblique; }

@font-face {
  font-family: "DejaVu Sans";
  src: url("../fonts/DejaVuSans-BoldOblique.ttf");
  font-weight: bold;
  font-style: oblique; }

.layout-boxed {
  background: url("../images/boxed-bg.png") repeat fixed; }

/** AdminLTE */
.info-box-number {
  font-size: 26px; }

/** bootstrap class */
.help-block.mini {
  font-size: 12px;
  font-weight: normal; }

.panel-body .box-footer {
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }

/** Tabs */
.nav-tabs-custom > .nav-tabs {
  border-bottom-color: #ddd; }

.nav-tabs-custom > .nav-tabs > li.active {
  border-bottom-color: #3c8dbc;
  font-weight: bold; }

.nav-tabs-custom > .nav-tabs > li {
  border-top: none !important;
  border-bottom: 3px solid transparent;
  margin-right: 5px; }

/** iCheck Compopent */
.icheckbox_square-grey.disabled {
  background-position: -73px 0; }

.icheckbox_square-grey, .iradio_square-grey {
  height: 23px;
  width: 23px; }

/** ui-select component */
.ui-select-match .ui-select-match-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 99%; }

.disabled .ui-grid-cell {
  background-color: red !important; }

/**
    override ui.grid animation
*/
.no-animate, .ui-grid-menu-mid {
  transition: none !important; }

.ui-grid-cell.red {
  color: red !important;
  font-weight: bold; }

/** Select **/
select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 30px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-position: 98% center;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  color: #555;
  font-size: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%; }

/** UI control sizing utilities */
input.ui-ctrl-sm,
select.ui-ctrl-sm {
  height: 30px;
  border-radius: 4px; }

.btn.ui-ctrl-sm {
  height: 30px;
  line-height: 18px;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px; }

input.ui-ctrl-md,
select.ui-ctrl-md {
  height: 34px;
  border-radius: 4px; }

.btn.ui-ctrl-md {
  height: 34px;
  line-height: 20px;
  padding: 6px 10px;
  border-radius: 4px; }

/** Modal element **/
.modal-title {
  float: left; }

/** Settings: Users list refresh */
.users-list-page .users-toolbar-btn {
  margin-left: 6px; }

.users-list-page .users-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .users-list-page .users-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .users-list-page .users-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .users-list-page .users-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .users-list-page .users-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }
  .users-list-page .users-grid .users-cell-username {
    font-weight: 600;
    color: #2f3c49; }
  .users-list-page .users-grid .users-cell-roles {
    white-space: normal;
    line-height: 1.5; }
    .users-list-page .users-grid .users-cell-roles .users-role-chip {
      display: inline-block;
      margin: 1px 3px 1px 0;
      padding: 0 6px;
      border-radius: 10px;
      background: #e7f1fb;
      border: 1px solid #c8ddf3;
      color: #2f4f6f;
      font-size: 10px;
      font-weight: 600;
      line-height: 18px; }
    .users-list-page .users-grid .users-cell-roles .users-role-chip-more {
      background: #f2f4f7;
      border-color: #d8dee6;
      color: #5f6b78; }

.users-list-page .users-grid-note {
  color: #7b8794;
  font-size: 12px; }

/** Master WP list refresh (applied incrementally) */
.master-wp-list-page .master-toolbar-btn {
  margin-left: 6px; }

.master-wp-list-page .master-search-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 12px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .master-wp-list-page .master-search-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 240px;
    margin-right: 0; }
  .master-wp-list-page .master-search-inline .control-label {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #4b5a67; }
  .master-wp-list-page .master-search-inline .master-search-actions {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: auto;
    gap: 6px; }
  .master-wp-list-page .master-search-inline .form-control,
  .master-wp-list-page .master-search-inline .master-search-btn {
    height: 30px;
    border-radius: 4px; }
  .master-wp-list-page .master-search-inline .master-search-btn {
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px; }

.master-wp-list-page .master-toolbar-btn,
.master-wp-list-page .master-search-btn,
.master-wp-list-page .form-control {
  border-radius: 4px; }

.master-wp-list-page .master-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .master-wp-list-page .master-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .master-wp-list-page .master-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .master-wp-list-page .master-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .master-wp-list-page .master-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }

.master-wp-list-page .master-grid-note {
  color: #7b8794;
  font-size: 12px; }

/** Master OP list refresh */
.master-op-list-page .master-toolbar-btn {
  margin-left: 6px;
  border-radius: 4px; }

.master-op-list-page .master-search-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 12px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .master-op-list-page .master-search-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 260px;
    margin-right: 0; }
  .master-op-list-page .master-search-inline .control-label {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #4b5a67; }
  .master-op-list-page .master-search-inline .master-search-actions {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: auto;
    gap: 6px; }
  .master-op-list-page .master-search-inline .form-control,
  .master-op-list-page .master-search-inline .master-search-btn {
    height: 30px;
    border-radius: 4px; }
  .master-op-list-page .master-search-inline .master-search-btn {
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px; }

.master-op-list-page .master-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .master-op-list-page .master-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .master-op-list-page .master-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .master-op-list-page .master-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .master-op-list-page .master-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }

.master-op-list-page .master-grid-note {
  color: #7b8794;
  font-size: 12px; }

/** Dashboard refresh */
.dashboard-page .dashboard-toolbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.dashboard-page .dashboard-last-sync {
  color: #5f6b78;
  font-size: 12px; }

.dashboard-page .dashboard-toolbar-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.dashboard-page .dashboard-refresh-btn {
  border-radius: 4px; }

.dashboard-page .dashboard-viewmode-btn {
  border-radius: 4px; }

.dashboard-page .dashboard-intro {
  margin-bottom: 18px;
  padding: 8px 12px; }

.dashboard-page .dashboard-section {
  margin-bottom: 8px; }

.dashboard-page .dashboard-section-title {
  margin: 0 0 10px;
  padding: 0 0 6px;
  border-bottom: 1px solid #dfe6ec;
  color: #2f3c49;
  font-size: 16px;
  font-weight: 600; }

.dashboard-page .dashboard-card {
  cursor: pointer; }

.dashboard-page .dashboard-info-box {
  border: 1px solid #f4f4f4;
  transition: box-shadow 0.15s ease-in-out; }

.dashboard-page .dashboard-card:hover .dashboard-info-box {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }

.dashboard-page .dashboard-shortcuts {
  margin-bottom: 14px; }
  .dashboard-page .dashboard-shortcuts .box-title {
    font-size: 14px;
    font-weight: 600; }
  .dashboard-page .dashboard-shortcuts .dashboard-shortcut-btn {
    margin-right: 8px;
    margin-bottom: 6px;
    border-radius: 4px; }

.dashboard-page .dashboard-empty-state {
  margin-top: 10px;
  margin-bottom: 8px; }

.dashboard-page.dashboard-compact .dashboard-toolbar {
  margin-bottom: 8px; }

.dashboard-page.dashboard-compact .dashboard-section {
  margin-bottom: 4px; }

.dashboard-page.dashboard-compact .dashboard-section-title {
  margin-bottom: 8px;
  font-size: 14px; }

.dashboard-page.dashboard-compact .dashboard-card {
  margin-bottom: 6px; }

.dashboard-page.dashboard-compact .dashboard-info-box {
  min-height: 62px;
  margin-bottom: 0; }

.dashboard-page.dashboard-compact .dashboard-info-box .info-box-icon {
  width: 50px;
  height: 62px;
  line-height: 62px;
  font-size: 20px; }

.dashboard-page.dashboard-compact .dashboard-info-box .info-box-content {
  margin-left: 50px;
  padding: 6px 8px; }

.dashboard-page.dashboard-compact .dashboard-info-box .info-box-text {
  font-size: 12px;
  margin-bottom: 1px; }

.dashboard-page.dashboard-compact .dashboard-info-box .info-box-number {
  font-size: 20px;
  line-height: 1.1; }

.dashboard-page.dashboard-normal .dashboard-section {
  margin-bottom: 10px; }

.dashboard-page.dashboard-normal .dashboard-section-title {
  margin-bottom: 10px;
  font-size: 16px; }

.dashboard-page.dashboard-normal .dashboard-card {
  margin-bottom: 10px; }

.dashboard-page.dashboard-normal .dashboard-info-box {
  min-height: 80px;
  margin-bottom: 0; }

.dashboard-page.dashboard-normal .dashboard-info-box .info-box-icon {
  width: 62px;
  height: 80px;
  line-height: 80px;
  font-size: 24px; }

.dashboard-page.dashboard-normal .dashboard-info-box .info-box-content {
  margin-left: 62px;
  padding: 10px 12px; }

.dashboard-page.dashboard-normal .dashboard-info-box .info-box-text {
  font-size: 12px;
  margin-bottom: 2px; }

.dashboard-page.dashboard-normal .dashboard-info-box .info-box-number {
  font-size: 24px;
  line-height: 1.15; }

/** Master WP detail refresh */
.master-wp-detail-page .wp-detail-form {
  padding-top: 6px;
  padding-bottom: 6px; }

.master-wp-detail-page .wp-detail-form .fieldset-label {
  color: #2f3c49;
  border-bottom-color: #d9e1e8;
  margin-bottom: 16px; }

.master-wp-detail-page .wp-section-hint {
  margin-top: -8px;
  margin-bottom: 14px;
  color: #7b8794;
  font-size: 12px; }

.master-wp-detail-page .wp-form-row {
  margin-bottom: 14px; }

.master-wp-detail-page .wp-form-row .control-label {
  color: #4b5a67;
  font-weight: 600; }

.master-wp-detail-page .wp-form-row .form-control,
.master-wp-detail-page .wp-form-row .ui-select-container {
  max-width: 100%; }

.master-wp-detail-page .wp-form-row .form-control,
.master-wp-detail-page .wp-form-row .btn,
.master-wp-detail-page .box-footer .btn {
  border-radius: 4px; }

.master-wp-detail-page .wp-form-row .form-control,
.master-wp-detail-page .wp-form-row .btn {
  height: 34px; }

.master-wp-detail-page .wp-form-row .btn {
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px; }

.master-wp-detail-page .wp-form-row .input-group-btn > .btn {
  height: 34px;
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px; }

.master-wp-detail-page .box-footer .btn + .btn {
  margin-left: 6px; }

/** Master OP detail refresh */
.master-op-detail-page .op-detail-form {
  padding-top: 6px;
  padding-bottom: 6px; }

.master-op-detail-page .op-detail-form .fieldset-label {
  color: #2f3c49;
  border-bottom-color: #d9e1e8;
  margin-bottom: 16px; }

.master-op-detail-page .op-section-hint {
  margin-top: -8px;
  margin-bottom: 14px;
  color: #7b8794;
  font-size: 12px; }

.master-op-detail-page .op-form-row {
  margin-bottom: 14px; }

.master-op-detail-page .op-form-row .control-label {
  color: #4b5a67;
  font-weight: 600; }

.master-op-detail-page .op-form-row .form-control,
.master-op-detail-page .op-form-row .btn,
.master-op-detail-page .box-footer .btn {
  border-radius: 4px; }

.master-op-detail-page .op-form-row .form-control,
.master-op-detail-page .op-form-row .btn {
  height: 34px; }

.master-op-detail-page .op-form-row .btn {
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px; }

.master-op-detail-page .box-footer .btn + .btn {
  margin-left: 6px; }

/** Master PPAT list refresh */
.master-ppat-list-page .master-toolbar-btn {
  margin-left: 6px;
  border-radius: 4px; }

.master-ppat-list-page .master-search-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 12px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .master-ppat-list-page .master-search-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 280px;
    margin-right: 0; }
  .master-ppat-list-page .master-search-inline .control-label {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #4b5a67; }
  .master-ppat-list-page .master-search-inline .master-search-actions {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: auto;
    gap: 6px; }
  .master-ppat-list-page .master-search-inline .form-control,
  .master-ppat-list-page .master-search-inline .master-search-btn {
    height: 30px;
    border-radius: 4px; }
  .master-ppat-list-page .master-search-inline .master-search-btn {
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px; }

.master-ppat-list-page .master-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .master-ppat-list-page .master-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .master-ppat-list-page .master-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .master-ppat-list-page .master-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .master-ppat-list-page .master-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }

.master-ppat-list-page .master-grid-note {
  color: #7b8794;
  font-size: 12px; }

/** Master PPAT detail refresh */
.master-ppat-detail-page .ppat-detail-form {
  padding-top: 6px;
  padding-bottom: 6px; }

.master-ppat-detail-page .ppat-detail-form .form-group {
  margin-left: 0;
  margin-right: 0; }

.master-ppat-detail-page .ppat-split-left {
  border-right: 1px solid #d9e1e8; }

@media (max-width: 767px) {
  .master-ppat-detail-page .ppat-split-left {
    border-right: 0;
    border-bottom: 1px solid #d9e1e8;
    padding-bottom: 12px;
    margin-bottom: 12px; } }

.master-ppat-detail-page .ppat-section-hint {
  margin-top: -8px;
  margin-bottom: 14px;
  color: #7b8794;
  font-size: 12px; }

.master-ppat-detail-page .ppat-detail-form .fieldset-label {
  color: #2f3c49;
  border-bottom-color: #d9e1e8;
  margin-bottom: 16px; }

.master-ppat-detail-page .ppat-detail-form .form-control,
.master-ppat-detail-page .ppat-detail-form .btn,
.master-ppat-detail-page .box-footer .btn {
  border-radius: 4px; }

.master-ppat-detail-page .ppat-detail-form .form-control,
.master-ppat-detail-page .ppat-detail-form .btn {
  height: 34px; }

.master-ppat-detail-page .ppat-detail-form .btn {
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px; }

.master-ppat-detail-page .ppat-detail-form .input-group-btn > .btn {
  height: 34px; }

.master-ppat-detail-page .box-footer .btn + .btn {
  margin-left: 6px; }

/** Akun Aktivasi list refresh */
.akun-aktivasi-page .aktivasi-toolbar-btn {
  margin-left: 6px;
  border-radius: 4px; }

.akun-aktivasi-page .aktivasi-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .akun-aktivasi-page .aktivasi-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .akun-aktivasi-page .aktivasi-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .akun-aktivasi-page .aktivasi-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .akun-aktivasi-page .aktivasi-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }

.akun-aktivasi-page .aktivasi-grid-note {
  color: #7b8794;
  font-size: 12px; }

.akun-aktivasi-page .aktivasi-lock-chip {
  display: inline-block;
  min-width: 50px;
  padding: 0 6px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  text-align: center; }
  .akun-aktivasi-page .aktivasi-lock-chip.is-locked {
    color: #7a2f2f;
    background: #fbe9e9;
    border-color: #efcaca; }
  .akun-aktivasi-page .aktivasi-lock-chip.is-active {
    color: #2f5f45;
    background: #e8f6ef;
    border-color: #c9e8d8; }

/** Akun Aktivasi/detail refresh */
.akun-aktivasi-detail-page .akun-accordion > .panel,
.akun-list-detail-page .akun-accordion > .panel {
  border-color: #dfe6ec;
  box-shadow: none; }

.akun-aktivasi-detail-page .akun-accordion > .panel > .panel-heading,
.akun-list-detail-page .akun-accordion > .panel > .panel-heading {
  background: #f8fafb;
  border-bottom: 1px solid #dfe6ec; }

.akun-aktivasi-detail-page .akun-accordion .panel-title > a,
.akun-list-detail-page .akun-accordion .panel-title > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 34px;
  color: #2f3c49;
  text-decoration: none; }

.akun-aktivasi-detail-page .akun-accordion .panel-open > .panel-heading,
.akun-list-detail-page .akun-accordion .panel-open > .panel-heading {
  background: #eef4f9; }

.akun-aktivasi-detail-page .akun-nested-accordion > .panel,
.akun-list-detail-page .akun-nested-accordion > .panel {
  border-color: #e4eaf0;
  box-shadow: none; }

.akun-aktivasi-detail-page .akun-nested-accordion > .panel > .panel-heading,
.akun-list-detail-page .akun-nested-accordion > .panel > .panel-heading {
  background: #fbfcfd; }

.akun-aktivasi-detail-page .akun-status-chip,
.akun-list-detail-page .akun-status-chip {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px; }
  .akun-aktivasi-detail-page .akun-status-chip.is-pending,
  .akun-list-detail-page .akun-status-chip.is-pending {
    color: #6b4d1f;
    background: #fff3df;
    border-color: #f0dcba; }
  .akun-aktivasi-detail-page .akun-status-chip.is-ready,
  .akun-list-detail-page .akun-status-chip.is-ready {
    color: #2f5f45;
    background: #e8f6ef;
    border-color: #c9e8d8; }
  .akun-aktivasi-detail-page .akun-status-chip.is-verified,
  .akun-list-detail-page .akun-status-chip.is-verified {
    color: #2f4f6f;
    background: #e7f1fb;
    border-color: #c8ddf3; }

.akun-aktivasi-detail-page .akun-accordion .form-group,
.akun-list-detail-page .akun-accordion .form-group {
  margin-bottom: 14px; }

.akun-aktivasi-detail-page .akun-form-actions > .btn + .btn,
.akun-list-detail-page .akun-form-actions > .btn + .btn {
  margin-left: 6px; }

.akun-aktivasi-detail-page .akun-form-footer-tight,
.akun-list-detail-page .akun-form-footer-tight {
  padding-bottom: 0; }

.akun-aktivasi-detail-page .akun-relasi-wrap,
.akun-list-detail-page .akun-relasi-wrap {
  padding: 0; }

.akun-aktivasi-detail-page .akun-relasi-title,
.akun-list-detail-page .akun-relasi-title {
  font-weight: 700;
  border-bottom: 1px solid #d9e1e8;
  padding-bottom: 5px; }

.akun-aktivasi-detail-page .form-control,
.akun-aktivasi-detail-page .btn,
.akun-list-detail-page .form-control,
.akun-list-detail-page .btn {
  border-radius: 4px; }

.akun-aktivasi-detail-page .form-control,
.akun-aktivasi-detail-page .btn,
.akun-list-detail-page .form-control,
.akun-list-detail-page .btn {
  height: 34px; }

.akun-aktivasi-detail-page .btn,
.akun-list-detail-page .btn {
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px; }

.akun-aktivasi-detail-page .input-group-btn > .btn,
.akun-list-detail-page .input-group-btn > .btn {
  height: 34px; }

.akun-aktivasi-detail-page .akun-detail-split-left,
.akun-list-detail-page .akun-detail-split-left {
  border-right: 1px solid #d9e1e8; }

@media (max-width: 767px) {
  .akun-aktivasi-detail-page .akun-accordion .panel-title > a,
  .akun-list-detail-page .akun-accordion .panel-title > a {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .akun-aktivasi-detail-page .akun-status-chip,
  .akun-list-detail-page .akun-status-chip {
    margin-left: 0; }
  .akun-aktivasi-detail-page .akun-detail-split-left,
  .akun-list-detail-page .akun-detail-split-left {
    border-right: 0;
    border-bottom: 1px solid #d9e1e8;
    padding-bottom: 12px;
    margin-bottom: 12px; } }

/** Akun list refresh */
.akun-list-page .akun-toolbar-btn {
  margin-left: 6px;
  border-radius: 4px; }

.akun-list-page .akun-search-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 12px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }
  .akun-list-page .akun-search-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 240px;
    margin-right: 0; }
  .akun-list-page .akun-search-inline .control-label {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #4b5a67; }
  .akun-list-page .akun-search-inline .akun-search-actions {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: auto;
    gap: 6px; }
  .akun-list-page .akun-search-inline .form-control,
  .akun-list-page .akun-search-inline .akun-search-btn {
    height: 30px;
    border-radius: 4px; }
  .akun-list-page .akun-search-inline .akun-search-btn {
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px; }

.akun-list-page .akun-list-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .akun-list-page .akun-list-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .akun-list-page .akun-list-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .akun-list-page .akun-list-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .akun-list-page .akun-list-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }

.akun-list-page .akun-lock-chip {
  display: inline-block;
  min-width: 50px;
  padding: 0 6px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  text-align: center; }
  .akun-list-page .akun-lock-chip.is-locked {
    color: #7a2f2f;
    background: #fbe9e9;
    border-color: #efcaca; }
  .akun-list-page .akun-lock-chip.is-active {
    color: #2f5f45;
    background: #e8f6ef;
    border-color: #c9e8d8; }

.akun-list-page .akun-list-note {
  color: #7b8794;
  font-size: 12px; }

/** Cek Luas Pengajuan refresh */
.cek-luas-page .cek-luas-search-box .box-body,
.cek-luas-page .cek-luas-info-box .box-body {
  padding-top: 12px;
  padding-bottom: 12px; }

.cek-luas-page .cek-luas-top-search-row {
  margin-bottom: 0; }
  .cek-luas-page .cek-luas-top-search-row .form-control {
    height: 30px; }

.cek-luas-page .cek-luas-top-search-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.cek-luas-page .cek-luas-info-table {
  margin-bottom: 0; }

.cek-luas-page .cek-luas-label-col {
  width: 250px; }

.cek-luas-page .cek-luas-side-label-col {
  width: 200px; }

.cek-luas-page .cek-luas-colon-col {
  width: 15px !important; }

.cek-luas-page .cek-luas-info-actions {
  margin-top: 4px; }

.cek-luas-page .cek-luas-btn {
  border-radius: 4px;
  height: 34px;
  line-height: 20px;
  padding-top: 6px;
  padding-bottom: 6px; }

.cek-luas-page .cek-luas-btn + .cek-luas-btn {
  margin-left: 6px; }

.cek-luas-page .cek-luas-toolbar-btn {
  margin-left: 6px;
  border-radius: 4px; }

.cek-luas-page .cek-luas-filter-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 12px;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0; }
  .cek-luas-page .cek-luas-filter-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    min-width: 220px;
    margin-right: 0; }
  .cek-luas-page .cek-luas-filter-inline .control-label {
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 12px;
    color: #4b5a67; }
  .cek-luas-page .cek-luas-filter-inline .cek-luas-filter-actions {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: auto;
    gap: 6px; }
  .cek-luas-page .cek-luas-filter-inline .form-control,
  .cek-luas-page .cek-luas-filter-inline .cek-luas-search-btn {
    height: 30px;
    border-radius: 4px; }
  .cek-luas-page .cek-luas-filter-inline .cek-luas-search-btn {
    padding: 5px 10px;
    line-height: 18px;
    font-size: 12px; }

.cek-luas-page .cek-luas-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }
  .cek-luas-page .cek-luas-grid .ui-grid-top-panel {
    background: #f8fafb;
    border-bottom: 1px solid #dfe6ec; }
  .cek-luas-page .cek-luas-grid .ui-grid-header-cell {
    color: #3d4a57;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px; }
  .cek-luas-page .cek-luas-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
    background-color: #e8edf3; }
  .cek-luas-page .cek-luas-grid .ui-grid-row:hover .ui-grid-cell {
    background-color: #eef6ff; }

.cek-luas-page .cek-luas-grid-note {
  color: #7b8794;
  font-size: 12px; }

.cek-luas-page .cek-luas-status-chip {
  display: inline-block;
  min-width: 72px;
  padding: 0 6px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  text-align: center; }
  .cek-luas-page .cek-luas-status-chip.is-diajukan {
    color: #2f4f6f;
    background: #e7f1fb;
    border-color: #c8ddf3; }
  .cek-luas-page .cek-luas-status-chip.is-perbaikan {
    color: #6b4d1f;
    background: #fff3df;
    border-color: #f0dcba; }
  .cek-luas-page .cek-luas-status-chip.is-sesuai {
    color: #2f5f45;
    background: #e8f6ef;
    border-color: #c9e8d8; }

@media (max-width: 767px) {
  .cek-luas-page .cek-luas-top-search-actions {
    margin-top: 8px; } }

/** Nilai Pasar pengecekan refresh */
.nilai-pasar-page .nilai-pasar-search-box .box-body {
  padding-top: 12px;
  padding-bottom: 12px; }

.nilai-pasar-page .nilai-pasar-top-search-row {
  margin-bottom: 0; }

.nilai-pasar-page .nilai-pasar-top-search-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.nilai-pasar-page .nilai-pasar-info-table {
  margin-bottom: 0; }

.nilai-pasar-page .nilai-pasar-label-col {
  width: 250px; }

.nilai-pasar-page .nilai-pasar-colon-col {
  width: 15px !important; }

@media (max-width: 767px) {
  .nilai-pasar-page .nilai-pasar-top-search-actions {
    margin-top: 8px; } }

/** PBB search refresh */
.pbb-info-page .pbb-search-box .box-body {
  padding-top: 12px;
  padding-bottom: 12px; }

.pbb-info-page .pbb-search-panel-body {
  margin-bottom: 0; }

.pbb-info-page .pbb-top-search-row {
  margin-bottom: 0; }
  .pbb-info-page .pbb-top-search-row .form-control {
    height: 30px; }

.pbb-info-page .pbb-top-search-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.pbb-info-page .pbb-search-btn,
.pbb-info-page .pbb-print-btn {
  border-radius: 4px; }

.pbb-info-page .pbb-result-box .box-header .pbb-print-btn {
  margin-top: -3px; }

.pbb-info-page .pbb-result-panel-body {
  padding-top: 8px; }

.pbb-info-page .pbb-empty-note {
  margin-top: 8px;
  margin-bottom: 0; }

.pbb-info-page .pbb-info-table {
  margin-bottom: 0; }

.pbb-info-page .pbb-label-col {
  width: 250px; }

.pbb-info-page .pbb-colon-col {
  width: 15px !important; }

@media (max-width: 767px) {
  .pbb-info-page .pbb-top-search-actions {
    margin-top: 8px; } }

/** TTE list refresh */
.tte-list-page .tte-help-callout {
  margin-bottom: 12px; }

.tte-list-page .tte-filter-row {
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0; }

.tte-list-page .tte-filter-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 10px;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.tte-list-page .tte-filter-item {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 12px;
  background: #f7f9fb;
  border: 1px solid #e1e8ef;
  font-size: 12px; }

.tte-list-page .tte-filter-item.is-active {
  background: #e7f1fb;
  border-color: #c8ddf3;
  box-shadow: inset 0 0 0 1px rgba(39, 93, 132, 0.08); }

.tte-list-page .tte-grid {
  min-height: 560px;
  border-top: 1px solid #f1f4f7; }

.tte-list-page .tte-grid-edge {
  margin-left: -10px;
  margin-right: -10px; }

.tte-list-page .tte-grid .ui-grid-top-panel {
  background: #f8fafb;
  border-bottom: 1px solid #dfe6ec; }

.tte-list-page .tte-grid .ui-grid-header-cell {
  color: #3d4a57;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px; }

.tte-list-page .tte-grid .ui-grid-row:nth-child(even) .ui-grid-row-header-cell {
  background-color: #e8edf3; }

.tte-list-page .tte-grid .ui-grid-row:hover .ui-grid-cell {
  background-color: #eef6ff; }

.tte-list-page .tte-doc-cell {
  white-space: normal;
  line-height: 1.5;
  padding-top: 2px;
  padding-bottom: 2px; }

.tte-list-page .tte-doc-chip {
  cursor: pointer;
  display: inline-block;
  margin: 1px 4px 1px 0;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.6; }

.tte-list-page .tte-status-chip {
  display: inline-block;
  min-width: 72px;
  padding: 0 8px;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  color: #475666;
  background: #edf1f5;
  border-color: #dbe2ea; }

.tte-list-page .tte-status-chip.is-baru {
  color: #2f4f6f;
  background: #e7f1fb;
  border-color: #c8ddf3; }

.tte-list-page .tte-status-chip.is-diajukan {
  color: #245174;
  background: #dff0ff;
  border-color: #bddcf6; }

.tte-list-page .tte-status-chip.is-revisi {
  color: #6b4d1f;
  background: #fff3df;
  border-color: #f0dcba; }

.tte-list-page .tte-status-chip.is-persetujuan {
  color: #2f5f45;
  background: #e8f6ef;
  border-color: #c9e8d8; }

.tte-list-page .tte-status-chip.is-pembayaran {
  color: #5a3f0d;
  background: #fff4dc;
  border-color: #f2ddb2; }

.tte-list-page .tte-status-chip.is-valid {
  color: #22533c;
  background: #dff5ea;
  border-color: #bddfce; }

.tte-list-page .tte-status-chip.is-warning {
  color: #5f551c;
  background: #fbf8dd;
  border-color: #e9e2b0; }

.tte-list-page .tte-status-chip.is-danger {
  color: #7a2f2f;
  background: #fbe9e9;
  border-color: #efcaca; }

.tte-list-page .tte-action-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px; }

.tte-list-page .tte-action-btn {
  border-radius: 4px; }

.version {
  font-size: 10px;
  position: fixed;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 3px 5px;
  background-color: white;
  z-index: 1000; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

[ng-click] {
  cursor: pointer; }

.block-ui-message {
  display: inline-block;
  text-align: center;
  background-color: #333;
  color: #f5f5f5;
  padding: 20px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: normal; }

.layout-boxed .auth.wrapper {
  max-width: 1200px; }

.layout-boxed .auth .main-header {
  margin-bottom: 5px; }
  .layout-boxed .auth .main-header > .navbar {
    min-height: 100px; }
  .layout-boxed .auth .main-header > .logo {
    height: 100px;
    line-height: 100px;
    font-size: 30px; }
  @media (max-width: 767px) {
    .layout-boxed .auth .main-header > .navbar {
      min-height: 50px; }
    .layout-boxed .auth .main-header > .logo {
      height: 50px;
      line-height: 50px; } }

.layout-boxed .auth .content-wrapper {
  margin: auto;
  transition: none; }

.layout-boxed .auth .fieldset-label {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  padding: 5px;
  margin-bottom: 15px; }
  .layout-boxed .auth .fieldset-label:not(:first-child) {
    margin-top: 30px; }

.layout-boxed .auth ol.lampiran li {
  margin-bottom: 10px; }

.layout-boxed .auth .float-left {
  float: left; }

.layout-boxed .auth .password-requirements {
  margin-top: 10px; }

.layout-boxed .auth .password-requirements .selfclear {
  margin-left: 20px; }

.layout-boxed .auth .password-requirements ul {
  list-style: none;
  padding-left: 0px; }

.layout-boxed .auth .password-requirements ul:first-child {
  margin-right: 15px; }

.layout-boxed .auth .password-requirements ul li:before {
  position: relative;
  top: -1px;
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 6px;
  margin-right: 10px;
  border-radius: 8px;
  background: #52bad5; }

.layout-boxed .auth .password-requirements ul li.completed {
  opacity: .5; }

.form-group.has-error, .has-error {
  color: #dd4b39; }

.prompt {
  margin-top: 10px;
  white-space: normal;
  word-wrap: break-word;
  width: 100%;
  max-width: 550px;
  position: relative;
  color: #959595; }

/** DatePicker Availability Style */
.schedule-slot button[disabled] {
  background-color: lightgrey; }

/** styling untuk cetak */
#printArea {
  width: 210mm;
  padding: 10px 10px;
  margin: 2cm 1.5cm;
  border-collapse: collapse !important; }
  #printArea .field {
    white-space: nowrap;
    overflow: hidden; }

@media screen {
  #printArea {
    position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    margin: 10px auto;
    box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5); } }

.boxedin {
  font-family: "boxedin"; }

.sptpd-table {
  border-collapse: collapse !important;
  margin-bottom: 20px; }
  .sptpd-table td {
    border: 1px solid grey;
    padding: 5px; }
  .sptpd-table .col-fixed, .sptpd-table .row-fixed-follow {
    float: left; }
  .sptpd-table .col-fixed {
    width: 15px;
    font-weight: bold; }
  .sptpd-table .row-fixed-follow {
    width: calc(100% - 15px); }

.simple-table {
  width: 100%; }
  .simple-table th, .simple-table td {
    padding: 2px 5px;
    border: 1px solid grey; }
  .simple-table td.no-border {
    border: none; }

.sptpd-header {
  margin-bottom: 10px; }
  .sptpd-header .logo {
    font-size: 7.5px; }
    .sptpd-header .logo img {
      height: 90px;
      max-height: 80%;
      padding: 0px;
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%); }
  .sptpd-header .title {
    margin: 0px; }
    .sptpd-header .title h1 {
      margin-top: 0px;
      font-size: 20px;
      font-weight: bold; }
    .sptpd-header .title h2 {
      border-top: 1px solid grey;
      padding-top: 5px;
      margin: 0px;
      font-size: 16px; }
  .sptpd-header .lembar .number {
    font-size: 18px;
    font-weight: bold; }

.ttd-slot {
  padding: 0px 5px;
  border-right: 1px solid #000; }

.title-ttd-part {
  height: 80px;
  line-height: 1; }

.nama-dgn-ttd {
  padding: 0px 10px; }
  .nama-dgn-ttd .nama {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    border-bottom: 1px solid black; }
  .nama-dgn-ttd .subnama {
    font-size: 8.5px; }

@page {
  size: 8.27in × 12.99in;
  margin: 0; }

/** dibutuhkan untuk directive print */
@media screen {
  #printSection {
    display: none; }
  .no-screen {
    display: none !important; }
  #reportSection {
    display: block; } }

@media print {
  .no-print {
    display: none !important; }
  #reportSection, #reportSection * {
    visibility: visible !important; }
  #reportSection {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    widows: 100%; }
  body * {
    visibility: hidden; }
  #printSection, #printSection * {
    visibility: visible; }
  #printSection {
    position: absolute;
    left: 0;
    top: 0; } }

.rpt-title {
  font-weight: bold;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px; }

.logo-icon {
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 16px;
  border: 2px solid rgba(255, 255, 255, 0.3); }

.logo-icon i {
  font-size: 32px;
  color: #ffffff; }

.login-page, .register-page {
  position: absolute;
  min-height: 100%;
  width: 100%;
  background: #d2d6de; }

.register-page {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.login-header, .register-header {
  border-bottom: 3px solid #3c8dbc; }

.login-header {
  text-align: center;
  margin: 0px;
  padding: 0px 20px 20px 20px; }

.register-header {
  text-align: left;
  margin: 0px;
  padding: 5px; }

.register-form-body {
  margin-top: 10px;
  width: 80%;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  padding: 10px; }

/* Kop Surat */
@media print {
  .letterhead {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    font-family: Arial, sans-serif; }
  .logo {
    width: 100px;
    margin-right: 20px; }
  .header-text {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px; }
  .contact-info {
    font-size: 12px;
    color: #333; } }

@media screen {
  .letterhead {
    display: none; } }

/* Kop Surat */
@media print {
  .letterhead {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    font-family: Arial, sans-serif; }
  .logo {
    width: 100px;
    margin-right: 20px; }
  .header-text {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px; }
  .contact-info {
    font-size: 12px;
    color: #333; } }

@media screen {
  .letterhead {
    display: none; } }

/* Kop Surat */
@media print {
  .letterhead {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 2px solid #000;
    padding-bottom: 10px;
    font-family: Arial, sans-serif; }
  .logo {
    width: 100px;
    margin-right: 20px; }
  .header-text {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px; }
  .contact-info {
    font-size: 12px;
    color: #333; } }

@media screen {
  .letterhead {
    display: none; } }

.disable-pointer {
  cursor: not-allowed; }

.tte-pdf-nofile {
  position: relative;
  display: inline-block;
  font-size: 24px;
  /* Adjust icon size */
  text-decoration: none;
  color: black;
  /* Default color for PDF */
  margin-left: 20px; }
  .tte-pdf-nofile .tte-pdf-icon {
    position: relative;
    z-index: 0; }
  .tte-pdf-nofile .tte-cross-icon {
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 20px;
    color: #a40b0b;
    background: RGB(255, 255, 255, 0.7);
    border-radius: 75%;
    padding: 1px; }

.tte-pdf-unsigned {
  position: relative;
  display: inline-block;
  font-size: 24px;
  /* Adjust icon size */
  text-decoration: none;
  color: green;
  /* Default color for PDF */
  margin-left: 20px; }
  .tte-pdf-unsigned .tte-pdf-icon {
    position: relative;
    z-index: 0; }

.tte-pdf-signed {
  position: relative;
  display: inline-block;
  font-size: 24px;
  /* Adjust icon size */
  text-decoration: none;
  color: red;
  /* Default color for PDF */
  margin-left: 20px; }
  .tte-pdf-signed .tte-pdf-icon {
    position: relative;
    z-index: 0; }
  .tte-pdf-signed .tte-lock-icon {
    position: absolute;
    top: 0;
    right: -6px;
    font-size: 20px;
    color: #a40b0b;
    background: RGB(255, 255, 255, 0.7);
    border-radius: 75%;
    padding: 1px; }

.verification-badges-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

.verification-badges {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  white-space: nowrap; }

.vbadge {
  display: inline-block;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 2px;
  min-width: 18px;
  text-align: center;
  border: 1px solid #28a745;
  /* Green border for all badges */
  transition: all 0.2s ease;
  /* Smooth transition */ }

/* Filled badge for verified (true) */
.vbadge-success {
  background-color: #28a745;
  color: white; }

/* Hollow badge for not verified (false) */
.vbadge-hollow {
  background-color: transparent;
  color: #28a745; }

/* Optional: Different colors for different verification types */
.vbadge-luas {
  border-color: #007bff;
  /* Blue */ }

.vbadge-luas.vbadge-success {
  background-color: #007bff;
  color: white; }

.vbadge-luas.vbadge-hollow {
  background-color: transparent;
  color: #007bff; }

.vbadge-nilai {
  border-color: #28a745;
  /* Green */ }

.vbadge-nilai.vbadge-success {
  background-color: #28a745;
  color: white; }

.vbadge-nilai.vbadge-hollow {
  background-color: transparent;
  color: #28a745; }

.vbadge-berkas {
  border-color: #ffc107;
  /* Yellow/Orange */ }

.vbadge-berkas.vbadge-success {
  background-color: #ffc107;
  color: #212529;
  /* Dark text for better contrast on yellow */ }

.vbadge-berkas.vbadge-hollow {
  background-color: transparent;
  color: #ffc107; }

.validasi-stage2-recommendation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #bcdff1;
  border-left: 4px solid #3c8dbc;
  border-radius: 3px;
  background-color: #f4f9fc;
  color: #2b4f66; }

.validasi-stage2-recommendation .fa {
  margin-top: 2px;
  color: #3c8dbc; }

.tte-doc-status-strip {
  margin-top: 6px; }

.tte-doc-status-strip .label {
  display: inline-block;
  font-size: 12px;
  padding: 6px 10px; }

.tte-doc-status-chip-clickable {
  cursor: pointer; }

.confirm-recommendation {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 3px; }

.confirm-recommendation .fa {
  margin-top: 2px; }

.confirm-recommendation-warning {
  border: 1px solid #f3d4a3;
  border-left: 4px solid #f0ad4e;
  background: #fff8ef;
  color: #8a5a1f; }

.confirm-recommendation-info {
  border: 1px solid #bcdff1;
  border-left: 4px solid #3c8dbc;
  background: #f4f9fc;
  color: #2b4f66; }

@media screen {
  .letterhead {
    display: none; }
  .data-header {
    display: none; } }

.nav-tabs > li.disabled > a {
  color: #aaa;
  cursor: not-allowed;
  pointer-events: none; }

.disabled-mode button {
  pointer-events: none;
  opacity: 0.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.complete {
  display: none; }