text: import {
    primaryColor,
    blackColor,
    hexToRgb
  } from "../../assets/jss/material-dashboard-react.js";
  
  const checkboxAdnRadioStyle = {
    root: {
      padding: "13px",
      "&:hover": {
        backgroundColor: "unset"
      }
    },
    labelRoot: {
      marginLeft: "-14px"
    },
    checked: {
      color: primaryColor[0] + "!important"
    },
    checkedIcon: {
      width: "20px",
      height: "20px",
      border: "1px solid rgba(" + hexToRgb(blackColor) + ", .54)",
      borderRadius: "3px"
    },
    uncheckedIcon: {
      width: "0px",
      height: "0px",
      padding: "10px",
      border: "1px solid rgba(" + hexToRgb(blackColor) + ", .54)",
      borderRadius: "3px"
    },
    radio: {
      color: primaryColor[0] + "!important"
    },
    radioChecked: {
      width: "20px",
      height: "20px",
      border: "1px solid " + primaryColor[0],
      borderRadius: "50%"
    },
    radioUnchecked: {
      width: "0px",
      height: "0px",
      padding: "10px",
      border: "1px solid rgba(" + hexToRgb(blackColor) + ", .54)",
      borderRadius: "50%"
    }
  };
  
  export default checkboxAdnRadioStyle;
  