.nav-pills > li .itemgroup {
    display: block;
}

.nav-pills > li .itemgroup i {
    display: inline-block;
    margin: 0 15px;
}

.verticalSpace {
    height: 3em;
}
.horizontalSpace {
    width: 3em;
}

.hoverText {
    display: inline-block;
}
.hoverText .hoverDesc {
    visibility: hidden;
    text-align: left;
    padding: 6px 0;
    border-radius: 6px;
    background-color: #e3e3e3;
    color: #000;
    z-index: 1;
    opacity: 0;
    transition: opacity 1.5s;
}
.hoverText:hover .hoverDesc {
    visibility: visible;
    opacity: 1;
}

body {
    background-image: url('../img/transport-background.svg');
    background-repeat: repeat;
    background-size: 200px;
    background-position: 18px 30px;
    background-attachment: fixed;
}

.main-raised {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.event.card {
    margin: 10px;
    width: 200px;
    height: 200px;
}

.event.teilnahme {
    background-color: rgb(180, 220, 180);
}

a.card.event {
    background-color: lightgray;
}

a:focus, a:focus .card {
    background-color: lightblue;
}

.loginlogo {
    margin-top: 15px;
}

.card-signup {
    margin-top: 0;
}

.minitable {
    margin: 0;
}

.minitable td {
    padding: 3px !important;
}

table .checkbox {
    margin-bottom: 0;
}

.table.fahrtenuebersicht td {
    padding: 1px;
    font-size: 75%;
}

.removing {
    background-color: red !important;
}

.removing img {
    height: 2em;
}

.nav-pills-verkehrsmittel > li {
    float: none;
}

.nav-pills-verkehrsmittel > li > a {
    color: #555555;
    transition: all .3s;
    border-radius: 4px;
}

.nav-pills.nav-pills-verkehrsmittel > li {
    float: left;
}

.nav-pills-verkehrsmittel > li.active > a, .nav-pills-verkehrsmittel > li.active > a:focus, .nav-pills-verkehrsmittel > li.active > a:hover {
    background-color: #4c69af;
    color: white;
    box-shadow: 0 16px 26px -10px rgba(75, 93, 162, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(66, 101, 162, 0.2);
}

#fahrtabschnitte fieldset {
    border-top: 3px dashed lightgray;
    padding-top: 1em;
    margin-top: 1em;
}

.btn {
    white-space: normal;
}

.btn.dropdown-toggle {
    white-space: nowrap;
}

.fahrtangaben {
    border: 2px solid darkgrey;
    padding-top: 3px;
    border-radius: 5px 5px 5px 5px;
    margin-top: 5px;
}

.transportmittel-header {
    border-bottom: 1px solid darkgrey;
}

.overline {
    border-top: 1px solid darkgrey;
}

.transportmittel {
    padding: .5em;
    font-weight: 400;
}

.fahrtId {
    color: #656565;
}

.fahrtangaben.kontrolliert, .fahrtangaben.korrigiert {
    background-color: #c9ffc1;
}

.fahrtangaben.neu, .fahrtangaben.veraendert {
    background-color: #c2e4f2;
}

.fahrtangaben.rueckfrage {
    background-color: #fae3af;
}

.fahrtangaben.abgelehnt {
    background-color: lightslategray;
}

.kontrolle li {
    /*list-style: none;*/
}

.kontrolle ul, .kontrolle ol {
    padding-left: 1.5em;
    padding-right: 1.5em;
}

@media (min-width: 768px) {
    .checkliste {
        margin-top: 11px;
    }
}

.checkliste {
    margin-bottom: 1em; background-color: lightgrey;
}

.checkliste li {
    list-style: square;
}

.checkliste ul {
    padding-left: 0.5em;
}

ul.warnings li {
    list-style: none;
}
ul.warnings li:before{
    content: '\26A0';
    margin-left: -20px;
    margin-right: 10px;
    color: red;
}

.korrigiert {
    text-decoration: black double line-through;
}

.korrigiert::after {
    content: " ";
}

.mitfahrer {
    display: flex;
    flex-direction: row;
}

.mitfahrer .btn {
    width: 100%;
}

.mitfahrer span {
    margin-top:auto;
    margin-bottom:auto;
    padding-left: .25em;
    font-size: 150%;
}

.mitfahrer span i::before {
    content: "\f002";
    color: #00aa00;
}

.mitfahrer.nolink span i::before{
    content:  "\f127";
    color: red;
}

.mitfahrer.altcusaner span i::before, .mitfahrer.nichtfku span i::before{
    content:  "\f071";
    color: red;
}

.mitfahrer.no_reverse_match span i::before, .mitfahrer.partly_reverse_match span i::before{
    content:  "\f071";
    color: orange;
}

.mitfahrer span svg {
    height: 1.5em;
}

table h4 {
    margin: 0;
}

.briefmarke {
    border: 3px dashed lightgrey;
    line-height: 10em;
}