header, main, footer {
  padding-left: 300px;
}

@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0;
  }
  #users table.responsive-table th {
    text-align: left;
  }
  #users blockquote {
    margin-left: 142px;
  }
}

th {
  white-space: nowrap;
}

h5 {
  padding-bottom: 10px;
}

.container {
  width: 90%
}

.logo {
    display: inline-block;
    height: 100%;
}

.logo>img {
    height: 40px;
    vertical-align: middle;
    margin-top: -5px;
}

.datepicker-date-display {
    display: none;
}

#login-page, #hours-page {
    max-width: 450px;
}

.inline-icon {
  vertical-align: bottom;
  font-size: 21px !important;
}

.select-error{
  color: #F44336;
}

.minimum-width {
  width: 1%;
  white-space: nowrap;
}

.sort:hover {
  background-color:#f3f3f3;
}
.sort.asc > i.material-icons::after {
  content: "arrow_drop_up";
}
.sort.desc > i.material-icons::after {
  content: "arrow_drop_down";
}
.sort:not(.desc):not(.asc) > i.material-icons::before {
  content: "unfold_more";
}
.sort > i.material-icons {
  vertical-align: middle;
}

.sidenav .user-view .name {
  margin-top: 0px;
}

.input-field .helper-text::after {
  content: attr(data-error);
  position: relative;
  color: #F44336;
}
/* Error in the non-offence-certificate checkbox */
div.m6:nth-child(2) > div:nth-child(10) .helper-text::after {
  top: 32px;
  left: 35px;
}
/* Error in the non-offence-certificate file */
div.file-field:nth-child(14) .helper-text::after {
  top: -6px;
  left: 83px;
}
/* Link to terms and conditions */
div.input-field:nth-child(12) > a:nth-child(1) {
  position: relative;
  font-size: 11px;
  text-decoration-line: underline;
  padding-left: 35px;
}
p {
  padding-bottom: 0.2em;
}

/* Ampliant el marge de certs elements perque el float fa que s'amunteguin */
#signup-page .login-form div:nth-child(10),
#participants-edit-details .login-form div:nth-child(12) {
  margin-bottom: 86px;
}
#signup-page .login-form div:nth-child(6) {
  margin-bottom: 82px;
}
#signup-page .login-form div:nth-child(5),
#signup-page .login-form div:nth-child(9),
#participants-edit-details .login-form div:nth-child(5) {
  margin-bottom: 32px;
}
#participants-edit-details .login-form div:nth-child(6) {
margin-bottom: 58px;
}

@media (min-width: 600px) {
  /* Error in the non-offence-certificate checkbox */
  div.m6:nth-child(2) > div:nth-child(10) .helper-text::after {
    top: 56px;
  }
  /* Link to terms and conditions */
  div.input-field:nth-child(12) > a:nth-child(1) {
    font-size: 12px;
    top: 26px;
    border: 2px solid red;
  }
}

@media (min-width: 820px) {
  /* Error in the non-offence-certificate checkbox */
  div.m6:nth-child(2) > div:nth-child(10) .helper-text::after {
    top: 32px;
  }
  /* Link to terms and conditions */
  div.input-field:nth-child(12) > a:nth-child(1) {
    top: auto;
  }
}