body {
    background-color: var(--color-bg-body);
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    color: var(--color-text-primary);
}

.row .col {
    padding-left: 0;
    padding-right: 0;
}

main {
    flex: 1 0 auto;
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: var(--color-primary-light);
}

nav .nav-wrapper a {
    color: var(--color-text-primary);
}

nav .nav-wrapper a:hover {
    color: var(--color-primary);
}

.brand-logo {
    display: flex;
    align-items: center;
    height: 64px;
}

.header-logo {
    max-height: 64px;
    width: auto;
    object-fit: contain;
}

.divider-orange {
    display: block;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0.1em;
    border-color: var(--color-primary);
    width: 3em;
}

/**
 * datepicker
 */
.datepicker-date-display {
    background-color: var(--color-primary);
}

.datepicker-table td.is-selected {
    background-color: var(--color-primary);
}

.datepicker-table td.is-today {
    color: var(--color-primary);
}

.datepicker-table td {
    color: gray;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: var(--color-primary);
}

/**
 * timepicker
 */
.timepicker-digital-display {
    background-color: var(--color-primary);
}

.timepicker-close {
    color: var(--color-primary);
}

.timepicker-canvas-bg {
    fill: var(--color-primary);
}

.timepicker-canvas-bearing {
    fill: var(--color-primary);
}

.timepicker-canvas line {
    stroke: var(--color-primary);
}

/**
 * checkbox
 */
[type="checkbox"].filled-in:checked + span:not(.lever)::after {
  border: 2px solid var(--color-primary);
  background-color: var(--color-primary);
}

/**
 * input fields
 */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid var(--color-primary);
  -webkit-box-shadow: 0 1px 0 0 var(--color-primary);
          box-shadow: 0 1px 0 0 var(--color-primary);
}