html,body{
  min-height: 100% !important;
}
body{
    margin: auto !important;
    padding: 0;
    position: relative;
    top:0;left:0;right:0;bottom:0;
  }
  body *{  
    box-sizing: border-box;
  }
  a{
    text-decoration: none;
    transition: all 0.3s ease;
  }
  a.tombol{
    display: inline-block;
      padding: 7px 15px;
      border: 1px solid #ccc;
      color: #999;
    cursor: pointer;
    background: #f1f1f1;
  }
  a.tombol:hover{
    background: #ffffff;
  }
  a.tombol.Biru:hover{
    background: rgba(6, 93, 255, 0.959);
  }
  a.tombol.Biru,
  a.tombol.Biru:active{
    background: rgb(7, 77, 206);
      border: 1px solid rgb(186, 207, 252);
    color: rgb(236, 243, 255);
  }
  a.tombol.Hijau:hover{
    background: rgb(16, 255, 8);
  }
  a.tombol.Hijau,
  a.tombol.Hijau:active{
    background: rgb(14, 212, 7);
      border: 1px solid rgb(176, 226, 183);
    color: rgb(236, 243, 255);
  }
  a.tombol.Merah:hover{
    background: rgb(255, 8, 8);
  }
  a.tombol.Merah,
  a.tombol.Merah:active{
    background: rgb(212, 7, 7);
      border: 1px solid rgb(226, 176, 176);
    color: rgb(236, 243, 255);
  }
  /*============ LOADING ==================*/
  .Loading{
      margin: auto;
      position: fixed;
      top:0;bottom:0;left:0;right:0;
      background: rgba(0,0,0,0.3);
      z-index: 9999;
  }
  .lds-ring {
      display: inline-block;
      margin: auto;
      position: absolute;
      top:0;bottom:0;left:0;right:0;
      width: 80px;
      height: 80px;
  }
  .lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #fff;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #fff transparent transparent transparent;
  }
  .lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
  }
  .lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
  }
  .lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
  }
  
  /*========== Sticky ============*/
  .StickyTop{
    position: sticky;
    top: 0;
    z-index: 6;
  }
  .StickyTop.OnTop{
    background: #fff;
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, 0.644);
  }
  /*========== Search Found ============*/
  .BoxSearchFound{
    position: absolute;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    overflow-y: scroll;
    max-height: 300px;
    min-width: 200px;
    display: none;
    z-index: 4;
  }
  .BoxSearchFound>*{
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer;
  }
  .BoxSearchFound>a:hover,
  .BoxSearchFound>b:hover,
  .BoxSearchFound>span:hover,
  .BoxSearchFound>div:hover{
    background: rgb(213, 221, 245);
  }
  @keyframes lds-ring {
    0% {transform: rotate(0deg);
    }
    100% {transform: rotate(360deg);
    }
  }