makeStyles((theme) => ({ modal: { display: 'flex', alignItems: 'center', justifyContent: 'center', }, paper: { backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), width: 700 }, }))
makeStyles(theme => ({ textField: { marginLeft: theme.spacing(1), marginRight: theme.spacing(1), width: '100%', }, modal: { display: 'flex', alignItems: 'center', justifyContent: 'center', }, paper: { backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, selectBox: { flexGrow: 1, margin: '5px', }, }))
makeStyles(theme => ({ wrapper: { position: "absolute", bottom: "10%", left: "50%", transform: "translate(-50%)", zIndex: theme.zIndex.mobileStepper, }, button:{ color: "black", zIndex: theme.zIndex["appBar"], margin: theme.spacing() * 2, padding: theme.spacing(), fontSize: "1rem", boxShadow: theme.shadows[4], border: "2px solid" + theme.palette.primary[700], backgroundColor: theme.palette.primary[400], '&:hover': { backgroundColor: theme.palette.primary[600], } }, }))
makeStyles(theme => ({ paper: { position: 'absolute', top: '50%', left: '50%', transform: `translate(-50%, -50%)`, backgroundColor: theme.palette.background.paper, boxShadow: theme.shadows[5], padding: theme.spacing(4), outline: 'none', display: 'flex', flexDirection: 'row', width: '80vw', maxWidth: '900px', [theme.breakpoints.down(700)]: { flexDirection: 'column' }, }, }))
makeStyles((theme) => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], textAlign: 'center', padding: theme.spacing(2, 4, 3) } }))
makeStyles((theme) => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], textAlign: 'center', padding: theme.spacing(2, 4, 3) } }))
makeStyles(theme => ({ paper: { position: "absolute", width: 400, backgroundColor: theme.palette.background.paper, boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))
makeStyles(theme => ({ paper: { position: "absolute", width: 400, backgroundColor: theme.palette.background.paper, boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))
makeStyles(theme => ({ paper: { position: 'absolute', width: 400, backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))
makeStyles((theme) => ({ modal: { display: 'flex', alignItems: 'center', justifyContent: 'center', }, paper: { backgroundColor: theme.palette.background.paper, border: '2px solid #000', boxShadow: theme.shadows[5], padding: theme.spacing(2, 4, 3), }, }))