text: import {
    successColor,
    whiteColor,
    grayColor,
    hexToRgb,
  } from "assets/jss/material-dashboard-react";
  
  const sharesPageStyle = {
    successText: {
      color: successColor[0],
    },
    sharesContainer: {
      minHeight: "80vh",
      display: "flex",
      justifyContent: "center",
    },
    watchlistButtonContainer: {
      display: "flex",
      justifyContent: "space-around",
    },
    upArrowCardCategory: {
      width: "16px",
      height: "16px",
    },
    stats: {
      color: grayColor[0],
      display: "inline-flex",
      fontSize: "12px",
      lineHeight: "22px",
      "& svg": {
        top: "4px",
        width: "16px",
        height: "16px",
        position: "relative",
        marginRight: "3px",
        marginLeft: "3px",
      },
      "& .fab,& .fas,& .far,& .fal,& .material-icons": {
        top: "4px",
        fontSize: "16px",
        position: "relative",
        marginRight: "3px",
        marginLeft: "3px",
      },
    },
    incomeCard: {
      minHeight: "30vh",
    },
    shareTrackerCard: {
      height: "80vh",
    },
    shareTrackerCardHeader: {
      height: "90%",
    },
    shareMarketContainer: {
      minHeight: "100%",
    },
    shareMarketCardHeader: {
      minHeight: "660px",
    },
    widgetContainer: {
      height: "660px",
      width: "100%",
    },
    widget: {
      width: "100%",
      height: "100%",
    },
    cardCategory: {
      color: grayColor[0],
      margin: "0",
      fontSize: "14px",
      marginTop: "0",
      paddingTop: "10px",
      marginBottom: "0",
    },
    cardCategoryWhite: {
      color: "rgba(" + hexToRgb(whiteColor) + ",.62)",
      margin: "0",
      fontSize: "14px",
      marginTop: "0",
      marginBottom: "0",
    },
    cardTitle: {
      color: grayColor[2],
      marginTop: "0px",
      minHeight: "auto",
      fontWeight: "300",
      fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
      marginBottom: "3px",
      textDecoration: "none",
      "& small": {
        color: grayColor[1],
        fontWeight: "400",
        lineHeight: "1",
      },
    },
    cardTitleWhite: {
      color: whiteColor,
      marginTop: "0px",
      minHeight: "auto",
      fontWeight: "300",
      fontFamily: "'Roboto', 'Helvetica', 'Arial', sans-serif",
      marginBottom: "3px",
      textDecoration: "none",
      "& small": {
        color: grayColor[1],
        fontWeight: "400",
        lineHeight: "1",
      },
    },
  };
  
  export default sharesPageStyle;
  