html body {
  /* ============ COMMONS ================ */
  /* ============ HEADER ================ */
  /* ============ LOGIN ================ */
}
html body p, html body span, html body a, html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body label, html body div {
  color: #E84365;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
html body a {
  text-decoration: none;
}
html body ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
html body ul li {
  margin-bottom: 3px;
}
html body .page {
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 20px;
  text-align: center;
}
html body label {
  display: block;
}
html body button {
  background-color: #E84365;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
}
html body button:hover {
  background-color: #dd1b43;
}
html body button.white {
  background-color: white;
  color: #E84365;
  border: solid 3px #E84365;
}
html body .flash .error {
  border-radius: 5px;
  background-color: #f39eaf;
  border: solid 3px #E84365;
  color: white;
  padding: 10px 20px;
  text-align: center;
}
html body input[type=text], html body input[type=password] {
  padding: 0px 20px;
  border-radius: 5px;
  border: 1px solid #E84365;
  font-size: 16px;
  font-weight: bold;
  height: 48px;
}
html body input[type=text]:focus, html body input[type=password]:focus {
  outline: none;
}
html body header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 20px 20px;
  height: 48px;
}
@media (max-width: 405px) {
  html body header {
    margin-bottom: 30px;
  }
}
html body header .logoContainer {
  height: 100%;
  float: left;
}
html body header .logoContainer img {
  height: 100%;
}
@media (max-width: 405px) {
  html body header .logoContainer {
    float: unset;
    display: block;
    margin: auto;
    text-align: center;
  }
}
html body header .upperRight {
  float: right;
}
@media (max-width: 405px) {
  html body header .upperRight {
    float: unset;
    display: block;
    margin-top: 20px;
  }
  html body header .upperRight ul {
    text-align: center;
    /* except the last one */
  }
  html body header .upperRight ul li {
    display: inline;
  }
  html body header .upperRight ul li:not(:last-child) {
    margin-right: 15px;
  }
}
html body #page-login .loginForm {
  max-width: 512px;
  margin: 0 auto;
  margin-top: 5vh;
  padding: 20px 20px;
}
html body #page-login .loginForm h3 {
  text-align: center;
  font-size: 42px;
}
html body #page-login .loginForm .inputAndSubmit {
  max-width: 256px;
  margin: auto;
}
html body #page-login .loginForm .inputAndSubmit input {
  display: block;
}
html body #page-login .loginForm .inputAndSubmit button {
  display: block;
  width: 100%;
  margin-top: 20px;
}
html body #page-login .loginForm .inputAndSubmit .flash {
  margin-top: 15px;
}
html body #page-dashboard .videoSections {
  padding: 0 20px;
}
html body #page-dashboard .videoSections .video {
  box-shadow: 4px 4px 10px gray;
  border-radius: 10px;
  display: inline-block;
  width: calc(50% - 20px - 4%);
  min-height: 100px;
  text-align: center;
  padding: 10px 10px;
}
html body #page-dashboard .videoSections .video:not(:last-child) {
  margin-right: 4%;
}
@media (max-width: 600px) {
  html body #page-dashboard .videoSections .video {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
html body #page-dashboard .videoSections .video img {
  width: 100%;
}
html body #page-dashboard .lowerMenuSection {
  padding: 0 20px;
  margin-top: 50px;
  text-align: center;
}
html body #page-dashboard .lowerMenuSection .item {
  cursor: pointer;
  display: inline-block;
  width: 30%;
  text-align: center;
  box-shadow: 4px 4px 10px gray;
  border-radius: 10px;
  margin-right: 3%;
  padding: 15px 0;
}
html body #page-dashboard .lowerMenuSection .item:last-child {
  margin-right: 0;
}
html body #page-dashboard .lowerMenuSection .item img {
  height: 35px;
}
html body #page-dashboard .lowerMenuSection .item p {
  margin-bottom: 0;
  color: black;
}
@media (max-width: 600px) {
  html body #page-dashboard .lowerMenuSection .item {
    width: 50%;
    margin: 0;
    margin: auto;
    margin-bottom: 20px;
  }
}
html body #page-changePassword .passwordForm {
  max-width: 256px;
  margin: auto;
}
html body #page-changePassword .passwordForm label {
  margin-top: 20px;
}
html body #page-changePassword .passwordForm input {
  display: block;
  margin: auto;
}
html body #page-changePassword .passwordForm button {
  margin-top: 20px;
  width: 100%;
}
html body #page-changePassword .passwordForm .flash {
  margin-top: 10px;
}
html body #page-alerts h3 {
  color: black;
}
html body #page-alerts button.alertMode {
  display: block;
  margin: auto;
  max-width: 220px;
  width: 100%;
  margin-bottom: 20px;
}
html body #page-alerts button.cancel {
  display: block;
  margin: auto;
  max-width: 220px;
  width: 100%;
  margin-top: 50px;
}
html body #page-records h3 {
  color: black;
}
html body #page-records ul {
  box-shadow: 3px 3px 10px gray;
  border-radius: 5px;
  max-width: 250px;
  width: 100%;
  display: block;
  margin: auto;
  margin-bottom: 30px;
}
html body #page-records ul li {
  padding-top: 10px;
  padding-bottom: 10px;
}
html body #page-records ul li button {
  margin-top: 10px;
}/*# sourceMappingURL=style.css.map */