/**
 * @package: ColorsPal
 * ColorsPal V1.0
 * Author: Shoaib Khan
 * Company: DevsBuddy
 * URL: https://devsbuddy.com
 */
:root {
  /*Theme Color*/
  --primary: #2196F3;
  --secondary: #5e5e5e;
  --success: #4CAF50;
  --info: #00bcd4;
  --warning: #ffeb3b;
  --danger: #f44336;
  --light: #FAFAFF;
  --dark: #383838;
  --accent: #69A1AC;
  /* Amber */
  --amber-100: #ffeaaa;
  --amber-200: #ffe081;
  --amber-300: #ffd559;
  --amber-400: #ffcb30;
  --amber: #ffc107;
  --amber-500: #ffc107;
  --amber-600: #dda600;
  --amber-700: #b48700;
  --amber-800: #8c6900;
  --amber-900: #634a00;
  /* aqua */
  --aqua-100: #a3ffff;
  --aqua-200: #7affff;
  --aqua-300: #52ffff;
  --aqua-400: #29ffff;
  --aqua: cyan;
  --aqua-500: cyan;
  --aqua-600: #00d6d6;
  --aqua-700: #00adad;
  --aqua-800: #008585;
  --aqua-900: #005c5c;
  /* blue */
  --blue-100: #bcdffb;
  --blue-200: #95cdf9;
  --blue-300: #6ebbf7;
  --blue-400: #48a8f5;
  --blue: #2196f3;
  --blue-500: #2196f3;
  --blue-600: #0c82df;
  --blue-700: #0a6bb8;
  --blue-800: #085592;
  --blue-900: #063e6b;
  /* brown */
  --brown-100: #c7aba1;
  --brown-200: #b9978a;
  --brown-300: #ac8273;
  --brown-400: #9d6e5d;
  --brown: #865e50;
  --brown-500: #865e50;
  --brown-600: #6f4e42;
  --brown-700: #583e34;
  --brown-800: #412d27;
  --brown-900: #2a1d19;
  /* cyan */
  --cyan-100: #78f0ff;
  --cyan-200: #4febff;
  --cyan-300: #27e7ff;
  --cyan-400: #00e0fd;
  --cyan: #00bcd4;
  --cyan-500: #00bcd4;
  --cyan-600: #0098ab;
  --cyan-700: #007482;
  --cyan-800: #004f5a;
  --cyan-900: #002b31;
  /* blue-grey */
  --blue-grey-100: #bdcbd1;
  --blue-grey-200: #a5b8c1;
  --blue-grey-300: #8da4b0;
  --blue-grey-400: #74919f;
  --blue-grey: #607d8b;
  --blue-grey-500: #607d8b;
  --blue-grey-600: #4f6773;
  --blue-grey-700: #3f525b;
  --blue-grey-800: #2e3c43;
  --blue-grey-900: #1d262a;
  /* green */
  --green-100: #bce2be;
  --green-200: #a0d6a2;
  --green-300: #83c986;
  --green-400: #67bd6a;
  --green: #4caf50;
  --green-500: #4caf50;
  --green-600: #409343;
  --green-700: #337636;
  --green-800: #275a29;
  --green-900: #1b3d1c;
  /* indigo */
  --indigo-100: #b3bae4;
  --indigo-200: #949fda;
  --indigo-300: #7684cf;
  --indigo-400: #5869c5;
  --indigo: #3f51b5;
  --indigo-500: #3f51b5;
  --indigo-600: #344397;
  --indigo-700: #2a3678;
  --indigo-800: #1f285a;
  --indigo-900: #151b3c;
  /* khaki */
  --khaki-100: #fbf3ae;
  --khaki-200: #f9ee87;
  --khaki-300: #f7e860;
  --khaki-400: #f6e339;
  --khaki: #f4dd12;
  --khaki-500: #f4dd12;
  --khaki-600: #d3bf0a;
  --khaki-700: #ac9c08;
  --khaki-800: #857906;
  --khaki-900: #5e5504;
  /* lime */
  --lime-100: #f0f5c4;
  --lime-200: #e7eea1;
  --lime-300: #dfe87e;
  --lime-400: #d6e25c;
  --lime: #cddc39;
  --lime-500: #cddc39;
  --lime-600: #bac923;
  --lime-700: #99a61d;
  --lime-800: #798317;
  --lime-900: #596111;
  /* orange */
  --orange-100: #ffd3c5;
  --orange-200: #ffb49c;
  --orange-300: #ff9574;
  --orange-400: #ff764b;
  --orange: #ff5722;
  --orange-500: #ff5722;
  --orange-600: #f83c00;
  --orange-700: #cf3200;
  --orange-800: #a72800;
  --orange-900: #7e1e00;
  /* pink */
  --pink-100: #f8b3ca;
  --pink-200: #f48db0;
  --pink-300: #f06897;
  --pink-400: #ed437d;
  --pink: #e91e63;
  --pink-500: #e91e63;
  --pink-600: #ca1452;
  --pink-700: #a51043;
  --pink-800: #800d34;
  --pink-900: #5b0925;
  /* purple */
  --purple-100: #db93e7;
  --purple-200: #d072e0;
  --purple-300: #c450d8;
  --purple-400: #b92fd1;
  --purple: #9c27b0;
  --purple-500: #9c27b0;
  --purple-600: #7e208f;
  --purple-700: #61186d;
  --purple-800: #43114c;
  --purple-900: #26092a;
  /* red */
  --red-100: #fcd4d1;
  --red-200: #fab0aa;
  --red-300: #f88b83;
  --red-400: #f6675d;
  --red: #f44336;
  --red-500: #f44336;
  --red-600: #f21f0f;
  --red-700: #cd180b;
  --red-800: #a61409;
  --red-900: #800f07;
  /* teal */
  --teal-100: #3affed;
  --teal-200: #11ffe9;
  --teal-300: #00e8d2;
  --teal-400: #00bfad;
  --teal: #009688;
  --teal-500: #009688;
  --teal-600: #006d63;
  --teal-700: #00443e;
  --teal-800: #001c19;
  --teal-900: black;
  /* yellow */
  --yellow-100: #fffaca;
  --yellow-200: #fff5a1;
  --yellow-300: #fff178;
  --yellow-400: #ffed4f;
  --yellow: #ffe927;
  --yellow-500: #ffe927;
  --yellow-600: #fde300;
  --yellow-700: #d4be00;
  --yellow-800: #ab9a00;
  --yellow-900: #827500;
  /* grey */
  --grey-100: lightgray;
  --grey-200: #bebebe;
  --grey-300: #aaaaaa;
  --grey-400: #959595;
  --grey: #818181;
  --grey-500: #818181;
  --grey-600: #6d6d6d;
  --grey-700: #585858;
  --grey-800: #444444;
  --grey-900: #2f2f2f;
  --dark: #383838;
  --black: #383838;
  --white: #fff;
  --off-white: #f1f5f8;
  --transparent: transparent;
}

.bg-primary,
.hover\:bg-primary:hover {
  background-color: #2196F3 !important;
  color: #fff;
}

.bg-secondary,
.hover\:bg-secondary:hover {
  background-color: #5e5e5e !important;
  color: #fff;
}

.bg-success,
.hover\:bg-success:hover {
  background-color: #4CAF50 !important;
  color: #fff;
}

.bg-info,
.hover\:bg-info:hover {
  background-color: #00bcd4 !important;
  color: #fff;
}

.bg-warning,
.hover\:bg-warning:hover {
  background-color: #ffeb3b !important;
  color: #fff;
}

.bg-danger,
.hover\:bg-danger:hover {
  background-color: #f44336 !important;
  color: #fff;
}

.bg-light,
.hover\:bg-light:hover {
  background-color: #FAFAFF !important;
  color: #383838;
}

.bg-dark,
.hover\:bg-dark:hover {
  background-color: #383838 !important;
  color: #fff;
}

.bg-accent,
.hover\:bg-accent:hover {
  background-color: #69A1AC !important;
  color: #fff;
}

.bg-amber-100,
.hover\:bg-amber-100:hover {
  background-color: #ffeaaa !important;
  color: #383838;
}

.bg-amber-200,
.hover\:bg-amber-200:hover {
  background-color: #ffe081 !important;
  color: #383838;
}

.bg-amber-300,
.hover\:bg-amber-300:hover {
  background-color: #ffd559 !important;
  color: #fff;
}

.bg-amber-400,
.hover\:bg-amber-400:hover {
  background-color: #ffcb30 !important;
  color: #fff;
}

.bg-amber,
.hover\:bg-amber:hover {
  background-color: #ffc107 !important;
  color: #fff;
}

.bg-amber-500,
.hover\:bg-amber-500:hover {
  background-color: #ffc107 !important;
  color: #fff;
}

.bg-amber-600,
.hover\:bg-amber-600:hover {
  background-color: #dda600 !important;
  color: #fff;
}

.bg-amber-700,
.hover\:bg-amber-700:hover {
  background-color: #b48700 !important;
  color: #fff;
}

.bg-amber-800,
.hover\:bg-amber-800:hover {
  background-color: #8c6900 !important;
  color: #fff;
}

.bg-amber-900,
.hover\:bg-amber-900:hover {
  background-color: #634a00 !important;
  color: #fff;
}

.bg-aqua-100,
.hover\:bg-aqua-100:hover {
  background-color: #a3ffff !important;
  color: #383838;
}

.bg-aqua-200,
.hover\:bg-aqua-200:hover {
  background-color: #7affff !important;
  color: #fff;
}

.bg-aqua-300,
.hover\:bg-aqua-300:hover {
  background-color: #52ffff !important;
  color: #fff;
}

.bg-aqua-400,
.hover\:bg-aqua-400:hover {
  background-color: #29ffff !important;
  color: #fff;
}

.bg-aqua,
.hover\:bg-aqua:hover {
  background-color: cyan !important;
  color: #fff;
}

.bg-aqua-500,
.hover\:bg-aqua-500:hover {
  background-color: cyan !important;
  color: #fff;
}

.bg-aqua-600,
.hover\:bg-aqua-600:hover {
  background-color: #00d6d6 !important;
  color: #fff;
}

.bg-aqua-700,
.hover\:bg-aqua-700:hover {
  background-color: #00adad !important;
  color: #fff;
}

.bg-aqua-800,
.hover\:bg-aqua-800:hover {
  background-color: #008585 !important;
  color: #fff;
}

.bg-aqua-900,
.hover\:bg-aqua-900:hover {
  background-color: #005c5c !important;
  color: #fff;
}

.bg-blue-100,
.hover\:bg-blue-100:hover {
  background-color: #bcdffb !important;
  color: #383838;
}

.bg-blue-200,
.hover\:bg-blue-200:hover {
  background-color: #95cdf9 !important;
  color: #383838;
}

.bg-blue-300,
.hover\:bg-blue-300:hover {
  background-color: #6ebbf7 !important;
  color: #fff;
}

.bg-blue-400,
.hover\:bg-blue-400:hover {
  background-color: #48a8f5 !important;
  color: #fff;
}

.bg-blue,
.hover\:bg-blue:hover {
  background-color: #2196f3 !important;
  color: #fff;
}

.bg-blue-500,
.hover\:bg-blue-500:hover {
  background-color: #2196f3 !important;
  color: #fff;
}

.bg-blue-600,
.hover\:bg-blue-600:hover {
  background-color: #0c82df !important;
  color: #fff;
}

.bg-blue-700,
.hover\:bg-blue-700:hover {
  background-color: #0a6bb8 !important;
  color: #fff;
}

.bg-blue-800,
.hover\:bg-blue-800:hover {
  background-color: #085592 !important;
  color: #fff;
}

.bg-blue-900,
.hover\:bg-blue-900:hover {
  background-color: #063e6b !important;
  color: #fff;
}

.bg-brown-100,
.hover\:bg-brown-100:hover {
  background-color: #c7aba1 !important;
  color: #fff;
}

.bg-brown-200,
.hover\:bg-brown-200:hover {
  background-color: #b9978a !important;
  color: #fff;
}

.bg-brown-300,
.hover\:bg-brown-300:hover {
  background-color: #ac8273 !important;
  color: #fff;
}

.bg-brown-400,
.hover\:bg-brown-400:hover {
  background-color: #9d6e5d !important;
  color: #fff;
}

.bg-brown,
.hover\:bg-brown:hover {
  background-color: #865e50 !important;
  color: #fff;
}

.bg-brown-500,
.hover\:bg-brown-500:hover {
  background-color: #865e50 !important;
  color: #fff;
}

.bg-brown-600,
.hover\:bg-brown-600:hover {
  background-color: #6f4e42 !important;
  color: #fff;
}

.bg-brown-700,
.hover\:bg-brown-700:hover {
  background-color: #583e34 !important;
  color: #fff;
}

.bg-brown-800,
.hover\:bg-brown-800:hover {
  background-color: #412d27 !important;
  color: #fff;
}

.bg-brown-900,
.hover\:bg-brown-900:hover {
  background-color: #2a1d19 !important;
  color: #fff;
}

.bg-cyan-100,
.hover\:bg-cyan-100:hover {
  background-color: #78f0ff !important;
  color: #fff;
}

.bg-cyan-200,
.hover\:bg-cyan-200:hover {
  background-color: #4febff !important;
  color: #fff;
}

.bg-cyan-300,
.hover\:bg-cyan-300:hover {
  background-color: #27e7ff !important;
  color: #fff;
}

.bg-cyan-400,
.hover\:bg-cyan-400:hover {
  background-color: #00e0fd !important;
  color: #fff;
}

.bg-cyan,
.hover\:bg-cyan:hover {
  background-color: #00bcd4 !important;
  color: #fff;
}

.bg-cyan-500,
.hover\:bg-cyan-500:hover {
  background-color: #00bcd4 !important;
  color: #fff;
}

.bg-cyan-600,
.hover\:bg-cyan-600:hover {
  background-color: #0098ab !important;
  color: #fff;
}

.bg-cyan-700,
.hover\:bg-cyan-700:hover {
  background-color: #007482 !important;
  color: #fff;
}

.bg-cyan-800,
.hover\:bg-cyan-800:hover {
  background-color: #004f5a !important;
  color: #fff;
}

.bg-cyan-900,
.hover\:bg-cyan-900:hover {
  background-color: #002b31 !important;
  color: #fff;
}

.bg-blue-grey-100,
.hover\:bg-blue-grey-100:hover {
  background-color: #bdcbd1 !important;
  color: #383838;
}

.bg-blue-grey-200,
.hover\:bg-blue-grey-200:hover {
  background-color: #a5b8c1 !important;
  color: #fff;
}

.bg-blue-grey-300,
.hover\:bg-blue-grey-300:hover {
  background-color: #8da4b0 !important;
  color: #fff;
}

.bg-blue-grey-400,
.hover\:bg-blue-grey-400:hover {
  background-color: #74919f !important;
  color: #fff;
}

.bg-blue-grey,
.hover\:bg-blue-grey:hover {
  background-color: #607d8b !important;
  color: #fff;
}

.bg-blue-grey-500,
.hover\:bg-blue-grey-500:hover {
  background-color: #607d8b !important;
  color: #fff;
}

.bg-blue-grey-600,
.hover\:bg-blue-grey-600:hover {
  background-color: #4f6773 !important;
  color: #fff;
}

.bg-blue-grey-700,
.hover\:bg-blue-grey-700:hover {
  background-color: #3f525b !important;
  color: #fff;
}

.bg-blue-grey-800,
.hover\:bg-blue-grey-800:hover {
  background-color: #2e3c43 !important;
  color: #fff;
}

.bg-blue-grey-900,
.hover\:bg-blue-grey-900:hover {
  background-color: #1d262a !important;
  color: #fff;
}

.bg-green-100,
.hover\:bg-green-100:hover {
  background-color: #bce2be !important;
  color: #383838;
}

.bg-green-200,
.hover\:bg-green-200:hover {
  background-color: #a0d6a2 !important;
  color: #fff;
}

.bg-green-300,
.hover\:bg-green-300:hover {
  background-color: #83c986 !important;
  color: #fff;
}

.bg-green-400,
.hover\:bg-green-400:hover {
  background-color: #67bd6a !important;
  color: #fff;
}

.bg-green,
.hover\:bg-green:hover {
  background-color: #4caf50 !important;
  color: #fff;
}

.bg-green-500,
.hover\:bg-green-500:hover {
  background-color: #4caf50 !important;
  color: #fff;
}

.bg-green-600,
.hover\:bg-green-600:hover {
  background-color: #409343 !important;
  color: #fff;
}

.bg-green-700,
.hover\:bg-green-700:hover {
  background-color: #337636 !important;
  color: #fff;
}

.bg-green-800,
.hover\:bg-green-800:hover {
  background-color: #275a29 !important;
  color: #fff;
}

.bg-green-900,
.hover\:bg-green-900:hover {
  background-color: #1b3d1c !important;
  color: #fff;
}

.bg-indigo-100,
.hover\:bg-indigo-100:hover {
  background-color: #b3bae4 !important;
  color: #383838;
}

.bg-indigo-200,
.hover\:bg-indigo-200:hover {
  background-color: #949fda !important;
  color: #fff;
}

.bg-indigo-300,
.hover\:bg-indigo-300:hover {
  background-color: #7684cf !important;
  color: #fff;
}

.bg-indigo-400,
.hover\:bg-indigo-400:hover {
  background-color: #5869c5 !important;
  color: #fff;
}

.bg-indigo,
.hover\:bg-indigo:hover {
  background-color: #3f51b5 !important;
  color: #fff;
}

.bg-indigo-500,
.hover\:bg-indigo-500:hover {
  background-color: #3f51b5 !important;
  color: #fff;
}

.bg-indigo-600,
.hover\:bg-indigo-600:hover {
  background-color: #344397 !important;
  color: #fff;
}

.bg-indigo-700,
.hover\:bg-indigo-700:hover {
  background-color: #2a3678 !important;
  color: #fff;
}

.bg-indigo-800,
.hover\:bg-indigo-800:hover {
  background-color: #1f285a !important;
  color: #fff;
}

.bg-indigo-900,
.hover\:bg-indigo-900:hover {
  background-color: #151b3c !important;
  color: #fff;
}

.bg-khaki-100,
.hover\:bg-khaki-100:hover {
  background-color: #fbf3ae !important;
  color: #383838;
}

.bg-khaki-200,
.hover\:bg-khaki-200:hover {
  background-color: #f9ee87 !important;
  color: #383838;
}

.bg-khaki-300,
.hover\:bg-khaki-300:hover {
  background-color: #f7e860 !important;
  color: #fff;
}

.bg-khaki-400,
.hover\:bg-khaki-400:hover {
  background-color: #f6e339 !important;
  color: #fff;
}

.bg-khaki,
.hover\:bg-khaki:hover {
  background-color: #f4dd12 !important;
  color: #fff;
}

.bg-khaki-500,
.hover\:bg-khaki-500:hover {
  background-color: #f4dd12 !important;
  color: #fff;
}

.bg-khaki-600,
.hover\:bg-khaki-600:hover {
  background-color: #d3bf0a !important;
  color: #fff;
}

.bg-khaki-700,
.hover\:bg-khaki-700:hover {
  background-color: #ac9c08 !important;
  color: #fff;
}

.bg-khaki-800,
.hover\:bg-khaki-800:hover {
  background-color: #857906 !important;
  color: #fff;
}

.bg-khaki-900,
.hover\:bg-khaki-900:hover {
  background-color: #5e5504 !important;
  color: #fff;
}

.bg-lime-100,
.hover\:bg-lime-100:hover {
  background-color: #f0f5c4 !important;
  color: #383838;
}

.bg-lime-200,
.hover\:bg-lime-200:hover {
  background-color: #e7eea1 !important;
  color: #383838;
}

.bg-lime-300,
.hover\:bg-lime-300:hover {
  background-color: #dfe87e !important;
  color: #fff;
}

.bg-lime-400,
.hover\:bg-lime-400:hover {
  background-color: #d6e25c !important;
  color: #fff;
}

.bg-lime,
.hover\:bg-lime:hover {
  background-color: #cddc39 !important;
  color: #fff;
}

.bg-lime-500,
.hover\:bg-lime-500:hover {
  background-color: #cddc39 !important;
  color: #fff;
}

.bg-lime-600,
.hover\:bg-lime-600:hover {
  background-color: #bac923 !important;
  color: #fff;
}

.bg-lime-700,
.hover\:bg-lime-700:hover {
  background-color: #99a61d !important;
  color: #fff;
}

.bg-lime-800,
.hover\:bg-lime-800:hover {
  background-color: #798317 !important;
  color: #fff;
}

.bg-lime-900,
.hover\:bg-lime-900:hover {
  background-color: #596111 !important;
  color: #fff;
}

.bg-orange-100,
.hover\:bg-orange-100:hover {
  background-color: #ffd3c5 !important;
  color: #383838;
}

.bg-orange-200,
.hover\:bg-orange-200:hover {
  background-color: #ffb49c !important;
  color: #383838;
}

.bg-orange-300,
.hover\:bg-orange-300:hover {
  background-color: #ff9574 !important;
  color: #fff;
}

.bg-orange-400,
.hover\:bg-orange-400:hover {
  background-color: #ff764b !important;
  color: #fff;
}

.bg-orange,
.hover\:bg-orange:hover {
  background-color: #ff5722 !important;
  color: #fff;
}

.bg-orange-500,
.hover\:bg-orange-500:hover {
  background-color: #ff5722 !important;
  color: #fff;
}

.bg-orange-600,
.hover\:bg-orange-600:hover {
  background-color: #f83c00 !important;
  color: #fff;
}

.bg-orange-700,
.hover\:bg-orange-700:hover {
  background-color: #cf3200 !important;
  color: #fff;
}

.bg-orange-800,
.hover\:bg-orange-800:hover {
  background-color: #a72800 !important;
  color: #fff;
}

.bg-orange-900,
.hover\:bg-orange-900:hover {
  background-color: #7e1e00 !important;
  color: #fff;
}

.bg-pink-100,
.hover\:bg-pink-100:hover {
  background-color: #f8b3ca !important;
  color: #383838;
}

.bg-pink-200,
.hover\:bg-pink-200:hover {
  background-color: #f48db0 !important;
  color: #383838;
}

.bg-pink-300,
.hover\:bg-pink-300:hover {
  background-color: #f06897 !important;
  color: #fff;
}

.bg-pink-400,
.hover\:bg-pink-400:hover {
  background-color: #ed437d !important;
  color: #fff;
}

.bg-pink,
.hover\:bg-pink:hover {
  background-color: #e91e63 !important;
  color: #fff;
}

.bg-pink-500,
.hover\:bg-pink-500:hover {
  background-color: #e91e63 !important;
  color: #fff;
}

.bg-pink-600,
.hover\:bg-pink-600:hover {
  background-color: #ca1452 !important;
  color: #fff;
}

.bg-pink-700,
.hover\:bg-pink-700:hover {
  background-color: #a51043 !important;
  color: #fff;
}

.bg-pink-800,
.hover\:bg-pink-800:hover {
  background-color: #800d34 !important;
  color: #fff;
}

.bg-pink-900,
.hover\:bg-pink-900:hover {
  background-color: #5b0925 !important;
  color: #fff;
}

.bg-purple-100,
.hover\:bg-purple-100:hover {
  background-color: #db93e7 !important;
  color: #fff;
}

.bg-purple-200,
.hover\:bg-purple-200:hover {
  background-color: #d072e0 !important;
  color: #fff;
}

.bg-purple-300,
.hover\:bg-purple-300:hover {
  background-color: #c450d8 !important;
  color: #fff;
}

.bg-purple-400,
.hover\:bg-purple-400:hover {
  background-color: #b92fd1 !important;
  color: #fff;
}

.bg-purple,
.hover\:bg-purple:hover {
  background-color: #9c27b0 !important;
  color: #fff;
}

.bg-purple-500,
.hover\:bg-purple-500:hover {
  background-color: #9c27b0 !important;
  color: #fff;
}

.bg-purple-600,
.hover\:bg-purple-600:hover {
  background-color: #7e208f !important;
  color: #fff;
}

.bg-purple-700,
.hover\:bg-purple-700:hover {
  background-color: #61186d !important;
  color: #fff;
}

.bg-purple-800,
.hover\:bg-purple-800:hover {
  background-color: #43114c !important;
  color: #fff;
}

.bg-purple-900,
.hover\:bg-purple-900:hover {
  background-color: #26092a !important;
  color: #fff;
}

.bg-red-100,
.hover\:bg-red-100:hover {
  background-color: #fcd4d1 !important;
  color: #383838;
}

.bg-red-200,
.hover\:bg-red-200:hover {
  background-color: #fab0aa !important;
  color: #383838;
}

.bg-red-300,
.hover\:bg-red-300:hover {
  background-color: #f88b83 !important;
  color: #fff;
}

.bg-red-400,
.hover\:bg-red-400:hover {
  background-color: #f6675d !important;
  color: #fff;
}

.bg-red,
.hover\:bg-red:hover {
  background-color: #f44336 !important;
  color: #fff;
}

.bg-red-500,
.hover\:bg-red-500:hover {
  background-color: #f44336 !important;
  color: #fff;
}

.bg-red-600,
.hover\:bg-red-600:hover {
  background-color: #f21f0f !important;
  color: #fff;
}

.bg-red-700,
.hover\:bg-red-700:hover {
  background-color: #cd180b !important;
  color: #fff;
}

.bg-red-800,
.hover\:bg-red-800:hover {
  background-color: #a61409 !important;
  color: #fff;
}

.bg-red-900,
.hover\:bg-red-900:hover {
  background-color: #800f07 !important;
  color: #fff;
}

.bg-teal-100,
.hover\:bg-teal-100:hover {
  background-color: #3affed !important;
  color: #fff;
}

.bg-teal-200,
.hover\:bg-teal-200:hover {
  background-color: #11ffe9 !important;
  color: #fff;
}

.bg-teal-300,
.hover\:bg-teal-300:hover {
  background-color: #00e8d2 !important;
  color: #fff;
}

.bg-teal-400,
.hover\:bg-teal-400:hover {
  background-color: #00bfad !important;
  color: #fff;
}

.bg-teal,
.hover\:bg-teal:hover {
  background-color: #009688 !important;
  color: #fff;
}

.bg-teal-500,
.hover\:bg-teal-500:hover {
  background-color: #009688 !important;
  color: #fff;
}

.bg-teal-600,
.hover\:bg-teal-600:hover {
  background-color: #006d63 !important;
  color: #fff;
}

.bg-teal-700,
.hover\:bg-teal-700:hover {
  background-color: #00443e !important;
  color: #fff;
}

.bg-teal-800,
.hover\:bg-teal-800:hover {
  background-color: #001c19 !important;
  color: #fff;
}

.bg-teal-900,
.hover\:bg-teal-900:hover {
  background-color: black !important;
  color: #fff;
}

.bg-yellow-100,
.hover\:bg-yellow-100:hover {
  background-color: #fffaca !important;
  color: #383838;
}

.bg-yellow-200,
.hover\:bg-yellow-200:hover {
  background-color: #fff5a1 !important;
  color: #383838;
}

.bg-yellow-300,
.hover\:bg-yellow-300:hover {
  background-color: #fff178 !important;
  color: #fff;
}

.bg-yellow-400,
.hover\:bg-yellow-400:hover {
  background-color: #ffed4f !important;
  color: #fff;
}

.bg-yellow,
.hover\:bg-yellow:hover {
  background-color: #ffe927 !important;
  color: #fff;
}

.bg-yellow-500,
.hover\:bg-yellow-500:hover {
  background-color: #ffe927 !important;
  color: #fff;
}

.bg-yellow-600,
.hover\:bg-yellow-600:hover {
  background-color: #fde300 !important;
  color: #fff;
}

.bg-yellow-700,
.hover\:bg-yellow-700:hover {
  background-color: #d4be00 !important;
  color: #fff;
}

.bg-yellow-800,
.hover\:bg-yellow-800:hover {
  background-color: #ab9a00 !important;
  color: #fff;
}

.bg-yellow-900,
.hover\:bg-yellow-900:hover {
  background-color: #827500 !important;
  color: #fff;
}

.bg-grey-100,
.hover\:bg-grey-100:hover {
  background-color: lightgray !important;
  color: #383838;
}

.bg-grey-200,
.hover\:bg-grey-200:hover {
  background-color: #bebebe !important;
  color: #fff;
}

.bg-grey-300,
.hover\:bg-grey-300:hover {
  background-color: #aaaaaa !important;
  color: #fff;
}

.bg-grey-400,
.hover\:bg-grey-400:hover {
  background-color: #959595 !important;
  color: #fff;
}

.bg-grey,
.hover\:bg-grey:hover {
  background-color: #818181 !important;
  color: #fff;
}

.bg-grey-500,
.hover\:bg-grey-500:hover {
  background-color: #818181 !important;
  color: #fff;
}

.bg-grey-600,
.hover\:bg-grey-600:hover {
  background-color: #6d6d6d !important;
  color: #fff;
}

.bg-grey-700,
.hover\:bg-grey-700:hover {
  background-color: #585858 !important;
  color: #fff;
}

.bg-grey-800,
.hover\:bg-grey-800:hover {
  background-color: #444444 !important;
  color: #fff;
}

.bg-grey-900,
.hover\:bg-grey-900:hover {
  background-color: #2f2f2f !important;
  color: #fff;
}

.bg-dark,
.hover\:bg-dark:hover {
  background-color: #383838 !important;
  color: #fff;
}

.bg-black,
.hover\:bg-black:hover {
  background-color: #383838 !important;
  color: #fff;
}

.bg-white,
.hover\:bg-white:hover,
.bg-light,
.hover\:bg-light:hover {
  background-color: #fff !important;
  color: #383838;
}

.bg-off-white,
.hover\:bg-off-white:hover {
  background-color: #f1f5f8 !important;
  color: #383838;
}

.bg-transparent,
.hover\:bg-transparent:hover {
  background-color: transparent !important;
}

.t-primary,
.text-primary,
.hover\:t-primary:hover,
.hover\:text-primary:hover {
  color: #2196F3 !important;
}

.t-secondary,
.text-secondary,
.hover\:t-secondary:hover,
.hover\:text-secondary:hover {
  color: #5e5e5e !important;
}

.t-success,
.text-success,
.hover\:t-success:hover,
.hover\:text-success:hover {
  color: #4CAF50 !important;
}

.t-info,
.text-info,
.hover\:t-info:hover,
.hover\:text-info:hover {
  color: #00bcd4 !important;
}

.t-warning,
.text-warning,
.hover\:t-warning:hover,
.hover\:text-warning:hover {
  color: #ffeb3b !important;
}

.t-danger,
.text-danger,
.hover\:t-danger:hover,
.hover\:text-danger:hover {
  color: #f44336 !important;
}

.t-light,
.text-light,
.hover\:t-light:hover,
.hover\:text-light:hover {
  color: #FAFAFF !important;
}

.t-dark,
.text-dark,
.hover\:t-dark:hover,
.hover\:text-dark:hover {
  color: #383838 !important;
}

.t-accent,
.text-accent,
.hover\:t-accent:hover,
.hover\:text-accent:hover {
  color: #69A1AC !important;
}

.t-amber-100,
.hover\:t-amber-100:hover,
.text-amber-100,
.hover\:text-amber-100:hover {
  color: #ffeaaa !important;
}

.t-amber-200,
.hover\:t-amber-200:hover,
.text-amber-200,
.hover\:text-amber-200:hover {
  color: #ffe081 !important;
}

.t-amber-300,
.hover\:t-amber-300:hover,
.text-amber-300,
.hover\:text-amber-300:hover {
  color: #ffd559 !important;
}

.t-amber-400,
.hover\:t-amber-400:hover,
.text-amber-400,
.hover\:text-amber-400:hover {
  color: #ffcb30 !important;
}

.t-amber,
.hover\:t-amber:hover,
.text-amber,
.hover\:text-amber:hover {
  color: #ffc107 !important;
}

.t-amber-500,
.hover\:t-amber-500:hover,
.text-amber-500,
.hover\:text-amber-500:hover {
  color: #ffc107 !important;
}

.t-amber-600,
.hover\:t-amber-600:hover,
.text-amber-600,
.hover\:text-amber-600:hover {
  color: #dda600 !important;
}

.t-amber-700,
.hover\:t-amber-700:hover,
.text-amber-700,
.hover\:text-amber-700:hover {
  color: #b48700 !important;
}

.t-amber-800,
.hover\:t-amber-800:hover,
.text-amber-800,
.hover\:text-amber-800:hover {
  color: #8c6900 !important;
}

.t-amber-900,
.hover\:t-amber-900:hover,
.text-amber-900,
.hover\:text-amber-900:hover {
  color: #634a00 !important;
}

.t-aqua-100,
.hover\:t-aqua-100:hover,
.text-aqua-100,
.hover\:text-aqua-100:hover {
  color: #a3ffff !important;
}

.t-aqua-200,
.hover\:t-aqua-200:hover,
.text-aqua-200,
.hover\:text-aqua-200:hover {
  color: #7affff !important;
}

.t-aqua-300,
.hover\:t-aqua-300:hover,
.text-aqua-300,
.hover\:text-aqua-300:hover {
  color: #52ffff !important;
}

.t-aqua-400,
.hover\:t-aqua-400:hover,
.text-aqua-400,
.hover\:text-aqua-400:hover {
  color: #29ffff !important;
}

.t-aqua,
.hover\:t-aqua:hover,
.text-aqua,
.hover\:text-aqua:hover {
  color: cyan !important;
}

.t-aqua-500,
.hover\:t-aqua-500:hover,
.text-aqua-500,
.hover\:text-aqua-500:hover {
  color: cyan !important;
}

.t-aqua-600,
.hover\:t-aqua-600:hover,
.text-aqua-600,
.hover\:text-aqua-600:hover {
  color: #00d6d6 !important;
}

.t-aqua-700,
.hover\:t-aqua-700:hover,
.text-aqua-700,
.hover\:text-aqua-700:hover {
  color: #00adad !important;
}

.t-aqua-800,
.hover\:t-aqua-800:hover,
.text-aqua-800,
.hover\:text-aqua-800:hover {
  color: #008585 !important;
}

.t-aqua-900,
.hover\:t-aqua-900:hover,
.text-aqua-900,
.hover\:text-aqua-900:hover {
  color: #005c5c !important;
}

.t-blue-100,
.hover\:t-blue-100:hover,
.text-blue-100,
.hover\:text-blue-100:hover {
  color: #bcdffb !important;
}

.t-blue-200,
.hover\:t-blue-200:hover,
.text-blue-200,
.hover\:text-blue-200:hover {
  color: #95cdf9 !important;
}

.t-blue-300,
.hover\:t-blue-300:hover,
.text-blue-300,
.hover\:text-blue-300:hover {
  color: #6ebbf7 !important;
}

.t-blue-400,
.hover\:t-blue-400:hover,
.text-blue-400,
.hover\:text-blue-400:hover {
  color: #48a8f5 !important;
}

.t-blue,
.hover\:t-blue:hover,
.text-blue,
.hover\:text-blue:hover {
  color: #2196f3 !important;
}

.t-blue-500,
.hover\:t-blue-500:hover,
.text-blue-500,
.hover\:text-blue-500:hover {
  color: #2196f3 !important;
}

.t-blue-600,
.hover\:t-blue-600:hover,
.text-blue-600,
.hover\:text-blue-600:hover {
  color: #0c82df !important;
}

.t-blue-700,
.hover\:t-blue-700:hover,
.text-blue-700,
.hover\:text-blue-700:hover {
  color: #0a6bb8 !important;
}

.t-blue-800,
.hover\:t-blue-800:hover,
.text-blue-800,
.hover\:text-blue-800:hover {
  color: #085592 !important;
}

.t-blue-900,
.hover\:t-blue-900:hover,
.text-blue-900,
.hover\:text-blue-900:hover {
  color: #063e6b !important;
}

.t-brown-100,
.hover\:t-brown-100:hover,
.text-brown-100,
.hover\:text-brown-100:hover {
  color: #c7aba1 !important;
}

.t-brown-200,
.hover\:t-brown-200:hover,
.text-brown-200,
.hover\:text-brown-200:hover {
  color: #b9978a !important;
}

.t-brown-300,
.hover\:t-brown-300:hover,
.text-brown-300,
.hover\:text-brown-300:hover {
  color: #ac8273 !important;
}

.t-brown-400,
.hover\:t-brown-400:hover,
.text-brown-400,
.hover\:text-brown-400:hover {
  color: #9d6e5d !important;
}

.t-brown,
.hover\:t-brown:hover,
.text-brown,
.hover\:text-brown:hover {
  color: #865e50 !important;
}

.t-brown-500,
.hover\:t-brown-500:hover,
.text-brown-500,
.hover\:text-brown-500:hover {
  color: #865e50 !important;
}

.t-brown-600,
.hover\:t-brown-600:hover,
.text-brown-600,
.hover\:text-brown-600:hover {
  color: #6f4e42 !important;
}

.t-brown-700,
.hover\:t-brown-700:hover,
.text-brown-700,
.hover\:text-brown-700:hover {
  color: #583e34 !important;
}

.t-brown-800,
.hover\:t-brown-800:hover,
.text-brown-800,
.hover\:text-brown-800:hover {
  color: #412d27 !important;
}

.t-brown-900,
.hover\:t-brown-900:hover,
.text-brown-900,
.hover\:text-brown-900:hover {
  color: #2a1d19 !important;
}

.t-cyan-100,
.hover\:t-cyan-100:hover,
.text-cyan-100,
.hover\:text-cyan-100:hover {
  color: #78f0ff !important;
}

.t-cyan-200,
.hover\:t-cyan-200:hover,
.text-cyan-200,
.hover\:text-cyan-200:hover {
  color: #4febff !important;
}

.t-cyan-300,
.hover\:t-cyan-300:hover,
.text-cyan-300,
.hover\:text-cyan-300:hover {
  color: #27e7ff !important;
}

.t-cyan-400,
.hover\:t-cyan-400:hover,
.text-cyan-400,
.hover\:text-cyan-400:hover {
  color: #00e0fd !important;
}

.t-cyan,
.hover\:t-cyan:hover,
.text-cyan,
.hover\:text-cyan:hover {
  color: #00bcd4 !important;
}

.t-cyan-500,
.hover\:t-cyan-500:hover,
.text-cyan-500,
.hover\:text-cyan-500:hover {
  color: #00bcd4 !important;
}

.t-cyan-600,
.hover\:t-cyan-600:hover,
.text-cyan-600,
.hover\:text-cyan-600:hover {
  color: #0098ab !important;
}

.t-cyan-700,
.hover\:t-cyan-700:hover,
.text-cyan-700,
.hover\:text-cyan-700:hover {
  color: #007482 !important;
}

.t-cyan-800,
.hover\:t-cyan-800:hover,
.text-cyan-800,
.hover\:text-cyan-800:hover {
  color: #004f5a !important;
}

.t-cyan-900,
.hover\:t-cyan-900:hover,
.text-cyan-900,
.hover\:text-cyan-900:hover {
  color: #002b31 !important;
}

.t-blue-grey-100,
.hover\:t-blue-grey-100:hover,
.text-blue-grey-100,
.hover\:text-blue-grey-100:hover {
  color: #bdcbd1 !important;
}

.t-blue-grey-200,
.hover\:t-blue-grey-200:hover,
.text-blue-grey-200,
.hover\:text-blue-grey-200:hover {
  color: #a5b8c1 !important;
}

.t-blue-grey-300,
.hover\:t-blue-grey-300:hover,
.text-blue-grey-300,
.hover\:text-blue-grey-300:hover {
  color: #8da4b0 !important;
}

.t-blue-grey-400,
.hover\:t-blue-grey-400:hover,
.text-blue-grey-400,
.hover\:text-blue-grey-400:hover {
  color: #74919f !important;
}

.t-blue-grey,
.hover\:t-blue-grey:hover,
.text-blue-grey,
.hover\:text-blue-grey:hover {
  color: #607d8b !important;
}

.t-blue-grey-500,
.hover\:t-blue-grey-500:hover,
.text-blue-grey-500,
.hover\:text-blue-grey-500:hover {
  color: #607d8b !important;
}

.t-blue-grey-600,
.hover\:t-blue-grey-600:hover,
.text-blue-grey-600,
.hover\:text-blue-grey-600:hover {
  color: #4f6773 !important;
}

.t-blue-grey-700,
.hover\:t-blue-grey-700:hover,
.text-blue-grey-700,
.hover\:text-blue-grey-700:hover {
  color: #3f525b !important;
}

.t-blue-grey-800,
.hover\:t-blue-grey-800:hover,
.text-blue-grey-800,
.hover\:text-blue-grey-800:hover {
  color: #2e3c43 !important;
}

.t-blue-grey-900,
.hover\:t-blue-grey-900:hover,
.text-blue-grey-900,
.hover\:text-blue-grey-900:hover {
  color: #1d262a !important;
}

.t-green-100,
.hover\:t-green-100:hover,
.text-green-100,
.hover\:text-green-100:hover {
  color: #bce2be !important;
}

.t-green-200,
.hover\:t-green-200:hover,
.text-green-200,
.hover\:text-green-200:hover {
  color: #a0d6a2 !important;
}

.t-green-300,
.hover\:t-green-300:hover,
.text-green-300,
.hover\:text-green-300:hover {
  color: #83c986 !important;
}

.t-green-400,
.hover\:t-green-400:hover,
.text-green-400,
.hover\:text-green-400:hover {
  color: #67bd6a !important;
}

.t-green,
.hover\:t-green:hover,
.text-green,
.hover\:text-green:hover {
  color: #4caf50 !important;
}

.t-green-500,
.hover\:t-green-500:hover,
.text-green-500,
.hover\:text-green-500:hover {
  color: #4caf50 !important;
}

.t-green-600,
.hover\:t-green-600:hover,
.text-green-600,
.hover\:text-green-600:hover {
  color: #409343 !important;
}

.t-green-700,
.hover\:t-green-700:hover,
.text-green-700,
.hover\:text-green-700:hover {
  color: #337636 !important;
}

.t-green-800,
.hover\:t-green-800:hover,
.text-green-800,
.hover\:text-green-800:hover {
  color: #275a29 !important;
}

.t-green-900,
.hover\:t-green-900:hover,
.text-green-900,
.hover\:text-green-900:hover {
  color: #1b3d1c !important;
}

.t-indigo-100,
.hover\:t-indigo-100:hover,
.text-indigo-100,
.hover\:text-indigo-100:hover {
  color: #b3bae4 !important;
}

.t-indigo-200,
.hover\:t-indigo-200:hover,
.text-indigo-200,
.hover\:text-indigo-200:hover {
  color: #949fda !important;
}

.t-indigo-300,
.hover\:t-indigo-300:hover,
.text-indigo-300,
.hover\:text-indigo-300:hover {
  color: #7684cf !important;
}

.t-indigo-400,
.hover\:t-indigo-400:hover,
.text-indigo-400,
.hover\:text-indigo-400:hover {
  color: #5869c5 !important;
}

.t-indigo,
.hover\:t-indigo:hover,
.text-indigo,
.hover\:text-indigo:hover {
  color: #3f51b5 !important;
}

.t-indigo-500,
.hover\:t-indigo-500:hover,
.text-indigo-500,
.hover\:text-indigo-500:hover {
  color: #3f51b5 !important;
}

.t-indigo-600,
.hover\:t-indigo-600:hover,
.text-indigo-600,
.hover\:text-indigo-600:hover {
  color: #344397 !important;
}

.t-indigo-700,
.hover\:t-indigo-700:hover,
.text-indigo-700,
.hover\:text-indigo-700:hover {
  color: #2a3678 !important;
}

.t-indigo-800,
.hover\:t-indigo-800:hover,
.text-indigo-800,
.hover\:text-indigo-800:hover {
  color: #1f285a !important;
}

.t-indigo-900,
.hover\:t-indigo-900:hover,
.text-indigo-900,
.hover\:text-indigo-900:hover {
  color: #151b3c !important;
}

.t-khaki-100,
.hover\:t-khaki-100:hover,
.text-khaki-100,
.hover\:text-khaki-100:hover {
  color: #fbf3ae !important;
}

.t-khaki-200,
.hover\:t-khaki-200:hover,
.text-khaki-200,
.hover\:text-khaki-200:hover {
  color: #f9ee87 !important;
}

.t-khaki-300,
.hover\:t-khaki-300:hover,
.text-khaki-300,
.hover\:text-khaki-300:hover {
  color: #f7e860 !important;
}

.t-khaki-400,
.hover\:t-khaki-400:hover,
.text-khaki-400,
.hover\:text-khaki-400:hover {
  color: #f6e339 !important;
}

.t-khaki,
.hover\:t-khaki:hover,
.text-khaki,
.hover\:text-khaki:hover {
  color: #f4dd12 !important;
}

.t-khaki-500,
.hover\:t-khaki-500:hover,
.text-khaki-500,
.hover\:text-khaki-500:hover {
  color: #f4dd12 !important;
}

.t-khaki-600,
.hover\:t-khaki-600:hover,
.text-khaki-600,
.hover\:text-khaki-600:hover {
  color: #d3bf0a !important;
}

.t-khaki-700,
.hover\:t-khaki-700:hover,
.text-khaki-700,
.hover\:text-khaki-700:hover {
  color: #ac9c08 !important;
}

.t-khaki-800,
.hover\:t-khaki-800:hover,
.text-khaki-800,
.hover\:text-khaki-800:hover {
  color: #857906 !important;
}

.t-khaki-900,
.hover\:t-khaki-900:hover,
.text-khaki-900,
.hover\:text-khaki-900:hover {
  color: #5e5504 !important;
}

.t-lime-100,
.hover\:t-lime-100:hover,
.text-lime-100,
.hover\:text-lime-100:hover {
  color: #f0f5c4 !important;
}

.t-lime-200,
.hover\:t-lime-200:hover,
.text-lime-200,
.hover\:text-lime-200:hover {
  color: #e7eea1 !important;
}

.t-lime-300,
.hover\:t-lime-300:hover,
.text-lime-300,
.hover\:text-lime-300:hover {
  color: #dfe87e !important;
}

.t-lime-400,
.hover\:t-lime-400:hover,
.text-lime-400,
.hover\:text-lime-400:hover {
  color: #d6e25c !important;
}

.t-lime,
.hover\:t-lime:hover,
.text-lime,
.hover\:text-lime:hover {
  color: #cddc39 !important;
}

.t-lime-500,
.hover\:t-lime-500:hover,
.text-lime-500,
.hover\:text-lime-500:hover {
  color: #cddc39 !important;
}

.t-lime-600,
.hover\:t-lime-600:hover,
.text-lime-600,
.hover\:text-lime-600:hover {
  color: #bac923 !important;
}

.t-lime-700,
.hover\:t-lime-700:hover,
.text-lime-700,
.hover\:text-lime-700:hover {
  color: #99a61d !important;
}

.t-lime-800,
.hover\:t-lime-800:hover,
.text-lime-800,
.hover\:text-lime-800:hover {
  color: #798317 !important;
}

.t-lime-900,
.hover\:t-lime-900:hover,
.text-lime-900,
.hover\:text-lime-900:hover {
  color: #596111 !important;
}

.t-orange-100,
.hover\:t-orange-100:hover,
.text-orange-100,
.hover\:text-orange-100:hover {
  color: #ffd3c5 !important;
}

.t-orange-200,
.hover\:t-orange-200:hover,
.text-orange-200,
.hover\:text-orange-200:hover {
  color: #ffb49c !important;
}

.t-orange-300,
.hover\:t-orange-300:hover,
.text-orange-300,
.hover\:text-orange-300:hover {
  color: #ff9574 !important;
}

.t-orange-400,
.hover\:t-orange-400:hover,
.text-orange-400,
.hover\:text-orange-400:hover {
  color: #ff764b !important;
}

.t-orange,
.hover\:t-orange:hover,
.text-orange,
.hover\:text-orange:hover {
  color: #ff5722 !important;
}

.t-orange-500,
.hover\:t-orange-500:hover,
.text-orange-500,
.hover\:text-orange-500:hover {
  color: #ff5722 !important;
}

.t-orange-600,
.hover\:t-orange-600:hover,
.text-orange-600,
.hover\:text-orange-600:hover {
  color: #f83c00 !important;
}

.t-orange-700,
.hover\:t-orange-700:hover,
.text-orange-700,
.hover\:text-orange-700:hover {
  color: #cf3200 !important;
}

.t-orange-800,
.hover\:t-orange-800:hover,
.text-orange-800,
.hover\:text-orange-800:hover {
  color: #a72800 !important;
}

.t-orange-900,
.hover\:t-orange-900:hover,
.text-orange-900,
.hover\:text-orange-900:hover {
  color: #7e1e00 !important;
}

.t-pink-100,
.hover\:t-pink-100:hover,
.text-pink-100,
.hover\:text-pink-100:hover {
  color: #f8b3ca !important;
}

.t-pink-200,
.hover\:t-pink-200:hover,
.text-pink-200,
.hover\:text-pink-200:hover {
  color: #f48db0 !important;
}

.t-pink-300,
.hover\:t-pink-300:hover,
.text-pink-300,
.hover\:text-pink-300:hover {
  color: #f06897 !important;
}

.t-pink-400,
.hover\:t-pink-400:hover,
.text-pink-400,
.hover\:text-pink-400:hover {
  color: #ed437d !important;
}

.t-pink,
.hover\:t-pink:hover,
.text-pink,
.hover\:text-pink:hover {
  color: #e91e63 !important;
}

.t-pink-500,
.hover\:t-pink-500:hover,
.text-pink-500,
.hover\:text-pink-500:hover {
  color: #e91e63 !important;
}

.t-pink-600,
.hover\:t-pink-600:hover,
.text-pink-600,
.hover\:text-pink-600:hover {
  color: #ca1452 !important;
}

.t-pink-700,
.hover\:t-pink-700:hover,
.text-pink-700,
.hover\:text-pink-700:hover {
  color: #a51043 !important;
}

.t-pink-800,
.hover\:t-pink-800:hover,
.text-pink-800,
.hover\:text-pink-800:hover {
  color: #800d34 !important;
}

.t-pink-900,
.hover\:t-pink-900:hover,
.text-pink-900,
.hover\:text-pink-900:hover {
  color: #5b0925 !important;
}

.t-purple-100,
.hover\:t-purple-100:hover,
.text-purple-100,
.hover\:text-purple-100:hover {
  color: #db93e7 !important;
}

.t-purple-200,
.hover\:t-purple-200:hover,
.text-purple-200,
.hover\:text-purple-200:hover {
  color: #d072e0 !important;
}

.t-purple-300,
.hover\:t-purple-300:hover,
.text-purple-300,
.hover\:text-purple-300:hover {
  color: #c450d8 !important;
}

.t-purple-400,
.hover\:t-purple-400:hover,
.text-purple-400,
.hover\:text-purple-400:hover {
  color: #b92fd1 !important;
}

.t-purple,
.hover\:t-purple:hover,
.text-purple,
.hover\:text-purple:hover {
  color: #9c27b0 !important;
}

.t-purple-500,
.hover\:t-purple-500:hover,
.text-purple-500,
.hover\:text-purple-500:hover {
  color: #9c27b0 !important;
}

.t-purple-600,
.hover\:t-purple-600:hover,
.text-purple-600,
.hover\:text-purple-600:hover {
  color: #7e208f !important;
}

.t-purple-700,
.hover\:t-purple-700:hover,
.text-purple-700,
.hover\:text-purple-700:hover {
  color: #61186d !important;
}

.t-purple-800,
.hover\:t-purple-800:hover,
.text-purple-800,
.hover\:text-purple-800:hover {
  color: #43114c !important;
}

.t-purple-900,
.hover\:t-purple-900:hover,
.text-purple-900,
.hover\:text-purple-900:hover {
  color: #26092a !important;
}

.t-red-100,
.hover\:t-red-100:hover,
.text-red-100,
.hover\:text-red-100:hover {
  color: #fcd4d1 !important;
}

.t-red-200,
.hover\:t-red-200:hover,
.text-red-200,
.hover\:text-red-200:hover {
  color: #fab0aa !important;
}

.t-red-300,
.hover\:t-red-300:hover,
.text-red-300,
.hover\:text-red-300:hover {
  color: #f88b83 !important;
}

.t-red-400,
.hover\:t-red-400:hover,
.text-red-400,
.hover\:text-red-400:hover {
  color: #f6675d !important;
}

.t-red,
.hover\:t-red:hover,
.text-red,
.hover\:text-red:hover {
  color: #f44336 !important;
}

.t-red-500,
.hover\:t-red-500:hover,
.text-red-500,
.hover\:text-red-500:hover {
  color: #f44336 !important;
}

.t-red-600,
.hover\:t-red-600:hover,
.text-red-600,
.hover\:text-red-600:hover {
  color: #f21f0f !important;
}

.t-red-700,
.hover\:t-red-700:hover,
.text-red-700,
.hover\:text-red-700:hover {
  color: #cd180b !important;
}

.t-red-800,
.hover\:t-red-800:hover,
.text-red-800,
.hover\:text-red-800:hover {
  color: #a61409 !important;
}

.t-red-900,
.hover\:t-red-900:hover,
.text-red-900,
.hover\:text-red-900:hover {
  color: #800f07 !important;
}

.t-teal-100,
.hover\:t-teal-100:hover,
.text-teal-100,
.hover\:text-teal-100:hover {
  color: #3affed !important;
}

.t-teal-200,
.hover\:t-teal-200:hover,
.text-teal-200,
.hover\:text-teal-200:hover {
  color: #11ffe9 !important;
}

.t-teal-300,
.hover\:t-teal-300:hover,
.text-teal-300,
.hover\:text-teal-300:hover {
  color: #00e8d2 !important;
}

.t-teal-400,
.hover\:t-teal-400:hover,
.text-teal-400,
.hover\:text-teal-400:hover {
  color: #00bfad !important;
}

.t-teal,
.hover\:t-teal:hover,
.text-teal,
.hover\:text-teal:hover {
  color: #009688 !important;
}

.t-teal-500,
.hover\:t-teal-500:hover,
.text-teal-500,
.hover\:text-teal-500:hover {
  color: #009688 !important;
}

.t-teal-600,
.hover\:t-teal-600:hover,
.text-teal-600,
.hover\:text-teal-600:hover {
  color: #006d63 !important;
}

.t-teal-700,
.hover\:t-teal-700:hover,
.text-teal-700,
.hover\:text-teal-700:hover {
  color: #00443e !important;
}

.t-teal-800,
.hover\:t-teal-800:hover,
.text-teal-800,
.hover\:text-teal-800:hover {
  color: #001c19 !important;
}

.t-teal-900,
.hover\:t-teal-900:hover,
.text-teal-900,
.hover\:text-teal-900:hover {
  color: black !important;
}

.t-yellow-100,
.hover\:t-yellow-100:hover,
.text-yellow-100,
.hover\:text-yellow-100:hover {
  color: #fffaca !important;
}

.t-yellow-200,
.hover\:t-yellow-200:hover,
.text-yellow-200,
.hover\:text-yellow-200:hover {
  color: #fff5a1 !important;
}

.t-yellow-300,
.hover\:t-yellow-300:hover,
.text-yellow-300,
.hover\:text-yellow-300:hover {
  color: #fff178 !important;
}

.t-yellow-400,
.hover\:t-yellow-400:hover,
.text-yellow-400,
.hover\:text-yellow-400:hover {
  color: #ffed4f !important;
}

.t-yellow,
.hover\:t-yellow:hover,
.text-yellow,
.hover\:text-yellow:hover {
  color: #ffe927 !important;
}

.t-yellow-500,
.hover\:t-yellow-500:hover,
.text-yellow-500,
.hover\:text-yellow-500:hover {
  color: #ffe927 !important;
}

.t-yellow-600,
.hover\:t-yellow-600:hover,
.text-yellow-600,
.hover\:text-yellow-600:hover {
  color: #fde300 !important;
}

.t-yellow-700,
.hover\:t-yellow-700:hover,
.text-yellow-700,
.hover\:text-yellow-700:hover {
  color: #d4be00 !important;
}

.t-yellow-800,
.hover\:t-yellow-800:hover,
.text-yellow-800,
.hover\:text-yellow-800:hover {
  color: #ab9a00 !important;
}

.t-yellow-900,
.hover\:t-yellow-900:hover,
.text-yellow-900,
.hover\:text-yellow-900:hover {
  color: #827500 !important;
}

.t-grey-100,
.text-grey-100,
.hover\:t-grey-100:hover,
.hover\:text-grey-100:hover,
.t-gray-100,
.text-gray-100,
.hover\:t-gray-100:hover,
.hover\:text-gray-100:hover {
  color: lightgray !important;
}

.t-grey-200,
.text-grey-200,
.hover\:t-grey-200:hover,
.hover\:text-grey-200:hover,
.t-gray-200,
.text-gray-200,
.hover\:t-gray-200:hover,
.hover\:text-gray-200:hover {
  color: #bebebe !important;
}

.t-grey-300,
.text-grey-300,
.hover\:t-grey-300:hover,
.hover\:text-grey-300:hover,
.t-gray-300,
.text-gray-300,
.hover\:t-gray-300:hover,
.hover\:text-gray-300:hover {
  color: #aaaaaa !important;
}

.t-grey-400,
.text-grey-400,
.hover\:t-grey-400:hover,
.hover\:text-grey-400:hover,
.t-gray-400,
.text-gray-400,
.hover\:t-gray-400:hover,
.hover\:text-gray-400:hover {
  color: #959595 !important;
}

.t-grey,
.text-grey,
.hover\:t-grey:hover,
.hover\:text-grey:hover,
.t-gray,
.text-gray,
.hover\:t-gray:hover,
.hover\:text-gray:hover {
  color: #818181 !important;
}

.t-grey-500,
.text-grey-500,
.hover\:t-grey-500:hover,
.hover\:text-grey-500:hover,
.t-gray-500,
.text-gray-500,
.hover\:t-gray-500:hover,
.hover\:text-gray-500:hover {
  color: #818181 !important;
}

.t-grey-600,
.text-grey-600,
.hover\:t-grey-600:hover,
.hover\:text-grey-600:hover,
.t-gray-600,
.text-gray-600,
.hover\:t-gray-600:hover,
.hover\:text-gray-600:hover {
  color: #6d6d6d !important;
}

.t-grey-700,
.text-grey-700,
.hover\:t-grey-700:hover,
.hover\:text-grey-700:hover,
.t-gray-700,
.text-gray-700,
.hover\:t-gray-700:hover,
.hover\:text-gray-700:hover {
  color: #585858 !important;
}

.t-grey-800,
.text-grey-800,
.hover\:t-grey-800:hover,
.hover\:text-grey-800:hover,
.t-gray-800,
.text-gray-800,
.hover\:t-gray-800:hover,
.hover\:text-gray-800:hover {
  color: #444444 !important;
}

.t-grey-900,
.text-grey-900,
.hover\:t-grey-900:hover,
.hover\:text-grey-900:hover,
.t-gray-900,
.text-gray-900,
.hover\:t-gray-900:hover,
.hover\:text-gray-900:hover {
  color: #2f2f2f !important;
}

.t-dark,
.hover\:t-dark:hover,
.text-dark,
.hover\:text-dark:hover,
.t-black,
.hover\:t-black:hover,
.text-black,
.hover\:text-black:hover {
  color: #383838 !important;
}

.t-white,
.hover\:t-white:hover,
.text-white,
.hover\:text-white:hover {
  color: #fff !important;
}

.t-off-white,
.hover\:t-off-white:hover,
.text-off-white,
.hover\:text-off-white:hover,
.t-light,
.hover\:t-light:hover,
.text-light,
.hover\:text-light:hover {
  color: #f1f5f8 !important;
}
/*# sourceMappingURL=colorspal.css.map */