@import url("https://fonts.googleapis.com/css?family=Nunito");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500&family=Roboto:wght@300&display=swap");
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", "sans-serif";
}
* body {
  font-size: 18px;
}
* h1, * h2, * h3 {
  font-family: "Roboto Slab", serif;
  margin: 10px 0;
}
* p {
  margin: 5px 0;
}
* .d-none {
  display: none;
}
* .container {
  margin: 0 auto;
  max-width: 1500px;
}
* main#main {
  margin: 20px 0;
}
* main#main form#login-form {
  position: relative;
  width: 400px;
  border: 1px black solid;
  margin: 150px auto 0 auto;
  padding: 50px 20px 20px 20px;
}
* main#main form#login-form > span#login-icon {
  position: absolute;
  font-size: 100px;
  top: -50px;
  left: 170px;
}
* main#main form#login-form div.form-item label {
  display: block;
  color: #484848;
}
* main#main form#login-form div.form-item input, * main#main form#login-form div.form-item select {
  font-size: 18px;
  margin: 5px 0 15px 0;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}
* main#main form#login-form div.form-item.form-checkbox label {
  display: inline-block;
}
* main#main form#login-form div.form-item.form-checkbox input[type=checkbox] {
  width: auto;
}
* main#main form {
  margin: 15px 0;
}
* main#main form div.form-item label {
  display: block;
  color: #484848;
}
* main#main form div.form-item input, * main#main form div.form-item select {
  font-size: 18px;
  margin: 5px 0 15px 0;
  padding: 5px;
}
* main#main form div.form-item.form-checkbox label {
  display: inline-block;
}
* main#main table.items {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
* main#main table.items td, * main#main table.items th {
  padding: 5px 10px;
}
* main#main table.items thead {
  background-color: #1a202c;
  color: white;
  text-align: left;
}
* main#main table.items tbody tr:nth-child(even) {
  background-color: #e5e5e5;
}
* main#main table.items tbody td.item-actions {
  display: flex;
}
* main#main table.items tbody td.item-actions .btn {
  margin-right: 5px;
}
* main#main table.items tbody tr.new-claim {
  background-color: #ffc9c9;
}
* main#main table.items tbody form {
  display: flex;
  margin: 0;
}
* main#main table.items tbody form .btn {
  margin-right: 5px;
}
* main#main nav {
  margin-top: 25px;
}
* main#main nav ul {
  list-style: none;
  display: flex;
}
* main#main nav ul li.page-item {
  padding: 10px;
  font-weight: bold;
}
* main#main nav ul li.page-item.active {
  color: white;
  background-color: #10827e;
}
* main#main nav ul li.page-item a {
  text-decoration: none;
}
* .btn {
  border: none;
  padding: 5px 10px;
  background-color: lightgray;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color 0.3s;
  color: white;
  font-size: 1em;
  width: fit-content;
}
* .btn .material-icons {
  margin-right: 10px;
}
* .btn.btn-create {
  background-color: #78bb6c;
}
* .btn.btn-create:hover {
  background-color: #257e11;
}
* .btn.btn-info {
  background-color: #3a7d81;
}
* .btn.btn-info:hover {
  background-color: #254d4f;
}
* .btn.btn-edit {
  background-color: #3498db;
}
* .btn.btn-edit:hover {
  background-color: #1b699d;
}
* .btn.btn-delete {
  background-color: #e74c3c;
}
* .btn.btn-delete:hover {
  background-color: #a52b1f;
}
* .btn.btn-mail {
  background-color: #e7ae3c;
}
* .btn.btn-mail:hover {
  background-color: #ba8314;
}
* header#header {
  background-color: #10827e;
}
* header#header div.container {
  display: flex;
  justify-content: space-between;
}
* header#header div.container nav#main-menu {
  display: flex;
}
* header#header div.container nav#main-menu a {
  padding: 10px;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: white;
  transition: background-color 0.3s;
}
* header#header div.container nav#main-menu a span.material-icons {
  font-size: 28px;
  padding: 0 10px 0 0;
}
* header#header div.container nav#main-menu a:hover {
  background-color: black;
  color: #10827e;
  transition: background-color 0.3s;
}
* header#header div.container div#logout {
  padding: 10px;
}
* header#header div.container div#logout a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: white;
  transition: background-color 0.3s;
}
* header#header div.container div#logout a span.material-icons {
  font-size: 28px;
  padding: 0 10px 0 0;
}
* header#header div.container div#logout:hover {
  background-color: black;
  color: #10827e;
  transition: background-color 0.3s;
}
* header#header div.container div#logout:hover a {
  color: #10827e;
}

/*# sourceMappingURL=app.css.map */