@charset "utf-8";
body {overflow: auto}

/* -------------------------- CSS untuk Layout -----------------------*/
.lembaga{font-size:1.5em;color:blue;}
.lembaga2m{font-size:16px;color:red;padding-left: 10px;font-weight: 600}
.penampang {width: 100%;height: 600px;}	
img {width: 30%;height: auto;}

.container-fluid {padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;}
.container-fixed(@gutter: @grid-gutter-width) {padding-right: 0px;padding-left: 0px);margin-right: auto;margin-left: auto;&:extend(.clearfix all);}
label {display: inline-block;width: 100%;margin-bottom: 5px;font-weight: 700;}

.navbar-dark .navbar-nav .nav-link {color: white;}
#footer {bottom: 0px;width: 100%;position: fixed;height: 30px;line-height: 10px;background: black;color: #f8eeee;padding-left: 10px;margin-bottom: 0px;padding-top: 10px;}		
.active {background-color: green}
.kiri {background-color: grey;float: left;width: 80%;height: auto;padding: 10px 15px;margin-top: 7px;overflow: auto;}
div.tengah {float: left;width: 20%;padding: 10px 5px;margin-top: 7px;overflow: auto;}
.tengah {height: 600px;float:left;position:relative;padding-left: 10px;padding-right: 0px;}
.kanan {background-color: lightblue;float: left;width: 100%;max-height: 600px;padding: 10px 0px;margin-top: 7px;overflow: auto;}
.MenuSektor {background-color: lightblue;float: left;width: 100%;max-height: 100%;padding: 0px 0px;margin-top: 0px;overflow: auto;}
.responsive-iframe {position: relative;top: 0;left: 0;width: 100%;height: 650px;border: 0;}

.tahun {height:100%; width="100%"; position:static;}
.isi {height:100%; width="100%"; }
.dataTables_filter {visibility:hidden } 
.row-fluid{margin-bottom: -20px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit;font-weight: 600;}

.responsive-container {position: relative;overflow: hidden;top: .25%;max-width: 100%;height: 100%; background-color:#FFF;overflow:auto;padding-right:0px;}
.responsive-iframe {position: relative;top: 0;left: 0;width: 100%;height: 100%;border: 0;overflow:hidden;}
.diam { position: fixed;background-color:#CBF8F8;border-collapse:collapse;border-bottom:1px solid #9CE0A2;border:1px;vertical-align:top;font-size:16px;text-transform:capitalize;z-index:1; }
#diam { position: fixed;background-color:#CBF8F8;border-collapse:collapse;border-bottom:1px solid #9CE0A2;border:1px;vertical-align:top;font-size:16px;text-transform:capitalize;z-index:1; }
div.labelpage {max-width: 300px;margin: auto;border: 0px solid #73AD21; padding-left: 10px; text-align: center; font-size: 18px}
/* ----------------- CSS untuk menu Rincian Sektor -------------------------------*/
#menu ul {margin: 0;padding: 0;}
#menu .main-menu {display: none;}
#tm:checked + .main-menu {display: block;}
#menu input[type="checkbox"]:checked + .sub-menu {display: block;}
#menu input[type="checkbox"], #menu ul span.drop-icon {display: none;}
#menu li, #toggle-menu, #menu .sub-menu {border-style: solid;border-color: rgba(0, 0, 0, .05);}
#menu li, #toggle-menu {border-width: 0 0 1px;}
#menu li label.drop-icon {position: absolute;right: 1.5em;top: 1.25em;}
#menu li, #toggle-menu, #menu a {position: relative;display: block;color: white;text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);}
#menu .sub-menu {background-color: #444;border-width: 1px 1px 0;margin: 0 1em;display: none;}	
#menu .sub-menu li:last-child {border-width: 0;}
#menu, #toggle-menu {background-color: #09c;}
#menu a {transition: all .125s ease-in-out;-webkit-transition: all .125s ease-in-out;}
#menu a:hover {background-color: white;color: #09c;}
#menu .sub-menu a:hover {background-color:black; color: white;}
#menu label.drop-icon, #toggle-menu span.drop-icon {border-radius: 50%;width: 1em;height: 1em;text-align: center;background-color: rgba(0, 0, 0, .125);text-shadow: 0 0 0 transparent;color: rgba(255, 255, 255, .75);}
#menu .drop-icon {line-height: 1;}
#toggle-menu, #menu a {padding: 5px 0.5em;}
#toggle-menu .drop-icon, 
ol, ul {padding-left: 0.5rem;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

/*------------ CSS Untuk Button---------------*/
.btn-group {width:100%; padding-left: 0px; text-align: left; padding-top: 0px;padding-left: 10px }
.btn {display: inline-block;font-size: 16px; font-weight: 600;color: white;text-align: left;padding: 1px; width: 100%}
element.style {position: absolute;transform: translate3d(0px, 43px, 0px);top: -3px;left: 10px;will-change: transform;margin-right: 0px;padding-right: 0px}
.tombol{background-color: lightblue;width:100px;color:lightblue;border-top:0;border-left:0;border-right:0;border-bottom:5px solid #2A80B9;text-decoration:none;font-family:sans-serif;font-size:11pt;}
.dropdown-toggle {height: 35px;margin-top: -0px;}

/*------------ CSS Untuk Tabel---------------*/
table {text-align: left;position: relative;border-collapse: collapse; }
th, td {padding: 0.25rem;}
tr.red th {background: red;color: white;}
tr.green th {background: green;color: white;}
tr.purple th {background: purple;color: white;}
th {background: white;position: sticky;top: 0; /* Don't forget this, required for the stickiness */box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);}
td {font-size: 14px;}
.tableFixHead {
  overflow: auto;
  width: 100%;
  height: 100%;
}
/* --------------------- CSS untuk Menu Utama */

/*Remove the scrollbar from Chrome, Safari, Edge and IE*/
::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

* {
  -ms-overflow-style: none !important;
}
  hr {margin-bottom: 0px;margin-top: 0px;border-top: 1px dashed red}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;

  > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333;
    margin-top: 0px;
}
/*---------------------------*/
@media only screen and (max-width:800px) {
  	.kiri, .tengah, .kanan {width: 100%;padding: 0;float: none}
	body {overflow: auto}
  }
@media only screen and (max-width: 1300px) and (min-width: 800px)  {
	.btn-group {width:100%;  text-align: left; padding-top: 0px;padding-left: 10px }
	.btn {display: inline-block;font-size: 1em; font-weight: 600;color: white;text-align: left;padding: 1px;}
	
}