/*.left_col {
background: #f39c12 !important;
}

.nav.side-menu>li>a:hover {
color: #000000 !important;
}

.nav.side-menu>li.active>a {
text-shadow: rgba(0,0,0,0.25) 0 -1px 0;
background: linear-gradient(#334556, #0000), #2A3F54 !important;
box-shadow: rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0 !important;
}*/
.borderless {
  border: none;
  border-bottom: 1px solid rgba(0,0,0,.2);
  box-shadow: none;
  background: transparent;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;

}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #333 transparent transparent transparent;

}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;

}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;

}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;

}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);

  }
  100% {
    transform: rotate(360deg);

  }

}


.sweet-overlay {
  background-color: rgba(0, 0, 0, 0.65);
}

.v-middle {
  vertical-align: middle!important
}

.site_title{
  font-size: 14px;
  font-weight: bold;
}

.bold{
  font-weight: bold;
}

.site_title span{
  margin-left: 5px;
  white-space: nowrap;
}

.date div.day {
  font-size: 1.5em;
  padding: 0px 5px;
  background-color: #4B5F71;
  color: #ffffff;
}

.date div.month {
  font-size: 1.2em;
  margin-left: 0px;
  padding: 5px 15px;
  background-color: #efefef;
}

.date div.day, .date div.month {
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  border: 1px solid #4B5F71;
}

.text h4.title {
  padding-top: 5px;
  border-top: 1px solid #4B5F71;
  padding-bottom: 5px;
  border-bottom: 1px solid #4B5F71;
}

table.table-custom thead tr th {
  background-color: #2A3F54;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

table.table-custom thead tr.number td {
  text-align: center;
  font-size: 0.9em;
}

div.navigation a{
  border-left: 1px solid #ddd;
  margin-right: 10px;
  padding: 5px 10px;
  background-color: #D9DEE4;
  font-weight: bolder;
}

div.navigation a:before{
  content : ">";
}

.nav_menu {

}

div.title{
  font-size: 1.2em;
}

div.table-title {
  font-size: 1.2em;
  /* font-weight: bold; */
  margin-bottom: 3px;
}

/* inputs & label */

.control-label {
  vertical-align:middle;
  display:inline-block;
}

button.btn-final {
  color: #000000 !important;
  background-color: #b9ffa8 !important;
  border-color: #b9eea8;
}

/* modals */

@media (min-width: 992px){
  .modal-laporan
  {
    width: 900px;
  }
}

@media (min-width: 1200px){
  .modal-laporan
  {
    width: 1180px;
  }
}

td span.exclude{
  line-height: 14px !important;
}

/* COLOR-ING */

.red {color: #ff0000; }
.orange {color: #f7a35c; }
.white {color: #ffffff; }
.green-light {color: #90ed7d; }
.blue-light {color: #7cb5ec; }
.purple-light {color: #8085e9; }
.dark-pink {color: #f15c80; }
.dark-grey {color: #434348; }
.turqoise {color: #CCFFFF; }

/*BACKGROUND-ING*/
.bg-red {background-color: #ff0000; }
.bg-orange {background-color: #f7a35c; }
.bg-white {background-color: #ffffff; }
.bg-green-light {background-color: #90ed7d; }
.bg-blue-light {background-color: #7cb5ec; }
.bg-purple-light {background-color: #8085e9; }
.bg-dark-pink {background-color: #f15c80; }
.bg-dark-grey {background-color: #434348; }
.bg-turqoise {background-color: #CCFFFF; }

.bg-setuju,.bg-buka {background-color: #b9ffa8 !important;}
.bg-tolak,.bg-tutup {background-color: #ffc9ad !important;}
.bg-perbaikan {background-color: #ffffc6 !important;}
.bg-tunda {background-color: #fff4f4 !important;}
.bg-final{background-color: #e9ffe5 !important;}
.bg-adaupdate{background-color: #f9edfc !important;}
.bg-past{background-color: #f7f7f7;}
.bg-present{background-color: #e9ffe5;}
.bg-future{background-color: #dbedff;}

.bg-nilainaik{background-color: #d9ffd8 !important;}
.bg-nilaiturun{background-color: #ffffc6 !important;}

/*KUA LIST KEGIATAN*/
.bg-keg-prioritas{background-color: #eaffe2;}
.bg-keg-tambahan{background-color: #e5f8ff;}
.bg-keg-tunda{background-color: #fff4f4;}

.text-keg-prioritas{color: #eaffe2;}
.text-keg-tambahan{color: #e5f8ff;}
.text-keg-tunda{color: #fff4f4;}

.select2-container--default .select2-selection--single {
  border-radius: 0px !important;
  padding: 2px !important;
  /*width: 100%;*/
  /*height: auto;*/
}

.alert-warning {
  color: #FFF !important;
  background-color: rgba(243,156,18,0.7) !important;
  border-color: rgba(243,156,18,0.8) !important;
}

.border-success {
  /*background: #26B99A;*/
  border: 1px solid #169F85;
  border-right: 3px solid #169F85;
  border-left: 3px solid #169F85;
}

/*TABLE-ING*/
div.table-title {
  font-size : 1.3em;
  /*font-weight: bold;*/
  margin-bottom: 3px;
}

tr.line-bidang td {
  background-color: #edfff6 ;
  font-weight: bold;
  color: #333333;
}

tr.line-program td {
  background-color: #f9f9fa ;
}

tr.line-kegiatan td {
  background-color: #f9f9f9 ;
}

tr.line-skpd td {
  background-color: #f9f9f9 ;
  font-weight: bold;
}

tr.line-subkab td {
  background-color: #fafaf9 ;
  font-style: italic;
}


tr.line-kelompok td {
  background-color: #edfff6 ;
  font-weight: bold;
  color: #333333;
}

tr.line-jenis td {
  background-color: #f4fff9 ;
  font-weight: bold;
  color: #333333;
}

tr.line-objek td {
  background-color: #f9eaff ;
  color: #333333;
}

tr.line-objek.overpagu td {
  background-color: #ffffd3 ;
  color: #333333;
}

tr.line-objek.overpagu td.pagu {
  color: #ff0000;
}

tr.line-rincianobjek td {
  background-color: #fdf9ff ;
  color: #333333;
}

td.kode, td.tahun, td.action{
  text-align: center;
}

td.not-match, td.bg-beda{
  background-color: #ffffc6 !important;
}

.text-not-match, .text-beda{
  color: #ffffc6 !important;
}

.in-stroke {
  -webkit-text-stroke: 1px black;
  font-size: 1.5em !important;
}

.with-stroke {
  font-size: 1.5em !important;
}

td.action{
  white-space: nowrap;
}

td.koderekening {
  padding-left: 10px;
  padding-right: 10px;
  text-align: left;
}

tr.bold td {
  font-weight: bold;
}

tr.rekap-total td {
  color: #333333;
  /*font-style: italic;*/
  font-weight: 800;
  font-size: 1.1em;
  background-color: #eee;
}

td.rekap-total {
  color: #333333;
  /*font-style: italic;*/
  font-weight: 600;
  font-size: 1.1em;
  background-color: #eee;
}

td.v-top{
  vertical-align: top;
}

td.min-padd {
  padding: 2px 12px !important;
  padding-top: 4px !important;
}

td.action.min-padd {
  padding: 2px 12px !important;
  padding-top: 4px !important;
}

input.write-to {
  background-color: rgba(255,255,255,0.7);
  border:none;
  border-bottom: 1px solid #ccc;
  outline: none;
  width: 100%
}

input.write-to:focus {
  background-color: #ffffff;
  border-bottom: 1px solid #555555;
}

.ln_solid.min {
  margin: 7px 0;
}

.ln_solid.min-margin {
  margin: 5px !important;
}

div.well-noround {
  border-radius:0px 0px 5px 5px !important;
}

div.well-success {
  background-color: #e6ffe5 !important;
}

div.tile-stats div.icon i{
  font-size: 40px !important;
}

div.tile-stats div.icon{
  right: 35px !important;
  top: 10px !important;
}

div.tile-stats div.count{
  font-size: 28px !important;
  line-height: 54px;
}

div.tile-stats div.midcount{
  font-size: 20px !important;
  line-height: 0px;
  margin-bottom: 14px;
  color: #7387cc !important;
}

div.tile-stats h3{
  font-size: 17px !important;
}

span.flag, span.flag-blue {
  font-weight: bold;
  font-size: 0.9em;
  color: #ff0000;
}

span.flag-blue {
  color: #0000ff;
}

/* custom link format (urai) */

td.on-link {
  /*padding: 0px !important;*/
}
.on-link:hover{
  background-color: #9966ff;
}
.on-link:hover a{
  color: #fff;
}
.on-link a{
  /*padding: 8px;*/
  display: block;
}

/*expandable table row*/
tr.row-parent td, tr.row-level-1 td {
  cursor: pointer;
}

tr.row-parent:hover td, tr.row-level-1:hover td {
  background-color: #ffccff;
}

/*anggran kas tabel*/
td.title-kas {
  font-size: 1.1em;
  font-weight: bold;
  background-color: #eee;
}

td.bulan_val{
  color: #000000 !important;
}

td.bulan-kas {
  font-weight: bold;
  background-color: #cce8ff;
}

td.fake-link {
  cursor: pointer;
}

td.fake-link:hover {
  background-color: #ffccff;
}

tr.bold_row {
  font-weight: bold;
  font-style: italic;
}
.nav-sm .navbar.nav_title a span {
  display: block
}