body {background:#eaf4ea;}

.logo {height:50px;}
.login-form td {padding:5px 7px;font-size:0.9rem;}

* input {padding:0px 3px;font-size:0.9rem;}
h2 {font-size:1.2rem;}
h3 {font-size:1.15rem;}
h4 {font-size:1.1rem;}
h5 {font-size:1.0rem;}
h2,h3,h4,h5 {margin:0;padding:0;}

.btn {padding:4px 8px;}
.datatable,.tborder,.dtable {width:100%;border-top:1px solid #ccc;border-left:1px solid #ccc;background:#fff;}
.datatable tr th,.tborder tr th ,.dtable tr th {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:3px;background:#ddd;}
.datatable tbody td,.tborder tbody td,.dtable tbody td {border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:3px;}

.font-5 {font-size:0.5rem;} 
.font-6 {font-size:0.6rem;} 
.font-7 {font-size:0.7rem;} 
.font-8 {font-size:0.8rem;}
.font-9 {font-size:0.9rem;}
.font-10 {font-size:1.0rem;}
.font-11 {font-size:1.1rem;}
.font-12 {font-size:1.2rem;}
.font-13 {font-size:1.3rem;}
.font-14 {font-size:1.4rem;}
.font-15 {font-size:1.5rem;}
.font-16 {font-size:1.6rem;}
.font-17 {font-size:1.7rem;}
.font-18 {font-size:1.8rem;}
.font-19 {font-size:1.9rem;}
.font-20 {font-size:2.0rem;}
.fc-red {color:#F3A5A5;}



.row {clear:both;}
.dropdown-item:hover {background: #1f85b5;}
.card-body {min-height:6rem;}
.w-100 {width:100%;}
.bold {font-weight:700;}
.layanan_icon {max-height:30px;}
.hyperlink_icon {max-width:40px;max-height:40px;}
.pointer {cursor: pointer;}

  .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

@media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
.short-text { display: none; }
@media (max-width: 768px) {
    .short-text { display: inline-block; }
    .full-text { display: none; }   
}

/*
@media (max-width: 570px) {
    .full-text { display: inline-block;  }   
    .short-text { display: none; }
}	
*/

.kode_button {min-width:3rem;}
.upload_button {
  display: inline-block;
}
.upload_button input[type=file] {
  display:none;
}
.right {float:right;}
.bg-blue {background:blue;}
.q2r {color:yellow;font-size:1.3rem;}
.q2r b {font-size:1.8rem;}
