.container {
  padding-right: 5%;
  padding-left: 5%;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

nav {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: #d5d5d5 1px 1px 5px 0px;
}
nav .nav__inner {
  padding: 15px 0;
}
nav .nav__inner a {
  color: #000000;
  text-decoration: none;
  padding: 17px;
  transition: 0.3s;
}
nav .nav__inner a:hover {
  background-color: #efefef;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #e2e2e2;
  text-align: center;
  padding: 8px;
}
td img,
th img {
  width: 150px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
}
td a,
th a {
  color: rgb(110, 110, 110);
  text-decoration: none;
}
td .delete,
th .delete {
  color: red;
}
td .delete:hover,
th .delete:hover {
  text-decoration: underline;
}

tr:nth-child(even) {
  background-color: #ebebeb;
}

.addItem {
  display: flex;
  margin: 10px 0;
  height: 31px;
  align-items: center;
  background-color: #efefef;
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  padding: 0 6px;
}

.addItemForm input,
.addItemForm select {
  height: 31px;
  margin: 10px;
  width: 250px;
  border: 1px solid #d8d8d8;
  outline: none;
  padding: 0 5px;
}
.addItemForm select {
  color: gray;
}
.addItemForm button {
  cursor: pointer;
  outline: none;
  height: 31px;
  padding: 0 5px;
  background-color: #efefef;
  border: none;
}

.addContainer {
  display: flex;
  align-items: center;
}

.addClientContainer {
  flex-direction: column;
}
.addClientContainer button {
  margin: 10px;
  background-color: #ffcc00;
  width: 130px;
  height: 40px;
}

.addVisit {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.addVisit input,
.addVisit select {
  width: 210px;
}
.addVisit__item {
  display: flex;
  flex-direction: column;
}
.addVisit__item label {
  margin: -8px 10px;
  font-size: 13px;
}

.filters {
  display: flex;
  align-items: center;
}
.filters .filterItem {
  display: flex;
  flex-direction: column;
}
.filters .filterItem label {
  font-size: 13px;
  margin-bottom: 5px;
}
.filters p {
  margin: 0 20px;
}
.filters input {
  height: 31px;
  margin-bottom: 10px;
  width: 120px;
  border: 1px solid #d8d8d8;
  outline: none;
  padding: 0 5px;
}
.filters .submit {
  cursor: pointer;
  outline: none;
  height: 31px;
  padding: 0 5px;
  background-color: #efefef;
  border: none;
  margin: 0 20px;
  margin-top: 7px;
}

.allDebt {
  margin-bottom: 10px;
}
.allDebt b {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.pagination {
  margin: 15px 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.pagination p {
  cursor: pointer;
  margin: 0 2px;
  font-weight: bold;
  font-size: 13px;
  color: #5b5b5b;
  float: left;
  padding: 5px 9px;
  text-decoration: none;
  border: 1px solid #ebebeb;
  border-radius: 2px;
}
.pagination p.active {
  background-color: #FEC216;
}
.pagination p:hover:not(.active) {
  background-color: #e3e3e3;
}

.search input {
  width: 350px;
  height: 31px;
  outline: none;
  border: 1px solid rgb(205, 205, 205);
  border-radius: 1px;
  padding: 5px 10px;
}
.search button {
  height: 31px;
  border: none;
  cursor: pointer;
  border-radius: 1px;
}/*# sourceMappingURL=main.css.map */