.e-fab.e-btn.save-position {
    left: unset;
    top: 15px;
    bottom: unset;
    right: 195px;
}

.e-fab.e-btn.cancel-position {
    left: unset;
    top: 15px;
    bottom: unset;
    right: 102px;
}


.e-fab.e-btn.cancel-fab {
    background-color: #7393B3;
}

    .e-fab.e-btn.cancel-fab:hover {
        background-color: #A9A9A9;
    }

@media (max-width: 768px) {
    .e-fab.e-btn.save-position {
        align-items: center;
        justify-content: center;
        position: fixed;
        left: unset;
        top: 7px;
        bottom: unset;
        right: 230px;
    }

    .e-fab.e-btn.cancel-position {
        align-items: center;
        justify-content: center;
        position: fixed;
        left: unset;
        top: 7px;
        bottom: unset;
        right: 130px;
    }
}

.mud-container {
    padding-left: 5px;
    padding-right: 5px;
}

.mud-input {
    font-size: 0.8125rem;
}

.mud-input-adornment-start {
    margin-right: -5px;
}

.mud-input.mud-input-outlined.mud-input-adorned-end {
    padding-inline-end: 5px;
}

.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-inline-start: 8px;
}

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

.custom-fontsize {
    /*font-size: 0.8125rem;*/
    font-size: 0.6875rem;
}

.custom-txt-decor {
    text-decoration: none;
}


.mud-input,
.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    /*font-size: 0.875rem;*/ /* 1 rem is default */
    font-size: 0.75rem;
}

    .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(5px,-6px) scale(.75);
    }

.mud-input-label-outlined {
    padding: 0 3px !important;
}

.customhover :hover {
    color: #1E88E5 !important;
    font-weight: bold;
    cursor: pointer;
    text-decoration: underline;
    border-color: #1E88E5 !important;
}

.customgridsize {
    height: calc(100vh - 10rem);
}

/*    .e-fab.e-btn.cancel-fab:focus, .e-btn.cancel-fab:active {
        background-color: #0078d4;
    }*/



/* Breadcrumb link styles */
.mud-breadcrumbs .mud-breadcrumb-item a {
    color: white !important;
    text-decoration: none;
}

    /* Hover/focus/active states */
    .mud-breadcrumbs .mud-breadcrumb-item a:hover,
    .mud-breadcrumbs .mud-breadcrumb-item a:focus {
        color: lightgray !important;
        cursor: pointer;
        text-decoration: underline;
    }
    .mud-breadcrumbs .mud-breadcrumb-item a:active {
        color: white !important;
        cursor: pointer;
        text-decoration: underline;
    }

/* Breadcrumb separator styles – stronger selectors */
.mud-breadcrumbs .mud-breadcrumb-separator,
.mud-breadcrumbs .mud-breadcrumb-separator * {
    color: white !important;
    fill: white !important;
    stroke: white !important;
}

.e-checkbox-wrapper.e-grey .e-frame.e-check {
    /* background-color:#2196f3; */
    background-color: gray;
    color: white !important;
}

.e-checkbox-wrapper.e-grey .e-checkbox:focus + .e-frame.e-check { /* csslint allow: adjoining-classes */
    /* background-color: #2196f3; */
    background-color: gray;
}

.e-checkbox-wrapper.e-grey:hover .e-frame.e-check { /* csslint allow: adjoining-classes */
    /* background-color: #0b7dda; */
    background-color: gray;
}

.e-spin-overlay {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.gridviewHeaderHoverText {
    text-align:center;
    font-size: 0.6875rem;
    font-weight: bold;
    font-family: Arial !important;
}