table {
table-align: CENTER;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
text-align: left;
border-collapse: separate;
border-spacing: 5px;
background: #E5E7E9;
color: black;
border: 8px solid #CACFD2;
border-radius: 15px;
max-width:100%;
}
th {
text-align: center;
font-size: 16px;
padding: 5px;
}
td {
text-align: left;
font-size: 14px;
background: #FDFEFE;
padding: 5px;
}
input[type="text"] {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-radius: 8px;
font-size: 14px;
}
input[type="text"]:focus {
  color: #000000;
  border: 1px solid #000000
}
input[type="password"] {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-radius: 8px;
font-size: 12px;
}
input[type="password"]:focus {
  color: #000000;
  border: 1px solid #000000
}
input[type="email"] {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-radius: 8px;
font-size: 12px;
}
input[type="email"]:focus {
  color: #000000;
  border: 1px solid #000000
}
select {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
border-radius: 8px;
font-size: 14px;
max-width:100%;
}
select:focus {
  color: #000000;
  border: 1px solid #000000
}
select:hover {
  cursor: pointer;
}

.OkBtn {
  display: inline-block;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.8);
  outline: none;
  border: none;
  border-radius: 100px;
  box-shadow: inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 2px 5px -1px;
  color: rgb(0,79,86);
  user-select: none;
} 
.OkBtn:hover {
  color: rgb(120,190,100);
  cursor: pointer;
}
.OkBtn:active {
  border-radius: 100px;
  padding-bottom: 1px;
  box-shadow:
   inset rgba(0,0,0,1) 0 1px 3px,
   inset rgba(0,0,0,.6) 0 -2px 5px,
   inset rgba(252,255,255,.7) 0 2px 5px,
   0 1px rgba(255,255,255,.08);
  color: rgb(50,50,214);
}
.DelBtn {
  display: inline-block;
  line-height: 20px;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.8);
  outline: none;
  border: none;
  border-radius: 100px;
  box-shadow: inset rgba(0,0,0,.6) 0 -2px 5px, inset rgba(252,255,255,.7) 0 2px 5px, rgba(0,0,0,.8) 0 2px 5px -1px;
  color: rgb(0,79,86);
  user-select: none;
} 
.DelBtn:hover {
  color: rgb(255,10,10);
  cursor: pointer;
}
.DelBtn:active {
  border-radius: 100px;
  padding-bottom: 1px;
  box-shadow:
   inset rgba(0,0,0,1) 0 1px 3px,
   inset rgba(0,0,0,.6) 0 -2px 5px,
   inset rgba(252,255,255,.7) 0 2px 5px,
   0 1px rgba(255,255,255,.08);
  color: rgb(50,50,214);
}