@import "bootstrap/bootstrap.min.css?cssVer=Sapphire";
@import "https://fonts.googleapis.com/css?family=Roboto&display=swap";
@import "Themes/Themes.css";

.top5 {
    margin-top: 5px !important;
}

.top7 {
    margin-top: 7px !important;
}

.top10 {
    margin-top: 10px !important;
}

.top15 {
    margin-top: 15px !important;
}

.top20 {
    margin-top: 20px !important;
}

.top30 {
    margin-top: 30px !important;
}

.top40 {
    margin-top: 40px !important;
}

.top50 {
    margin-top: 50px !important;
}

.LsLiteGrid {
    width: 100% !important;
}

    .LsLiteGrid table {
        border-radius: 10px !important;
        border: 1px solid var(--body-outline);
    }

.RadGrid_Default.transaction-grid {
    border: none;
    border-radius: 10px !important;
    font-family: var(--primary-font);
}

    .RadGrid_Default.transaction-grid .rgAltRow {
        background-color: transparent;
    }

        .RadGrid_Default.transaction-grid .rgRow > td,
        RadGrid_Default.transaction-grid .rgRow > td,
        .RadGrid_Default.transaction-grid .rgAltRow > td,
        .RadGrid_Default.transaction-grid .rgEditRow > td,
        .RadGrid_Default.transaction-grid .rgFooter > td {
            border-width: 0;
        }

    .LsLiteGrid.filled-in-header thead tr {
        background-color: var(--body-outline);
    }

    .LsLiteGrid tr:first-child th:first-child {
        border-top-left-radius: 10px;
    }

    .LsLiteGrid tr:first-child th:last-child {
        border-top-right-radius: 10px;
    }

.RadGrid_Bootstrap .rgHeader {
    background-color: transparent !important;
}

.RadGrid_Bootstrap .rgAltRow > td, .RadGrid_Bootstrap .rgRow > td, .RadGrid_Bootstrap th {
    background-color: transparent !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    height: 64px;
    color: inherit !important;
    border-color: inherit !important;
}

.RadGrid_Bootstrap tbody tr:last-child > td, .RadGrid_Bootstrap .rgPager > td, .LsLiteGrid .rgPager table {
    border-width: 0px !important;
}

.LsLiteGrid .rgPager table {
    border-radius: 10px;
}

.RadGrid_Bootstrap th {
    font-weight: bold !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.RadGrid_Bootstrap .rgHeader a {
    color: var(--text-color) !important;
}

.tab-strip .rtsLI a, .heavy-borders {
    white-space: normal;
}

.selected-tab {
    background-color: var(--main-color) !important;
    color: var(--text-on-main-color) !important;
}

.RadTabStrip.tab-strip .rtsLink {
    border: solid 1px var(--main-color) !important;
    border-collapse: collapse !important;
    margin-bottom: -1px;
    margin-left: 5px;
    padding: 10px !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    height: 4em;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.tab-strip .rtsFirst .rtsLink {
    margin-left: 0px;
}

.tab-strip .rtsLevel1 {
    border-bottom: solid 1px var(--main-color) !important;
}

.tab-page {
    border: solid 1px var(--main-color);
    border-top: none;
    border-collapse: collapse;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
    height: auto !important;
}

/* Content Program Card Styling */
.program-cards .card {
    margin-right: 10px;
    margin-top: 10px;
    max-width: 250px;
}

    .program-cards .card:last-of-type {
        margin-right: 0;
    }

    .program-cards .card input {
        display: block;
        margin: 0 auto;
    }

.bot10 {
    margin-bottom: 10px !important;
}

.bot20 {
    margin-bottom: 20px !important;
}

.bot100 {
    margin-bottom: 100px !important;
}

.card-header {
    background-color: transparent;
}

.form-control-inline {
    width: auto;
    display: inline-block;
}

@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}

.clear-footer {
    background-color: transparent;
    border-top: none;
}

.btn.btn-reduced-padding {
    padding: 8px 12px !important;
}

.RadButton_Default.k-switch-off .k-switch-container,
.RadButton_Default.k-switch-on .k-switch-container,
.RadButton_Default.k-switch-off .k-switch-handle,
.RadButton_Default.k-switch-on .k-switch-handle {
    line-height: normal;
}


/* Set up counter */
.main-list {
    counter-reset: section;
}

    .main-list > li {
        counter-increment: section;
    }

        .main-list > li::marker {
            content: counter(section) ". ";
            font-weight: bold;
        }
    /* First nested level (e.g., 2.1, 2.2) */
    .main-list ol {
        counter-reset: sub-section;
        margin-left: 20px; /* Indentation for sub-level */
        padding-left: 10px;
    }

        .main-list ol > li {
            counter-increment: sub-section;
        }

            .main-list ol > li::marker {
                content: counter(section) "." counter(sub-section) " ";
            }

        /* Second nested level (e.g., 2.2.1, 2.2.2) */
        .main-list ol ol {
            counter-reset: sub-sub-section;
            margin-left: 30px; /* Further indentation */
            padding-left: 10px;
        }

            .main-list ol ol > li {
                counter-increment: sub-sub-section;
            }

                .main-list ol ol > li::marker {
                    content: counter(section) "." counter(sub-section) "." counter(sub-sub-section) " ";
                }