text: import {
      blackColor,
      whiteColor,
      hexToRgb
  } from "assets/jss/material-dashboard-react.js";
  
  const cardStyle = {
      card: {
          border: "0",
          marginBottom: "10px",
          marginTop: "10px",
          borderRadius: "6px",
          color: "rgba(" + hexToRgb(blackColor) + ", 0.87)",
          background: whiteColor,
          width: "85%",
          boxShadow: "0 1px 4px 0 rgba(" + hexToRgb(blackColor) + ", 0.14)",
          position: "relative",
          display: "flex",
          flexDirection: "column",
          minWidth: "0",
          wordWrap: "break-word",
          fontSize: ".875rem",
          height: "fit-content",
          marginleft: "
      },
      cardPlain: {
          background: "transparent",
          boxShadow: "none"
      },
      cardProfile: {
          marginTop: "30px",
          textAlign: "center"
      },
      cardChart: {
          "& p": {
              marginTop: "0px",
              paddingTop: "0px"
          }
      }
  };
  
  export default cardStyle;
  