/******* Bootstrap Theming ********/
.local {
    --ktzh-darkblue: #0070b4;
    --ktzh-lightgrey: #e3e3e3;
    --font-family-sans-serif: "Helvetica W01 Roman", Helvetica, Arial, sans-serif;
    --headings-font-weight: bold;
    --enable-responsive-font-sizes: true;
    --border-radius: 5px;
    --btn-border-radius: 30px;
}

/********** Custom CSS ************/

.main {
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    background-color: #f9f9f9;
}

#geotop {
    /**background-color: var(--ktzh-darkblue);**/
    background-color: #0070b4;
}

.field_with_errors input,
.field_with_errors textarea,
.field_with_errors select {
    border-color: red;
    border-width: thick;
}

/* tables as div */
#container {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid green;
}

.element {
    flex: 0 0 25%;
    border-bottom: 1px solid rgb(233, 229, 229);
    padding-top: 5px;
    padding-bottom: 5px;
}

.element label {
    font-weight: bold;
}

/* end: tables as div */

/*************************************/

@media screen and (max-width: 1680px) {}

@media screen and (max-width: 768px) {}

/********** Custom Tooltip & Popover CSS ************/
.info-tooltip {
    --bs-tooltip-bg: #0070b4;
    --bs-tooltip-color: #e3e3e3;
}

.warning-tooltip {
    --bs-tooltip-bg: var(--bs-yellow);
    --bs-tooltip-color: var(--bs-dark);
}

.error-tooltip {
    --bs-tooltip-bg: var(--bs-red);
    --bs-tooltip-color: #e3e3e3;
}

.info-popover {
    --bs-popover-max-width: 350px;
    --bs-popover-header-bg: #0070b4;
    --bs-popover-header-color: var(--bs-white);
}

/***************************************************/