@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%; }

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

.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; }

@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; }