.navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

html {
    font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

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

body {
    margin-bottom: 60px;
    background-color:#272727;
}

.navbar-brand {
    text-indent: 10px;
}


/** Top Right Menu */
.TopMenu > .k-menu {
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
    margin-right: 10px;
}

    .TopMenu > .k-menu:not(.k-context-menu) > .k-item {
        color: white;
        background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
    }

.TopMenu > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover {
    color: white !important;
}

.TopMenu, .k-sprite {
    font-size: small !important;
}

/** Main Menu */

.MainMenu > .k-menu {
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
    margin-right: 10px;
}

    .MainMenu > .k-menu:not(.k-context-menu) > .k-item {
        color: black;
        background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
    }

.MainMenu > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-hover {
    color: black !important;
}

.MainMenu, .k-sprite {
    font-size: small !important;
}

html,
body,
#grid {
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
}

.float-right {
    float: right;
}

.btn {
    margin-right: 10px;
}

.navbar-brand-header {
    margin-left:10px;
}



.dark-primary {
    color: #6ea8fe !important;
    background-color: #031633 !important;
    border-color: #084298 !important;
}

.dark-secondary {
    color: #a7acb1 !important;
    background-color: #161719 !important;
    border-color: #41464b !important;
}

.dark-success {
    color: #75b798 !important;
    background-color: #051b11 !important;
    border-color: #0f5132 !important;
}

.dark-danger {
    color: #ea868f !important;
    background-color: #2c0b0e !important;
    border-color: #842029 !important;
}

.dark-warning {
    color: #ffda6a !important;
    background-color: #332701 !important;
    border-color: #997404 !important;
}

.dark-info {
    color: #6edff6 !important;
    background-color: #032830 !important;
    border-color: #087990 !important;
}

.dark-light {
    color: #f8f9fa !important;
    background-color: #343a40 !important;
    border-color: #495057 !important;
}

.dark-dark {
    color: #dee2e6 !important;
    background-color: #1a1d20 !important;
    border-color: #343a40 !important;
}

.light-primary {
    color: #004085 !important;
    background-color: #cce5ff !important;
    border-color: #b8daff !important;
}

.light-secondary {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
}

.light-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}

.light-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.light-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}

.light-info {
    color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
}

.light-light {
    color: #818182 !important;
    background-color: #fefefe !important;
    border-color: #fdfdfe !important;
}

.light-dark {
    color: #1b1e21 !important;
    background-color: #d6d8d9 !important;
    border-color: #c6c8ca !important;
}