.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;
}

.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: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.dark-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.dark-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.dark-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.dark-warning {
    color: #212529 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.dark-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.dark-light {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.dark-dark {
    color: #fff !important;
    background-color: #343a40 !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;
}

.float-right {
    float: right;
}

.deleted {
    text-decoration: line-through;
}