/*=================================== FONTS ===================================*/

/*=================================== FONTS ===================================*/

/*============================ VARIABLES START ================================*/
:root {
    --ezr-bgbody-color: var(--mud-palette-background);
    --mud-appbar-height: 56px !important;
    --mud-footerbar-height: 56px !important;
    --appbar-pattern: url(../img/head-pattern1.png);
    --adani-gradient: linear-gradient(90deg, #0080A3, #3351A9, #65389B, #892592, #AA2D72, #BF365B);
    --ezr-tablehead-gradient: linear-gradient(90deg, #52579C, #6066B6);
}

/*============================ VARIABLES END ================================*/
.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.bg-transparent {
    background-color: transparent !important;
}

.w-100 {
    width: 100%;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.footer-section {
    background-color: rgba(var(--ezrsecondary-rgb), 0.1);
    color: var(--ezr-text-color);
    padding: 0.375rem 1rem;
}

.h-auto {
    height: auto !important;
}

.w-100 {
    width: 100% !important;
}

/*============================ LANDING START ==============================*/
.hero-section {}

.hero-section .hero-subtitle {}

.hero-section .hero-title {
    -webkit-text-fill-color: var(--ezr-text-color);
    line-height: 1;
    font-size: clamp(2.65rem, -3.2422rem + 12.5vw, 4.5rem);
}

.hero-section .hero-subtitle {
    line-height: 1.2
}

.hero-section .hero-title span {
    background: linear-gradient(82deg, rgba(var(--ezrprimary-rgb), 0.7) 0%, rgba(var(--ezrprimary-rgb), 1.0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

.hero-section .hero-description {
    color: var(--ezr-textlight-color);
}

.hero-section .mud-button {
    text-transform: uppercase
}

@media (min-width: 768px) {
    .hero-section .mud-button {
        width: 30%
    }
}

@media (max-width: 767px) {
    .hero-section {
        height: calc(100vh + 2rem);
        padding: 2rem 0;
        align-items: flex-start;
    }

    .hero-section .mud-button {
        width: 80%
    }
}

/*============================ LANDING END ================================*/




/*------------------------------- Blazor START -------------------------------*/

/* .valid.modified:not([type=checkbox]) {outline: 1px solid #26b050;} */
/* .invalid {outline: 1px solid red;} */
.validation-message {
    color: red;
    font-size: 0.75rem;
}

.loading-progress {
    position: relative;
    display: block;
    width: 8rem;
    height: 8rem;
    margin: 20vh auto 1rem auto;
}

.loading-progress circle {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}

.loading-progress circle:last-child {
    stroke: #1b6ec2;
    stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
    transition: stroke-dasharray 0.05s ease-in-out;
}

.loading-progress-text {
    position: absolute;
    text-align: center;
    font-weight: bold;
    inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
}

.loading-progress-text:after {
    content: var(--blazor-load-percentage-text, "Loading");
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

/*------------------------------- Blazor END -------------------------------*/

/*------------------------------- Mudblazor START -------------------------------*/


.h-auto {
    height: auto !important;
}

.w-100 {
    width: 100% !important;
}

.mud-input>input.mud-input-root,
div.mud-input-slot.mud-input-root {
    font-family: var(--ezr-primaryfont) !important;
}


.BodyWrapper.full-height {
    min-height: calc(100vh - var(--mud-appbar-height) - var(--mud-footerbar-height));
}

.FooterWrappper {
    padding: 0.75rem;
    background-color: var(--mud-palette-appbar-background);
    height: var(--mud-footerbar-height);
}

.mud-layout>.mud-progress-linear {
    z-index: 1700;
}

.mud-layout .mud-main-content {
    padding-top: var(--mud-appbar-height);
}

/*----- APPBAR HEADER --------*/

.adanigradient {
    background: var(--adanigradient);
    --mud-palette-divider: rgba(255, 255, 255, 0.2);
}

footer.mud-appbar {
    position: sticky;
    bottom: 0px;
}

.appbar-header.mud-appbar .appbar-pageheading .appbar-brand {
    height: 100%;
    background-color: var(--ezronprimary);
}

.appbar-header.mud-appbar .appbar-pageheading .appbar-brand .appbar-brand-image {
    padding: 0.25rem;
    border-radius: 0.275rem;
    height: 42px !important;
}

.appbar-header.mud-appbar .appbar-pageheading .appbar-brand .appbar-brand-text {
    font-size: 1.5rem;
    line-height: normal;
}

.appbar-header.mud-appbar .appbar-right .company-brand {
    height: 100%;
    width: 200px;
    background-color: var(--ezronprimary);
}

.appbar-header.mud-appbar .appbar-right .company-brand img {
    width: 100%;
    height: 100%;
}

.appbar-navmenu {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
}

.appbar-navmenu .mud-nav-item {}

.appbar-navmenu .mud-nav-item .mud-nav-link {
    background-color: #D65E7E;
    color: #FFFFFF;
    height: 38px;
    width: 300px;
    padding: 0 0.75rem;
    align-self: center;
    font-weight: 600 !important;
}

.appbar-navmenu .mud-nav-item .mud-nav-link .mud-nav-link-text {
    line-height: 1.2;
    font-size: 0.95rem;
    text-align: center;
    margin: 0;
    letter-spacing: var(--ezr-letterspacing-medium);
    align-self: center;
    white-space: nowrap;
}

.appbar-navmenu .mud-nav-item .mud-nav-link:is(.active, :hover, :active, :focus) {
    color: var(--ezr-text-color) !important;
    background-color: var(--ezronprimary) !important;
}

.appbar-header.mud-appbar .appbar-navlink {
    width: 180px;
    height: calc(100% - 0.75rem);
    line-height: 1.2;
    text-align: center;
}

.appbar-header.mud-appbar .appbar-navlink.active {
    color: var(--ezr-text-color);
    background-color: var(--ezronprimary);
}


/*---- MENU START ----*/
.appbar-dropdown .mud-list {
    box-shadow: 0 .15rem 0.85rem rgba(0, 0, 0, .1);
}

.appbar-dropdown .mud-list .mud-list-item {
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 150px;
}

.appbar-dropdown .mud-list .mud-list-item .mud-list-item-icon {
    margin-right: .5rem;
    min-width: auto;
}

.appbar-dropdown .mud-list .mud-list-item .mud-list-item-icon .mud-svg-icon {
    font-size: 1.25rem;
}

.appbar-dropdown .mud-list .mud-list-item .mud-list-item-text .mud-typography {
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
}

/*---- MENU END ----*/
/*---- POPOVER START ----*/
.custom-popover {
    width: 450px;
    padding: 0rem !important;
}

.custom-popover .popover-header {
    padding: 0.375rem 0.75rem;
    background-color: var(--mud-palette-grey-lighter);
}

.custom-popover .popover-header .popover-title {
    font-weight: 600;
    font-family: var(--ezr-secondaryfont);
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.custom-popover .popover-footer {
    padding: 0.75rem;
    text-align: right;
}

.custom-popover .popover-body {
    padding: 0.75rem 0.75rem 0 0.75rem;
}

/*---- POPOVER END ----*/


/*---- FORM START ----*/
.mud-input-root::placeholder {
    font-size: 0.85rem;
    letter-spacing: 0.05rem;
    color: var(--mud-palette-text-secondary) !important;
    font-weight: 400;
}

.mud-input-root {
    font-weight: 500 !important;
    font-size: 0.95rem !important;
}

.mud-input-control .mud-input-label {
    line-height: 1.4 !important;
    /* font-size: 0.85rem; letter-spacing: 0.05rem; color: var(--mud-palette-text-secondary) !important; font-weight: 400; */
}

.mud-input-control .mud-input:focus-within~.mud-input-label {}

.ezrmode-dark [type="datetime-local"] {
    color-scheme: dark;
}

.ezrmode-dark [type="datetime-local"]::-webkit-calendar-picker-indicator {
    color: red;
    /* Change to the desired color for selected date */
}

/*---- FORM END ----*/

.mud-button {
    --mud-typography-button-size: .875rem;
    --mud-typography-button-weight: 500;
    --mud-typography-button-lineheight: 1.75;
    --mud-typography-button-letterspacing: .05rem;
    --mud-typography-button-text-transform: capitalize;
}

.mud-button.mud-button-filled {
    box-shadow: var(--mud-elevation-3);
}

/*---- CARD START ----*/

.MudCard.mud-card .mud-card-header {
    background-color: var(--mud-palette-grey-lighter);
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 1rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.MudCard.mud-card .mud-card-header .mud-card-header-content {
    display: flex;
}

.MudTableCard.mud-card .mud-card-header .mud-card-header-content {
    display: flex;
    justify-content: center;
}

.MudDataGridCard .mud-table-toolbar .mud-card-header-actions,
.MudDataGridCard .mud-table-toolbar .mud-card-header-actions,
.MudCard.mud-card .mud-card-header .mud-card-header-actions {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: auto;
    margin-inline-end: auto;
    gap: 0.5rem;
    display: flex;
}

.MudCard.mud-card .mud-card-actions {
    padding: 1rem;
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.05);
    border-top: 1px solid var(--mud-palette-divider);
}

.MudCard.mud-card .mud-card-header .mud-card-title {
    margin: 0;
    padding: 0.25rem 0;
    font-size: 1.10rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.05rem;
}

.MudDataGridCard.mud-data-grid .mud-table-toolbar {
    background-color: var(--mud-palette-grey-lighter);
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 1rem;
    min-height: var(--mud-internal-toolbar-height);
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: 0.5rem;
}

.MudDataGridCard.mud-data-grid .mud-table-head .mud-table-row .mud-table-cell {
    /* padding: 0.5rem; */
    background-color: var(--mud-palette-grey-lighter);
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.MudDataGridCard.mud-data-grid .mud-table-cell.sticky-left {
    border-right-width: 1px;
}

.MudDataGridCard.mud-data-grid .mud-table-cell.sticky-right {
    border-left-width: 1px;
}

.MudDataGridCard.mud-data-grid .mud-table-cell.sticky-left,
.MudDataGridCard.mud-data-grid .mud-table-cell.sticky-right {
    background-color: var(--mud-palette-grey-lighter);
    border-style: solid;
    border-color: var(--mud-palette-divider);
}

@media (min-width: 768px) {
    .MudDataGridCard.mud-data-grid .mud-table-cell.action-cell {
        width: 100px;
    }
}

/*---- CARD END ----*/

/*---- TABS START ----*/
.MudTabsCard.mud-tabs {
    background-color: var(--mud-palette-surface);
}

.MudTabsCard.mud-tabs .mud-tabs-header {
    background-color: var(--mud-palette-grey-lighter);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.MudTabsCard.mud-tabs .mud-tabs-header .mud-tab {
    padding: 1.25rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.05rem;
    text-transform: capitalize;
}

.MudTabsCard.mud-tabs .mud-tabs-panel {
    padding: 1rem;
}

/*---- TABS END ----*/

/*---- TABLE/DATAGRID START ----*/

.MudSimpleTable.mud-table {
    --mud-palette-grey-lighter: #4472c4;
    /* --mud-palette-table-lines: #b3c6e7; */
    --mud-palette-table-striped: #d9e2f3;
    /*--mud-palette-grey-lighter : #FBFFD0;
	--mud-palette-table-lines : #EEF3BA;
	--mud-palette-table-striped : #EFF4FF;*/
}


.MudFormTable.mud-table .mud-table-head .mud-table-row .mud-table-cell,
.MudSimpleTable.mud-table .mud-table-head .mud-table-row .mud-table-cell {
    font-size: 0.8rem;
    padding: 0.5rem;
    padding-inline-end: 0.5rem;
    padding-inline-start: 0.5rem;
    background-color: var(--mud-palette-grey-lighter);
    font-weight: 600;
    letter-spacing: 0.10rem;
    /*color: #FFFFFF;*/
}

.MudSimpleTable.mud-table .mud-table-head .mud-table-row .mud-table-cell {
    color: #FFFFFF;
}

.MudFormTable.mud-table .mud-table-body .mud-table-row .mud-table-cell,
.MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell {
    font-weight: 500;
    letter-spacing: 0.05rem;
    /*padding-inline-end: 0.5rem;
	padding-inline-start: 0.5rem;*/
    /* border: 0; */
    padding: 0.375rem 0.5rem;
    font-size: 0.75rem;
}

.MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell:is([rowspan]) {
    padding-top: 0;
    padding-bottom: 0;
}

.MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell .mud-menu .mud-menu-activator {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    display: block;
}

.MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell .mud-icon-button {
    padding: 7px;
}

.padding-popover .mud-list.mud-list-padding {
    padding: 12px;
}

/* .MudSimpleTable.mud-table .mud-table-body .mud-table-row:has([rowspan]):nth-child(odd) .mud-table-cell:has([rowspan]){
	background-color: rebeccapurple;
} */
.MudSimpleTable .mud-table-toolbar {
    /* background-color: var(--mud-palette-grey-lighter); */
    border-bottom: 1px solid var(--mud-palette-divider);
    padding: 1rem;
    min-height: var(--mud-internal-toolbar-height);
    display: flex;
    flex-wrap: wrap;
    height: auto;
    gap: 0.5rem;
}

.MudSimpleTable.mud-simple-table.mud-table-sticky-header * table thead tr:not(:first-child) th {
    top: 41px;
}

.MudSimpleTable.mud-simple-table .mud-table-container table tbody tr td:last-child,
.MudSimpleTable.mud-simple-table .mud-table-container table thead tr th:not(:last-child) {
    border-right: 1px solid var(--mud-palette-table-lines);
    border-radius: 0;
}

/* .MudFormTable.mud-table .mud-table-foot .mud-table-row{
	display: flex;
	justify-content: flex-end;
	width: 100%;
} */





@media (min-width: 992px) {

    .MudFormTable.mud-table .mud-table-body .mud-table-row .mud-table-cell.action-cell,
    .MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell.action-cell {
        width: 100px;
    }
}

@media (max-width: 991.98px) {

    .MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell:not(.action-cell),
    .MudFormTable.mud-table .mud-table-body .mud-table-row .mud-table-cell:not(.action-cell) {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px;
    }

    .MudSimpleTable.mud-table .mud-table-body .mud-table-row .mud-table-cell .mud-input-control,
    .MudFormTable.mud-table .mud-table-body .mud-table-row .mud-table-cell .mud-input-control {
        width: 100%;
    }
}

/*---- TABLE/DATAGRID END ----*/

/*---- MODAL START ----*/
.mud-dialog .mud-dialog-title .mud-dialog-title-text {
    font-size: 1.1rem;
    font-weight: 600;
    font-family: var(--ezr-secondaryfont);
    text-transform: uppercase;
}

/*---- MODAL END ----*/

/*---- EXPANSION PANEL START ----*/
.MudExpansionPanels {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.MudExpansionPanels .mud-expand-panel {
    overflow: hidden;
    border-radius: .35rem;
    /* border: 1px solid rgba(var(--ezrsecondary-rgb), 0.4); */
    border: 1px solid var(--ezr-border-color);
}

.MudExpansionPanels .mud-expand-panel .mud-expand-panel-header {
    padding: 0.35rem 1rem;
    /* background-color: var(--mud-palette-grey-lighter);	 */
    /* background-color: rgba(var(--ezrsecondary-rgb), 0.7); */
}

.MudExpansionPanels .mud-expand-panel .mud-expand-panel-header .panel-title {
    margin: 0;
    padding: 0.25rem 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.05rem;
    color: var(--ezrprimary);
}

.MudExpansionPanels .mud-expand-panel .mud-expand-panel-header .mud-icon-root.mud-svg-icon {
    color: rgba(var(--ezrsecondary-rgb), 0.5);
}

.MudExpansionPanels .mud-expand-panel .mud-collapse-container.mud-collapse-entered {
    border-top: 1px solid var(--mud-palette-divider);
}

.MudExpansionPanels .mud-expand-panel.mud-panel-expanded {
    margin: 0px;
}

.MudExpansionPanels .mud-expand-panel .mud-expand-panel-content {
    padding: 1rem;
}



/*---- EXPANSION PANEL END ----*/

/*---- FILTER CARD START ----*/
.MudFilterCard.mud-card {
    display: flex;
}

.MudFilterCard.mud-card .mud-card-content {
    flex: 1;
    padding: 0.75rem;
}

.MudFilterCard.mud-card .mud-card-actions {
    padding: 1rem 0.75rem 1rem 0;
    background-color: transparent;
    border: 0px;
    display: flex;
    align-items: stretch;
}

.MudFilterCard.mud-card .mud-input-control>.mud-input-control-input-container>.mud-input-label-outlined.mud-input-label-inputcontrol {
    font-size: 0.95rem;
}

@media (max-width: 991.98px) {
    .MudFilterCard.mud-card {
        flex-direction: column;
    }

    .MudFilterCard.mud-card .mud-card-actions {
        padding: 0rem 0.75rem 0.75rem 0.75rem;
    }

    .MudFilterCard.mud-card .mud-card-actions .mud-button {
        width: 100%;
    }
}

/*---- FILTER CARD END ----*/
.gradienthead-table {
    --rz-grid-header-color: var(--ezronprimary);
}

.gradienthead-table .gradientbg:not(.nogradient) {
    background: var(--ezr-bgappbar-gradient) !important;
    color: var(--ezronprimary);
}

.gradienthead-table .nogradient {
    background: transparent !important;
}

.gradienthead-table.mud-table .mud-table-head .mud-table-row .mud-table-cell,
.gradienthead-table.rz-data-grid thead tr th {
/*    --ezr-text-color: var(--ezronprimary);*/
    --ezr-tablehead-color: var(--ezronprimary);
/*    --rz-grid-filter-color: var(--ezronprimary);*/
    --rz-grid-header-filter-icon-hover-color: var(--ezronprimary);
    background: var(--ezr-tablehead-gradient) !important;
    color: var(--ezronprimary);
}
.gradienthead-table.rz-data-grid thead tr th .rz-cell-filter .rz-cell-filter-label .rz-filter-button{display: none;}
.gradienthead-table.mud-table .mud-table-body .mud-table-row .mud-table-cell > tr:last-child td {
    border-width: 0px !important;
}

.gradienthead-table.mud-table .mud-table-body .mud-table-row .mud-table-cell>tr td:empty {
    min-width: 200px;
}

.gradienthead-table.mud-table .mud-table-body .mud-table-row .mud-table-cell>tr td {
    height: 69px;
    position: relative;
    display: block;
}

.gradienthead-table.mud-table .mud-table-body .mud-table-row .mud-table-cell .commenttdwrap {
    display: flex;
    flex-direction: column;
}

.gradienthead-table.mud-table .mud-table-body .mud-table-row .mud-table-cell .commenttdwrap .commenttd {
    border-bottom: 1px solid var(--mud-palette-table-lines);
}

.gradienthead-table.mud-table .mud-table-head .mud-table-row .mud-table-cell .column-options .mud-icon-button {
    color: var(--ezronprimary);
}

.dashcard {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: var(--card-bg);
    color: #fff;
}

.dashcard .dashcard-icon {
    width: 54px;
    display: flex;
    align-items: center;
    justify-content: center
}

.dashcard .dashcard-icon .mud-svg-icon {
    font-size: 3.5rem;
    color: rgba(0, 0, 0, 0.3);
}

.dashcard .dashcard-label {
    font-weight: 500;
    letter-spacing: var(--ezr-letterspacing-medium);
    text-transform: uppercase;
}

.dashcard .dashcard-value {
    font-weight: bold;
    letter-spacing: var(--ezr-letterspacing-medium);
}

.dataitem {}

.dataitem:has(.dataitem-value) {
    display: flex;
    flex-direction: column;
}

.dataitem .dataitem-label {
    color: var(--ezr-textlight-color);
    letter-spacing: var(--ezr-letterspacing-medium);
}

.dataitem .dataitem-value {
    font-weight: 600;
    color: var(--ezr-text-color);
    letter-spacing: var(--ezr-letterspacing-small);
}

.rating-label {
    text-transform: uppercase;
}

.rating-value {
    border-radius: 0.375rem;
    font-size: 1.15rem;
    font-weight: bold;
}

.mud-simple-table.gradienthead-table table .mud-table-row th.mud-table-cell {
    background: var(--ezr-tablehead-gradient) !important;
    --ezr-text-color: var(--ezronprimary);
    /*	--rz-grid-filter-color: var(--ezronprimary);*/
    /*	--rz-grid-header-filter-icon-hover-color: var(--ezronprimary);*/
    background: var(--ezr-tablehead-gradient) !important;
    color: var(--ezronprimary);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: var(--ezr-letterspacing-small);
}

.fieldheight-button {
    height: 41.6px;
    margin-top: 3px;
    margin-bottom: 2px;
}

.mud-field.duo-form-field .mud-input-slot.mud-input-root-outlined .mud-input-control .mud-input.mud-input-margin-dense {
    padding: 6px 14px;
}

input[type="file"] {
    height: 42px;
    width: 100%;
    background-color: var(--ezr-formcontrol-bgcolor);
    font-weight: 1rem;
    color: var(--ezr-text-color);
    letter-spacing: var(--ezr-letterspacing-small);
}

input[type="file"]::-webkit-file-upload-button {
    font-size: 14px;
    height: 42px;
    padding: 10px 10px;
    color: var(--ezr-text-color);
    letter-spacing: var(--ezr-letterspacing-small);
    background-color: var(--ezr-formcontrol-bgcolor);
    border: 0px solid var(--mud-palette-lines-inputs);
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-left: 0px;
    font-size: 0.85rem;
    font-weight: 600;
}


/* Adjust inner text spacing */
input[type="file"]::-webkit-file-upload-button+span {
    margin-left: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashcountcard {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    position: relative;
}

.dashcountcard.arrow:after {
    content: '\e409';
    font-family: 'Material Icons';
    font-size: 1.5rem;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    color: var(--ezr-textlight-color);
}

.dashcountcard .dashcountcard-icon {
    width: 44px;
    height: 44px;
    padding: 0.375rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--card-bg), 0.3);
}

.dashcountcard .dashcountcard-icon .mud-svg-icon {
    font-size: 2rem;
    color: rgba(var(--card-bg), 1.0);
}

.dashcountcard .dashcountcard-label {
    font-weight: 400;
    color: var(--ezr-textlight-color);
    letter-spacing: var(--ezr-letterspacing-medium);
    text-transform: uppercase;
}

.dashcountcard .dashcountcard-value {
    font-weight: bold;
    letter-spacing: var(--ezr-letterspacing-medium);
}

.table-columncard {
    background-color: transparent;
}

.table-columncard .mud-table-root {
    margin-bottom: 1rem;
}

.table-columncard .mud-table-root .mud-table-row {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.table-columncard .mud-table-root .mud-table-row .mud-table-cell {
    flex: 1;
    background-color: var(--mud-palette-surface);
    text-align: center;
    font-size: 0.8rem;
    border-left: 1px solid var(--ezr-border-color);
    border-right: 1px solid var(--ezr-border-color);
    box-shadow: var(--mud-elevation-25);
    min-width: 100px;
    white-space: normal;
    word-wrap: break-word;
}

.table-columncard .mud-table-root .mud-table-row .mud-table-cell:first-child {
    min-width: 280px;
}

.table-columncard .mud-table-root .mud-table-head {}

.table-columncard .mud-table-root .mud-table-head .mud-table-row .mud-table-cell:first-child {
    background: var(--adani-gradient);
}

.table-columncard .mud-table-root .mud-table-head .mud-table-row .mud-table-cell {
    background: var(--ezr-tablehead-gradient);
    color: var(--ezronprimary);
    border-radius: 0.35rem 0.35rem 0 0;
    line-height: 1.2;
    padding: 0.5rem;
}

.table-columncard .mud-table-root .mud-table-body {}

.table-columncard .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:first-child {
    text-align: left !important;
}

.table-columncard .mud-table-root .mud-table-foot {}

.table-columncard .mud-table-root .mud-table-foot .mud-table-row .mud-table-cell {
    padding: 0.5rem;
    border-radius: 0 0 0.35rem 0.35rem;
    border-bottom: px solid var(--ezr-border-color) !important;
    background-color: #EBEBEB;
    color: var(--ezr-text-color);
    text-align: center;
    border-bottom: 1px solid var(--ezr-border-color) !important;
}

.table-columncard .mud-table-toolbar {
    padding: 0px;
    margin-bottom: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.table-columncard .mud-table-toolbar>.mud-select {
    max-width: 160px;
}

/*----------------------------- -----------------Landing css------------------------------------------------------------ */

.landingpage-section.hero-section {
    background: url('../SharedUI/img/hero-headerimg.png') no-repeat center center;
    background-size: cover;
    padding: 80px 0;
}

.gradient-paper {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.863), rgba(230, 251, 255, 0.567));
    backdrop-filter: blur(10px);
    border-radius: 4px;
}

.hero-paper {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
}

/*-------------------------- Mobile responsive CSS -------------------------- */
@media (max-width: 768px) {

    .responsive-table thead,
    .responsive-table tfoot {
        display: table-header-group !important;
    }

    .responsive-table td::before,
    .responsive-table th::before {
        content: none !important;
    }

    .MudFormTable tfoot {
        display: flex !important;
        flex-direction: column;
    }

    .MudFormTable td::before,
    .MudFormTable th::before {
        content: none !important;
    }
}