table {

  font-family: arial, sans-serif;

  border-collapse: collapse;

  width: 100%;

}



td, th {

  border: 0px solid #dddddd;

  text-align: left;

  padding: 8px;

  height: 50px;

}



tr:nth-child(even) {

  background-color: #f0f0f1;

}

.button{

  display: none;

}

.buttontd:hover .button{

  display: block;

}

.buttonmain {

  display: flex;

  gap: 10px;

}

tfoot, thead {

  background: #f0f0f1;

  border: 1px solid #ddd;

}

tbody{

  border: 1px solid #ddd;

}

button{

  padding: 10px 15px;

  text-decoration: none;

  border: 1px solid #2271b1;

  border-radius: 2px;

  text-shadow: none;

  font-weight: 600;

  font-size: 15px;

  line-height: normal;

  color: #2271b1;

  background: #f0f0f1;

  cursor: pointer;

  margin-bottom: 20px;

}

button a{

  color: #2271b1;

  text-decoration: none;

  padding: 6px 10px;

  font-size: 15px;

}

tfoot tr th, thead tr th{

  height: 30px;

}





.custom-dashbord input[type="text"], .custom-dashbord input[type="number"], .custom-dashbord select#rel{

  width: 100%;

  height: 40px;

  border: 1px solid #ddd;

}

.custom-dashbord-div{

  margin: 20px 0;

}

.custom-dashbord-div label{

  margin-bottom: 10px;

  display: block;

}