.datepicker-date-display {
    background-color: #212121 !important;
    color: #fff !important
}

.datepicker-table td.is-today {
    color: #F44336 !important
}

.datepicker-table td.is-selected {
    background-color: #212121 !important;
    color: #ffd600 !important
}

.datepicker-day-button:focus {
    background-color: rgba(43,161,150,.25) !important
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #212121 !important;
    padding: 0 1rem !important
}

.datepicker-clear {
    color: #F44336 !important
}

#jumbotron {
    background-image: url(../images/luggage_group_withyellow.jpg)
}

#jumbotron_kiosk {
    background-image: url(../images/luggage_group_withyellow.jpg)
}

button:focus {
    outline: none;
    background-color: #ffd600 !important
}

nav {
    color: #212121 !important;
    background-color: #212121 !important
}

.btn, .btn-large {
    color: #212121 !important;
    background-color: #ffd600 !important
}

    .btn:hover, .btn-large:hover {
        background-color: #ffd600 !important
    }

.btn-floating {
    color: #212121 !important;
    background-color: #ffd600 !important
}

    .btn-floating:hover {
        background-color: #ffd600 !important
    }

    .btn:focus, .btn-large:focus, .btn-floating:focus {
        background-color: #ffd600 !important
    }

.dropdown-content {
    background-color: #ffffff !important
}

    .dropdown-content li > a, .dropdown-content li > span {
        color: #212121 !important
    }

    .dropdown-content li {
        color: #212121 !important
    }

        .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected {
            background-color: #eee !important
        }

            .dropdown-content li.active.selected {
                background-color: #e1e1e1 !important
            }

.timepicker-digital-display {
    background-color: #212121 !important
}

.timepicker-close {
    color: #212121 !important
}

.timepicker-tick.active, .timepicker-tick:hover {
    background-color: #eeeeee !important;
    background-color: rgba(238,238,238,0) !important
}

.timepicker-canvas-bearing {
    stroke: none !important;
    fill: #ffd600 !important
}

.timepicker-canvas-bg {
    stroke: none !important;
    fill: #ffd600 !important
}

.timepicker-canvas line {
    stroke: #ffd600 !important;
    stroke-width: 4 !important;
    stroke-linecap: round !important
}

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 #ffd600 !important;
    -webkit-box-shadow: 0 1px 0 0 #ffd600 !important;
    box-shadow: 0 1px 0 0 #ffd600 !important
}

    input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
        color: #212121 !important
    }


.invisible {
    visibility: hidden
}

input:focus.invalid ~ label:after, input.invalid ~ label:after {
    content: attr(data-error);
    color: #F44336;
    opacity: 1
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
    margin-right: 0px !important
}

.card {
    height: 190px !important
}

input:focus ~ label:after, input ~ label:after {
    display: block;
    content: "";
    position: absolute;
    top: 36px;
    opacity: 0;
    white-space: pre;
    transition: .2s opacity ease-out,.2s color ease-out
}

input {
    padding-top: 10px !important
}

.input-field label {
    color: #424242 !important;
    font-weight: 700
}

.input-field input[type=text]:focus + label {
    color: #424242 !important
}

.input-field input[type=text]:focus {
    border-bottom: 1px solid #424242 !important;
    box-shadow: 0 1px 0 0 #424242 !important
}

.input-field input[type=text].valid {
    border-bottom: 1px solid #424242 !important;
    box-shadow: 0 1px 0 0 #424242 !important
}

.input-field input[type=text].invalid {
    border-bottom: 1px solid #c62828 !important;
    box-shadow: 0 1px 0 0 #c62828 !important
}

.input-field .prefix.active {
    color: #424242 !important
}

.input-field input[type=email]:focus + label {
    color: #424242 !important
}

.input-field input[type=email]:focus {
    border-bottom: 1px solid #424242 !important;
    box-shadow: 0 1px 0 0 #424242 !important
}

.input-field input[type=email].valid {
    border-bottom: 1px solid #424242 !important;
    box-shadow: 0 1px 0 0 #424242 !important
}

.input-field input[type=email].invalid {
    border-bottom: 1px solid #c62828 !important;
    box-shadow: 0 1px 0 0 #c62828 !important
}

.input-field input[type=number]:focus + label {
    color: #424242 !important
}

.input-field input[type=number]:focus {
    border-bottom: 1px solid #424242 !important;
    box-shadow: 0 1px 0 0 #424242 !important
}

.input-field input[type=number].valid {
    border-bottom: 1px solid #424242 !important;
    box-shadow: 0 1px 0 0 #424242 !important
}

.input-field input[type=number].invalid {
    border-bottom: 1px solid #c62828 !important;
    box-shadow: 0 1px 0 0 #c62828 !important
}

/*form, .errors {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding-top: 20px;
    margin-bottom: 50px
}*/

.errors {
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding-top: 20px;
    margin-bottom: 50px
}
.version {
    display: block;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
}

#login {
    background-color: initial !important;
    padding-top: 0 !important
}

.calendar-wrapper {
    background-color: red
}

#loading-indicator {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -100px;
    visibility: hidden
}

#airport-auto-container, #airport-auto-containerMultiple {
    display: none
}

.autocomplete-content {
    position: absolute !important
}

ul.dropdown-content.select-dropdown li span {
    color: #212121
}

.dropdown-content textarea {
    color: #212121 !important
}

/*body {
    display: flex;
    min-height: 100vh;
    flex-direction: column
}*/

/*main {
    flex: 1 0 auto
}*/

#confirmation, #errorNoAirlineAirport, #passengerEligibility, #fatalError {
    margin-bottom: 17%
}

/*.row .col {
    margin-bottom: 1em
}*/