:root {
    --bs-blue-400: #3d8bfd;
    --bs-blue-400-rgb: 61, 139, 253;
    --skores: rgba(61, 165, 55, 0.8);
    --navbar-height: 54px;
    --bs-green-rgb: 25, 135, 84;
    --bs-accordion-active-bg: rgba(0, 0, 0, 0.5);

}

body {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

header {
    z-index: 1000;
}

main {
    overflow: hidden;
    flex: 1;
}

#view {
    height: calc(100vh - var(--navbar-height));
    overflow: hidden;
}

#view_map {

}

#view_details {

}

/*#view.row {*/
/*    height: 100%;*/
/*    overflow: hidden;*/
/*}*/

/*#view.row {*/
/*    height: 100%;*/
/*}*/

#map {
    min-height: calc(30vh - var(--navbar-height));
    height: 100%;
    width: 100%;
}

#details {
    min-height: calc(70vh - var(--navbar-height));
    height: 100%;
    width: 100%;
    overflow: scroll;
}

.navbar {
    --bs-navbar-color: rgba(var(--bs-blue-400-rgb), 0.65);

    flex-shrink: 0;
    background-color: rgba(var(--bs-blue-400-rgb), 1);
}

.navbar-dark, .navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(var(--bs-blue-400-rgb), 0.55);
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary-border-subtle);
    --bs-tooltip-color: var(--bs-white);
}

table.border-end-0 tr:last-child th,
table.border-end-0 tr:last-child td {
    border-bottom: none;
}

.bg-skores {
    background-color: var(--skores);
}

.bg-transparent {
    background-color: transparent !important;
}

.text-skores {
    color: var(--skores);
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.text-sm {
    font-size: 0.875rem
}

.text-xs {
    font-size: 0.75rem
}

.text-xxs {
    font-size: 0.50rem
}

.text-bg-teal {
    color: #fff !important;
    background-color: RGBA(var(--bs-teal-rgb), var(--bs-bg-opacity, 0.75)) !important;
}

.text-bg-cyan {
    color: #fff !important;
    background-color: RGBA(var(--bs-cyan-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-green {
    color: #fff !important;
    background-color: RGBA(var(--bs-green-rgb), var(--bs-bg-opacity, 1)) !important;
}


.text-bg-purple {
    color: #fff !important;
    background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important;
}