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;
  