:root {
    /* Bootstrap overrides */
    --bs-primary: var(--raspberry);
    --bs-secondary: var(--anthracite);
    --bs-success: var(--bs-green);
    --bs-info: var(--azure-blue);
    --bs-warning: var(--orange);
    --bs-danger: var(--bs-red);
    --bs-light: var(--gray-light);
    --bs-dark: var(--anthracite);
}

.k-grid .k-table-th > .k-radio, .k-grid .k-table-th > .k-radio-wrap, .k-grid .k-table-th > .k-checkbox, .k-grid .k-table-th > .k-checkbox-wrap, .k-grid td > .k-radio, .k-grid td > .k-radio-wrap, .k-grid td > .k-checkbox, .k-grid td > .k-checkbox-wrap, .k-grid .k-table-td > .k-radio, .k-grid .k-table-td > .k-radio-wrap, .k-grid .k-table-td > .k-checkbox, .k-grid .k-table-td > .k-checkbox-wrap {
    vertical-align: middle !important;
}

.form-control:focus-within,
.k-input-solid:focus-within,
.input-group input:focus-within,
.k-picker-solid:focus-within,
.form-check-input:focus-within {
    color: black !important;
    border-color: var(--orange) !important;
    box-shadow: inset 0 0 0 var(--anthracite) !important;
    box-shadow: 0 0 0 0.25rem var(--orange-transparent) !important;
}

.form-check-label {
    margin-left: 1.5rem;
    cursor: pointer;
}

.form-check-input {
    margin-left: 0px;
    cursor: pointer;
}

    .form-check-input:checked {
        background-color: var(--orange-brown);
        border-color: var(--orange-brown);
        --bs-form-check-bg: black;
    }

.icofont-network {
    font-size: 23px;
}

.btn-check:checked + .btn {
    color: white !important;
}

label:not(.form-check-label):not(.custom-file-label) {
    font-weight: inherit;
}

.border-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary) !important;
}

input.main-header {
    max-width: 100%;
}

@media (min-width: 768px) {
    input.main-header {
        max-width: 40%;
    }
}

.form-control:focus {
    color: var(--bs-primary);
    background-color: white;
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: inset 0 0 0 var(--bs-primary);
}

.badge-primary {
    color: white;
    background-color: var(--bs-primary);
}

.dropdown-item:hover {
    color: white;
    background-color: var(--bs-primary);
}

.dropdown-item.active {
    color: white;
    background-color: var(--bs-primary);
}

.btn-outline-primary {
    background-color: white;
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary);
}

    .btn-outline-primary:hover {
        background-color: var(--bs-primary) !important;
        color: white !important;
        border-color: white !important;
    }

    .btn-outline-primary.show {
        background-color: var(--bs-primary) !important;
        color: white !important;
        border-color: white !important;
    }

.text-secondary {
    color: var(--bs-primary) !important;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border: 1px solid var(--bs-primary) !important;
    color: white !important;
    font-weight: 500;
}

    .btn-primary:hover {
        border-color: var(--bs-primary) !important;
        background-color: white !important;
        color: var(--bs-primary) !important;
    }

.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border: 1px solid var(--bs-secondary) !important;
    font-weight: 500;
    color: white !important;
}

    .btn-secondary:hover {
        border-color: var(--bs-secondary) !important;
        background-color: white !important;
        color: var(--bs-secondary) !important;
    }

.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.badge-danger {
    color: white !important;
    background-color: var(--bs-danger) !important;
}

.badge-power {
    margin-left: -5px;
    vertical-align: top;
    font-size: xx-small;
}

.color-danger {
    color: var(--bs-danger) !important;
}

.color-warning {
    color: var(--bs-warning) !important;
}

.color-success {
    color: var(--bs-success) !important;
}