/*Text Sizes*/
.text-12 {
  font-size: 12px;
}
.text-14 {
  font-size: 14px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}
.text-100p {
  font-size: 100% !important;
}
.text-150p {
  font-size: 150% !important;
}
.text-200p {
  font-size: 200% !important;
}
.text-250p {
  font-size: 250% !important;
}
.text-300p {
  font-size: 300% !important;
}
/*Text Colors*/

.text-black {
  color: #000 !important;
}
.text-light-blue {
  color: rgb(1, 141, 207);
}
.text-blue {
  color: rgb(0, 103, 154);
}
.text-dark-blue {
  color: rgb(0, 103, 154);;
}
.text-dark-red {
  color: #C52843;
}
.text-white {
  color: white;
}
.text-gray {
  color: #7F7F7F;
}
.text-light-gray {
  color: #D3D3D3;
}
.text-stats-blue {
  color: rgb(10, 100, 182);
}
.text-stats-yellow {
  color: rgb(242, 184, 0);
}
.text-stats-green {
  color: rgb(65, 162, 42);
}
.text-stats-gray {
  color: #7F7F7F;
}
.text-stats-red {
  color: rgb(197, 17, 56);
}
/*Text Weights*/
.text-bold {
  font-weight: bold;
}
.text-bolder {
  font-weight: bolder;
}
/*Text Misc*/

.text-overflow-toggle {
  cursor: pointer;
  cursor: hand;
}
.text-overflow {
  white-space: nowrap;
  width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*Do before then align right because ::after
    gets clipped by the text-overflow*/
.text-overflow-toggle.text-overflow::before {
  content: " show more";
  color: #0D8DDB;
  float: right;
}
.text-overflow-toggle.text-full::after {
  content: " show less";
  color: #0D8DDB;
}
.text-overflow-blank {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-overflow-square {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: "[...]";
}
.text-left {
  text-align: left !important;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}