.padding-input{
  padding-bottom: 0.5%;
}

@media (min-width: 1200px) {
  .modal-xlg {
     width: 90%; 
  }
}

.slimScrollBar{
  width: 9px !important;
}

.modal{ overflow-y: auto; }

/* .modal:nth-of-type(even) {
  z-index: 1041 !important;
}
.modal-backdrop.in:nth-of-type(even) {
  z-index: 1042 !important;
} */
.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.tabel_center{
  vertical-align: middle !important;
}
.tabel_top{
  vertical-align: top !important;
}
.scroll{
  max-height: 300px; overflow: auto;
}
.radioku{
  clear: both;
}

.modal{
  overflow-y: auto;
}

.loginku {
  background: url("../images/BG-PEMDA.png") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  top: 0;
  left: 0;

  min-width: 100%;
  min-height: 100%;
}
.transparant{
  background-color: rgba(2, 0, 0, 0.5)  ;
}

.isi_tabel{
  font-family: 'Roboto', sans-serif;
  font-family: 'Kavivanar', cursive;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-family: 'Rokkitt', serif;
  font-family: 'EB Garamond', serif;
  font-family: 'Roboto Condensed', sans-serif;
  /* font-size: 110%; */
}

.paddingku{
  padding: 0.7% 2% 0% 2%;
}
.paddingku1{
  padding: 0% 0% 0% 0%;
}
.paddingku2{
  padding: 0.7% 2% 0% 2%;
}
.searching{
  margin-top:-20px;
}

.paddingku_sub_table{
  padding-left: 2% !important;
}

.huruf_title{
  font-size: 20%;
}
.hurufhead{
  font-family: 'Dancing Script', cursive;
  color: #3498db;
}

.texthead{
  font-size: 75%;
  color: #477e13;
  font-weight: bold;
  text-transform: uppercase;
}

.textbody{
  font-size: 75%;
  text-transform: capitalize;
}
.textdate{
  font-size: 70%;
  font-style: italic;
  font-weight: bold;
  color: #a75f02;
}

.bg_surat{
  background-color: #f8f8f8;
}

[type="date"] {
  background:#fff url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  98% 50% no-repeat ;
}
[type="date"]::-webkit-inner-spin-button {
  display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.iinput {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 3px 5px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width: 190px;
}

.iinput1 {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  background-color: #fff;
  padding: 7px 7px;
  box-shadow: inset 0 3px 6px rgba(0,0,0,0.1);
  width:100%;
}

.comment{
  font-weight: bold;
  font-size: 85%;
  font-style: italic;
}

/* =========================IMAGE */
.imgeku {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

.imgeku:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */

}


#caridata{
  /* width: 95%; */
  padding: 5px 15px;
  /* margin: 8px 0;
  box-sizing: border-box;
  margin-right: 50%;
  border-radius: 4px;
  font-size: 75%;
  color: #1976d2 ; */
}
#caridata,
#caridata::-webkit-input-placeholder {
  font-size: 95%;
  /* line-height: 3; */
}
.chartku {
  background: #c4c4c4;
}

/* .chartku {
  width: 100%;
  min-height: 450px;
} */



.subsubmenux{
  display:none;
  list-style:none;
  padding-left: -2%; 
}


.icon_add{
  font-size : 110%;
  font-weight: bold;
}

.tempat_icon{
  position:absolute; 
  right: 5%;
}





.selectku option{
  padding-top: 10% !important;
  padding-bottom: 10% !important;
  font-size: 98% !important;
  color: #707070;
  font-weight: bold;
 
  }