.bootstrap-select .dropdown-item {
    white-space: normal;
}

.bootstrap-select>.dropdown-toggle {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
}


.loading {
    background: url('/app/ui/assets/ajax-loader.gif') no-repeat center center #fff !important;
    min-height: 500px;
}

.loading > * {
    opacity: .1 !important;
    pointer-events: none;
}

.error-message {
    display: none;
}

.has-error .error-message {
    display: inline;
}

.has-error .form-control,
.has-error .file-preview,
.has-error .bootstrap-select>.dropdown-toggle {
    border-color: #dc3545!important;
}

.has-warning .form-control {
    border-color: #ffc107!important;
}

.file-caption.icon-visible {
    font-family: "NotoSans", sans-serif !important;
}


.content {
    font-size: 1.25rem;
}




.datepicker td, .datepicker th {
    width: 60px;
}

.datepicker-inline {
    width: 100%;
}

.event-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    height: 50vh;
}

#map {
    height: 70vh;
}

.event-type {
    position:absolute;
    top: -1.2em;
    left: 0;
    padding: 0 4px;
    background: rgba(255,255,255, .4);
    font-size: 50%;
    border-radius: 4px;
    white-space: nowrap;
    max-width: 256px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-organizer {
    font-size: 70%;
    line-height: 1em;
    opacity: .85;
}