body {
      
      font-size: 15px;
      color: #343d44;
      font-family: "segoe-ui", "open-sans", tahoma, arial;
      padding: 0;
      margin: 0;
    }


input[type="text"], input[type="password"], input[type="file"], input[type="radio"] {
  padding: 10px;
  width: 95%;
  background: #efefef;
  border: 0;
  font-size: 15pt;
  margin: 6px 0px;

}


input[type="submit"] {
    background: blue;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
    border-radius: 2px;
    display: inline;
    
  }



select{
  padding: 12px;
  width: 100%;
  background: #efefef;
  border: 0;
  font-size: 15pt;
  margin: 6px 0px;
}



a{
    background: blue;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
    border-radius: 2px;
  }


.tombol{
    background: blue;
    color: #fff;
    padding: 7px 80px;
    text-decoration: none;
    border-radius: 15px;
  }

  .import-data{
    background: rgb(4, 131, 31);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }


  .tambah-data{
    background: rgb(15, 3, 68);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }


  .hapus-data {
    background: rgb(180, 12, 12);
    color: #fff;
  
    text-decoration: none;
    border-radius: 15px;
  }

  .ubah-data {
    background: rgb(2, 130, 134);
    color: #fff;
  
    text-decoration: none;
    border-radius: 15px;
  }


  .unduh-data{
    background: rgb(4, 113, 177);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }


  .cari{
    background: rgb(55, 187, 132);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }

  .lihat{
    background: rgb(194, 197, 36);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }

  .kembali{
    background: rgb(14, 220, 231);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }

  .dowload {
    background: rgb(25, 194, 25);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }


  .aksi_aktif {
    background: rgb(25, 194, 25);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }

  .aksi_nonaktif {
    background: rgb(219, 41, 41);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }


  .aksi_atur {
    background: rgb(20, 119, 158);
    color: #fff;
   
    text-decoration: none;
    border-radius: 15px;
  }

  h4 [status_tes= "AKTIF"] {
    background: rgb(17, 145, 106);
    color: #fff;
    padding: 7px 80px;
    text-decoration: none;
    border-radius: 15px;
  }


.data {
  padding: 3em;
  margin: 0em auto;
  width: 25em;
  background: #fff;
  border-radius: 15px;
}


  .login {
  padding: 3em;
  margin: 0em auto;
  width: 25em;
  background: #00FFFF;
  border-radius: 15px;
}


label {
  font-size: 12pt;
  color: #555;
}



    table {
      margin: auto;
      font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
      font-size: 12px;
      overflow-x: auto;
    }

    h1 {
      margin: 25px auto 0;
      text-align: center;
      text-transform: uppercase;
      font-size: 17px;
    }

    table td {
      transition: all .5s;
    }
    
    /* Table */
    .data-table {
      border-collapse: collapse;
      font-size: 14px;
      min-width: 537px;
    }

    .data-table th, 
    .data-table td {
      border: 1px solid #e1edff;
      padding: 7px 17px;
    }
    .data-table caption {
      margin: 7px;
    }

    /* Table Header */
    .data-table thead th {
      background-color: #508abb;
      color: #FFFFFF;
      border-color: #6ea1cc !important;
      text-transform: uppercase;
    }

    /* Table Body */
    .data-table tbody td {
      color: #353535;
    }
    .data-table tbody td:first-child,
    .data-table tbody td:nth-child(4),
    .data-table tbody td:last-child {
      text-align: right;
    }


        
    .data-table tbody tr:nth-child(odd) td {
      background-color: #f4fbff;
    }
    .data-table tbody tr:hover td {
      background-color: #ffffa2;
      border-color: #ffff0f;
       overflow-x: auto;
    }

    /* Table Footer */
    .data-table tfoot th {
      background-color: #e5f5ff;
      text-align: right;
    }
    .data-table tfoot th:first-child {
      text-align: left;
    }
    .data-table tbody td:empty
    {
      background-color: #ffcccc;
    }