/* Old color styles */
.red-text {
  color: red;
}
.blue-texts {
  color: blue;
}
.light-blue {
  color: #add8e6;
}
.green-text {
  color: green;
}

/* New color styles */
.text-red {
  color: #ff0000;
}
.text-green {
  color: #00aa00;
}
.text-blue {
  color: #0066cc;
}

/* Font size styles */
/* Remove all other font-size classes when a new one is applied */


/* Now define each font-size class cleanly */
.font-10 { font-size: 10px !important; }
.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-26 { font-size: 26px !important; }
.font-28 { font-size: 28px !important; }
.font-30 { font-size: 30px !important; }
.font-32 { font-size: 32px !important; }

/* List style types */
.square-list {
  list-style-type: square;
  margin-left: 1.5rem;
  list-style-position: inside;
}
.circle-list {
  list-style-type: circle;
  margin-left: 1.5rem;
  list-style-position: inside;
}
.upper-roman-list {
  list-style-type: upper-roman;
  margin-left: 1.5rem;
  list-style-position: inside;
}
.lower-alpha-list {
  list-style-type: lower-alpha;
  margin-left: 1.5rem;
  list-style-position: inside;
}

ul.circle-list li{ 
    text-align : left;
    padding-top:10px;
}