:root {
  --tms-primary-color: #171047;
  --tms-text-color: #1f1f1f;
  --tms-secondary-color: #34BDF4;
  --tms-alert-color: #F6B100;
  --tms-warning-color: #F44336;
  --tms-font-family: 'Roboto', sans-serif;
  --tms-login-form-width: 400px;
  --tms-background-color: #f9f9f9;
  --tms-white-color: #fff;
}

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -moz-appearance: textfield;
       appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.admin-container {
  margin: 0;
}
.admin-container a.button {
  text-decoration: none;
}
.admin-container h1 {
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.admin-container h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.admin-container .admin-cards {
  max-width: 1200px;
  width: 100%;
  gap: 1rem;
}
.admin-container .admin-cards .admin-cards-row {
  display: flex;
  gap: 2em;
}
.admin-container .admin-cards .admin-cards-row .admin-card {
  background: var(--tms-background-color, #f9f9f9);
  border: 1px solid #f5f5f7;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.0666666667);
  padding: 2rem;
  margin-bottom: 2rem;
  box-sizing: border-box;
  transition: box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.admin-container .admin-cards .admin-cards-row .admin-card.admin-card-full {
  flex: 1 1 0;
  min-width: 500px;
  max-width: 100%;
}
.admin-container .admin-cards .admin-cards-row .admin-card.admin-card-half {
  flex: 1 1 0;
  min-width: 260px;
  max-width: 50%;
}
.admin-container .admin-cards .admin-cards-row .admin-card.admin-card-third {
  flex: 1 1 0;
  min-width: 260px;
  max-width: 33%;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.admin-container .admin-cards .admin-cards-row .admin-card .tms-logo {
  width: 100%;
  max-width: 150px;
  height: auto;
  margin: 0 auto;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-columns {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  width: 100%;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-columns .admin-card-col {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-columns .admin-card-col .admin-card-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-columns .admin-card-col.admin-card-doc {
  align-items: flex-start;
  justify-content: space-between;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-columns .admin-card-col.admin-card-doc > .admin-card-desc {
  flex-direction: row;
}
.admin-container .admin-cards .admin-cards-row .admin-card .admin-card-columns .admin-card-col.admin-card-doc > .admin-card-desc > a {
  margin: 0 0.2rem;
}
.admin-container .admin-table {
  width: 100%;
}
.admin-container .admin-table > tbody > tr > td > input,
.admin-container .admin-table > tbody > tr > td > textarea {
  width: 100%;
}
.admin-container .admin-table-id {
  width: 50px;
}
.admin-container .admin-table-small {
  width: 150px;
}
.admin-container .admin-table-medium {
  width: 250px;
}

.login-flex-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.login-flex-column a {
  color: var(--tms-primary-color, #171047);
}
.login-flex-column a:hover {
  color: var(--tms-secondary-color, #34BDF4);
}
.login-flex-column input[type=checkbox] {
  width: 1.5rem;
  height: 1.5rem;
}
.login-flex-column input[type=text],
.login-flex-column input[type=password] {
  flex: 1 1 auto;
  padding: 0.5rem;
  border: 1px solid #f5f5f7;
  border-radius: 4px;
  font-size: 16px;
  color: var(--tms-text-color, #1f1f1f);
  background: var(--tms-white-color, #fff);
}
.login-flex-column input[type=text]:hover, .login-flex-column input[type=text]:focus,
.login-flex-column input[type=password]:hover,
.login-flex-column input[type=password]:focus {
  border-color: var(--tms-primary-color, #171047);
  outline: none;
  background-color: var(--tms-white-color, #fff);
}
.login-flex-column input[type=text],
.login-flex-column input[type=password] {
  border: 1px solid #f5f5f7;
  border-radius: 4px;
  background: var(--tms-white-color, #fff);
  color: var(--tms-text-color, #1f1f1f);
}
.login-flex-column input[type=submit], .login-flex-column button {
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow 0.2s;
  background: var(--tms-primary-color, #171047);
  color: var(--tms-white-color, #fff);
}
.login-flex-column input[type=submit]:hover, .login-flex-column input[type=submit]:focus, .login-flex-column button:hover, .login-flex-column button:focus {
  background: var(--tms-secondary-color, #34BDF4);
}
.login-flex-column input[type=submit], .login-flex-column button {
  background-color: var(--tms-primary-color, #171047);
  font-weight: 400;
}
.login-flex-column .voorwaarden-label {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 200;
}
.login-flex-column .forgot-link {
  display: block;
  font-size: 0.8rem;
}
.login-flex-column .error-message .form-message.error, .login-flex-column #password-message.error {
  color: var(--tms-warning-color, #F44336);
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 700;
  margin: 0;
}

.login-form {
  display: block;
}

.login-form-wrapper {
  width: var(--tms-login-form-width, 25rem);
  max-width: 80vw;
  font-family: var(--tms-font-family, "Roboto", sans-serif);
}

.tracking-widget-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.tracking-widget-container .tracking-form-container {
  padding: 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.tracking-widget-container .tracking-form-container form.tracking-input-form,
.tracking-widget-container .tracking-form-container .tracking-input-form {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  box-sizing: border-box;
}
.tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-submit-button,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-submit-button {
  flex: 0 0 auto;
  padding: 0.5rem 1rem;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow 0.2s;
  background: var(--tms-primary-color, #171047);
  color: var(--tms-white-color, #fff);
}
.tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-submit-button:hover, .tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-submit-button:focus,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-submit-button:hover,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-submit-button:focus {
  background: var(--tms-secondary-color, #34BDF4);
}
.tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-submit-button,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-submit-button {
  border: none;
  border-radius: 4px;
  height: 40px;
}
.tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-input-field,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-input-field {
  flex: 1 1 auto;
  padding: 0.5rem;
  border: 1px solid #f5f5f7;
  border-radius: 4px;
  font-size: 16px;
  color: var(--tms-text-color, #1f1f1f);
  background: var(--tms-white-color, #fff);
}
.tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-input-field:hover, .tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-input-field:focus,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-input-field:hover,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-input-field:focus {
  border-color: var(--tms-primary-color, #171047);
  outline: none;
  background-color: var(--tms-white-color, #fff);
}
.tracking-widget-container .tracking-form-container form.tracking-input-form input.tracking-input-field,
.tracking-widget-container .tracking-form-container .tracking-input-form input.tracking-input-field {
  color: var(--tms-text-color, #1f1f1f);
}
.tracking-widget-container .tracking-row {
  display: flex;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 2rem;
  border-radius: 4px;
}
.tracking-widget-container .tracking-row .tracking-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-icon {
  flex: 0 0 10%;
  align-items: start;
  justify-content: center;
  text-align: center;
  min-width: 40px;
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-icon .tracking-icon {
  font-size: 1.5rem;
  color: var(--tms-white-color, #fff);
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-desc {
  flex: 1 1 auto;
  justify-content: flex-start;
  color: var(--tms-text-color, #1f1f1f);
  min-width: 120px;
  gap: 0.5rem;
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-desc .tracking-status-title {
  font-weight: 700;
  color: var(--tms-primary-color, #171047);
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-desc .tracking-custom-description {
  font-size: 0.8rem;
  font-weight: 400;
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-date {
  display: flex;
  flex: 0 0 25%;
  justify-content: center;
  align-items: flex-end;
  text-align: right;
  gap: 0.5rem;
  font-size: 0.8rem;
  flex-wrap: wrap;
  width: 30px;
}
.tracking-widget-container .tracking-row .tracking-col.tracking-col-date .tracking-date-time {
  font-size: 0.6rem;
  font-style: italic;
}
.tracking-widget-container .tracking-error-message {
  color: var(--tms-warning-color, #F44336);
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 700;
  margin: 0;
  margin-top: 2rem;
}/*# sourceMappingURL=main.css.map */