.main {
    flex: 1;
    background-color: var(--Body);
}

    .main > div {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

.content {
    background-color: var(--White);
    margin: 10px;
    padding: 32px;
    border-radius: 4px;
    box-shadow: 0px 0px 5px rgba(0,0,0,.16);
    /*max-width: 100%;*/
    overflow: auto;
}

@media screen and (min-width: 768px) {
    .main {
        flex: 1;
        max-width: calc(100% - 280px);
    }

        .main > div {
            padding-left: 2rem !important;
            padding-right: 1.5rem !important;
        }

    .main-expanded {
        max-width: calc(100%);
    }

    .content {
        margin: 32px;
    }
}

.menu-toggler .nav-icon-item {
}

    .menu-toggler .nav-icon-item.icon-only {
        margin-right: 0.5rem !important;
    }

    .menu-toggler .nav-icon-item > i {
        color: var(--Secondary) !important;
        font-size: 1.5rem;
    }

    .menu-toggler .nav-icon-item.dropdown {
        display: inline-block !important;
    }

        .menu-toggler .nav-icon-item.dropdown > i {
            cursor: pointer;
            margin-bottom: 0.5rem !important;
            margin-right: 0.75rem !important;
            margin-top: 0.5rem !important;
            user-select: none;
        }

        .menu-toggler .nav-icon-item.dropdown > .dropdown-menu:empty,
        .menu-toggler .nav-icon-item.dropdown > .dropdown-menu:only-child {
            display: none !important;
            pointer-events: none !important;
        }


.sidebar .nav-item {
    padding-bottom: 0;
}

    .sidebar .nav-item > ul:not(:empty) {
        margin-bottom: 0.5rem;
    }

    /* Should -always- be Menu, which always has content, but just in case... */
    .sidebar .nav-item:first-of-type {
        padding-bottom: 0.5rem;
    }

        /* Ignore the margin changes for any possible UL child */
        .sidebar .nav-item:first-of-type > ul {
            margin-bottom: 0;
        }

    .sidebar .nav-item:not(:first-of-type):last-of-type {
        padding-bottom: 0;
    }

        .sidebar .nav-item:not(:first-of-type):last-of-type > :last-child:not(:empty) {
            margin-bottom: 1rem;
        }

/*.sidebar .nav-link {
}*/

    .sidebar .nav-link.edge4 {
        margin: 0 !important;
    }

.k-tabstrip-items .k-item:hover {
    color: var(--Secondary);
}

/*.btn-secondary {
}*/

    .btn-secondary:hover {
        background-color: var(--Orange);
        color: var(--Black);
    }

    /*.btn-secondary.btn-outline {
    }*/

        .btn-secondary.btn-outline:not(.disabled):not(:disabled):hover {
            border-color: var(--Orange);
            color: var(--Orange);
        }

div.filterSmall .k-i-filter-clear {
    height: 0.75em;
    line-height: 0.5;
    width: 0.75em;
    font-size: 12px;
}

input[type="radio"] {
    filter: hue-rotate(270deg) !important; /*This shows blue as green*/
}

.k-input:focus, .k-input.k-focus, .k-input:focus-within,
.k-checkbox:checked:focus, .k-checkbox:focus,
.btn-primary:focus, .btn-primary:focus-visible {
    box-shadow: 0 0 0 0.25rem rgba(38, 117, 49, 0.25);
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 117, 49, 0.25);
}

.main .top-row {
    box-shadow: 5px 0px 5px rgba(0,0,0,.16);
}

.k-wizard-content > form > .validation-errors {
    padding-left: 1.75rem;
}

/*.k-grid {
}*/

    .k-grid td {
        transition: all linear 0.2s;
    }

    /*.k-grid .k-grid-content {
    }*/

        /*.k-grid .k-grid-content td {
        }*/

            .k-grid .k-grid-content td:not(.no-hover):not(:focus):hover {
                box-shadow: inset 0 0 1px 1px var(--Orange) !important;
            }

            .k-grid .k-grid-content td:focus {
                box-shadow: inset 0 0 1px 1px var(--Secondary) !important;
            }