CSS for right alignment, color coding and Table widths in SurveyGizmo

CSS_SurveyGizmo_Matrix_Tables.css

/* Write your custom CSS here */
/* !----- Custom Table Settings ----- */
/* !----- Sets all columns to same width----- */
table {
  border: 1px solid black;
  table-layout: fixed;
  width: 850px;
}

/*Sets the width of ANSWERS on all tables*/
.sg-table .sg-odd-row td,
.sg-table .sg-even-row td {
background-color:#FAFAFA; /*changes the shading of each alternate row*/
width:50px;
}

/*Sets the First column width of all tables*/
.sg-type-table .sg-first-cell {
border-left:0 none;
width:275px;
}

/*  Joe's custom Left columns*/
.Matrix-Left-150 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/ /*Sets the color to deep-red*/
   text-align:right;  /*Right-aligns the first column*/
width:150px;
}

.Matrix-Left-200 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:200px;
}

.Matrix-Left-250 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:250px;
}

.Matrix-Left-300 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:300px;
}

.Matrix-Left-350 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:350px;
}

.Matrix-Left-400 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:400px;
}

.Matrix-Left-450 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:450px;
}

.Matrix-Left-500 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:500px;
}

.Matrix-Left-550 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:500px;
}

.Matrix-Left-600 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:600px;
}

.Matrix-Left-650 .sg-first-cell {
border-left:0 none;
  color: rgba(100,12,12,1);  /*Sets the color to deep-red*/
  text-align:right;  /*Right-aligns the first column*/
width:650px;
}