:root {
  /* fonts  */
  --primary-font: "avenir", sans-serif;
  --primary-font2: "Montserrat", sans-serif;
  --secondary-font: "Open Sans", sans-serif;
  /* colors */
  --primary: #e31837;
  --secondary: #f68e2f;
  --secondary-c1: #d57215;
  --info: #07bbc1;
  --info-dark: #006eb6;
  --info-dark-c1: #2455a6;
  --info-dark-c2: #00b3f0;
  --info-dark-c3: #72c4c7;
  --success: #40ae49;
  --primary-dark: #cf233a;
  --primary-light: #ce394d;
  --primary-extra-light: #fcd2d2;
  --gray-w300: #dedede;
  --gray-w200: #f1f1f1;
  --clr-c1: #808080;
  --clr-c2: #d71f27;
  --clr-c3: #b13694;
  --clr-c4: #ca6270;
  --clr-c5: #dbdbdb;
  --clr-c6: #616864;
  --clr-c7: #ce394d;
  --clr-c8: #262626;
  --clr-c9: #ccc;
  --clr-c10: #f7f7f7;
  --clr-c11: #d8e9df;
  --clr-c12: #c7e1d2;
  --clr-c13: #333;
  --clr-c14: #666;
  --clr-c15: #a9a5a5;
  --clr-c16: #d0d1d2;
  --clr-c17: #aaaaaa;
  --clr-c18: #c92532;
  --clr-c19: #cbcbca;
  --white: #fff;
  --black: #000;
  /* Font Colors */
  /* table colors  */
  --tbl-c1: rgba(131, 221, 224, 1);
  --tbl-c2: rgba(230, 248, 249, 1);
  /* rgb  */
  --clr-c1-rgb: 128, 128, 128;
  --primary-rgb: 227, 24, 55;
  --fc-c1: #4d4d4d;
  /* Background colors */
  --bg-c1: #f2f2f2;
  /* Border colors */
  /* --br-c1: #f2f2f2; */
  /* Transparent colors */
  --tc-c1: rgba(0, 0, 0, 0.5);
  --tc-c2: rgba(255, 255, 255, 0.1);
  --tc-c3: rgba(0, 0, 0, 0.7);
  --tc-c4: rgba(0, 0, 0, 0.1);
  --tc-c5: rgba(111, 187, 68, 0.2);
  /* dynamic colors  */
  --dyn-color: var(--info-dark-c2);
  --dyn-td-color: var(--primary);
  /* Gradients */
  /* --gr-c1: linear-gradient(180deg, var(--tc-c3) 0%, var(--white) 100%); */
  /* Transitions */
  --transition-all: 0.3s ease all;
}