:root {
    /* Definitions */
    --header: var(--blue);
    --header-text: var(--white);
    --header-and-footer: var(--gray-xlight);
    --footer-dark: var(--black);
    --footer-text: var(--white);
    --footer-height: 41px;
    --footer-lineheight: 40px;
    --background: var(--white);
    --primary: var(--blue);
    --primary-dark: var(--blue-dark);
    --secondary: var(--orange);
    --success: #339900;
    --warning: #FF9966;
    --error: #CC3300;
    --text-primary: #333333;
    --text-primary-header: var(--white);
    --content-min-height: calc( 100vh - var(--topbar-height) - var(--footer-height) - 1rem - 1rem); /* The -1 rem is the bottom and top padding */
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    color: var(--text-primary);
}

footer {
    background-color: var(--header-and-footer);
    color: var(--footer-text);
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: var(--footer-height);
    line-height: var(--footer-lineheight);
    z-index: 1000;
    font-size: 11px;
    letter-spacing: 1.2px;
}

    footer.footer-dark {
        background-color: var(--footer-dark);
    }

    footer .container, footer .container a {
        color: var(--footer-text);
    }

        footer .container img {
            height: 25px;
            margin-top: -12px;
        }

input[type=text]:focus, textarea:focus, button:focus, select:focus {
    box-shadow: 0 0 5px var(--primary) !important;
    border: 1px solid var(--primary) !important;
}

.btn-primary,
.btn-primary:link,
.btn-primary:visited {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background-color: var(--primary-dark) !important;
        border-color: var(--primary) !important;
    }


.dropdown-menu.account {
    white-space: nowrap;
}

.environment-container {
    width: 70px;
    display: inline-block;
    z-index: 2000;
    position: absolute;
    top: 30px;
    left: 5px;
}

.env-bottom.environment-container {
    top: unset;
    bottom: 20px;
}

.environment-container.fixed-top {
    position: fixed;
}

.environment-container.fixed-right {
    right: 2rem;
    left: unset !important;
}


.environment-container img {
    max-width: 100%;
    max-height: 100%;
}



.fillContent {
    height: var(--content-min-height);
}

.fillContent-tab {
    height: calc(var(--content-min-height) - 5rem);
    min-height: var(--content-min-height - 5rem);
}

.fillContent-min {
    min-height: var(--content-min-height);
}

.fillContent-max {
    max-height: var(--content-min-height);
}

nav.navbar.navbar-sub .culture-container .selectLanguage,
nav.navbar.navbar-sub .timezone-container .selectTimezone {
    width: 100%;
}

.hover-bold:hover,
.hover-bold:hover button,
.hover-bold:hover a {
    font-weight: bold;
}

nav.navbar button.nav-link{
    color: var(--white);
}

@media (min-width: 576px) {
    .h-md-100{
        height: 100%;
    }

    .pb-md-0{
        padding-bottom: 0rem;
    }

    .w-md-100{
        width: 100%;
    }

    .mb-md-0 {
        margin-bottom: 0rem;
    }
}

.btn {
    word-wrap: break-word;
}

.grecaptcha-badge {
    bottom: 3rem !important;
}

.validation-summary-errors ul {
    list-style: none;
    padding-left: 0.2rem;
}

.password-info ul {
    list-style: none;
    padding-left: 1rem;
}

.accountmanager .dataTable {
    max-width: 100% !important;
}

.z-99{
    z-index: 99;
}

.minheight-35 {
    min-height: 35rem;
}

.line-height-2rem{
    line-height: 2rem !important;
}

.k-window.k-dialog{
    max-height: 95vh;
}

span > .k-input.k-textarea.k-no-click {
    pointer-events: auto;
}