h1 {font-size: 1.2em}
h2 {font-size: 1.1em}

.container {
    padding: 0;
}

.navbar {

}

@media (min-width: 576px) {
    .kcb-header {
        font-size: 1.5em;
    }
    h1 {font-size: 1.4em}
    h2 {font-size: 1.2em}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .kcb-header {
        font-size: 2em;
    }
    h1 {font-size: 1.6em}
    h2 {font-size: 1.3em}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

.kcb-header {
    color: white;
}

.bg {
    background: url("/img/background.jpg") no-repeat right fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-doris {
    background: url("/img/doris2.jpg") no-repeat top right;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

body, html {
    height: 100%;
}

.nav-tabs {
    border-bottom: 0;
}

.navbar-dark .navbar-nav .nav-link {
    font-weight: bold;
    color: rgba(251,251,224, 1);
}

.kcb-footer {
    background-image: linear-gradient(to right, rgba(35,105,155,1), rgba(35,105,155,0.2));
}
.kcb-footer a {
    color: white;
}

.kcb-topnavi .nav-link {
    color: white;
    /*color: rgb(0,69,134);*/
    font-weight: bold;
}

.kcb-grad {
    background-image: linear-gradient(to right, rgba(0,91,154,1), rgba(0,91,154,0.2));
}

.kcb-content-block {
    font-size: 1.2em;
    color: rgb(0,69,134);
    background-color: rgba(251,251,224, 0.7);
}

.logdialog {
    margin: 16px;
    color: rgb(0,69,134);
    background-color: rgba(251,251,224, 0.7);
}

#map-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#map-container {
    flex-grow:1;
}

#map {
    width: 100%;
    height: 100%;
}

.btn {
    border: none; /* Remove borders */
    color: white; /* Add a text color */
    padding: 14px 28px; /* Add some padding */
    cursor: pointer; /* Add a pointer cursor on mouse-over */
}

.btn-row {
    padding-top: 1em; display: flex;align-items: center;gap: 8px;
}

.success {background-color: #7EBA2A; color: white; font-weight: bold; border-radius: 8px; border-width: 0;} /* Green */
.success:hover {background-color: #73953f; color: white; font-weight: bold; border-radius: 8px; border-width: 0;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} /* Red */
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Gray */
.default:hover {background: #ddd;}