html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

:not([data-bs-theme]) body {
    background: rgb(173, 209, 70) linear-gradient(rgb(173, 209, 70), rgb(24, 161, 80)) no-repeat fixed;
    background-size: cover;
}

[data-bs-theme] body {
    background: rgb(71, 113, 0) linear-gradient(rgb(71, 113, 0), rgb(0, 113, 38)) no-repeat fixed;
    background-size: cover;
}

:root {
    --bs-link-color: #099644;
    --bs-link-hover-color: #008433;
    --bs-primary: #099644;
    --bs-primary-rgb: 9, 150, 68;
}

a {
    color: #099644;
}

.active > .page-link, .page-link.active {
    --bs-pagination-active-bg: #099644;
    --bs-pagination-active-border-color: #099644;
}

.list-group {
    --bs-list-group-active-bg: #099644;
    --bs-list-group-active-border-color: #099644;
}

.btn-primary {
    --bs-btn-active-bg: #008433;
    --bs-btn-active-border-color: #008433;
    --bs-btn-bg: #099644;
    --bs-btn-border-color: #099644;
    --bs-btn-disabled-bg: #099644;
    --bs-btn-disabled-border-color: #099644;
    --bs-btn-focus-shadow-rgb: 9, 150, 68;
    --bs-btn-hover-bg: #008433;
    --bs-btn-hover-border-color: #008433;
}

.btn-outline-primary {
    --bs-btn-active-bg: #099644;
    --bs-btn-active-border-color: #099644;
    --bs-btn-border-color: #099644;
    --bs-btn-color: #099644;
    --bs-btn-disabled-border-color: #099644;
    --bs-btn-disabled-color: #099644;
    --bs-btn-focus-shadow-rgb: 9, 150, 68;
    --bs-btn-hover-bg: #099644;
    --bs-btn-hover-border-color: #099644;
}

.form-control:focus {
    border-color: #74dd84;
    box-shadow: 0 0 0 0.25rem rgb(116 221 132 / 25%);
}

.form-check-input:checked {
    background-color: #099644;
    border-color: #099644;
}

.form-check-input:focus {
    border-color: #74dd84;
    box-shadow: 0 0 0 0.25rem rgb(116 221 132 / 25%);

    .form-signin-container {
        align-items: center;
        background: rgb(173, 209, 70) linear-gradient(rgb(173, 209, 70), rgb(24, 161, 80));
        display: flex;
        height: 100%;
        padding-bottom: 40px;
        padding-top: 40px;
        width: 100%;
    }

    .form-signin {
        margin: auto;
        max-width: 450px;
        padding: 15px;
        width: 100%;
    }

    .form-signin .alert,
    .form-signin .alert ul {
        margin: 0 !important;
    }
}

.link-primary {
    color: #099644 !important;
}

.link-primary:focus, .link-primary:hover {
    color: #008433 !important;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #099644;
}

@media (min-width: 992px) {
    .flex-lg-unset {
        flex: unset !important;
    }
}

.invisible-link {
    display: block;
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    width: 0;
}

#logo, #logoDemo, #logoDevelopment {
    background-size: contain;
    display: inline-block;
    height: 60px;
    width: 220px;
}

:not([data-bs-theme]) #logo {
    background-image: url("/images/logo.png");
}

[data-bs-theme] #logo {
    background-image: url("/images/logo_white.png");
}

:not([data-bs-theme]) #logoDemo {
    background-image: url("/images/logo_demo.png");
}

[data-bs-theme] #logoDemo {
    background-image: url("/images/logo_white_demo.png");
}

:not([data-bs-theme]) #logoDevelopment {
    background-image: url("/images/logo_dev.png");
}

[data-bs-theme] #logoDevelopment {
    background-image: url("/images/logo_white_dev.png");
}

.form-signin-container {
    align-items: center;
    background: rgb(173, 209, 70) linear-gradient(rgb(173, 209, 70), rgb(24, 161, 80));
    display: flex;
    height: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
    width: 100%;
}

.form-signin {
    margin: auto;
    max-width: 450px;
    padding: 15px;
    width: 100%;
}

.form-signin .alert,
.form-signin .alert ul {
    margin: 0 !important;
}

.fill-content {
    height: calc(100vh - 86px);
}

@media (min-width: 992px) {
    .fill-content {
        height: calc(100vh - 99px);
    }
}

.no-caret::after {
    display: none;
}

.dropdown-hover {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.list-group-item:hover .dropdown-hover,
.client-message:hover .dropdown-hover,
.dropdown-hover:hover {
    opacity: 1;
}

[data-bs-theme] input[readonly], .form-control[readonly] {
    background-color: rgb(52, 58, 64) !important;
}

:not([data-bs-theme]) input[readonly], .form-control[readonly] {
    background-color: rgb(233, 236, 239) !important;
}

/* Override Havit CSS dark mode shadow to always use black shadow */
:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075) !important;
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}