/************ Custom Anpassungsdatei ************/
/*
    Datum:      Person:     Beschreibung:
------------------------------------------------------------------------
    03.04.2019  Huber       create design for Geo4D.ch
    weitere Erg�nzunge siehe unten...
*/

/*------------Header-Navigation (oben)------------*/
.navbar.is-spaced {
    padding: 0;
    margin-bottom: 2rem;
}
.navbar-item,
.navbar-link {
    color: rgb(0, 108, 139);
}
    .navbar-item.is-info { /*-18.9.23 Aub-*/
        background-color: #f7fa41;
        font-weight: bold;
        color: black;
    }
    .navbar-item.is-warning { /*-18.9.23 Aub-*/
        background-color: #ffc457;
        font-weight: bold;
        color: black;
    }
    .navbar-item.is-danger { /*-18.9.23 Aub-*/
        background-color: #ff3860;
        font-weight: bold;
        color: white;
    }
    .navbar-item.is-interruption { /*-18.9.23 Aub-*/
        background-color: #81BEF7;
        font-weight: bold;
        color: black;
    }
.navbar-link:not(.is-arrowless)::after {
    border-color: rgb(0, 108, 139);
}
.navbar .logo {
    /*max-height:120px;*/
    max-height: 11%;
    max-width: 250px; /*3.10.24 Aub*/
    display: block;
    position: fixed;
    margin-top: 4.5%;
    /*margin-top: 5rem;*/
    margin-left: 2.5%;
    background-color: #ffffff;
}
.navbar-menu.is-active {
    margin-top: 2rem;
}

/*------------Projektliste------------*/
.listentry.project {
    border-color: rgb(0, 108, 139);
    border-radius: 4px;
}
.list-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

a.list-item:hover {
    background-color: rgb(0, 108, 139, 0.25);
}

/*------------Formularfelder------------*/
.input {
    border-color: rgb(0, 108, 139);
    color: rgb(0, 108, 139);
}
.input.is-hovered,
.input:hover {
    border-color: rgb(0, 108, 139);
    box-shadow: 0 0 0 .125em rgba(0, 108, 139, 0.25);
}
.input.is-focused,
.input.is-active,
.input:active,
.input:focus {
    border-color: rgb(0, 108, 139);
    box-shadow: 0 0 0 .125em rgba(0, 108, 139, 0.25);
}
.label {
    color: rgb(0, 108, 139);
}
.checkbox {
    width: auto;
    display: inline-block;
    accent-color: rgb(0, 108, 139);
    border-color: rgb(0, 108, 139);
}
.select select {
    border-color: rgb(0, 108, 139);
    color: rgb(0, 108, 139);
}
.select select.is-hovered, .select select:hover,
.select select.is-active, .select select:active,
.select select.is-focused, .select select:focus {
    border-color: rgb(0, 108, 139);
    box-shadow: 0 0 0 .125em rgba(0, 108, 139, 0.25);
}
.select:not(.is-multiple):not(.is-loading)::after {
    border-color: rgb(0, 108, 139);
}

/*textarea erg�nzt, 26.6.24 Aub */
.textarea {
    border-color: rgb(0, 108, 139);
    color: rgb(0, 108, 139);
}

.textarea.is-hovered,
.textarea:hover {
    border-color: rgb(0, 108, 139);
    box-shadow: 0 0 0 .125em rgba(0, 108, 139, 0.25);
}

.textarea.is-focused,
.textarea.is-active,
.textarea:active,
.textarea:focus {
   border-color: rgb(0, 108, 139);
   box-shadow: 0 0 0 .125em rgba(0, 108, 139, 0.25);
}

/*------------Allgemeines------------*/
h1, h2, h3, h4, h5, h6 {
    color: rgb(0, 108, 139);
}
.has-text-grey-light {
    color: rgb(0, 108, 139) !important;
}
#loadingOverlay {
    background-color: rgba(0, 108, 139, 1);
}

/*------------Karte (Google) / Bilder etc------------*/
.card {
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgb(0, 108, 139);
}
.card-header.is-hovered,
.card-header:hover {
    background-color: rgb(0, 108, 139);
}
.card-header-title {
    color: rgb(0, 108, 139);
}
.card-header-icon.is-hovered,
.card-header-icon:hover {
    color: #ffffff;
}
/*.card-header.is-hovered,*/
.card-header:hover > p, .card-header:hover > a {
    color: white;
}
/*------------Filter (Von-Bis, Zeige..., Skalierung)------------*/
.column {
    color: rgb(0, 108, 139);
}
.is-size-7 {
    font-weight: bold;
}
.timespanSelector, .timespanSelectorLastDate {
    color: rgb(0, 108, 139) !important;
    font-weight: normal;
}
.timespanSelector.is-hovered,
.timespanSelector:hover,
.timespanSelectorLastDate:hover {
    color: #363636 !important;
}

/*------------Geophone Ereignisdaten------------*/
.hiddenEventOpener,
.hiddenEventCloser {
    color: rgb(0, 108, 139) !important;
}
.hiddenEventOpener.is-hovered,
.hiddenEventOpener:hover,
.hiddenEventCloser.is-hovered,
.hiddenEventCloser:hover {
    color: #363636 !important;
}

/*------------Diagramme ChartLabel------------*/
.chartLabel { /*-7.5.24 Aub-*/
    color: black !important;
    font-weight: normal;
}

/*------------PlotContainer------------*/
.pointNames2 { /* 4.6.24 Aub */
    margin-bottom: 4px;
}