html, body, ul, li, div {
  margin: 0;
  padding: 0;
}

.head {
  width: 100%;
  margin: auto;
  background-color: #96c2c2;
  padding: 25px;
  border-top: 17px solid #608686;
}
.head__nav {
  display: flex;
  align-items: left;
  justify-content: left;
  width: 100%;
  margin: auto;
}
.head__title {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin-right: 25px;
  margin-bottom: 25px;
}
.head__links {
  margin: 5px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
}
.head__links:hover {
  background-color: #aee0e9;
}
.head__link {
  padding: 15px;
}

.newGameTable {
  display: table;
  max-width: 640px;
  width: 100%;
}
.newGameTable__row {
  display: table-row;
}
.newGameTable__th {
  display: table-cell;
  padding: 10px;
  border: 1px solid #000000;
  width: 15px;
}
.newGameTable__th--last {
  border: none;
}
.newGameTable__td {
  display: table-cell;
  width: calc(100% - 15px);
  padding: 10px;
  border: 1px solid #000000;
}
.newGameTable__td--last {
  border: none;
}
.newGameTable__player {
  width: 100%;
  border: 1px solid #000000;
  padding: 15px;
}
.newGameTable__button {
  border: 1px solid #000000;
  padding: 10px 15px;
  width: 100%;
  text-align: center;
}

.pointTable {
  display: table;
  position: relative;
  width: 100%;
}
.pointTable__row {
  display: table-row;
}
.pointTable__th {
  display: table-cell;
  padding: 10px;
  border: 1px solid #000000;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.pointTable__th--content {
  min-width: 75px;
  background-color: #d2f8ff;
  font-size: 16px;
}
.pointTable__th--ttl {
  width: 30px;
  background-color: #d2f8ff;
  font-size: 14px;
}
.pointTable__td {
  position: relative;
  display: table-cell;
  border: 1px solid #000000;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
.pointTable__td--won {
  background-color: #fff9a7;
  font-weight: bold;
}
.pointTable__td--full {
  background-color: #777777;
}
.pointTable__td--point {
  background-color: #dad3b4;
  cursor: default;
}
.pointTable__td--total {
  background-color: #f5d0b2;
  cursor: default;
}
.pointTable__td--payment {
  background-color: #1f4634;
}
.pointTable__buying {
  background-color: #d9f7b3;
  margin: 0px;
  padding: 5px 3px;
  border: 1px dashed #2d71a8;
  font-size: 9.5px;
}
.pointTable__point {
  color: #177683;
  font-size: 25px;
}
.pointTable__input {
  border-bottom: 1px solid red;
  width: 100%;
  height: 100%;
  padding: 5px;
  display: none;
}
.pointTable__addBuying {
  position: absolute;
  border-right: 3px solid #3a4b4e;
  padding: 3px 2px;
  border-radius: 7px 0 0 7px;
  top: 0;
  bottom: 0;
  right: -3px;
  background-color: #d1e2e6;
  z-index: 2;
  font-weight: bold;
  box-shadow: rgba(233, 233, 241, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}
.pointTable__payment {
  color: #ffffff;
  font-size: 25px;
}
.pointTable__resultBtn {
  width: 300px;
  padding: 10px 25px;
  margin: auto;
  border: 1px solid #000000;
  border-radius: 15px;
  text-align: center;
  margin-top: 15px;
}
.pointTable__resultBtn:hover {
  background-color: #96c2c2;
}

.modalWindow {
  position: absolute;
  width: 50%;
  background-color: #d4ebeb;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 3;
  border: #639292 1px solid;
  border-radius: 15px;
  padding: 25px;
  display: none;
}
.modalWindow__closeBtn {
  position: absolute;
  border: 1px #818181 solid;
  border-radius: 7px;
  background-color: #ffffff;
  padding: 5px 15px;
  top: 0;
  right: 0;
}
.modalWindow__content {
  background-color: #ffffff;
  padding: 15px;
}
.modalWindow__table {
  display: table;
}
.modalWindow__row {
  display: table-row;
}
.modalWindow__th {
  display: table-cell;
  padding: 10px;
}
.modalWindow__td {
  display: table-cell;
  padding: 10px;
}
.modalWindow__input {
  border: 1px #000 solid;
  padding: 5px;
}
.modalWindow__saveBtn {
  border: 1px #818181 solid;
  border-radius: 7px;
  background-color: #ffffff;
  padding: 5px 15px;
}

.historyTable {
  display: table;
}
.historyTable__row {
  display: table-row;
}
.historyTable__th {
  display: table-cell;
  padding: 10px;
  border: 1px solid #000000;
  background-color: #baffff;
}
.historyTable__td {
  display: table-cell;
  padding: 10px;
  border: 1px solid #000000;
}

.shadow {
  box-shadow: rgba(221, 220, 210, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}/*# sourceMappingURL=style.css.map */