* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #ffebe6;
  font-family: sans-serif;
}

input[type='date'],
.rate {
  width: 9rem;
  background-color: #fff;
  font-size: 1.2rem;
}

input[type='time']{
  width: 6rem;
}

input[type='checkbox'] {
  transform: scale(1.5);
}

input,
.rate {
  color: #4f4d4d;
  border-radius: 5px;
  padding-left: 0.3vw;
  border: 1px solid yellowgreen;
}

.data-entry {
  border: 1px solid olivedrab;
  border-radius: 10px;
}

.data-entry input {
  margin: 5px 0 15px 0;
  font-size: 1.2rem;
}

.data-entry .rate {
  margin: 0;
}

.success {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  z-index: 2;
}

.hidden {
  display: none;
}

#d-table,
#d-tablP,
#d-table th,
#d-tablP th,
#d-table td,
#d-tablP td {
  margin: auto;
  border: 2px solid black;
  border-collapse: collapse;
  font-size: 1vw;
  padding: 5px;
  text-align: right;
}

#d-table tr:nth-child(even) {
  background-color: #d9eeae;
}

.fa {
  color: #4343ef;
  cursor: pointer;
}

.personal-info {
  border: 1px solid olive;
  border-radius: 10px;
  padding: 5px;
}

.personal-info input {
  border-color: #9acd32;
  margin: 2px 0 15px 0;
}

input::placeholder {
  color: #b9b9b9;
}

.form-group input::placeholder {
  color: #b9b7b7;
}