@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');

:root {
    --nx-font-family: "Mona Sans", sans-serif;
}

body {
    font-family: var(--nx-font-family) !important;
}

button, .mud-input-slot, .mud-input-control, .mud-select, p {
    font-family: var(--nx-font-family) !important;
}
.login-outer {
    position: absolute;
    height: 100vh;
    top: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    display: flex;
    align-items: stretch;
    width: 100%;
    background-color: var(--mud-palette-background);
}

.login-left {
    flex: 1;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    border-radius: 0;
    background-color: var(--mud-palette-background);
}

.login-inner {
    border: 2px solid var(--mud-palette-table-lines);
    width: 30rem;
    max-width: 30rem;
    padding: 1.5rem;
    margin: 1.5rem;
    border-radius: 0.6rem;
    padding-bottom: 0;
    overflow: hidden;
    background-color: var(--mud-palette-surface);
}

    .login-inner .mud-icon-root.mud-svg-icon {
        fill: var(--mud-palette-drawer-icon);
    }

.login-right {
    flex: 1;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mud-palette-primary);
    border-radius: 0 0 0 10rem;
}

    .login-right h4 {
        color: var(--mud-palette-surface);
    }

    .login-right p {
        color: var(--mud-palette-surface);
        opacity: 0.8;
    }

.login-forget-link {
    display: block;
    text-align: center;
    padding-top: 1rem;
    border-top: 1px solid var(--mud-palette-table-lines);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: 1.5rem;
    padding-bottom: 1rem;
    background-color: var(--mud-palette-background);
}

.login_pass {
    position: relative;
}

    .login_pass .view-pass {
        position: absolute;
        top: 10px;
        right: 10px;
    }

.mud-drawer-header {
    background-color: var(--mud-palette-primary);
}

    .mud-drawer-header h5 {
        font-weight: 500;
        color: #fff;
    }

.mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 1.5rem;
}

.text-capitalize {
    text-transform: capitalize;
}

.tbl-search {
    background-color: var(--mud-palette-background);
    margin: 0;
    margin-right: 0.4rem;
}

.mud-nav-link {
    background-color: transparent !important;
    border-right: 0.15rem solid transparent;
    line-height: 1.85rem;
    display: flex;
    align-items: center;
}

    .mud-nav-link:hover {
        background-color: var(--mud-palette-background) !important;
        color: #2B3674;
        border-right: 0.15rem solid var(--mud-palette-primary);
    }

    .mud-nav-link .mud-nav-link-text {
        font-size: 0.9rem !important;
        font-weight: 500 !important;
    }

    .mud-nav-link .mud-icon-size-medium {
        font-size: 1.25rem;
        min-width: 20px;
        max-width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mud-nav-link.active {
        background-color: var(--mud-palette-background) !important;
        color: var(--mud-palette-primary);
        border-right: 0.15rem solid var(--mud-palette-primary);
    }

        .mud-nav-link.active svg {
            fill: var(--mud-palette-primary);
        }

    .mud-nav-link .mud-nav-link-text {
        margin-left: .5rem !important;
    }

.page_top_heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.563rem;
    background-color: transparent !important;
}

.right-model-header {
    background-color: var(--mud-palette-primary);
    color: white;
    padding: 0.625rem 1rem;
    align-items: center;
    justify-content: space-between;
}

.right-model-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.right-model-form .mud-input-control {
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

.right-model-form .mud-input-number-control {
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

.right-model-form .mud-input-control.mud-file-upload {
    margin: 0 !important;
}

.right-model-form > .mudex-richtexteditor {
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

.right-model-body .mud-select {
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

    .right-model-body .mud-select > .mud-input-control {
        margin: 0 !important;
    }

.right-model-body .mud-picker {
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}

    .right-model-body .mud-picker > .mud-input-control {
        margin: 0 !important;
    }

.mud-checkbox p {
    font-size: 0.875rem !important;
    color: var(--mud-palette-drawer-icon) !important;
}

.mud-input-label {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

.mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
    border-color: var(--mud-palette-primary) !important;
}

.right-model-body {
    padding: 1rem;
}

.mud-input-root {
    font-size: 0.875rem !important;
    padding: 0.7rem 1.2rem !important;
    font-weight: 500 !important;
    color: var(--mud-palette-drawer-icon) !important;
    font-family: var(--nx-font-family) !important;
}


.right-model-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--mud-palette-background);
    border-top: 0.12rem solid var(--mud-palette-table-lines);
    padding: 0.625rem 1rem;
}


.auto-center-last th:last-child,
.auto-center-last td:last-child {
    text-align: center !important;
    vertical-align: middle !important;
    width: 10rem;
}

    .auto-center-last th:last-child .column-header {
        text-align: center !important;
        vertical-align: middle !important;
        justify-content: center;
    }



.border {
    border-color:var(--mud-palette-table-lines);
}
.mud-table-head {
    background-color: var(--mud-palette-background);
}

    .mud-table-head th {
        border-top: 1px solid var(--mud-palette-table-lines);
        padding-top: 0.55rem !important;
        padding-bottom: 0.55rem !important;
    }

.tbl-action-btn-set {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
    padding: 0.25rem;
}

    .tbl-action-btn-set .mud-svg-icon {
        font-size: 1rem !important;
    }


.mud-tabs-tabbar {
    background-color: var(--mud-palette-background);
    margin-top: 1.563rem;
    display: flex;
    justify-content: center;
}
.mud-tabs-tabbar-inner {
    display: inline-flex;
    border: 2px solid var(--mud-palette-table-lines);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-radius: 3rem;
    background-color: var(--mud-palette-surface);
}
.mud-tab{
text-transform:capitalize;
}



@media (max-width: 600px) {
    .mud-xs-table .mud-table-row .mud-table-cell:last-child {
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .login-right {
        display: none;
    }
}