﻿:root, [data-bs-theme=light] {
    --bs-link-color: #164684;
    --bs-link-color-rgb: 22, 70, 132;
}
.page-wrapper {
    width: 100vw;
    overflow: auto;
    position:absolute;
    bottom: 62px;
    top: 106px;
}
.accordion {
    --bs-accordion-active-bg: #e2e3e5;
    /*    --bs-accordion-active-bg-rgb: 22, 70, 132;
    --bs-accordion-active-color: #fff;*/
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #164684;
}

#reported_venting_and_flaring_summary, #venting_and_flaring_summary, #reported_release_summary {
    min-width: 1206px;
}
/* Reset fieldset and legend to browser defaults */
fieldset {
    display: block;
    margin: 0;
    padding: 0.35em 0.75em 0.625em;
    border: 2px groove threedface;
    min-width: min-content;
    border: 1px solid #aaa;
}

.btn-outline-primary {
    --bs-btn-color: #164684;
    --bs-btn-border-color: #164684;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #164684;
    --bs-btn-hover-border-color: #164684;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #164684;
    --bs-btn-active-border-color: #164684;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #164684;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #164684;
    --bs-gradient: none;
}

legend {
    display: block;
    padding: 0;
    width: auto;
    max-width: 100%;
    margin-bottom: 0.5em;
    font-size: 1em;
    font-weight: normal;
    white-space: normal;
    float: none;
}

header nav .dropdown-menu.show {
    overflow: auto;
    max-height: calc(100vh - 96px);
}

header nav .navbar-collapse.show {
    overflow: auto;
    max-height: calc(100vh - 107px);
}

table:not(.table-bordered) {
    border-collapse: initial;
}

table.tblGrid, table.tblData {
    border-collapse: collapse;
}

label {
    display: inline;
}

.form-check-label, .form-label {
    display: inline-block !important;
}

input.restriction-flag {
    width: 80px !important;
    height: 32px !important;
}

input.restriction-flag:checked {
    background-color: red;
    border: 1px solid red;
}

.offcanvas {
    --bs-offcanvas-width: 600px;
}

.tab-pane {
    min-height: 100px;
}

@media(max-width:600px) {
    .offcanvas {
        --bs-offcanvas-width: 100%;
    }

    .form-select, .form-control {
        min-width: 56px !important;
    }
}

.form-select, .form-control {
    width: 100% !important;
    min-width: 150px;
    border-radius: 4px;
}

.form-input {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 4px;
}

input, select {
    line-height: 12px;
}

.btn {
    line-height: 12pt;
    font-size: .8rem;
}

input[type="submit"] {
    line-height: 16pt;
}

nav .nav-link {
    white-space: nowrap;
    font-size: 1rem !important;
}

.dropdown-toggle.show {
    background: #233138;
    color: #fff !important;
    transition: background .4s ease-in;
}

.last-item .dropdown-menu .dropdown-menu a {
    white-space: wrap !important;
}

.dropdown-menu .nav-item:not(:last-child) a {
    border-bottom: 1px solid #e1e1e1 !important;
}

.wrap {
    white-space: wrap !important;
}

nav .shadow.dropdown-menu {
    background: #f7f7f7;
}

a.dropdown-item.dropdown-toggle {
    padding-left: var(--bs-navbar-nav-link-padding-x) !important;
    color: var(--bs-nav-link-color);
}

    a.dropdown-item.dropdown-toggle:hover, nav .nav-link:hover {
        background: #666;
        color: #FFF;
    }

.dropdown-item.dropdown-toggle.show {
    background: #164684;
    color: #fff;
}

.dropdown-toggle::after {
    transition: transform .4s ease;
}

.dropdown-toggle.show::after {
    transform: rotate(-180deg);
}

.navbar[data-bs-theme=dark] a.dropdown-item.dropdown-toggle {
    color: #efeeee;
}

.navbar[data-bs-theme=dark] li.nav-item a.nav-link {
    color: #efeeee;
}

.navbar[data-bs-theme=dark] li.nav-item.dropdown a.nav-link.dropdown-toggle {
    color: #666;
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.75);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.25);
    --bs-navbar-active-color: #666;
    --bs-navbar-brand-color: #666;
    --bs-navbar-brand-hover-color: #666;
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
}

@media (max-width: 991px) {
    .dropdown a.nav-link {
        padding-left: var(--bs-navbar-nav-link-padding-x) !important;
    }
}
