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

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

.larger{
    font-size:18px;
}

.bold{
    font-weight: bold !important;
}

.site_title span{
    margin-left: 5px;
    white-space: nowrap;
}
.no-margin {
    margin: 0px !important;
}

.number-print-font {
    font-family: "Lucida Console", Monaco, monospace;
}

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

.force-autoheight {
    height: auto !important;
}

.force-autowidth {
    width: auto !important;
}

.ln-11{
    line-height: 11px;
}
.ln-10{
    line-height: 10px;
}
.ln-9{
    line-height: 9px;
}

.miring {
    font-style: italic;
}

/*dimension*/
.min-w100 {
    min-width: 100px;
}

.x-bcolor-pbar {
    /*height: 100%;*/
    background: linear-gradient(90deg, #ffffff 50%, #d2ffc7 50%);
}

ol.no-indent, ul.no-indent {
    padding-inline-start: 15px;
} 

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

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

table.table-custom.no-margin-bottom {
    margin-bottom: 0px !important;
}

table.table-custom.min-margin-bottom {
    margin-bottom: 5px !important;
}

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

table.table-custom-min-padd tbody tr td {
    padding: 3px 5px;
}

label.table-header {
    border: 1px solid #999999;
    /*display: inline-block;*/
    /*background-color: #999999;*/
    /*color: #ffffff;*/
    /*margin-left: 10px;*/
    /*right: 10px;*/
}

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

tr.top-border>td {
    border-top: 2px solid #169F85 !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 !important;}
.bg-present{background-color: #e9ffe5 !important;}
.bg-future{background-color: #dbedff !important;}

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

.text-nilainaik{color: #1ABB9C !important;}
.text-nilaiturun{color: #f7a35c !important;}

/* LEVEL TEXT COLOR */
.lv1-text {
    color:#4286f4;
}
.lv2-text {
    color:#2ab754;
}
.lv3-text {
    color:#d43f3a;
}
.lv4-text {
    color:#000000;
}
.lv5-text {
    color:#afafae;
}

/* LINE LEVELING */
td.line-lv1-text {
    padding-left: 25px !important;
}

td.line-lv2-text {
    padding-left: 50px !important;
}

td.line-lv3-text {
    padding-left: 75px !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: 800;
    color: #333333;
}

tr.line-program td {
    background-color: #edf1ff ;
    font-weight: 600;
}

tr.line-kegiatan td {
    background-color: #f9eaff ;
    font-weight: 500;
}

tr.line-subkegiatan td {
    background-color: #fdf9ff ;
    font-weight: 400;
}

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: 800;
    color: #333333;
}

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

tr.line-objek td {
    background-color: #f9eaff ;
    font-weight: 500;
    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 ;
    font-weight: 450;
    color: #333333;
}

tr.line-subrincian td {
    background-color: #fafcff ;
    font-weight: 400;
    color: #333333;
}

.text-kelompok {
    font-weight: 700;
    /*color: #169F85;*/
    font-style: italic;
}

.text-jenis {
    font-weight: 600;
    /*color: #169F85;*/
    font-style: italic;
}

.text-objek {
    font-weight: 500;
    /*color: #169F85;*/
    font-style: italic;
}

.text-rincianobjek {
    font-weight: 500;
    color: #169F85;
}

.text-subrincian {
    font-weight: 400;
}

td.pagu_induk {
    color: #2e94d9 !important;
}

td.pagu_induk_selisih {
    color: #ff9a47 !important;
}

tr.line-tepat td{
    background-color: #b9ffa8 !important;
}

tr.line-kurang td{
    background-color: #ffffc6 !important;
}

tr.line-lebih td{
    background-color: #ffc9ad !important;
}

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.padd-xs {
    padding: 2px 2px !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{
    right: 35px !important;
    top: 10px !important;
}

div.tile-stats div.icon i{
    font-size: 40px !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;
}

/*Currency stat*/
div.tile-stats.money {
    height: 4lh;
    border-right: 2px solid #cdd;
    border-bottom: 2px solid #cdd;
}

div.tile-stats.money div.icon{
    right: 25px !important;
    top: 0px !important;
}

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

div.tile-stats.money div.count{
    font-size: 25px !important;
    margin-bottom: 5px;
    line-height: 2lh;
}

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

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

div.tlc-left table tr th {
    text-align: center;
    background-color: #D9DEE4;
    color: #000000;
}

div.tlc-left table tr td {
    white-space: normal !important;
}

div.tlc-left td, div.tlc-left th {
    padding: 2px;
}

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

span.flag-slim {
    font-weight: 300 !important;
    font-size: 0.8em;
    color: #ff0000;
}

span.flag-blue {color: #0000ff;}
span.flag-white {color: #ffffff;}
span.flag-red {color: #ff0000;}
span.flag-green {color: #00ff00;}
span.flag-orange {color: #f49b42;}
span.flag-grey {color: #a3a3a3;}

/* 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;
}

/*fulldown*/

div.fulldown-trigger {
    background-color: #49aaff; 
    padding: 5px; 
    margin-top: -10px; 
    margin-bottom: 20px;
    color: #fff;
    cursor: pointer;
}

div.fulldown{
    margin-top: 8px; 
    overflow-y: hidden; 
    max-height: 100px;
}

div.resource_notif {
    display: none;
}

div.line-bottom {
    margin-top: 3px;
    border:solid 1px #dddddd;
    border-bottom:solid 1px #cccccc;
    border-radius: 2px;
    font-family: monospace;
    font-size: 0.9em;
    color: #232323;
}

/*RPJMD*/

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

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

tr.line-tujuan td.urai {
    padding-left: 25px;
}

tr.line-sasaran td.urai {
    padding-left: 50px;
}

/*DataTables*/
.dataTables_processing{
    position:absolute;top:50%;
    left:50%;width:250px;
    height:auto !important;
    min-height:60px !important;
    margin-left:-125px;
    margin-top:-15px;
    padding:14px 0 2px 0;
    border:1px solid #ddd;text-align:center;color:#999;
    font-size:1.5em !important;
    color: #fff !important;
    background-color:#26B99A !important;
}

/*cusotm-list*/
.list-custom ul{
    list-style-type: none;
}
.list-custom ul{
    padding-left: 0px !important;
}

.list-custom li:before {
    font-family: 'FontAwesome';
    content: '\f02e';
    margin:0 5px 0 -15px;
    color: #dedede;
}


/*Flagging*/
.badge{
    border: 1px solid #ffe8e8;
    padding: 5px 7px !important;
    padding-left: 2px !important;
    cursor: default;
}

.badge-white, .badge-white-o, .badge-white-b, .badge-white-g, .badge-white-gy, .badge-round{
    background-color: #fff !important;
    border: 1px solid #ffcece !important;
    padding: 5px 7px !important;
    padding-left: 2px !important;
    cursor: default;
}

.badge-round{
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.badge-white-o{border: 1px solid #f49b42 !important;}
.badge-white-b{border: 1px solid #0000ff !important;}
.badge-white-g{border: 1px solid #00ff00 !important;}
.badge-white-gy{border: 1px solid #a3a3a3 !important;}

.badge-ssh, .badge-asb {
    font-family: Monaco, monospace !important;
    font-size: 1em !important;
}

.badge-rkpd {
    /*font-family: Monaco, monospace !important;*/
    /*font-size: 1em !important;*/
    background-color: #46b8da !important;
    border: 1px solid #ffffff !important;
}

.badge-rkpdp {
    /*font-family: Monaco, monospace !important;*/
    /*font-size: 1em !important;*/
    background-color: #3489a3 !important;
    border: 1px solid #ffffff !important;
}

.badge-apbd {
    /*font-family: Monaco, monospace !important;*/
    /*font-size: 1em !important;*/
    background-color: #00b02e !important;
    border: 1px solid #ffffff !important;
}

.badge-apbdp {
    /*font-family: Monaco, monospace !important;*/
    /*font-size: 1em !important;*/
    background-color: #007d2a !important;
    border: 1px solid #ffffff !important;
}

.badge-kelompok-shs {
    font-family: Monaco, monospace !important;
    /*font-size: 1em !important;*/
    /*background-color: #007d2a !important;*/
    /*border: 1px solid #ffffff !important;*/
    padding: 3px !important;
    border-radius: 3px !important;
    font-weight: 100;
    color: #222 !important;
}

/*detail & summary*/

details>summary {
    font-style: italic;
    color: #333;
    cursor: pointer;
}

details>div {
    font-size: 1.0em;
    color: #555;
    padding:3px;
    background-color: #fcedfb;
}

.title-report {
    color: #fff;
    font-weight: bold;
    padding: 10px 10px;
    margin: 15px 0px 5px 0px;
    background-color: #2A3F54;
    /*border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #fff;
}

.cek-laporan ul{
    list-style-type: none;
}
.cek-laporan ul{
    padding-left: 20px !important;
}

.cek-laporan li:before {
    font-family: 'FontAwesome';
    content: '\f02e';
    margin:0 5px 0 -15px;
    color: #FFFFFF;
}

.cek-laporan .sf {
    position: relative;
}
.cek-laporan .sf .icon {
    font-size: 50px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 35px;
    top: -15px;
    z-index: 1;
}

.catatan-verifikasi, .catatan-verifikasi-2  {
    border-bottom: 1px solid #ededed;
    padding-bottom: 3px;
}

.catatan-verifikasi div.nowrap{
    word-wrap: nowrap;
    white-space: nowrap;
}

.catatan-verifikasi span {
    line-height: 14px !important;
    font-size: 0.9em;
    font-weight: 400;
}
.catatan-verifikasi-2 span {
    line-height: 15px !important;
    font-size: 1.0em;
    font-weight: 300;
    /*border-top: 1px dashed #efefef;*/
}
.catatan-verifikasi span.date {
    color: #6b00a1;
}
.catatan-verifikasi span.status {
    font-size: 1em;
    font-weight: bold;
}
.catatan-verifikasi span.catatan {
    font-weight: 400;
    color:#444444;
    /*padding-left: 15px;*/
}

/*CUSTOM TILE*/
div.custom-tile {
    /*display: block;*/

    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding: 7px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;

}

div.custom-tile div.ct-title {
    color: #6c6;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #6c6;
    padding-bottom: 20px;
    position: relative;
    padding-right: : 10%;
    z-index: 2;
}

div.custom-tile div.icon {
    right: 35px !important;
    top: 0px !important;
}

.custom-tile .icon {
    width: 20px;
    height: 20px;
    color: #BAB8B8;
    position: absolute;
    right: 53px;
    top: 22px;
    z-index: 1;
}

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

div.custom-tile div.ct-line {
    font-size: 15px;
    border-bottom: 1px solid #6c6;
    padding: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

div.ct-line span.ct-value {
    display: inline-block;
    /*width: 60%;*/
    font-weight: bold;
    text-align: right;
    color: #8085e9;
    position: relative;
    float: right!important;
}

div.custom-tile .ct-value-min {
    color: #8085e9;
}

div.ct-line span.ct-label {
    display: inline-block;
    width: 20%;
    text-align: left;
}

div.ct-line span.ct-sep {
    display: inline-block;
    width:auto;
}

span.ct-sep-right {
    width:5% !important;
    text-align: right;
    display: inline-block;
    text-align: left;
    position: relative;
    float: right!important;
}

span.ct-sep-fix {
    width:5% !important;
    text-align: center;
}

.well-catatan {
    padding: 3px 5px !important;
    margin-top: 10px !important;
    margin-bottom: 2px !important;
    border-color: #fcba03;
    background-color: #fff9f0 !important;
}


/*pantauan style*/
.pantauan-label {
    background-color: #b3ffbb;
    min-height: 2.8em;
    padding: 5px;
    margin:0px;
    border: 1px solid #6c6;
}

.pantauan-note {
    background-color: #edfff2;
    padding: 5px;
    margin:0px;
    min-height: 3.8em;
    border: 1px solid #6c6;
}

.dtrg-level-0 {
    background-color: #97DECE !important;
    color: #222;
}

.dtrg-level-1 {
    background-color: #CBEDD5 !important;
    color: #222;
}

.dtrg-level-2 {
    background-color: #FBFAE1 !important;
}

ul.custom-ul-hist-log {
    margin-bottom: 0;
    list-style: none;
    background-color: #2A3F57;
    padding: 5px;
}

ul.custom-ul-hist-log>li{
    display: block;
    padding: 5px;
    font-size: 12px;
}

ul.custom-ul-hist-log>li:hover{
    background-color: rgba(255,255,255,0.2);
}

ul.custom-ul-hist-log>li>a{
    color: rgba(255,255,255,0.75);
}

div.note::after {
  content: "";
  clear: both;
  display: table;
}

div.note {
    margin-top: 10px;
    border-top: 1px solid #dfdfdf;
}

div.note>div {
    border-bottom: 1px dashed #efefef;
    padding: 3px;
    font-style: oblique;
}

div.note>div>span {
    min-width: 150px;
}

.select-input .form-control {
    width: 50%;
}
.select2-container--default .select2-selection--single {
    padding: 0px !important;
    background-color: #f2fff5;
}
.select2-container--default .select2-selection--single {
    min-height: 34px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111111;
    padding-top: 3px !important;
}

.select2-opt-note {
    /*color: #eea236;*/
    font-style: italic;
    font-weight: bold;
}