* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
    color: black;
}
@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexalight.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: "Nexa";
  src: url("../fonts/nexabold.otf") format("opentype");
  font-weight: bold;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: #f2f2f2;
  font-family: 'Nexa', arial, sans-serif;
}

#header {
  width: 100%;
  height: 70px;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #eee;
}

#header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 90%;
}

#header .logo img {
  height: 100%;
}

#sidebar {
  width: 300px;
  background: white;
  border-right: 1px solid #eee;
  height: calc(100vh - 70px);
  position: fixed;
  top: 70px;
  left: 0;
}

#sidebar .nav {
  width: 100%;
}

#sidebar .nav .button {
  text-align: center;
  width: 100%;
  padding: 20px 5px;
}

#sidebar .nav .button:hover {
  background: #eee;
}

#main-body {
  width: 100%;
  padding: 50px 10%;
  padding-top: 120px;
}

#main-body .pages-tabs {
  width: 100%;
  display: flex;
  align-items: flex-end;
}

#main-body .pages-tabs .title {
  display: inline-block;
  background: #fff;
  padding: 10px;
  padding-top: 5px;
  transition: padding .6s, border .6s;
  cursor: pointer;
}

#main-body .pages-tabs .title:hover {
  padding-top: 10px;
  border-top: 2px solid #888;
}

#main-body .pages-tabs .title.selected {
  border-top: 3px solid green;
  color: green;
  padding: 10px;
}

#main-body .body {
  width: 100%;
  padding: 30px;
  background: white;
}

.main-from {
  width: 100%;
}

.main-form select, .main-form input {
  width: 100%;
  padding: 15px;
  font-size: 20px;
  border-radius: 10px;
  outline: 0;
  margin: 5px 0;
  border: 1px solid #777;
}

.main-form input[type="submit"] {
  background: green;
  border: 0;
  color: white;
  cursor: pointer;
}

table {
  width: 100%;
  overflow-x: auto;
}

table tr th {
  font-size: 20px;
}

table tr td {
  border-top: 1px solid #888;
  border-left: 1px solid #888;
  text-align: center;
  padding: 5px;
}

table tr td:first-of-type {
  border-left: 0;
}