:root {
    --gov-color: #388b45;
    --gov-color-dark: #195722;
    --gov-color-light: #56b951;
    --box-title: color-mix(in srgb, var(--gov-color-light) 70%, white);
    --bg-checkbox: #f0fff2;
    --hover-light: #ddf5e3;
    --ink: #1b2a38;
    --ink-soft: #5b6b78;
    --surface: #ffffff;
    --bg: #eef5fb;
    --border: #d7e6f0;
    --danger: #c0392b;
    --lt-bg-legend-color: #ffb64a;
}
.header {
    background: var(--gov-color-light);
    height: 44px;
    z-index: 3;
    padding: 5px;
}
.header ul{
    margin-top: 2px;
}
.header li:hover {
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);
}
.nav-logo {
    height: 30px;
    margin-right: 5px;
    border-radius: 50%;
    border: 2px solid white;
}

.logo {
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    padding-left: 4px;
}

.logo:hover {
    cursor: pointer;
    color: #fff;
}
.dropdown-menu.logout {
    margin-top: 7px !important;
    margin-left: 6px;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid var(--gov-color);
}
.dropdown-menu.logout  input:focus {
    border: none;
    box-shadow: none;
    outline: medium none;
}

.dropdown-menu.logout li:hover {
    background-color: #dcdcdc;
    border-radius: 0px 0px 8px 8px;
}

#btnLogout {
    margin-left: 45px;
    height: 35px;
    margin-top: 0px;
}
.username {
    text-transform: uppercase;
}
.app-footer {
    position: absolute;
    bottom: 4px;
    left: 50%;
    margin-left: -120px;
    text-align: center;
    height: 30px;
    width: auto;
    padding-left: 13px;
    padding-right: 13px;
    z-index: 50;
    background-color: var(--gov-color-light);
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    vertical-align: middle;
    padding-top: 6px;
}
.app-footer img {
    margin-top: -2px;
    margin-bottom: 0px;
}
.btn.btn-primary {
    background-color: var(--gov-color);
}
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn-group.open .btn.btn-primary.dropdown-toggle,
.btn.btn-primary:hover {
    background-color: var(--gov-color-dark);
}
#btnRefreshLTProposals, #btnRefreshProposals {
    background-color: var(--gov-color);
}
#btnRefreshLTProposals:hover, #btnRefreshProposals:hover {
    background-color: var(--gov-color-dark);
}

.menu input[type="checkbox"],
#tvDiv input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    display: inline-block;
    border: 1px solid var(--gov-color-light);
    border-radius: 3px;
    background: #fff;
}
.menu input[type="checkbox"]:checked,
#tvDiv input[type="checkbox"]:checked {
    background-color: var(--gov-color-light);
}

.menu input[type="checkbox"]:checked::after,
#tvDiv input[type="checkbox"]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    left: 2px;
    top: -2px;
}
td input[type="checkbox"] {
    margin-right: 4px;
    margin-top: 0px;
}
.menu input[type="checkbox"]:disabled,
#tvDiv input[type="checkbox"]:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    display: inline-block;
}

/* Checkbox */
input[type="checkbox"] {
    margin: 4px 0px 5px;
    border: 1px solid var(--gov-color-light);
    border-radius: 3px;
    background: #fff;
}

input[type="checkbox"]:checked {
    background: var(--gov-color-light);
}

input[type="checkbox"]:checked::after {
    content: "✓";
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    left: 2px;
    top: -2px;
}

/* Radio */
input[type="radio"] {
    border: 2px solid var(--gov-color-light);
    border-radius: 50%;
    background: #fff;
}

input[type="radio"]:checked {
    background: #56b951;
}

input[type="radio"]:checked::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
}

/* ASP.NET labels */
input[type="checkbox"] + label,
input[type="radio"] + label {
    vertical-align: middle;
}

.checkbox label input[type="checkbox"] {
    margin-right: 4px;
}

#divFeederPanel input[type="checkbox"],
#divPlanLayers input[type="checkbox"] {
    width: 16px;
    height: 16px;
}
#divLTFeederPanel input[type="checkbox"],
#divLTPlanLayers input[type="checkbox"],
#LdivLTPlanLayers input[type="checkbox"],
#ltLayersHTBody input[type="checkbox"],
#ltLayersLTBody input[type="checkbox"] {
    width: 16px;
    height: 16px;
}