import { makeStyles } from '@mui/styles';
export var useStyles = makeStyles(function (theme) { return ({
    popoverPaper: {
        width: '464px'
    },
    title: {
        fontSize: '20px',
        fontWeight: 500,
        letterSpacing: '0.25px',
        lineHeight: '24px',
        color: theme.palette.text.primary,
        marginBottom: '20px'
    },
    content: {
        display: 'flex',
        flexDirection: 'column',
        padding: '18px 16px 20px 16px'
    },
    simpleDropDownSelector: {
        marginBottom: '20px'
    },
    inputRoot: {
        paddingTop: '12px !important',
        paddingBottom: '0 !important'
    },
    inputLabelRoot: {
        fontSize: '14px'
    },
    asterisk: {
        color: 'red'
    },
    select: {
        fontSize: '14px'
    },
    footer: {
        display: 'flex',
        justifyContent: 'flex-end',
        padding: '5px 8px 8px',
        borderTop: '1px solid rgba(0,0,0,0.12)'
    },
    cancelButton: {
        marginRight: '8px'
    },
    input: {
        fontSize: '14px',
        paddingBottom: '5px'
    }
}); });
