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

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

img{


  max-width: 100% !important;
height: auto !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("http://www.jomc2joy.com/shadi712/images/89565810b84381a.jpg") no-repeat center center;
  position: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  min-width: 100%;
  min-height: 100%;  */

  width:100%;
  height: 100%;
  /* background-image: url("../img/bg-404.jpeg"); */
  /* background-image: url("https://studiobehind90.com/wp-content/uploads/2018/07/mid-ter-animation.gif"); */
  /* background-image: url("http://letsexchangeplates.com/images/services_content/reals.gif"); */
  background-image: url("https://i.pinimg.com/originals/91/a1/76/91a176408d6ec73dfa3d2057e7e6631a.gif");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;


}

.form_login{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  /* background-color:rgba(255, 0, 0, 0.2); */
}
.transparant{
  background-color: rgba(2, 0, 0, 0.5)  ;
}

.transparant1{
  background-color: rgba(255, 255, 255, 0.6)  ;
}


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

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









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


 .choose::-webkit-file-upload-button {
    color: white;
    display: inline-block;
    background: #3498db;
    border: none;
    padding: 0px 15px;
    font-weight: 700;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 10pt;
}




.loaderku{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('//upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Phi_fenomeni.gif/50px-Phi_fenomeni.gif') 
              50% 50% no-repeat rgb(249,249,249);
}