body {
	background: #f9f9f9;
	color: #323232;
}

p {
    color: #747474;
}

a {
    color: #56b6c2;
}

.header-bar {
    width: 100%;
    height: auto;
    background: #ffffff;
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    text-align: center;
}

.header-bar.black-translucent {
    /*border-top: 20px solid #56b6c2;*/
}


.header-logo {
    background-image: url('../images/header-logo-light.svg');
}

.error {
		color: #e06c75;
}

.additional, .additional td {
    color: #d19a66;
}

.cancel, .cancel div, .cancel td {
    color: #e06c75;
}

.free, .free div, .free td {
    color: #c678dd;
}

.shift, .shift td, .substituted {
    color: #98c379;
}

.up-nownext-container {
    background: #e2e2e2;
}

.up-nownext-desc {
    color: #747474;
}

.up-button-title {
		color: #e2e2e2;
    border-color: #747474;
		background: #747474;
}

.up-button-desc {
		color: #747474;
    border-color: #747474;
		background: none;
}

.up-nownext .break {
    color: #56b6c2;
}


select {
	background-image: url('../images/arrow-down.svg');
	background-color: #e2e2e2;
	color: #6f6f6f;
}

input, textarea, button {
  border-color: #ffffff;
  color: #6f6f6f;
  background-color: #e2e2e2;
}

input.submit {
  padding: 10px;
  background-color: #e2e2e2;
  color: #6f6f6f;
  text-align: center;
  cursor: pointer;
}

button.settings-toggle {

  background-image: url('../images/arrow-down.svg');
  background-color: #e2e2e2;
  color: #6f6f6f;
}

button.settings-toggle.open {
  background-image: url('../images/arrow-up.svg');
}

th {
	color: #323232;
}

.timetable table {
  color: #323232;
}

.timetable tr {
	background: #ffffff;
}

/*.timetable tr .today {
	background: #f9f9f9;
}*/

.timetable > tbody > tr > th,
.timetable > tbody > tr > td {
	border-left-color: #f4f4f4;
}

.timetable > tbody > tr > th:first-child,
.timetable > tbody > tr > td:first-child {
}

.timetable > tbody > tr:nth-child(even) {
    background: #f4f4f4;
}

/*.timetable > tbody > tr:nth-child(even) .today {
    background: #ededed;
}*/

.timetable > tbody > tr:nth-child(even) > th,
.timetable > tbody > tr:nth-child(even) > td {
    border-left-color: #ffffff;
}

.timetable > tbody > tr:nth-child(even) > th:first-child,
.timetable > tbody > tr:nth-child(even) > td:first-child {
}

/*.timetable > tbody > tr:nth-child(even) .today {
    background: #ededed;
}*/

.footer a {
    color: #b6b6b6;
}

p.footer-bigger a {
    color: #56b6c2;
}

/* Checkboxes */

/* remove standard-styles */


/* graceful degradation for ie8 */
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {
  border: 2px solid #e2e2e2;
}

input[type='checkbox']:checked + label.has-checkerror::before,
input[type='checkbox']:not(:checked) + label.has-checkerror::before,
input[type='radio']:checked + label.has-checkerror::before,
input[type='radio']:not(:checked) + label.has-checkerror::before {
  border: 2px solid #a94442;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
  /*background: #282c34;*/
}

input[type='checkbox'].inverted:not(:checked)  + label::before,
input[type='radio'].inverted:not(:checked)  + label::before {
  background-color: #e2e2e2;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
  background-color: #e2e2e2;
}

input[type='checkbox'].inverted:checked  + label::before,
input[type='radio'].inverted:checked  + label::before {
  background-color: transparent;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
}


@media screen and (max-width : 500px)  {
    html {
        font-size: 10px;
    }

    .footer, .footer p {
        font-size: 1.2em;
    }

    p.footer-bigger {
        font-size: 1.4em;
    }
}