html {
    font-size: 14px !important;
    background-color: rgb(233, 236, 239) !important;
}

@media (min-width: 768px) {
    html {
        font-size: 14px !important;
        background-color: rgb(233, 236, 239);
    }
}


/* Telerik */
.k-radio-label {
    font-weight: 400 !important;
    margin-left: 0.25rem !important;
}

.k-form-error {
    font-size: 16px !important;
}

.gridSmall .k-table-md {
    font-size: 0.8rem !important;
}

.k-input-solid:focus-within {
    color: #495057;
    background-color: #fff;
    border-color: #00c0ff !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 96, 127, 0.25) !important;
}

.k-disabled {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}

.k-input-solid {
    color: #495057 !important;
}

.k-popover-header .success {
    background-color: green;
}

.k-checkbox:checked.k-disabled {
    background-color: #0d6efd !important;
}

.k-table-sm {
    font-size: 12px !important;
}

/* Admin LTE */
.login-box, .register-box {
    width: 460px !important;
}

/* Custom */
.loading-section {
    text-align: center;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .loading-section h2 {
        color: #1c7cd5
    }

.loader-dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #1c7cd5;
    display: inline-block;
    -webkit-animation: grow 2.1s infinite ease-in-out both;
    animation: grow 2.1s infinite ease-in-out both
}

    .loader-dot.dot1 {
        -webkit-animation-delay: -0.96s;
        animation-delay: -0.96s
    }

    .loader-dot.dot2 {
        -webkit-animation-delay: -0.48s;
        animation-delay: -0.48s
    }

.login-page {
    height: 75vh !important;
}

/* Bootstrap */

.form-label-sm {
    font-size: 0.875rem;
}

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

.navbar-dark .navbar-nav .nav-link {
    color: #ffc843 !important;
}

.content-wrapper {
    background-color: #e9ecef !important;
}

/* Blazor Bootstrap */

.bb-sidebar nav .nav-item a.active {
    background-color: #E09D12 !important;
    color: #000000 !important;
    font-weight: 600;
}

.bb-sidebar nav .nav-item.nav-item-group:has(.nav-link.active) a:hover {
    color: #032441 !important;
}

.navbar > .container-fluid.ps-3 {
    padding-left: 0 !important;
}

/*.bb-sidebar nav .nav-item.nav-item-group.active .nav-item {
    background-color: #dbb465;
}*/

/*.bb-sidebar nav .nav-item.nav-item-group.active a:hover {
    color: #032441 !important;
}*/

/*.bb-sidebar nav .nav-item.nav-item-group.active {
    background-color: var(--bb-sidebar-nav-item-group-background-color);
}*/


/*Telerik Grid Styling*/
.grid-no-scroll .k-grid-content {
    overflow-y: auto;
}

.grid-no-scroll .k-grid-header,
.grid-no-scroll .k-grid-footer {
    padding-right: 0; /* version 2.26 and older requires !important here */
}

.grid-no-scroll .k-grid-header-wrap,
.grid-no-scroll .k-grid-footer-wrap {
    border-right-width: 0;
}

.center-first-column th:first-child,
.center-first-column td:first-child {
    text-align: center;
}

.center-last-column th:last-child,
.center-last-column td:last-child {
    text-align: center;
}

.k-listview-content {
    overflow: inherit !important;
}
/*********************/

/*Service Member Info*/
.max-col {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.member-info-row {
    padding: 0 10px 0 10px;
}

.row-center {
    align-items: baseline;
    justify-content: center;
}