/**
 * generic
**/
body {
   /* Fix for Tesla browser. Without it it will show black text on black background... */
   background-color: white;
   color: black;
   max-width: 768px;
   margin: 0 auto;
   padding: 0 5px 5px 5px;
}

h1, h2, h3 {
    margin-block-start: 0.415em;
    margin-block-end: 0.415em;
}


/**
 * header
**/
.header {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.header__walltime__label {
    font-weight: bold;
}

.header__eta__label {
    font-weight: bold;
}

/**
 * next_departures
**/

.next_departures {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.next_departures__times:after {
    clear:both;
}

.next_departures__times {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    flex-grow: 0;
}

.next_departures__times__time {
    margin: 2.5px 0 5px 2.5px;
    padding: 5px 7px 5px 7px;
    border-style: solid;
    border-width: thin;
}

.next_departures__times__time__countdown__unit {
    font-size: 70%;
}

.next_departures__times__time-too_early {
    background-color: #FF8080;
}

.next_departures__times__time-might_make_it {
    background-color: #FFF4AC;
}

.next_departures__times__time-should_make_it {
    background-color: #ACFFAE;
}

.next_departures__times__time__countdown {
    font-size: 150%
}

.next_departures__times__time__absolute {
}

/**
 * breaks
**/

.breaks {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.breaks__list:after {
    clear:both;
}

.breaks__list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    flex-grow: 0;
}

.breaks__list__item {
    margin: 2.5px 0 5px 2.5px;
    padding-top: 1px;
    width: 90px;
    border-style: solid;
    border-width: thin;
}

.breaks__list__item-soon {
    background-color: #FFF4AC;
}

.breaks__list__item-current {
    background-color: #FF8080;
}

/**
 * bulletins
**/

.bulletins {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.bulletins__no_bulletins {
}

.bulletins__bulletin {
    border-style: solid;
    border-width: medium;
    margin: 5px;
    padding: 5px;
    background-color: #FFF4AC;
}

.bulletins__bulletin__validity_period__label {
    font-weight: bold;
}

/**
 * schedule
**/

.schedule {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.schedule__list:after {
    clear:both;
}

.schedule__list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    flex-grow: 0;
}

.schedule__list__item {
    margin: 2.5px 0 5px 2.5px;
    padding-top: 1px;
    width: 50px;
    border-style: solid;
    border-width: thin;
}

.schedule__list__item-next {
    background-color: black;
    color: white;
}