/* You can add global styles to this file, and also import other style files */
/* Hosted MF remote entry uses styles-hosted.css (no bundled @font-face); sync non-font rules there. */
@font-face {
    font-family: 'ProximaNova';
    font-weight: 400;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-regular-webfont.942d3edb2d3c85a55e93.woff') format('woff');
}
@font-face {
    font-family: 'Proxima Nova';
    font-weight: 400;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-regular-webfont.942d3edb2d3c85a55e93.woff') format('woff');
}
@font-face {
    font-family: 'ProximaNova';
    font-weight: 500;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-medium-webfont.ec58f0558bab031d7575.woff') format('woff');
}
@font-face {
    font-family: 'Proxima Nova';
    font-weight: 500;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-medium-webfont.ec58f0558bab031d7575.woff') format('woff');
}
@font-face {
    font-family: 'ProximaNova';
    font-weight: 600;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-semibold-webfont.f92cb73ad1815641e4ea.woff') format('woff');
}
@font-face {
    font-family: 'Proxima Nova';
    font-weight: 600;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-semibold-webfont.f92cb73ad1815641e4ea.woff') format('woff');
}
@font-face {
    font-family: 'ProximaNova';
    font-weight: 700;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-bold-webfont.f96e7968c1d663b95d09.woff') format('woff');
}
@font-face {
    font-family: 'Proxima Nova';
    font-weight: 700;
    src: local('Proxima Nova'), local('ProximaNova'), url('proximanova-bold-webfont.f96e7968c1d663b95d09.woff') format('woff');
}
html,
body,
#root {
    width: 100%;
    height: 100%;
    background: #f0f4fa;
    margin: 0;
    font: 400 14px/21px 'Proxima Nova', ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
        Arial, sans-serif;

    .selectMenuItem {
        &.MuiMenu-paper {
            max-height: 250px;
            margin-top: 8px;
            border-radius: 10px;
            box-shadow: 0px 10px 25px #121b4e1c;
        }
    }

    .datePickerSelectMenuItem {
        & .MuiMenu-paper {
            min-height: fit-content !important;
            min-width: fit-content !important;
            margin-top: 8px;
            border-radius: 10px;
            box-shadow: 0px 10px 25px #121b4e1c;
        }
    }

    .selectChannelsMenuItem {
        & .MuiMenu-paper {
            width: 180px;
            margin-top: 4px;
            border-radius: 8px;
            box-shadow: 0px 16px 24px 0px rgba(47, 61, 83, 0.11);

            .MuiMenu-list {
                padding: 12px;
                width: 156px;
            }
        }
    }

    .selectRuleMenuItem {
        &.MuiMenu-paper,
        & .MuiMenu-paper {
            max-height: 168px;
            width: 120px;
            border-radius: 8px;
            box-shadow: 0px 16px 24px 0px rgba(47, 61, 83, 0.11);
            font-family: 'Proxima Nova', ProximaNova, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
                Arial, sans-serif;

            .MuiMenu-list {
                padding: 12px 0 12px 8px;
                font-family: inherit;
            }
        }
    }

    .apiTokenTypeSelect__option .WMSelect-optionLabel {
        width: 100%;
    }
}
/*
 * @walkme/ui-styles injects GlobalFonts (body font-size: 16px) at runtime; ThemeProvider `theme`
 * does not override that string. !important wins over the non-!important injected rule.
 */
body {
    font-size: 14px !important;
    line-height: 21px !important;
}
html body [class*='GridSkeleton__StyledRow'] [class*='Skeleton__StyledSkeleton'],
html body [class*='GridSkeleton__StyledRow'] [class*='Skeleton__StyledSkeleton'] .text,
html body [class*='GridSkeleton__StyledRow'] .MuiSkeleton-root,
html body [class*='GridSkeleton__StyledRow'] .MuiSkeleton-text,
html body .tableSkeleton [class*='Skeleton__StyledSkeleton'],
html body .tableSkeleton [class*='Skeleton__StyledSkeleton'] .text,
html body .tableSkeleton .MuiSkeleton-root,
html body .tableSkeleton .MuiSkeleton-text {
    min-height: 12px !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
}
/*
.WMDateRange-dateRangePopover .WMDateRange-dateRangePopoverPaper {
    width: 364px;
}

.WMDateRange-dateRangePopoverPaper .WMDayPicker-wmDayPicker .DayPicker-Month {
    width: 100%;
}

.WMDateRange-dateRangePopoverPaper .WMDateRange-rangeOptionBtn {
    min-width: auto;
    padding: 0 16px;
}

.WMDateRange-dateRangePopoverPaper .WMDateRange-explicitButtons .MuiButton-label {
    font: normal normal 500 13px/20px Poppins;
}

.WMDateRange-dateRangePopoverPaper .WMDateRange-explicitButtons .WMDateRange-resetBtn .MuiButton-label,
.WMDateRange-dateRangePopoverPaper .WMDateRange-rangeOptionBtn {
    color: #737da3;
} */