::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    z-index: 1 !important;
}

body {
    margin: 0 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.02rem !important;
    color: #6e6b7b !important;
    background-color: #f8f8f8 !important;
    -webkit-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: rgba(34, 41, 47, 0) !important;
}

.mud-appbar-fixed-top {
    position: fixed;
    background-color: #ffffff !important;
    box-shadow: 9px 15px 20px 8px rgb(34 41 47 / 5%) !important;
}

.mud-nav-link.active:not(.mud-nav-link-disabled) {
    color: #fff !important;
    background: linear-gradient(118deg, #7367f0, rgba(115, 103, 240, 0.7)) !important;
    box-shadow: 0 0 10px 1px rgb(115 103 240 / 70%) !important;
    border-radius: 5px !important;
}

    .mud-nav-link.active:not(.mud-nav-link-disabled) svg {
        color: #fff !important;
    }

.mud-appbar-expanded-side-bar {
    color: #6c6b6b !important;
}

.mud-appbar-closed-side-bar {
    color: #6c6b6b !important;
}

    .mud-appbar-expanded-side-bar .mud-toolbar-appbar,
    .mud-appbar-closed-side-bar .mud-toolbar-appbar {
        justify-content: end !important;
        height: 62.375px !important;
    }

.mud-main-content {
    padding-top: 62.375px !important;
}

.mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) {
    border-inline-end-width: 0 !important;
    background: linear-gradient(118deg,#7367F0,rgba(115,103,240,.7));
    box-shadow: 0 0 10px 1px rgba(115,103,240,.7);
    color: #fff !important;
}

.header-navbar-shadow {
    display: block !important;
    background: linear-gradient(180deg, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0)) !important;
    padding-top: 2.2rem !important;
    background-repeat: repeat !important;
    width: 100% !important;
    height: 102px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 11 !important;
}

.footer-navbar-shadow {
    display: block !important;
    background: linear-gradient(0deg, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0)) !important;
    padding-top: 2.2rem !important;
    background-repeat: repeat !important;
    width: 100% !important;
    height: 102px !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
}

.card {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    min-width: 0 !important;
    word-wrap: break-word !important;
    background-color: #fff !important;
    background-clip: border-box !important;
    border: 0 solid rgba(34, 41, 47, 0.125) !important;
    border-radius: 0.428rem !important;
    margin-bottom: 2rem !important;
    box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
    transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s !important;
}

.document-table .mud-table-cell, .module-table .mud-table-cell {
    padding: 0 !important;
}

.mud-table-head tr.mud-table-row .mud-table-cell {
    padding: 16px !important;
}

th.mud-table-cell.mud-table-cell-custom-group {
    padding: 10px !important;
}

.mud-switch.mud-disabled {
    color: var(--mud-palette-text-disabled) !important;
    cursor: default !important;
    margin: 0 !important;
}

.toggle-table
.mud-table-cell {
    padding: 0 !important;
    padding-inline-start: 16px !important;
    padding-inline-end: 24px !important;
}

.nottoggle-table
.mud-table-cell {
    padding: 9px 24px 9px 16px !important;
}

    .card {
        margin-bottom: 2rem !important;
        box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
        transition: all 0.3s ease-in-out, background 0s, color 0s, border-color 0s !important;
    }

.card-body {
    flex: 1 1 auto !important;
    padding: 1.5rem 1.5rem !important;
}

.card-header {
    margin-bottom: 0 !important;
    padding: 0.75rem 1rem !important;
    border-bottom: 0.75px solid rgba(0, 0, 0, .05) !important;
    background-color: #ffff !important;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-align: center !important;
    height: 60px;
    color: #636363;
}

.mud-navmenu {
    padding: 3.9px !important;
}

.footer {
    background: #fff8f8 !important;
    position: fixed !important;
    z-index: 3 !important;
    padding: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    width: calc(100% - var(--mud-drawer-width-left)) !important;
    margin-left: 0 !important;
}

.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never .footer {
    width: calc(100% - var(--mud-drawer-width-mini-left)) !important;
    margin-left: var(--mud-drawer-width-mini-left) !important;
}

.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never .mud-container-maxwidth-lg {
    width: calc(100% - var(--mud-drawer-width-mini-left)) !important;
    margin-left: var(--mud-drawer-width-mini-left) !important;
}

@media (min-width: 300px) {

    .mud-drawer-open-mini-sm-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: var(--mud-drawer-width-left) !important;
        width: calc(100% - var(--mud-drawer-width-left)) !important;
    }
}

@media (min-width: 300px) {
    .mud-drawer-open-mini-sm-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left) !important;
    }
}

.mud-footer-expanded-side-bar {
    background: #fff8f8 !important;
    padding: 0 18px !important;
    position: fixed !important;
    z-index: 3 !important;
    bottom: 0 !important;
    height: 30px;
    right: 0 !important;
    width: calc(100% - var(--mud-drawer-width-left)) !important;
}

.mud-footer-closed-side-bar {
    background: #fff8f8 !important;
    padding: 0 18px !important;
    position: fixed !important;
    z-index: 3 !important;
    padding: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    height: 30px;
    width: calc(100% - var(--mud-drawer-width-mini-left)) !important;
    margin-left: var(--mud-drawer-width-mini-left) !important;
}

.mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed {
    box-shadow: none !important;
    left: 56px !important;
}

.elevation {
    box-shadow: 0 0 20px 2px rgb(34 41 47 / 5%) !important;
}

.mud-drawer.mud-drawer-mini.mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left) !important;
}

.mud-nav-link {
    width: 100% !important;
    font-weight: 400 !important;
    padding: 10px 11px !important;
    color: #84828e !important;
    line-height: 1.5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-transform: none !important;
    background-color: transparent !important;
    transition: background-color 250ms cubic-bezier(.4,0,.2,1) 0ms,box-shadow 250ms cubic-bezier(.4,0,.2,1) 0ms,border 250ms cubic-bezier(.4,0,.2,1) 0ms;
}

.subnavlink .mud-nav-link .mud-nav-link-text {
    line-height: 1.45 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-transform: initial !important;
    padding: 0 10px !important;
}

.drawernavitem {
    padding: 0px 12px !important;
}

.navheading .mud-nav-link.mud-nav-link-disabled {
    font-weight: 500 !important;
    display: block !important;
    color: #b1afba !important;
    font-size: 0.9rem !important;
}

.mud-nav-link .mud-nav-link-text {
    margin-left: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}

.mud-drawer-close-mini-sm-left .mud-main-content {
    margin-left: var(--mud-drawer-width-mini-left) !important;
}

.card .card-header .content-header-title {
    font-weight: 500;
    color: #636363;
    padding-right: 1rem;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
    color: #a4a1b0 !important;
    font-size: 0.857rem;
}

.mud-picker-inline.mud-picker-input-button .mud-input, .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
    cursor: pointer;
}

.mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding-right: 0;
    padding-inline-end: 0;
    padding-inline-start: 14px;
    color: #6E6B7B;
}

.mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding: 0.571rem 1rem;
    color: #6E6B7B;
    font-size: 0.95rem;
}

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: #6E6B7B;
}

.mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px,10px) scale(1);
}

.orders .card .card-body .card-title {
    padding-left: 16px !important;
    color: #817e7e;
    font-size: 0.95rem;
}

.mud-table-sort-label {
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: inherit !important;
    justify-content: flex-start !important;
    min-width: 150px !important;
    min-height: 28px !important;
    font-size: 0.85rem;
    font-weight: 600;
    color: #636363;
}

.button-footer {
    background-color: #fff;
}

.mud-grid-item .mud-icon-button-color-inherit:hover {
    background-color: white;
}

.codeline .mud-input > input.mud-input-root:disabled, div.mud-input-slot.mud-input-root:disabled {
    padding: 0.571rem 0.6rem 0.571rem 0.6rem;
    color: #6E6B7B;
    font-size: 0.95rem;
}

.codeline .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(13.5px,-6px) scale(.75);
}

.codeline .mud-input-label-outlined {
    padding: 0;
}

.misc-wrapper {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (max-height: 625px) {
    .misc-wrapper .misc-inner {
    }
}

.misc-wrapper .misc-inner {
    position: relative;
    max-width: 750px;
}

@media (min-width: 576px) {
    .p-sm-3 {
        padding: 3rem !important;
    }
}


.mud-tab {
    font-weight: 700 !important;
}

@media (min-width: 1280px) {
    .mud-container-maxwidth-lg {
        max-width: 2522px !important;
    }
}

.mud-table-loading {
    position: inherit !important;
}

.emptyrow {
    height: 30px;
}

.mt---2 {
    margin-top: -2rem !important;
}

.mud-table-empty-row .my-3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 10px;
}

.mud-table-loading .mud-table-loading-progress {
    position: relative !important;
    width: 100%;
}

.mud-list-item-gutters {
    padding-left: 13px;
    padding-right: 13px;
}

.mud-dialog-actions button.mud-button-root.mud-button.mud-button-filled {
    margin-right: 5px;
}

.Doc .mud-switch {
    display: flex;
    justify-content: center;
}

.logindivider .mud-divider {
    border-color: #978887 !important;
}


.tablehead {
    min-width: 100px;
    padding: 0;
    text-align: start;
    margin: 0 !important;
}


.currentUser {
    font-weight: 400;
    font-size: 12px;
    color: #212529d1;
}

.drawerIcons .mud-icon-button:hover, .mud-icon-button:focus-visible {
    background-color: inherit !important;
}

.disableToggle {
    pointer-events: none;
}

.mud-icon-button:hover, .mud-icon-button:focus-visible {
    background-color: inherit !important;
}


.ccode .mud-input-label.mud-input-label-animated.mud-input-label-outlined.mud-input-label-margin-dense.mud-disabled.mud-input-label-inputcontrol {
    font-size: 11px !important;
    padding-right: 0 !important;
}


.dialogtable {
    padding-top: 20px;
    padding-bottom: 10px;
    border: 1px solid #aea9f9;
    border-radius: 6px;
}

.auditlogDialog .mud-dialog-title {
    padding-bottom: 0 !important;
}

.companyimage-size {
    width: 163px !important;
    height: 59px !important;
}

.ordercardbody {
    padding: 1.75rem 0 0 0 !important;
}

.supscriptionTable td.mud-table-cell {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.buy-now {
    position: fixed;
    bottom: 5%;
    right: 79px;
    z-index: 1031;
}

    .buy-now .shopicon {
        box-shadow: 0 1px 20px 12px #8bdef6 !important;
    }

.shopicon {
    background-color: #efefef !important;
}

    .shopicon:hover {
        background-color: #efefef !important;
        box-shadow: none !important;
    }

.buy-now .btn:hover {
    box-shadow: none !important;
}

.loginHscode {
    /*    width:80%;
    height:95%;*/
    height: 100%;
    background-image: url('../images/loginbg1.png');
    overflow-y: scroll;
}

.tooltipcontent {
    height: 40px;
    width: 100px;
}

    .tooltipcontent h5 {
        color: white;
    }

.tootiptag {
    color: #8bdef6 !important;
}

.declaritonterms p {
    font-size: 14px !important;
    font-family: Calibri !important;
    color: rgb(0,0,0) !important;
}


ol li span b {
    color: rgb(0,0,0) !important;
    font-weight: 700;
}

ol li span a {
    text-decoration: underline !important;
}

.registercontent b {
    font-weight: bold !important;
}

.permissiotext .mud-input-helper-text {
    color: red !important;
}

.mud-input-text-right .mud-input-root {
    text-align: right;
}
.mud-dialog .mud-dialog-title {
    padding-right: 50px !important;
}