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

.nm-grid-gen {
    background-color: #F0F0F0;
    color: #213f43;
}

    .nm-grid-gen .k-grid-header th span:has(.nm-cmp) {
        color: #352858 !important;
        background-color: #d3cbe7 !important;
    }

        .nm-grid-gen .k-grid-header th span:has(.nm-cmp) div {
            color: #352858 !important;
            background-color: #d3cbe7 !important;
        }

    .nm-grid-gen .k-table-row td.k-table-td:has(.nm-cmp) {
        color: #352858 !important;
        background-color: #d3cbe7 !important;
    }

        .nm-grid-gen .k-table-row td.k-table-td:has(.nm-cmp) div {
            color: #352858 !important;
            background-color: #d3cbe7 !important;
        }

    .nm-grid-gen.nm-grid-editable .k-table-tbody .k-table-row {
        height: 3rem !important;
    }

    .nm-grid-gen.nm-cmp {
        background-color: #F0F0F0;
        color: #352858;
    }

        .nm-grid-gen.nm-cmp table th {
            color: #352858;
            background-color: #d3cbe7;
            font-weight: 600;
        }

            .nm-grid-gen.nm-cmp table th .k-grid-header-menu {
                color: #352858 !important;
            }

                .nm-grid-gen.nm-cmp table th .k-grid-header-menu:hover {
                    color: #d3cbe7 !important;
                    background-color: #352858 !important;
                }

            .nm-grid-gen.nm-cmp table th.k-sorted {
                color: #352858;
                background-color: #d3cbe7;
            }

    .nm-grid-gen table th {
        color: #213f43;
        background-color: #bad8dc;
        font-weight: 600;
    }

        .nm-grid-gen table th .k-grid-header-menu {
            color: #213f43 !important;
        }

            .nm-grid-gen table th .k-grid-header-menu:hover {
                color: #bad8dc !important;
                background-color: #213f43 !important;
            }

        .nm-grid-gen table th.k-sorted {
            color: #213f43;
            background-color: #bad8dc;
        }

    .nm-grid-gen.k-grid td.k-selected,
    .nm-grid-gen.k-grid th.k-selected,
    .nm-grid-gen.k-grid tr.k-selected,
    .nm-grid-gen.k-grid td.k-state-selected,
    .nm-grid-gen.k-grid th.k-state-selected,
    .nm-grid-gen.k-grid tr.k-state-selected {
        color: #FFF;
        background-color: rgba(33, 63, 67, 0.5);
    }

        .nm-grid-gen.k-grid td.k-selected > td,
        .nm-grid-gen.k-grid th.k-selected > td,
        .nm-grid-gen.k-grid tr.k-selected > td,
        .nm-grid-gen.k-grid td.k-state-selected > td,
        .nm-grid-gen.k-grid th.k-state-selected > td,
        .nm-grid-gen.k-grid tr.k-state-selected > td {
            color: #FFF;
            background-color: rgba(33, 63, 67, 0.5);
        }

        .nm-grid-gen.k-grid td.k-selected.nm-cmp,
        .nm-grid-gen.k-grid th.k-selected.nm-cmp,
        .nm-grid-gen.k-grid tr.k-selected.nm-cmp,
        .nm-grid-gen.k-grid td.k-state-selected.nm-cmp,
        .nm-grid-gen.k-grid th.k-state-selected.nm-cmp,
        .nm-grid-gen.k-grid tr.k-state-selected.nm-cmp {
            color: #FFF;
            background-color: rgba(53, 40, 88, 0.5);
        }

            .nm-grid-gen.k-grid td.k-selected.nm-cmp > td,
            .nm-grid-gen.k-grid th.k-selected.nm-cmp > td,
            .nm-grid-gen.k-grid tr.k-selected.nm-cmp > td,
            .nm-grid-gen.k-grid td.k-state-selected.nm-cmp > td,
            .nm-grid-gen.k-grid th.k-state-selected.nm-cmp > td,
            .nm-grid-gen.k-grid tr.k-state-selected.nm-cmp > td {
                color: #FFF;
                background-color: rgba(53, 40, 88, 0.5);
            }

        .nm-grid-gen.k-grid td.k-selected.nm-alt,
        .nm-grid-gen.k-grid th.k-selected.nm-alt,
        .nm-grid-gen.k-grid tr.k-selected.nm-alt,
        .nm-grid-gen.k-grid td.k-state-selected.nm-alt,
        .nm-grid-gen.k-grid th.k-state-selected.nm-alt,
        .nm-grid-gen.k-grid tr.k-state-selected.nm-alt {
            color: #FFF;
            background-color: rgba(124, 35, 80, 0.5);
        }

            .nm-grid-gen.k-grid td.k-selected.nm-alt > td,
            .nm-grid-gen.k-grid th.k-selected.nm-alt > td,
            .nm-grid-gen.k-grid tr.k-selected.nm-alt > td,
            .nm-grid-gen.k-grid td.k-state-selected.nm-alt > td,
            .nm-grid-gen.k-grid th.k-state-selected.nm-alt > td,
            .nm-grid-gen.k-grid tr.k-state-selected.nm-alt > td {
                color: #FFF;
                background-color: rgba(124, 35, 80, 0.5);
            }

    .nm-grid-gen .k-alt {
        background-color: #bad8dc;
    }

    .nm-grid-gen .nm-alt {
        background-color: #f5dce9;
    }

        .nm-grid-gen .nm-alt .k-alt {
            background-color: #e5a0c3;
        }

    .nm-grid-gen .nm-cmp {
        background-color: #9785C7;
    }

        .nm-grid-gen .nm-cmp .k-alt {
            background-color: #6a51af;
        }

    .nm-grid-gen .nm-highlight {
        background-color: #FFF7AA;
        color: #000;
    }

        .nm-grid-gen .nm-highlight.k-table-row:hover {
            background-color: #E8E294;
        }

        .nm-grid-gen .nm-highlight.k-table-row.k-alt {
            background-color: #D4CB6A;
        }

            .nm-grid-gen .nm-highlight.k-table-row.k-alt:hover {
                background-color: #BCB653;
            }

    .nm-grid-gen .nm-err {
        background-color: #ffcccc !important;
        color: #ff0000 !important;
    }

        .nm-grid-gen .nm-err .k-alt {
            background-color: #ffcccc !important;
        }

    .nm-grid-gen .nm-disabled {
        background-color: #F8F8F8 !important;
        color: #B0B0B0 !important;
    }

    .nm-grid-gen .k-window .k-window-titlebar {
        color: #bad8dc !important;
        background-color: #213f43 !important;
    }

        .nm-grid-gen .k-window .k-window-titlebar .k-window-title {
            font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
            font-size: 1.6rem !important;
            font-weight: 400 !important;
            line-height: 1rem !important;
            text-align: left !important;
            color: #bad8dc !important;
        }

        .nm-grid-gen .k-window .k-window-titlebar .nm-cmp {
            color: #d3cbe7 !important;
            background-color: #352858 !important;
        }

        .nm-grid-gen .k-window .k-window-titlebar .nm-alt {
            color: #f5dce9 !important;
            background-color: #7c2350 !important;
        }

    .nm-grid-gen .k-window .k-window-content {
        color: #213f43 !important;
        background-color: #bad8dc !important;
    }

        .nm-grid-gen .k-window .k-window-content .nm-cmp {
            color: #352858 !important;
            background-color: #d3cbe7 !important;
        }

        .nm-grid-gen .k-window .k-window-content .nm-alt {
            color: #7c2350 !important;
            background-color: #f5dce9 !important;
        }

.nm-btn-grid {
    width: 8rem!important;
}