:root {
    /*Style Guide vars*/
    /*Brand Colors*/
    --brand-main: #03A5EB; /*This is identical to the primary color.*/
    /*Brand Dark*/
    --brand-dark: #A7E1FA;
    /*Brand Lighter*/
    --brand-lighter: #EEFAFF;
    --brand-lighter-darken: var(--brand-dark);
    --brand-lighter-border: 1px solid #81D8FE;
    /*Brand Lightest*/
    --brand-lightest: #F7FCFF;
    --brand-lightest-border: 1px solid var(--brand-dark);
    /*Brand Darkest*/
    --brand-darkest: #0572A1;
    /*Brand Dropdowns*/
    --brand-dropdowns: #F6F8FD;
    --brand-dropdowns-border: #D9E1FA;
    /*Neutral Colors*/
    --neutral-lightest-gray: #EBEBE6;
    --neutral-light-gray: #C8C9CE;
    --neutral-gray: #888A95;
}

html {
}

body {
    overflow-x: hidden;
}

/*General design colors*/
.surface-bg {
    background-color: var(--mud-palette-surface) !important;
}
/*This is used to provide a wrapper that has no styling for isolated scoped css.*/
.display-contents {
    display: contents;
}

/*light vs dark mode styles*/
body:not(.dark-mode) {
    background-color: #E8F1F9;
}

body.dark-mode .mud-drawer .mud-badge.mud-badge-bordered {
    border-color: var(--mud-palette-drawer-background);
}

/*bootloader*/
.mud-progress-linear {
    height: 4px;
    overflow: hidden;
    position: relative;
}

.mud-progress-linear-color-info::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    background-color: #2196F3;
    opacity: .2;
}

.mud-progress-linear-bar.mud-progress-linear-1-indeterminate {
    width: auto;
    animation: mud-progress-linear-keyframes-indeterminate1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
}

.mud-progress-linear-bar {
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    transition: transform .2s linear;
    transform-origin: left;
}

.mud-info {
    background-color: #2196F3 !important;
}

.bootloader {
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 2500;
}

.bg-surface {
    background-color: var(--mud-palette-surface) !important;
}

.export .mud-button-label {
    color: #656772;
    text-transform: capitalize;
}

.export {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}

    .export .mud-button-label .mud-button-icon-end .mud-svg-icon {
        color: #888A95 !important;
    }

@-webkit-keyframes mud-progress-linear-keyframes-indeterminate1 {
    0% {
        left: -35%;
        right: 100%;
    }

    60% {
        left: 100%;
        right: -90%;
    }

    100% {
        left: 100%;
        right: -90%;
    }
}

.colorize {
    animation: colors 5.6s ease-in-out infinite, mud-progress-circular-keyframes-circular-rotate 1.4s linear infinite;
}

@keyframes colors {
    0% {
        color: #4285f4;
    }

    25% {
        color: #de3e35;
    }

    50% {
        color: #f7c223;
    }

    75% {
        color: #1b9a59;
    }

    100% {
        color: #4285f4;
    }
}

/*alerts*/
.solid-warning-alert {
    background-color: #FFF9F0;
    color: var(--mud-palette-warning-darken);
    border: 1px solid var(--mud-palette-warning);
}

.solid-error-alert {
    background-color: #FEF4F3;
}

/*appbar*/
.main-appbar .mud-toolbar {
    padding-left: 10px;
    padding-right: 10px;
}

.appbar-button {
    font-size: 16px;
    font-weight: 600;
    text-transform: initial;
    /*color: #2A3546;*/
}

.appbar-badge .mud-badge .mud-badge-wrapper .mud-badge-badge.mud-badge-overlap {
    left: calc(100% - 12px);
}

/*drawer menu*/
.mud-nav-link {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .15px;
    /*color: #2A3546;*/
}

.menu-label .mud-nav-link-text {
    margin-inline-start: unset;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .195em;
}

.main-pane, .detail-pane {
    transition: width 225ms cubic-bezier(0,0,.2,1);
}

.mud-drawer-content .mud-navmenu.mud-navmenu-dense .mud-nav-link {
    padding-left: 8px !important;
}

/*slide-out-panel*/
.slide-out-panel {
}

    .slide-out-panel .mud-drawer-content {
        border-right: 1px solid var(--mud-palette-lines-default);
        overflow-y: auto;
    }

/*insights panel*/
.insights-panel {
    /*top: calc(var(--mud-appbar-min-height) - 16px) !important;
    height: calc(100% - var(--mud-appbar-min-height) + 16px) !important;*/
    border-left: 1px solid var(--mud-palette-lines-default);
    /*border-top: 1px solid var(--mud-palette-lines-default);*/
    top: calc(var(--mud-appbar-height) - 15px) !important;
    height: calc(100% - var(--mud-appbar-height) + 15px) !important;
}

/*.insights-panel.mud-drawer--open {
    width: 500px !important;
    max-width: 100% !important;
    border-radius: 4px 0 0 4px !important;
    border-left: unset;
    border-top: unset;
}
*/
/*signature_pad*/
.signature-pad {
    box-shadow: none !important;
    padding: 0 !important;
}

.signature-pad--body {
    border: 0 none !important;
}

.menu-label .mud-nav-link-text {
    margin-inline-start: unset;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .195em;
}

@media(max-width:600px) {
    .mud-drawer-close-mini-md-left.mud-drawer-close-mini-md-right .mud-main-content {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mud-drawer-close-mini-md-right .mud-main-content {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mud-drawer-close-mini-md-left .mud-main-content {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never .mud-appbar {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.left-menu {
        left: -1000px;
    }

        .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.left-menu.mud-drawer--open {
            left: 0;
        }

    .dynamic-document-form {
        overflow: auto;
        max-height: initial !important;
    }
}
/*@media(max-width:600px) {
    .mud-drawer.mud-drawer-responsive.mud-drawer-anchor-right, .mud-drawer.mud-drawer-persistent.mud-drawer-anchor-right {
        width: var(--mud-drawer-width-right-sm);
    }
    .mud-drawer.mud-drawer-responsive.mud-drawer-anchor-right.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-anchor-right.mud-drawer--closed {
        right: calc(-1*var(--mud-drawer-width-right-sm));
    }
}

@media (min-width: 960px) {
    .mud-drawer-open-responsive-md-left.mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: calc(var(--mud-drawer-width-right) + var(--mud-drawer-width-mini-right) + 14px);
        margin-left: var(--mud-drawer-width-left);
    }
}*/

.data-card {
    width: 231px;
    height: 112px;
    float: left;
    margin-left: 20px;
    background: #FAFAFA;
    border-radius: 9px;
    position: relative;
    border: 1px solid #ddd;
}

    .data-card.huge {
    }

.header-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

    .header-links .mud-button-label {
        text-decoration: underline;
    }

/*Detail Panes*/
.mud-paper .mud-typography.paper-title {
    margin-top: -8px;
    font-size: 16px;
    color: var(--mud-palette-tertiary);
    padding-bottom: 20px;
}

/*MudDrawer*/
.mud-drawer.mud-drawer-fixed.mud-drawer--open {
    transition: width 225ms cubic-bezier(0,0,.2,1);
}

/*Highest z-index possible*/
.z-highest {
    z-index: 99999999999999999999;
}

/*max space iframe*/
.expanding-iframe {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 0px; /* and this */
    box-sizing: border-box;
    border: 0;
}

/*MudOverlay*/
.mud-overlay.full-window .mud-overlay-content {
    margin: 0;
}

    .mud-overlay.full-window .mud-overlay-content .mud-paper {
        position: fixed;
        left: 20px;
        top: 20px;
        right: 20px;
        bottom: 20px;
    }

.mud-drawer-overlay--open:nth-of-type(2) {
    z-index: 1302;
}

.mud-drawer-overlay--open:nth-of-type(3) {
    z-index: 1303;
}

/*MudNavLink active (add other colors as needed)*/
.mud-navmenu.mud-navmenu-info .mud-nav-item.active .mud-nav-link:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-info) !important;
    background-color: var(--mud-palette-info-hover) !important;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #91939C;
    font-size: 12px;
}

    .hr-sect::before,
    .hr-sect::after {
        content: "";
        flex-grow: 1;
        background: #91939C;
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 10px;
    }

    .hr-sect > p {
        font-size: 12px;
    }

.bookmark-star {
    display: none;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    cursor: pointer;
    padding: 4px;
}

.main-menu .d-flex:hover .bookmark-star {
    display: block;
}

.main-menu .mud-navmenu .mud-nav-link {
    font-size: 14px;
}

.main-menu .mud-ripple.active {
    /*color: #2F3037 !important;*/
}

.main-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
    background: var(--mud-palette-surface) !important;
    color: #2A3546 !important;
}

    .main-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled),
    .main-menu.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
        background: var(--mud-palette-surface) !important;
    }

.main-menu .mud-ripple .mud-nav-link {
    padding-bottom: 8px;
    padding-top: 8px;
}

.main-menu .mud-ripple.active .mud-nav-link, .main-menu .mud-ripple.active .mud-nav-link .mud-nav-link-text {
    font-weight: bold;
}

.position-relative {
    position: relative;
}

.main-menu .mud-ripple.active .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    background-color: #EEFAFF !important;
    color: #2F3037 !important;
}

.main-menu .mud-nav-group.active {
    border-radius: 8px;
    border: var(--brand-lightest-border);
    background-color: var(--mud-palette-surface) !important;
}

    .main-menu .mud-nav-group.active .mud-nav-link:focus:not(.mud-nav-link-disabled) {
        /*background-color: var(--mud-palette-info-lighten) !important;*/
    }

.mud-drawer--closed .main-menu .mud-nav-group.active {
    border: none;
}

.filter > .mud-expand-panel-header > .mud-expand-panel-text > .title-selected {
    font-weight: bolder;
}

.filter .mud-expansion-panels {
    border: 1px solid #D9E1FA;
    box-sizing: border-box;
    border-radius: 4px;
}

.filter > .mud-expand-panel-header {
    padding: 8px;
    min-height: unset;
}

.filter:not(.date-filter) > .mud-collapse-container {
    max-height: 200px;
    overflow: auto;
}

.filter:not(.date-filter) .mud-collapse-container.mud-collapse-entered {
    display: block !important;
}

.filter.full-height > .mud-collapse-container {
    max-height: 100% !important;
}

/*START MudDataGrid*/
.mud-data-grid .column-header {
    font-weight: 400;
    font-size: 14px;
    color: #2F3037;
}

.mud-data-grid .profile-photo {
    height: 25px;
    width: 25.54px;
}

.mud-data-grid:not(.no-striping) .mud-table-row:nth-of-type(2n+1) td {
    background: #FAFAFA !important;
}

.mud-data-grid:not(.no-striping) .mud-table-row:nth-of-type(2n) td {
    background: #FFFFFF !important;
}

.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 0px 16px 0px 16px !important;
    height: 49px;
}

td.mud-table-loading {
    z-index: 2;
}

/*footer cells should be grey by defauly*/
.mud-data-grid .footer-cell {
    background-color: var(--mud-palette-background-grey) !important;
}
/*END MudDataGrid*/

/*Filters*/
.filter-chip {
    background-color: var(--brand-lighter);
    color: var(--brand-main);
    border: var(--brand-lighter-border);
}

    .filter-chip:hover {
        background-color: var(--brand-lighter-darken) !important;
    }

.filter.mud-expand-panel {
    background-color: var(--mud-palette-surface) !important;
    border: 1px solid var(--brand-dropdowns-border);
}

.filter-searchbox {
    background-color: var(--mud-palette-surface) !important;
    border: 1px solid var(--brand-dropdowns-border);
}

.communication-overview {
    max-width: 148px !important;
    font-size: 14px !important;
}

.communication-overview-star {
    bottom: 3px !important;
}

.favorites-menu-name {
    max-width: 215px !important;
    font-size: 16px !important;
}

.favorites-menu-star {
    bottom: 12px !important;
}

.dynamic-document-form {
    overflow: auto;
    max-height: calc(100vh - 178px);
}

.pane {
    height: calc(100vh - 48px);
    overflow: hidden;
}

.full-detail-height > .pane {
    height: 100vh !important;
}

table-component {
    overflow: auto;
}

/*@media (min-width: 426px) and (max-width: 768px) {*/
@media (min-width: 600px) and (max-width: 768px) {
    .main-pane-mobile {
        width: 100% !important;
    }

    .detail-pane-mobile {
        width: 60% !important;
        position: fixed !important;
        right: 57px !important;
        transition-delay: 225ms !important;
    }

    .detail-pane-overflow {
        height: 100vh;
        overflow-y: auto;
    }
}
/*@media (max-width: 425px) {*/
@media (max-width: 600px) {
    .main-pane-mobile {
        width: 100% !important;
    }

    .detail-pane-mobile {
        width: 100% !important;
        position: fixed !important;
        right: 0px !important;
        transition-delay: 225ms !important;
    }

    .detail-pane-overflow {
        height: 100vh;
        overflow-y: auto;
        border: none;
    }
}

.select-indent .mud-list-item-text {
    padding-left: 1.5rem !important;
}

.page-container {
    background-color: #E8F1F9;
    border: none;
}

.filter-type > button {
    padding: 8px 15px;
    border-right: 1px solid #EDEDF0;
    border-radius: 0;
    text-transform: capitalize;
}

.searchbar > .mud-menu > button {
    text-transform: capitalize;
}

.filter-text .mud-input-outlined-border {
    border-width: 0 !important;
}

.filter-text {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    min-width: 104px;
}

.mud-table-cell-custom-group {
    font-weight: bold;
}

.mud-table-cell-custom-group-footer {
    padding-bottom: 50px !important;
    text-align: right;
}

.custom-group-footer {
    background-color: #E8F1F9;
}

.custom-group-header {
    background-color: #E8F1F9;
    border-top-style: none;
}

.mud-table-cell-custom-footer {
    padding-top: 10px !important;
    padding-top: 10px !important;
    font-weight: bold;
}

.filter-button {
    text-transform: capitalize;
    margin-top: 6px;
    margin-bottom: 6px;
}

.group-by-button button {
    text-transform: capitalize;
}

/*quill editor (TextEditor)*/
.ql-toolbar {
    border-radius: 4px 4px 0px 0px;
}

.ql-container {
    height: unset !important;
    border-radius: 0px 0px 4px 4px;
}

.ql-editor {
    min-height: 116px;
    resize: vertical;
}

@media (max-width: 600px) {
    .header-surface-mobile {
        color: var(--mud-palette-text-primary);
        background-color: var(--mud-palette-surface);
        border-radius: 10px;
    }

    .mud-menu.header-surface-mobile {
        display: block !important;
        text-align: center;
    }
}

.time-sheet-overview-notes {
    max-height: 350px !important;
    overflow-y: auto !important;
}

@media (orientation: landscape) and (min-height: 336px) and (max-height: 700px) {
    .time-sheet-overview-notes {
        max-height: 190px !important;
    }
}

@media (orientation: landscape) and (max-height: 335px) {
    .time-sheet-overview-notes {
        max-height: 150px !important;
    }
}

.bookmark-mudpopover-open {
    max-width: 280px !important;
    max-height: 250px !important;
    overflow-y: scroll !important;
}

.bookmark-mudpopover-open-btn {
    text-transform: capitalize;
    min-width: 110px;
    white-space: nowrap;
}

.bookmark-mudpopover-open .mud-button .mud-button-label .mud-typography {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.bookmark-mudpopover-open-title {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 100px;
}

@media (min-width: 800px) and (max-width: 1100px) {
    .bookmark-mudpopover-open-title {
        max-width: 200px;
    }

    .bookmark-mudpopover-open-btn {
        min-width: fit-content;
    }
}

@media (min-width: 1100px) and (max-width: 1300px) {
    .bookmark-mudpopover-open-title {
        max-width: 300px;
    }

    .bookmark-mudpopover-open-btn {
        min-width: fit-content;
    }
}

@media (min-width: 1300px) {
    .mud-drawer-open-mini-md-left .bookmark-mudpopover-open-title {
        max-width: 400px;
    }

    .bookmark-mudpopover-open-btn {
        min-width: fit-content;
    }
}

@media (min-width: 1540px) {
    .mud-drawer-open-mini-md-left .bookmark-mudpopover-open-title {
        max-width: 125px;
    }
}

@media (min-width: 1650px) {
    .mud-drawer-open-mini-md-left .bookmark-mudpopover-open-title {
        max-width: 225px;
    }
}

@media (min-width: 1450px) {
    .mud-drawer-close-mini-md-left .bookmark-mudpopover-open-title {
        max-width: 225px;
    }
}

@media (min-width: 768px) {
    .mud-drawer-close-mini-md-left.mud-drawer-close-mini-md-right .mud-main-content .add-document-drawer {
        width: calc(((100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right))*35)/100) !important;
    }
}

.statistic-card-widget-name {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.text-ellipsis-nowrap {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/*Tooltips*/
.tippy-box[data-theme~='white'] {
    background: #FAFAFA !important;
    border: 1px solid #C8C9CE;
    color: var(--mud-palette-text-primary) !important;
}

    .tippy-box[data-theme~='white'][data-placement^='top'] > .tippy-arrow::before {
        border-top-color: #FAFAFA;
    }

    .tippy-box[data-theme~='white'][data-placement^='bottom'] > .tippy-arrow::before {
        border-bottom-color: #FAFAFA;
    }

    .tippy-box[data-theme~='white'][data-placement^='left'] > .tippy-arrow::before {
        border-left-color: #FAFAFA;
    }

    .tippy-box[data-theme~='white'][data-placement^='right'] > .tippy-arrow::before {
        border-right-color: #FAFAFA;
    }

.white-tool-tip {
    background: #FAFAFA !important;
    border: 1px solid #C8C9CE;
    color: var(--mud-palette-text-primary) !important;
    word-break: break-all;
    display: unset !important;
}

    .white-tool-tip::after {
        content: "" !important;
        background: #FAFAFA !important;
        border: 1px solid #C8C9CE !important;
        height: 8px;
        width: 8px;
    }

.mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]).mud-tooltip-arrow.white-tool-tip::after,
.mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip].mud-tooltip-arrow.white-tool-tip::after {
    left: calc(50% - 4px);
    bottom: calc(100% - 4px);
    transform: rotate(45deg);
    border-right: 0 none !important;
    border-bottom: 0 none !important;
}

.mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]).mud-tooltip-arrow.white-tool-tip::after,
.mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip].mud-tooltip-arrow.white-tool-tip::after {
    right: calc(100% - 4px);
    top: calc(50% - 4px);
    transform: rotate(45deg);
    border-top: 0 none !important;
    border-right: 0 none !important;
}

.mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]).mud-tooltip-arrow.white-tool-tip::after,
.mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip].mud-tooltip-arrow.white-tool-tip::after {
    left: calc(50% - 4px);
    top: calc(100% - 4px);
    transform: rotate(45deg);
    border-top: 0 none !important;
    border-left: 0 none !important;
}

.mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]).mud-tooltip-arrow.white-tool-tip::after,
.mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip].mud-tooltip-arrow.white-tool-tip::after {
    left: calc(100% - 4px);
    top: calc(50% - 4px);
    transform: rotate(45deg);
    border-bottom: 0 none !important;
    border-left: 0 none !important;
}

.hide-tool-tip.white-tool-tip {
    display: none !important;
}
/*END Tooltips*/

.custom-snackbar .mud-snackbar {
    max-width: 100%;
    min-width: 600px;
    margin-top: 50px;
    box-shadow: none;
    border: 1px solid var(--mud-palette-lines-default);
}

@media (max-width: 600px) {
    .custom-snackbar .mud-snackbar {
        max-width: 100%;
        min-width: 350px;
    }
}

/*snackbar error*/
.custom-snackbar .mud-alert-text-error {
    border-color: #f44336aa !important;
    background-color: #FDF5F3;
}

    .custom-snackbar .mud-alert-text-error .mud-snackbar-icon .mud-svg-icon {
        color: #F21C0D;
    }

    .custom-snackbar .mud-alert-text-error .mud-snackbar-content-message {
        font-weight: var(--mud-typography-default-weight);
        font-size: var(--mud-typography-default-size);
        color: #000000;
    }

    .custom-snackbar .mud-alert-text-error .mud-snackbar-content-action .mud-icon-button .mud-icon-button-label .mud-icon-root {
        color: var(--mud-palette-action-default);
    }
/*--*/


/*snackbar info*/
.custom-snackbar .mud-alert-text-info {
    border-color: #2196f3aa !important;
    background-color: #F4F9FE;
}

    .custom-snackbar .mud-alert-text-info .mud-snackbar-icon .mud-svg-icon {
        color: #0C80DF;
    }

    .custom-snackbar .mud-alert-text-info .mud-snackbar-content-message {
        font-weight: var(--mud-typography-default-weight);
        font-size: var(--mud-typography-default-size);
        color: #000000;
    }

    .custom-snackbar .mud-alert-text-info .mud-snackbar-content-action .mud-icon-button .mud-icon-button-label .mud-icon-root {
        color: var(--mud-palette-action-default);
    }
/*--*/

/*snackbar success*/
.custom-snackbar .mud-alert-text-success {
    border-color: #4caf50aa !important;
    background-color: #F6FAF5;
}

    .custom-snackbar .mud-alert-text-success .mud-snackbar-icon .mud-svg-icon {
        color: #00A344;
    }

    .custom-snackbar .mud-alert-text-success .mud-snackbar-content-message {
        font-weight: var(--mud-typography-default-weight);
        font-size: var(--mud-typography-default-size);
        color: #000000;
    }

    .custom-snackbar .mud-alert-text-success .mud-snackbar-content-action .mud-icon-button .mud-icon-button-label .mud-icon-root {
        color: var(--mud-palette-action-default);
    }
/*--*/

/*snackbar warning*/
.custom-snackbar .mud-alert-text-warning {
    border-color: #ff9800aa !important;
    background-color: #FEF9F2;
}

    .custom-snackbar .mud-alert-text-warning .mud-snackbar-icon .mud-svg-icon {
        color: #D68100;
    }

    .custom-snackbar .mud-alert-text-warning .mud-snackbar-content-message {
        font-weight: var(--mud-typography-default-weight);
        font-size: var(--mud-typography-default-size);
        color: #000000;
    }

    .custom-snackbar .mud-alert-text-warning .mud-snackbar-content-action .mud-icon-button .mud-icon-button-label .mud-icon-root {
        color: var(--mud-palette-action-default);
    }
/*--*/

.custom-snackbar .mud-snackbar {
    visibility: hidden !important;
}

.custom-snackbar .mud-snackbar {
    visibility: visible !important;
    animation: fadeInBottom 0.5s,fadeOutBottom 0.5s 4s !important;
}

@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        cursor: pointer;
        transition: 0.25s all ease-in-out;
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeOutBottom {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100px, 0);
        cursor: pointer;
        transition: 0.25s all ease-in-out;
    }
}

.feed-notification {
    position: absolute;
    left: 30px;
    top: 0;
    font-size: 12px !important;
    height: 20px !important;
    width: 20px !important;
    background-color: #03A5EB !important;
}

.custom-rate-picker .mud-input-slot-nopadding {
    padding: 0 !important;
}

.custom-rate-picker .mud-input-control-margin-dense {
    margin: 0 !important;
}

.custom-rate-text .mud-input-outlined-border {
    display: none !important;
}

.custom-rate-per-picker .mud-input-outlined-border {
    display: none !important;
}

.custom-rate-per-picker {
    text-align: right;
}

.mud-drawer-header .mud-tooltip-root {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.statistic-car-progress-linear {
    display: grid;
    grid-template-columns: 0.1fr 1fr;
    width: 100%;
    column-gap: 1rem;
}

.fc-scrollgrid-section th {
    z-index: 1 !important;
}

.mainlayout-favorites-menuname {
    display: grid;
    grid-template-columns: 1fr 0.1fr;
    width: 100%;
    column-gap: 1rem;
}

.truncate {
    width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-100pct {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bordered.mud-dialog .mud-dialog-title {
    border-bottom: 1px solid #EDEDF0;
}

.bordered.mud-dialog .mud-dialog-actions {
    border-top: 1px solid #EDEDF0;
}

.portfolio-card .mud-card-header-content {
    overflow: hidden;
    display: flex;
    align-items: center;
}

    .portfolio-card .mud-card-header-content .mud-tooltip-root {
        overflow: hidden;
    }

@media (max-width: 600px) {
    .bookmarks-sendmessage {
        margin-left: 55px !important;
    }
}

@media (max-width: 800px) {
    .bookmarks-sendmessage {
        margin-left: 50px !important;
    }
}

.addwidgetpopup-dialogcontent-open {
    max-height: 442px;
    overflow-y: auto;
}

@media (orientation: landscape) and (max-height: 900px) {
    .addwidgetpopup-dialogcontent-open {
        max-height: calc(100vh - 130px);
        height: calc(100vh - 200px);
    }
}

@media (max-width: 800px) {
    .z-index-2 {
        z-index: 6 !important;
    }

    .detail-pane-mobile {
        z-index: 7 !important;
    }
}

@media (orientation: portrait) and (max-height: 900px) {
    .admin-timesheet-bookmark-open {
        display: none !important;
    }
}

.mud-table-head {
    height: 37px !important;
}

.column-header {
    align-items: center !important;
    white-space: nowrap !important;
}

/*Mud Tabs - global styles for mud tabs*/
.mud-tab {
    text-transform: unset;
}

    .mud-tab.mud-tab-active {
        color: #2F3037;
        font-weight: 700;
    }

.table-columns-selector {
    max-height: 595px;
    overflow: auto;
}

.detail-tabs .mud-tabs-tabbar {
    background-color: transparent !important;
    border-bottom: 1px solid var(--mud-palette-lines-default) !important;
    margin-bottom: 8px !important;
}

@media (min-height: 600px) and (max-width:1024px) {
    .table-columns-selector {
        max-height: 400px;
        overflow: auto;
    }
}

.searchcertificationtype .mud-list .mud-primary-hover {
    background-color: unset !important;
}

.searchcertificationtype .mud-list .mud-primary-text {
    color: unset !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.codetables-text-ellipsis-nowrap {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 150px !important;
}

.codetables-text-ellipsis-nowrap-description {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    max-width: 200px !important;
}

/*Detail Screens*/
.detail-screen-title {
    font-size: 16px;
    font-weight: 600;
    color: #2F3037;
}

/*StatusBar*/
.status-bar .mud-drawer-content {
    border-top: var(--palette-lines-default);
}

.link-body-text {
    font-weight: 400;
    font-size: 16px;
    color: #03A5EB !important;
}

.extension {
    color: var(--mud-palette-tertiary);
    border-color: var(--mud-palette-tertiary);
    font-size: 10px;
    font-weight: 600;
    padding: 0px 3px;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 15px;
    letter-spacing: 1px;
    border-width: 2px;
}

/*Expansion Panels*/
.nextcrew .mud-expand-panel {
    border-left: 1px solid var(--mud-palette-lines-default);
    border-top: 1px solid var(--mud-palette-lines-default);
    border-right: 1px solid var(--mud-palette-lines-default);
    box-shadow: unset;
}

    .nextcrew .mud-expand-panel:last-child {
        border-bottom: 1px solid var(--mud-palette-lines-default);
    }

    .nextcrew .mud-expand-panel .mud-expand-panel-header {
        padding: 10px 16px;
    }

    .nextcrew .mud-expand-panel.mud-panel-expanded {
        margin: unset;
        border-radius: unset;
    }

        .nextcrew .mud-expand-panel.mud-panel-expanded + .mud-expand-panel {
            border-top-left-radius: unset;
            border-top-right-radius: unset;
        }

/*Typography*/
.semi-bold {
    font-weight: 500;
}

.bold {
    font-weight: 600;
}

/*Action Buttons*/
.action-btn {
    background: var(--mud-palette-surface) !important;
    border: 1px solid var(--mud-palette-lines-default);
}

    .action-btn svg {
        font-size: 1.25rem;
    }

    .action-btn .mud-progress-circular {
        height: 1.25rem;
        width: 1.25rem;
    }

.word-break-break-all {
    word-break: break-all !important;
}

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

.text-transform-unset, .text-transform-unset .mud-button {
    text-transform: unset !important;
}

.send-email {
    background: var(--mud-palette-surface) !important;
    border: 1px solid var(--mud-palette-lines-default);
}

.main-header-title {
    color: #000000;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0.15px;
    font-style: normal;
}

.page-size {
    flex-grow: 0;
    margin-top: 0;
}

    .page-size .mud-select-input {
        margin-top: 0 !important;
    }

.tab-section-item-header {
    font-weight: 400;
    font-size: 14px;
    color: #888A95;
}

.page-size-selector {
    min-width: 56px;
}

[id*=text-viewer] ol, .analyze-answer ol {
    padding-left: 20px;
}

[id*=text-viewer] {
    word-wrap: anywhere;
}

.change-botton-popover {
    max-height: 500px;
    overflow-y: auto;
}

.small-sub-status-chip {
    height: 16px !important;
    padding: 0 8px;
}

.full-tooltip-width .mud-tooltip-inline {
    width: 100%;
}

.no-data {
    color: var(--neutral-gray);
}

@media (max-width: 800px) {
    .sm-full-width {
        --mud-drawer-width: 100 !important;
        max-width: 100vw;
    }

    .d-xs-none {
        display: none;
    }
}

.quick-filter-type {
    width: auto;
    border-right: 1px solid;
    border-right-color: currentcolor;
    border-color: var(--mud-palette-divider);
}

.column-header span {
    white-space: nowrap;
}

.header-text .column-header {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #000000;
}

.row-order {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: #656772;
    white-space: nowrap;
}

.mud-table-row .mud-table-cell {
    font-weight: 400;
    font-size: 14px;
    color: #656772 !important;
    white-space: nowrap !important;
}

/*page tab sections*/
.tab-section-header-text {
    color: #2F3037;
    font-weight: 700;
    font-size: 16px;
}

.tab-section-value {
    color: #2F3037;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

/*MudIconButton Alterations*/
.mud-icon-button:hover.mud-readonly {
    background-color: unset !important;
}

/*data grid action buttons*/
.status-edit {
    background: var(--mud-palette-surface) !important;
    min-width: auto !important;
    height: 30px;
}

.switch-blue-icon {
    color: #2196F3;
}

.switch-green-icon {
    color: #4CAF50;
}

.switch-yellow-icon {
    color: #FF9800;
}

.mud-drawer.mud-drawer-temporary {
    z-index: calc(var(--mud-zindex-appbar) + 3);
}

.tag-button {
    background-color: #EEFAFF;
    color: #2196F3;
    display: inline-block;
    margin-top: 5px;
    font-size: 14px;
    margin-right: 5px;
}

    .tag-button:hover {
        background-color: #EEFAFF;
    }

.sub-drawer-panel {
    overflow-y: auto;
    height: 100% !important;
    z-index: 2;
    top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4) !important;
}

@media (max-width: 765px) {
    .sub-drawer-panel {
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    .sub-drawer {
        width: calc(((100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-mini-right))*35)/100) !important;
        right: var(--mud-drawer-width-mini-right) !important;
    }
}

.zero-spacing .mud-input-slot-nopadding {
    padding: 0 12px 0 0 !important;
}

.zero-spacing .mud-input-root-outlined {
    padding-top: 4px !important;
    padding-bottom: 3px !important;
}

.hide-outline .mud-input-outlined-border {
    display: none !important;
}

.hide-outline.hide-error-text .mud-input-control-helper-container {
    display: none !important;
}

.custom-font-size {
    font-size: var(--mud-typography-body1-size) !important;
}

.actions-width {
    width: 50px;
}

.filter-bold .column-header .cursor-pointer {
    font-weight: 700 !important;
    font-size: 14px;
    color: #2F3037;
}

.font-sm {
    font-size: 15px;
}

.manual-header {
    font-weight: 700;
    font-size: 14px;
    color: #000000;
}

.list-text {
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}

.or-text {
    font-weight: 500;
    font-size: 14px;
    color: #475467;
}

.red-sub-status .mud-select-input {
    color: red !important;
}

.mud-data-grid tr.active-row.mud-table-row td.mud-table-cell {
    background: #EEFAFF !important;
}

.state-filter > .mud-collapse-container {
    max-height: 250px !important;
}

.description-font {
    color: #888A95;
    font-weight: 400;
    font-size: 14px;
}

.custom-expansion-panel .mud-expand-panel-header {
    padding: 0 8px;
    background: #FFFFFF;
    border: 1px solid #E2E2E2;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius);
}

.custom-expansion-panel .mud-collapse-entered {
    padding: 8px;
    background: #FFFFFF;
}

.custom-expansion-panel .mud-collapse-entered, .custom-expansion-panel .mud-collapse-entering, .custom-expansion-panel .mud-collapse-exiting {
    border: 1px solid #E2E2E2;
    border-top: none;
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

.custom-expansion-panel:not(.mud-panel-expanded) .mud-expand-panel-header {
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius);
}

.white-space-nowrap {
    white-space: nowrap;
}

/*MudDataGrid column reordering classes*/
.mud-data-grid .drop-allowed .column-header,
.mud-data-grid .drop-allowed .column-header span {
    color: var(--mud-palette-warning) !important;
}


.mud-data-grid .drop-not-allowed .column-header,
.mud-data-grid .drop-not-allowed .column-header span {
    color: var(--mud-palette-text-disabled) !important;
}

.white-background-input-control .mud-input-control-input-container {
    background: #ffffff;
}

.task-header-text {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
}

.task-completed {
    background: var(--mud-palette-background-grey);
}

.message-badge-style {
    inset: auto auto calc(100% - 29px) 127px !important;
}

.calendar-footer td {
    padding: 0px 16px 0px 16px !important;
    height: 49px;
    vertical-align: middle;
    background: #FAFAFA !important;
}

.calendar-footer .main-total td {
    font-weight: 600;
}

.calendar-temp-td {
    background: #FAFAFA !important;
}

.toggleIcon {
    cursor: pointer;
}

.mud-data-grid .mud-table-container {
    width: 100% !important;
    overflow-x: auto !important;
}

.fc-event {
    overflow: hidden;
}

.no-top-border-radius {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.error {
    color: var(--mud-palette-error);
}

.numeric-range-filter .mud-tooltip-root.mud-tooltip-inline {
    width: 100%;
}

.mud-menu.text-transform-capitalize .mud-button-label {
    text-transform: capitalize;
}

.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell.sticky-left,
.mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell.sticky-right {
    background: var(--mud-palette-surface) !important;
}

.mud-data-grid .mud-table-cell {
    white-space: nowrap;
}

@media print {
    body aside.mud-drawer {
        display: none !important;
    }

    body header.mud-appbar {
        display: none !important;
    }

    body .mud-main-content {
        margin: 0 !important;
        padding-top: 0 !important;
    }

    body .mud-grid.pane {
        height: unset;
    }

    body .invoice-header-bar {
        display: none !important;
    }

    body button {
        display: none !important;
    }

    body .mud-tabs-tabbar {
        display: none !important;
    }

    body {
        background-color: #ffffff !important;
        zoom: 85%;
    }
}

.autofilled-not-touched input:-webkit-autofill,
.autofilled-not-touched input:-webkit-autofill:hover,
.autofilled-not-touched input:-webkit-autofill:focus,
.autofilled-not-touched input:-webkit-autofill:active,
.autofilled-not-touched input:-internal-autofill-selected {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 0px 1000px #00000000;
    caret-color: transparent;
}


.autofilled-touched input:-webkit-autofill,
.autofilled-touched input:-webkit-autofill:hover,
.autofilled-touched input:-webkit-autofill:focus,
.autofilled-touched input:-webkit-autofill:active,
.autofilled-touched input:-internal-autofill-selected {
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--mud-palette-text-primary);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 0px 1000px #0000FF09;
    caret-color: var(--mud-palette-text-primary);
}

@media (max-width: 768px) {
    .mud-sm-table .mud-table-container .mud-table-body .mud-table-row .mud-table-cell {
        position: unset;
    }

    .pane {
        height: calc(100vh - 90px) !important;
    }
}

.sticky-button-bottom {
    position: sticky;
    background: white;
    bottom: 0;
    z-index: 1;
}


.unassigned-event {
    border-color: #FF9800 !important;
    background-color: rgba(255,152,0,.1) !important;
}

    .unassigned-event .event-title {
        color: var(--mud-palette-warning) !important;
    }

.partially-confirmed-event {
    border-color: #2196F3 !important;
    background-color: rgba(3,165,235,.1) !important;
}

    .partially-confirmed-event .event-title {
        color: var(--mud-palette-primary) !important;
    }

.fully-confirmed-event {
    border-color: #4CAF50 !important;
    background-color: rgba(76,175,80,.1) !important;
}

    .fully-confirmed-event .event-title {
        color: var(--mud-palette-success) !important;
    }

.interested-count {
    height: unset !important;
    border-radius: 4px !important;
    padding: 0 6px !important;
    margin-right: 0px !important;
}

.timesheet-download {
    z-index: 1849 !important;
}

.mud-drop-item.mud-drop-item-preview-start {
    z-index: 0;
}

.grey-background {
    background: #F6F6F6;
}

.z-index-1853 {
    z-index: 1853 !important;
}

.mud-badge.mud-badge-top.right.mud-badge-overlap {
    inset: auto auto calc(100% - 14px) calc(100% - 12px);
}

.fc-toolbar-chunk {
    display: flex;
    align-items: center;
}

.ql-editor {
    font-family: var(--mud-typography-default-family) !important;
}

.insights-panel-mobile {
    top: auto !important;
    bottom: 0;
    width: 100%;
    height: 40px !important;
    left: 0 !important;
    padding-left: 16px;
}

.mobile-filter-button {
    position: fixed;
    bottom: 48px;
    right: 4px;
}

    .mobile-filter-button .mud-fab-size-small {
        width: 32px;
        height: 32px;
        min-height: 32px;
    }

.insights-panel-mobile .mud-nav-link {
    padding: 0;
}

/*overrides*/
.mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-end {
    margin-inline-start: unset !important;
}

.blue-background.filter.date-filter {
    border: 1px solid #D9E1FA !important;
    background-color: #F6F8FD !important;
    padding: 4px !important;
}

    .blue-background.filter.date-filter .mud-picker-paper {
        background-color: transparent !important;
    }

    .blue-background.filter.date-filter .mud-picker-calendar-header-switch > .mud-icon-button {
        background-color: transparent;
    }

.calendar-system-notification .ring-container {
    margin-left: 0 !important;
}

.hide-scrollbar {
    overflow: hidden !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
}

    .hide-scrollbar::-webkit-scrollbar {
        display: none !important;
    }

.dashboard-popover {
    z-index: 1849 !important;
}

.z-index-1851 {
    z-index: 1851 !important;
}

.settings .column-header {
    justify-content: end !important;
}

.truncate-tooltip .mud-tooltip-inline {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.extension {
    color: var(--mud-palette-tertiary);
    border-color: var(--mud-palette-tertiary);
    font-size: 10px;
    font-weight: 600;
    padding: 0px 3px;
    border-radius: 4px;
    vertical-align: middle;
    line-height: 15px;
    letter-spacing: 1px;
    border-width: 2px;
}

.feed-icon svg {
    transform: translate(4px, 2px);
}

.feed-icon {
    padding: 4px;
}

.chip-fixed {
    flex: 0 0 auto;
    margin-right: 4px;
}

.chip-grow {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Shake icon animation */
@keyframes shake {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(5deg);
    }

    50% {
        transform: rotate(0eg);
    }

    75% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
.shake-animation {
    animation: shake 0.5s infinite;
}
/*Blink animation*/
@keyframes blink {
    50% {
        opacity: 0;
    }
}
.blink-animation {
    animation: blink 1s infinite;
}

.truncate-selected .mud-typography-body1 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.mask-image-none textarea {
    mask-image: none !important;
}

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

.date-filter .mud-picker-calendar-header-switch > .mud-icon-button {
    z-index: unset !important;
}