/* Created by Robert Gaum using Bootstrap 4 */
/* Simply paste this CSS file into your project, and link to it as normal, or link to the CDN */
/* CDN: */
/* Bootstrap: https://getbootstrap.com/ */

:root {


/* My */
--blue-rgb: 13, 110, 253;
--indigo-rgb: 102, 16, 242;
--purple-rgb: 111, 66, 193;
--pink-rgb: 214, 51, 132;
--red-rgb: 220, 53, 69;
--orange-rgb: 253, 126, 20;
--yellow-rgb: 255, 193, 7;
--green-rgb: 25, 135, 84;
--teal-rgb: 32, 201, 151;
--cyan-rgb: 13, 202, 240;
--gray-rgb: 108, 117, 125;
--gray-dark: 52, 58, 64;
--gray-100: #f8f9fa;
--gray-100-rgb: 248, 249, 250;
--gray-200: #e9ecef;
--gray-200-rgb: 233, 236, 239;
--gray-300: #dee2e6;
--gray-300-rgb: 222, 226, 230;
--gray-400: #ced4da;
--gray-400-rgb: 206, 212, 218;
--gray-500: #adb5bd;
--gray-500-rgb: 173, 181, 189;
--gray-600: #6c757d;
--gray-600-rgb: 108, 117, 125;
--gray-700: #495057;
--gray-700-rgb: 73, 80, 87;
--gray-800: #343a40;
--gray-800-rgb: 52, 58, 64;
--gray-900: #212529;
--gray-900-rgb: 33, 37, 41;
--primary-rgb: 13, 110, 253;
--secondary-rgb: 108, 117, 125;
--success-rgb: 25, 135, 84;
--info-rgb: 13, 202, 240;
--warning-rgb: 255, 193, 7;
--danger-rgb: 220, 53, 69;
--light-rgb: 248, 249, 250;
--dark-rgb: 33, 37, 41;
--white-rgb: 255, 255, 255;
--black-rgb: 0, 0, 0;
--body-color-rgb: 33, 37, 41;
--body-bg-rgb: 255, 255, 255;

--indigo-light-rgb: 202, 128, 255;
/* My end */

/* bs5 */
--bs-blue: rgb(62, 123, 173);
--bs-indigo: rgb(129, 136, 235);
--bs-purple: rgb(173, 115, 250);
--bs-pink: rgb(235, 91, 177);
--bs-red: rgb(237, 100, 88);
--bs-orange: rgb(235, 145, 61);
--bs-yellow: rgb(242, 194, 61);
--bs-green: rgb(70, 166, 95);
--bs-teal: rgb(77, 189, 178);
--bs-cyan: rgb(73, 158, 184);
--bs-black: #000;
--bs-white: #fff;
--bs-gray: rgb(103, 115, 133);
--bs-gray-dark: rgb(45, 54, 69);
--bs-blue-25: rgb(250, 253, 255);
--bs-blue-50: rgb(242, 250, 255);
--bs-blue-75: rgb(229, 245, 255);
--bs-blue-100: rgb(217, 240, 255);
--bs-blue-200: rgb(178, 218, 247);
--bs-blue-300: rgb(151, 203, 240);
--bs-blue-400: rgb(121, 180, 224);
--bs-blue-500: rgb(93, 154, 201);
--bs-blue-600: rgb(62, 123, 173);
--bs-blue-700: rgb(49, 95, 135);
--bs-blue-800: rgb(37, 70, 102);
--bs-blue-900: rgb(26, 45, 64);
--bs-blue-925: rgb(23, 34, 46);
--bs-blue-950: rgb(16, 23, 31);
--bs-blue-975: rgb(11, 16, 20);
--bs-indigo-25: rgb(252, 253, 255);
--bs-indigo-50: rgb(245, 246, 255);
--bs-indigo-75: rgb(237, 240, 255);
--bs-indigo-100: rgb(232, 234, 255);
--bs-indigo-200: rgb(207, 210, 255);
--bs-indigo-300: rgb(184, 188, 255);
--bs-indigo-400: rgb(157, 163, 252);
--bs-indigo-500: rgb(129, 136, 235);
--bs-indigo-600: rgb(99, 107, 214);
--bs-indigo-700: rgb(71, 79, 178);
--bs-indigo-800: rgb(54, 57, 128);
--bs-indigo-900: rgb(35, 37, 77);
--bs-indigo-925: rgb(27, 28, 54);
--bs-indigo-950: rgb(20, 21, 38);
--bs-indigo-975: rgb(14, 14, 26);
--bs-purple-25: rgb(254, 252, 255);
--bs-purple-50: rgb(250, 245, 255);
--bs-purple-75: rgb(246, 237, 255);
--bs-purple-100: rgb(241, 230, 252);
--bs-purple-200: rgb(226, 202, 252);
--bs-purple-300: rgb(211, 174, 252);
--bs-purple-400: rgb(193, 144, 252);
--bs-purple-500: rgb(173, 115, 250);
--bs-purple-600: rgb(143, 82, 222);
--bs-purple-700: rgb(109, 65, 171);
--bs-purple-800: rgb(76, 47, 117);
--bs-purple-900: rgb(49, 32, 74);
--bs-purple-925: rgb(37, 27, 54);
--bs-purple-950: rgb(24, 18, 36);
--bs-purple-975: rgb(16, 13, 20);
--bs-pink-25: rgb(255, 252, 254);
--bs-pink-50: rgb(255, 242, 251);
--bs-pink-75: rgb(255, 235, 248);
--bs-pink-100: rgb(255, 227, 245);
--bs-pink-200: rgb(255, 191, 232);
--bs-pink-300: rgb(255, 158, 218);
--bs-pink-400: rgb(252, 126, 204);
--bs-pink-500: rgb(235, 91, 177);
--bs-pink-600: rgb(191, 73, 144);
--bs-pink-700: rgb(158, 51, 113);
--bs-pink-800: rgb(112, 35, 80);
--bs-pink-900: rgb(66, 28, 50);
--bs-pink-925: rgb(51, 23, 38);
--bs-pink-950: rgb(36, 16, 27);
--bs-pink-975: rgb(23, 12, 18);
--bs-red-25: rgb(255, 252, 252);
--bs-red-50: rgb(255, 246, 245);
--bs-red-75: rgb(255, 237, 235);
--bs-red-100: rgb(255, 214, 209);
--bs-red-200: rgb(255, 186, 178);
--bs-red-300: rgb(255, 150, 138);
--bs-red-400: rgb(255, 117, 102);
--bs-red-500: rgb(237, 100, 88);
--bs-red-600: rgb(209, 69, 56);
--bs-red-700: rgb(163, 54, 46);
--bs-red-800: rgb(122, 45, 39);
--bs-red-900: rgb(71, 29, 26);
--bs-red-925: rgb(46, 17, 16);
--bs-red-950: rgb(33, 14, 13);
--bs-red-975: rgb(18, 9, 8);
--bs-orange-25: rgb(255, 253, 250);
--bs-orange-50: rgb(255, 248, 240);
--bs-orange-75: rgb(255, 242, 227);
--bs-orange-100: rgb(255, 220, 181);
--bs-orange-200: rgb(255, 197, 135);
--bs-orange-300: rgb(252, 170, 88);
--bs-orange-400: rgb(235, 145, 61);
--bs-orange-500: rgb(214, 125, 47);
--bs-orange-600: rgb(176, 99, 37);
--bs-orange-700: rgb(140, 81, 36);
--bs-orange-800: rgb(107, 61, 28);
--bs-orange-900: rgb(64, 38, 20);
--bs-orange-925: rgb(38, 23, 13);
--bs-orange-950: rgb(28, 19, 13);
--bs-orange-975: rgb(15, 11, 8);
--bs-yellow-25: rgb(255, 254, 250);
--bs-yellow-50: rgb(255, 249, 229);
--bs-yellow-75: rgb(255, 244, 209);
--bs-yellow-100: rgb(255, 231, 161);
--bs-yellow-200: rgb(250, 212, 97);
--bs-yellow-300: rgb(242, 194, 61);
--bs-yellow-400: rgb(212, 162, 36);
--bs-yellow-500: rgb(184, 140, 37);
--bs-yellow-600: rgb(145, 113, 38);
--bs-yellow-700: rgb(117, 92, 33);
--bs-yellow-800: rgb(92, 69, 21);
--bs-yellow-900: rgb(54, 42, 17);
--bs-yellow-925: rgb(33, 26, 12);
--bs-yellow-950: rgb(26, 21, 11);
--bs-yellow-975: rgb(13, 10, 6);
--bs-green-25: rgb(250, 255, 252);
--bs-green-50: rgb(242, 252, 246);
--bs-green-75: rgb(222, 252, 232);
--bs-green-100: rgb(195, 250, 212);
--bs-green-200: rgb(152, 235, 178);
--bs-green-300: rgb(111, 214, 142);
--bs-green-400: rgb(86, 191, 116);
--bs-green-500: rgb(70, 166, 95);
--bs-green-600: rgb(48, 133, 70);
--bs-green-700: rgb(38, 105, 55);
--bs-green-800: rgb(32, 79, 44);
--bs-green-900: rgb(23, 51, 30);
--bs-green-925: rgb(17, 36, 21);
--bs-green-950: rgb(11, 23, 14);
--bs-green-975: rgb(8, 15, 10);
--bs-teal-25: rgb(250, 255, 255);
--bs-teal-50: rgb(237, 252, 252);
--bs-teal-75: rgb(220, 250, 249);
--bs-teal-100: rgb(198, 247, 245);
--bs-teal-200: rgb(135, 232, 226);
--bs-teal-300: rgb(105, 214, 205);
--bs-teal-400: rgb(77, 189, 178);
--bs-teal-500: rgb(61, 166, 154);
--bs-teal-600: rgb(47, 130, 119);
--bs-teal-700: rgb(29, 105, 93);
--bs-teal-800: rgb(26, 79, 70);
--bs-teal-900: rgb(21, 51, 46);
--bs-teal-925: rgb(15, 36, 32);
--bs-teal-950: rgb(10, 23, 20);
--bs-teal-975: rgb(9, 18, 16);
--bs-cyan-25: rgb(250, 254, 255);
--bs-cyan-50: rgb(240, 251, 252);
--bs-cyan-75: rgb(225, 246, 250);
--bs-cyan-100: rgb(207, 245, 252);
--bs-cyan-200: rgb(161, 225, 240);
--bs-cyan-300: rgb(132, 208, 227);
--bs-cyan-400: rgb(101, 184, 207);
--bs-cyan-500: rgb(73, 158, 184);
--bs-cyan-600: rgb(46, 128, 153);
--bs-cyan-700: rgb(33, 100, 122);
--bs-cyan-800: rgb(27, 76, 94);
--bs-cyan-900: rgb(21, 48, 59);
--bs-cyan-925: rgb(16, 33, 41);
--bs-cyan-950: rgb(11, 23, 28);
--bs-cyan-975: rgb(8, 15, 18);
--bs-gray-25: rgb(252, 253, 254);
--bs-gray-50: rgb(248, 250, 252);
--bs-gray-75: rgb(242, 245, 250);
--bs-gray-100: rgb(233, 237, 242);
--bs-gray-200: rgb(219, 224, 232);
--bs-gray-300: rgb(197, 205, 217);
--bs-gray-400: rgb(160, 171, 186);
--bs-gray-500: rgb(128, 139, 156);
--bs-gray-600: rgb(103, 115, 133);
--bs-gray-700: rgb(78, 87, 102);
--bs-gray-800: rgb(45, 54, 69);
--bs-gray-900: rgb(25, 31, 41);
--bs-gray-925: rgb(17, 22, 31);
--bs-gray-950: rgb(13, 19, 28);
--bs-gray-975: rgb(9, 14, 23);
--bs-gray-950: rgb(13, 19, 28);
--bs-gray-25: rgb(252, 253, 254);
--bs-gray-50: rgb(248, 250, 252);
--bs-gray-75: rgb(242, 245, 250);
--bs-gray-100: rgb(233, 237, 242);
--bs-gray-200: rgb(219, 224, 232);
--bs-gray-300: rgb(197, 205, 217);
--bs-gray-400: rgb(160, 171, 186);
--bs-gray-500: rgb(128, 139, 156);
--bs-gray-600: rgb(103, 115, 133);
--bs-gray-700: rgb(78, 87, 102);
--bs-gray-800: rgb(45, 54, 69);
--bs-gray-900: rgb(25, 31, 41);
--bs-gray-925: rgb(17, 22, 31);
--bs-gray-950: rgb(13, 19, 28);
--bs-gray-975: rgb(9, 14, 23);
--bs-gray-950: rgb(13, 19, 28);
--bs-primary: rgb(49, 95, 135);
--bs-secondary: rgb(151, 203, 240);
--bs-success: rgb(48, 133, 70);
--bs-info: rgb(62, 123, 173);
--bs-warning: rgb(242, 194, 61);
--bs-danger: rgb(209, 69, 56);
--bs-light: rgb(248, 250, 252);
--bs-dark: rgb(13, 19, 28);
--bs-primary-rgb: 49, 95, 135;
--bs-secondary-rgb: 151, 203, 240;
--bs-success-rgb: 48, 133, 70;
--bs-info-rgb: 62, 123, 173;
--bs-warning-rgb: 242, 194, 61;
--bs-danger-rgb: 209, 69, 56;
--bs-light-rgb: 248, 250, 252;
--bs-dark-rgb: 13, 19, 28;
--bs-primary-text-emphasis: #142636;
--bs-secondary-text-emphasis: #3c5160;
--bs-success-text-emphasis: #13351c;
--bs-info-text-emphasis: #193145;
--bs-warning-text-emphasis: #614e18;
--bs-danger-text-emphasis: #541c16;
--bs-light-text-emphasis: rgb(78, 87, 102);
--bs-dark-text-emphasis: rgb(78, 87, 102);
--bs-primary-bg-subtle: #d6dfe7;
--bs-secondary-bg-subtle: #eaf5fc;
--bs-success-bg-subtle: #d6e7da;
--bs-info-bg-subtle: #d8e5ef;
--bs-warning-bg-subtle: #fcf3d8;
--bs-danger-bg-subtle: #f6dad7;
--bs-light-bg-subtle: #f4f6f9;
--bs-dark-bg-subtle: rgb(160, 171, 186);
--bs-primary-border-subtle: #adbfcf;
--bs-secondary-border-subtle: #d5eaf9;
--bs-success-border-subtle: #acceb5;
--bs-info-border-subtle: #b2cade;
--bs-warning-border-subtle: #fae7b1;
--bs-danger-border-subtle: #edb5af;
--bs-light-border-subtle: rgb(219, 224, 232);
--bs-dark-border-subtle: rgb(128, 139, 156);
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: rgb(25, 31, 41);
--bs-body-color-rgb: 25, 31, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(25, 31, 41, 0.75);
--bs-secondary-color-rgb: 25, 31, 41;
--bs-secondary-bg: rgb(219, 224, 232);
--bs-secondary-bg-rgb: 219, 224, 232;
--bs-tertiary-color: rgba(25, 31, 41, 0.5);
--bs-tertiary-color-rgb: 25, 31, 41;
--bs-tertiary-bg: rgb(233, 237, 242);
--bs-tertiary-bg-rgb: 233, 237, 242;
--bs-heading-color: inherit;
--bs-link-color: rgb(49, 95, 135);
--bs-link-color-rgb: 49, 95, 135;
--bs-link-decoration: underline;
--bs-link-hover-color: #274c6c;
--bs-link-hover-color-rgb: 39, 76, 108;
--bs-code-color: rgb(235, 91, 177);
--bs-highlight-bg: rgb(255, 231, 161);
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: rgb(197, 205, 217);
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.438rem;
--bs-border-radius-sm: 0.375rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(49, 95, 135, 0.25);
--bs-form-valid-color: rgb(48, 133, 70);
--bs-form-valid-border-color: rgb(48, 133, 70);
--bs-form-invalid-color: rgb(209, 69, 56);
--bs-form-invalid-border-color: rgb(209, 69, 56);
--bs-spacer-0: 0;
--bs-spacer-1: 0.25rem;
--bs-spacer-2: 0.5rem;
--bs-spacer-3: 1rem;
--bs-spacer-4: 1.5rem;
--bs-spacer-5: 3rem;
/* bs5 end

/***Colors***/
/*Light*/
  /* --light: #f8f9fa; */

/*White*/
  /* --white: #ffffff; */

/*Black*/
  /* --black: #000000; */

/*Indigo*/
  /* --indigo: #4b0082; */
  --indigo-light: #ca80ff;
  --indigo-dark: #1e0033;

/*Teal*/
  /* --teal: #1fc794; */
  --teal-light: #e9fcf6;
  --teal-dark: #158463;

/*Orange*/
  /* --orange: #ff6600; */
  --orange-light: #ffd1b3;
  --orange-dark: #b34700;

/*Pink*/
  /* --pink: #ff33cc; */
  --pink-light: #ffccf2;
  --pink-dark: #e600ac;

/*Maroon*/
  --maroon: #800000;
  --maroon-light: #ff8080;
  --maroon-dark: #330000;

/*Navy*/
  --navy: #000066;
  --navy-light: #6666ff;
  --navy-dark: #00001a;

/*Yellow*/
  /* --yellow: #ffff00; */
  --yellow-light: #ffffb3;
  --yellow-dark: #b3b300;

/*Lime*/
  --lime: #00ff00;
  --lime-light: #b3ffb3;
  --lime-dark: #00b300;

/*Gray*/
  /* --gray: #808080; */
  --gray-light: #e6e6e6;
  --gray-dark: #595959;

/*Brown*/
  --brown: #993300;
  --brown-light: #ffbb99;
  --brown-dark: #4d1a00;

/*Grape*/
  --grape: #b9135b;
  --grape-light: #f5a3c6;
  --grape-dark: #730c39;

/*Vermillion*/
  --vermillion: #e34234;
  --vermillion-light: #f6c1bc;
  --vermillion-dark: #b42518;

/*Steel*/
  --steel: #878f99;
  --steel-light: #a2b9bc;
  --steel-dark: #6b5b95;

/*Green*/
  /* --green: #006600; */
  --green-light: #66ff66;
  --green-dark: #003300;

/************/
}

/* indigo CSS */
.bg-indigo {
  background-color: var(--indigo);
}
.text-indigo {
  color: var(--indigo)!important;
}
.border-indigo {
  border-color: var(--indigo);
}
.bg-indigo-light {
  background-color: var(--indigo-light);
}
.text-indigo-light {
  color: var(--indigo-light)!important;
}
.border-indigo-light {
  border-color: var(--indigo-light);
}
.bg-indigo-dark {
  background-color: var(--indigo-dark);
}
.text-indigo-dark {
  color: var(--indigo-dark)!important;
}
.border-indigo-dark {
  border-color: var(--indigo-dark);
}
.btn-indigo {
  color: var(--white);
  background-color: var(--indigo);
  border-color: var(--indigo);
}
.btn-indigo:hover {
  color: var(--white);
  background-color: var(--indigo-dark);
  border-color: var(--indigo);
}
.btn-indigo:focus, .btn-indigo.focus {
  box-shadow: 0 0 0 0.2rem var(--indigo-light);
}
.btn-indigo.disabled, .btn-indigo:disabled {
  color: var(--white);
  background-color: var(--indigo-light);
  border-color: var(--indigo-light);
}
.btn-indigo:not(:disabled):not(.disabled):active, .btn-indigo:not(:disabled):not(.disabled).active,
.show > .btn-indigo.dropdown-toggle {
  color: var(--white);
  background-color: var(--indigo-dark);
  border-color: var(--indigo);
}
.btn-indigo:not(:disabled):not(.disabled):active:focus, .btn-indigo:not(:disabled):not(.disabled).active:focus,
.show > .btn-indigo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--indigo-light);
}
.btn-outline-indigo {
  color: var(--indigo);
  background-color: transparent;
  background-image: none;
  border-color: var(--indigo);
}
.btn-outline-indigo:hover {
  color: #fff;
  background-color: var(--indigo);
  border-color: var(--indigo);
}
.btn-outline-indigo:focus, .btn-outline-indigo.focus {
  box-shadow: 0 0 0 0.2rem var(--indigo-light);
}
.btn-outline-indigo.disabled, .btn-outline-indigo:disabled {
  color: var(--indigo-light);
  background-color: transparent;
}
.btn-outline-indigo:not(:disabled):not(.disabled):active, .btn-outline-indigo:not(:disabled):not(.disabled).active,
.show > .btn-outline-indigo.dropdown-toggle {
  color: #fff;
  background-color: var(--indigo);
  border-color: var(--indigo);
}
.btn-outline-indigo:not(:disabled):not(.disabled):active:focus, .btn-outline-indigo:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-indigo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--indigo-light);
}
.table-indigo,
.table-indigo > th,
.table-indigo > td {
  color: var(--indigo-dark);
  background-color: var(--indigo-light);
}
.table-hover .table-indigo:hover {
  background-color: var(--indigo);
}
.table-hover .table-indigo:hover > td,
.table-hover .table-indigo:hover > th {
  background-color: var(--indigo);
}
.table .thead-indigo th {
  color: var(--white);
  background-color: var(--indigo-dark);
  border-color: var(--indigo);
}
.badge-indigo {
  color: var(--white);
  background-color: var(--indigo);
}
.alert-indigo {
  color: var(--indigo-dark);
  background-color: var(--indigo-light);
  border-color: var(--indigo);
}
.alert-indigo hr {
  border-top-color: var(--indigo-dark);
}
.alert-indigo .alert-link {
  color: var(--indigo-dark);
}
.list-group-item-indigo {
  color: var(--indigo);
  background-color: var(--indigo-light);
}
.list-group-item-indigo.list-group-item-action:hover, .list-group-item-indigo.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--indigo);
}
.list-group-item-indigo.list-group-item-action.active {
  color: var(--white);
  background-color: var(--indigo);
  border-color: var(--indigo-dark);
}
/********************************************/

/* teal CSS */
.bg-teal {
  background-color: var(--teal);
}
.text-teal {
  color: var(--teal)!important;
}
.border-teal {
  border-color: var(--teal);
}
.bg-teal-light {
  background-color: var(--teal-light);
}
.text-teal-light {
  color: var(--teal-light)!important;
}
.border-teal-light {
  border-color: var(--teal-light);
}
.bg-teal-dark {
  background-color: var(--teal-dark);
}
.text-teal-dark {
  color: var(--teal-dark)!important;
}
.border-teal-dark {
  border-color: var(--teal-dark);
}
.btn-teal {
  color: var(--white);
  background-color: var(--teal);
  border-color: var(--teal);
}
.btn-teal:hover {
  color: var(--white);
  background-color: var(--teal-dark);
  border-color: var(--teal);
}
.btn-teal:focus, .btn-teal.focus {
  box-shadow: 0 0 0 0.2rem var(--teal-light);
}
.btn-teal.disabled, .btn-teal:disabled {
  color: var(--white);
  background-color: var(--teal-light);
  border-color: var(--teal-light);
}
.btn-teal:not(:disabled):not(.disabled):active, .btn-teal:not(:disabled):not(.disabled).active,
.show > .btn-teal.dropdown-toggle {
  color: var(--white);
  background-color: var(--teal-dark);
  border-color: var(--teal);
}
.btn-teal:not(:disabled):not(.disabled):active:focus, .btn-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--teal-light);
}
.btn-outline-teal {
  color: var(--teal);
  background-color: transparent;
  background-image: none;
  border-color: var(--teal);
}
.btn-outline-teal:hover {
  color: #fff;
  background-color: var(--teal);
  border-color: var(--teal);
}
.btn-outline-teal:focus, .btn-outline-teal.focus {
  box-shadow: 0 0 0 0.2rem var(--teal-light);
}
.btn-outline-teal.disabled, .btn-outline-teal:disabled {
  color: var(--teal-light);
  background-color: transparent;
}
.btn-outline-teal:not(:disabled):not(.disabled):active, .btn-outline-teal:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal.dropdown-toggle {
  color: #fff;
  background-color: var(--teal);
  border-color: var(--teal);
}
.btn-outline-teal:not(:disabled):not(.disabled):active:focus, .btn-outline-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--teal-light);
}
.table-teal,
.table-teal > th,
.table-teal > td {
color: var(--teal-dark);
  background-color: var(--teal-light);
}
.table-hover .table-teal:hover {
  background-color: var(--teal);
}
.table-hover .table-teal:hover > td,
.table-hover .table-teal:hover > th {
  background-color: var(--teal);
}
.table .thead-teal th {
  color: var(--white);
  background-color: var(--teal-dark);
  border-color: var(--teal);
}
.badge-teal {
  color: var(--white);
  background-color: var(--teal);
}
.alert-teal {
  color: var(--teal-dark);
  background-color: var(--teal-light);
  border-color: var(--teal);
}
.alert-teal hr {
  border-top-color: var(--teal-dark);
}
.alert-teal .alert-link {
  color: var(--teal-dark);
}
.list-group-item-teal {
  color: var(--teal);
  background-color: var(--teal-light);
}
.list-group-item-teal.list-group-item-action:hover, .list-group-item-teal.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--teal);
}
.list-group-item-teal.list-group-item-action.active {
  color: var(--white);
  background-color: var(--teal);
  border-color: var(--teal-dark);
}
/********************************************/

/* orange CSS */
.bg-orange {
  background-color: var(--orange);
}
.text-orange {
  color: var(--orange)!important;
}
.border-orange {
  border-color: var(--orange);
}
.bg-orange-light {
  background-color: var(--orange-light);
}
.text-orange-light {
  color: var(--orange-light)!important;
}
.border-orange-light {
  border-color: var(--orange-light);
}
.bg-orange-dark {
  background-color: var(--orange-dark);
}
.text-orange-dark {
  color: var(--orange-dark)!important;
}
.border-orange-dark {
  border-color: var(--orange-dark);
}
.btn-orange {
  color: var(--white);
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-orange:hover {
  color: var(--white);
  background-color: var(--orange-dark);
  border-color: var(--orange);
}
.btn-orange:focus, .btn-orange.focus {
  box-shadow: 0 0 0 0.2rem var(--orange-light);
}
.btn-orange.disabled, .btn-orange:disabled {
  color: var(--white);
  background-color: var(--orange-light);
  border-color: var(--orange-light);
}
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: var(--white);
  background-color: var(--orange-dark);
  border-color: var(--orange);
}
.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--orange-light);
}
.btn-outline-orange {
  color: var(--orange);
  background-color: transparent;
  background-image: none;
  border-color: var(--orange);
}
.btn-outline-orange:hover {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-outline-orange:focus, .btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem var(--orange-light);
}
.btn-outline-orange.disabled, .btn-outline-orange:disabled {
  color: var(--orange-light);
  background-color: transparent;
}
.btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {
  color: #fff;
  background-color: var(--orange);
  border-color: var(--orange);
}
.btn-outline-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--orange-light);
}
.table-orange,
.table-orange > th,
.table-orange > td {
  color: var(--orange-dark);
  background-color: var(--orange-light);
}
.table-hover .table-orange:hover {
  background-color: var(--orange);
}
.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
  background-color: var(--orange);
}
.table .thead-orange th {
  color: var(--white);
  background-color: var(--orange-dark);
  border-color: var(--orange);
}
.badge-orange {
  color: var(--white);
  background-color: var(--orange);
}
.alert-orange {
  color: var(--orange-dark);
  background-color: var(--orange-light);
  border-color: var(--orange);
}
.alert-orange hr {
  border-top-color: var(--orange-dark);
}
.alert-orange .alert-link {
  color: var(--orange-dark);
}
.list-group-item-orange {
  color: var(--orange);
  background-color: var(--orange-light);
}
.list-group-item-orange.list-group-item-action:hover, .list-group-item-orange.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--orange);
}
.list-group-item-orange.list-group-item-action.active {
  color: var(--white);
  background-color: var(--orange);
  border-color: var(--orange-dark);
}
/********************************************/

/* pink CSS */
.bg-pink {
  background-color: var(--pink);
}
.text-pink {
  color: var(--pink)!important;
}
.border-pink {
  border-color: var(--pink);
}
.bg-pink-light {
  background-color: var(--pink-light);
}
.text-pink-light {
  color: var(--pink-light)!important;
}
.border-pink-light {
  border-color: var(--pink-light);
}
.bg-pink-dark {
  background-color: var(--pink-dark);
}
.text-pink-dark {
  color: var(--pink-dark)!important;
}
.border-pink-dark {
  border-color: var(--pink-dark);
}
.btn-pink {
  color: var(--white);
  background-color: var(--pink);
  border-color: var(--pink);
}
.btn-pink:hover {
  color: var(--white);
  background-color: var(--pink-dark);
  border-color: var(--pink);
}
.btn-pink:focus, .btn-pink.focus {
  box-shadow: 0 0 0 0.2rem var(--pink-light);
}
.btn-pink.disabled, .btn-pink:disabled {
  color: var(--white);
  background-color: var(--pink-light);
  border-color: var(--pink-light);
}
.btn-pink:not(:disabled):not(.disabled):active, .btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: var(--white);
  background-color: var(--pink-dark);
  border-color: var(--pink);
}
.btn-pink:not(:disabled):not(.disabled):active:focus, .btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--pink-light);
}
.btn-outline-pink {
  color: var(--pink);
  background-color: transparent;
  background-image: none;
  border-color: var(--pink);
}
.btn-outline-pink:hover {
  color: #fff;
  background-color: var(--pink);
  border-color: var(--pink);
}
.btn-outline-pink:focus, .btn-outline-pink.focus {
  box-shadow: 0 0 0 0.2rem var(--pink-light);
}
.btn-outline-pink.disabled, .btn-outline-pink:disabled {
  color: var(--pink-light);
  background-color: transparent;
}
.btn-outline-pink:not(:disabled):not(.disabled):active, .btn-outline-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline-pink.dropdown-toggle {
  color: #fff;
  background-color: var(--pink);
  border-color: var(--pink);
}
.btn-outline-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--pink-light);
}
.table-pink,
.table-pink > th,
.table-pink > td {
  color: var(--pink-dark);
  background-color: var(--pink-light);
}
.table-hover .table-pink:hover {
  background-color: var(--pink);
}
.table-hover .table-pink:hover > td,
.table-hover .table-pink:hover > th {
  background-color: var(--pink);
}
.table .thead-pink th {
  color: var(--white);
  background-color: var(--pink-dark);
  border-color: var(--pink);
}
.badge-pink {
  color: var(--white);
  background-color: var(--pink);
}
.alert-pink {
  color: var(--pink-dark);
  background-color: var(--pink-light);
  border-color: var(--pink);
}
.alert-pink hr {
  border-top-color: var(--pink-dark);
}
.alert-pink .alert-link {
  color: var(--pink-dark);
}
.list-group-item-pink {
  color: var(--pink);
  background-color: var(--pink-light);
}
.list-group-item-pink.list-group-item-action:hover, .list-group-item-pink.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--pink);
}
.list-group-item-pink.list-group-item-action.active {
  color: var(--white);
  background-color: var(--pink);
  border-color: var(--pink-dark);
}
/********************************************/

/* maroon CSS */
.bg-maroon {
  background-color: var(--maroon);
}
.text-maroon {
  color: var(--maroon)!important;
}
.border-maroon {
  border-color: var(--maroon);
}
.bg-maroon-light {
  background-color: var(--maroon-light);
}
.text-maroon-light {
  color: var(--maroon-light)!important;
}
.border-maroon-light {
  border-color: var(--maroon-light);
}
.bg-maroon-dark {
  background-color: var(--maroon-dark);
}
.text-maroon-dark {
  color: var(--maroon-dark)!important;
}
.border-maroon-dark {
  border-color: var(--maroon-dark);
}
.btn-maroon {
  color: var(--white);
  background-color: var(--maroon);
  border-color: var(--maroon);
}
.btn-maroon:hover {
  color: var(--white);
  background-color: var(--maroon-dark);
  border-color: var(--maroon);
}
.btn-maroon:focus, .btn-maroon.focus {
  box-shadow: 0 0 0 0.2rem var(--maroon-light);
}
.btn-maroon.disabled, .btn-maroon:disabled {
  color: var(--white);
  background-color: var(--maroon-light);
  border-color: var(--maroon-light);
}
.btn-maroon:not(:disabled):not(.disabled):active, .btn-maroon:not(:disabled):not(.disabled).active,
.show > .btn-maroon.dropdown-toggle {
  color: var(--white);
  background-color: var(--maroon-dark);
  border-color: var(--maroon);
}
.btn-maroon:not(:disabled):not(.disabled):active:focus, .btn-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-maroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--maroon-light);
}
.btn-outline-maroon {
  color: var(--maroon);
  background-color: transparent;
  background-image: none;
  border-color: var(--maroon);
}
.btn-outline-maroon:hover {
  color: #fff;
  background-color: var(--maroon);
  border-color: var(--maroon);
}
.btn-outline-maroon:focus, .btn-outline-maroon.focus {
  box-shadow: 0 0 0 0.2rem var(--maroon-light);
}
.btn-outline-maroon.disabled, .btn-outline-maroon:disabled {
  color: var(--maroon-light);
  background-color: transparent;
}
.btn-outline-maroon:not(:disabled):not(.disabled):active, .btn-outline-maroon:not(:disabled):not(.disabled).active,
.show > .btn-outline-maroon.dropdown-toggle {
  color: #fff;
  background-color: var(--maroon);
  border-color: var(--maroon);
}
.btn-outline-maroon:not(:disabled):not(.disabled):active:focus, .btn-outline-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-maroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--maroon-light);
}
.table-maroon,
.table-maroon > th,
.table-maroon > td {
  color: var(--maroon-dark);
  background-color: var(--maroon-light);
}
.table-hover .table-maroon:hover {
  background-color: var(--maroon);
}
.table-hover .table-maroon:hover > td,
.table-hover .table-maroon:hover > th {
  background-color: var(--maroon);
}
.table .thead-maroon th {
  color: var(--white);
  background-color: var(--maroon-dark);
  border-color: var(--maroon);
}
.badge-maroon {
  color: var(--white);
  background-color: var(--maroon);
}
.alert-maroon {
  color: var(--maroon-dark);
  background-color: var(--maroon-light);
  border-color: var(--maroon);
}
.alert-maroon hr {
  border-top-color: var(--maroon-dark);
}
.alert-maroon .alert-link {
  color: var(--maroon-dark);
}
.list-group-item-maroon {
  color: var(--maroon);
  background-color: var(--maroon-light);
}
.list-group-item-maroon.list-group-item-action:hover, .list-group-item-maroon.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--maroon);
}
.list-group-item-maroon.list-group-item-action.active {
  color: var(--white);
  background-color: var(--maroon);
  border-color: var(--maroon-dark);
}
/********************************************/

/* navy CSS */
.bg-navy {
  background-color: var(--navy);
}
.text-navy {
  color: var(--navy)!important;
}
.border-navy {
  border-color: var(--navy);
}
.bg-navy-light {
  background-color: var(--navy-light);
}
.text-navy-light {
  color: var(--navy-light)!important;
}
.border-navy-light {
  border-color: var(--navy-light);
}
.bg-navy-dark {
  background-color: var(--navy-dark);
}
.text-navy-dark {
  color: var(--navy-dark)!important;
}
.border-navy-dark {
  border-color: var(--navy-dark);
}
.btn-navy {
  color: var(--white);
  background-color: var(--navy);
  border-color: var(--navy);
}
.btn-navy:hover {
  color: var(--white);
  background-color: var(--navy-dark);
  border-color: var(--navy);
}
.btn-navy:focus, .btn-navy.focus {
  box-shadow: 0 0 0 0.2rem var(--navy-light);
}
.btn-navy.disabled, .btn-navy:disabled {
  color: var(--white);
  background-color: var(--navy-light);
  border-color: var(--navy-light);
}
.btn-navy:not(:disabled):not(.disabled):active, .btn-navy:not(:disabled):not(.disabled).active,
.show > .btn-navy.dropdown-toggle {
  color: var(--white);
  background-color: var(--navy-dark);
  border-color: var(--navy);
}
.btn-navy:not(:disabled):not(.disabled):active:focus, .btn-navy:not(:disabled):not(.disabled).active:focus,
.show > .btn-navy.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--navy-light);
}
.btn-outline-navy {
  color: var(--navy);
  background-color: transparent;
  background-image: none;
  border-color: var(--navy);
}
.btn-outline-navy:hover {
  color: #fff;
  background-color: var(--navy);
  border-color: var(--navy);
}
.btn-outline-navy:focus, .btn-outline-navy.focus {
  box-shadow: 0 0 0 0.2rem var(--navy-light);
}
.btn-outline-navy.disabled, .btn-outline-navy:disabled {
  color: var(--navy-light);
  background-color: transparent;
}
.btn-outline-navy:not(:disabled):not(.disabled):active, .btn-outline-navy:not(:disabled):not(.disabled).active,
.show > .btn-outline-navy.dropdown-toggle {
  color: #fff;
  background-color: var(--navy);
  border-color: var(--navy);
}
.btn-outline-navy:not(:disabled):not(.disabled):active:focus, .btn-outline-navy:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-navy.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--navy-light);
}
.table-navy,
.table-navy > th,
.table-navy > td {
  color: var(--navy-dark);
  background-color: var(--navy-light);
}
.table-hover .table-navy:hover {
  background-color: var(--navy);
}
.table-hover .table-navy:hover > td,
.table-hover .table-navy:hover > th {
  background-color: var(--navy);
}
.table .thead-navy th {
  color: var(--white);
  background-color: var(--navy-dark);
  border-color: var(--navy);
}
.badge-navy {
  color: var(--white);
  background-color: var(--navy);
}
.alert-navy {
  color: var(--navy-dark);
  background-color: var(--navy-light);
  border-color: var(--navy);
}
.alert-navy hr {
  border-top-color: var(--navy-dark);
}
.alert-navy .alert-link {
  color: var(--navy-dark);
}
.list-group-item-navy {
  color: var(--navy);
  background-color: var(--navy-light);
}
.list-group-item-navy.list-group-item-action:hover, .list-group-item-navy.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--navy);
}
.list-group-item-navy.list-group-item-action.active {
  color: var(--white);
  background-color: var(--navy);
  border-color: var(--navy-dark);
}
/********************************************/

/* yellow CSS */
.bg-yellow {
  background-color: var(--yellow);
}
.text-yellow {
  color: var(--yellow)!important;
}
.border-yellow {
  border-color: var(--yellow);
}
.bg-yellow-light {
  background-color: var(--yellow-light);
}
.text-yellow-light {
  color: var(--yellow-light)!important;
}
.border-yellow-light {
  border-color: var(--yellow-light);
}
.bg-yellow-dark {
  background-color: var(--yellow-dark);
}
.text-yellow-dark {
  color: var(--yellow-dark)!important;
}
.border-yellow-dark {
  border-color: var(--yellow-dark);
}
.btn-yellow {
  color: var(--yellow-dark);
  background-color: var(--yellow);
  border-color: var(--yellow);
}
.btn-yellow:hover {
  color: var(--white);
  background-color: var(--yellow-dark);
  border-color: var(--yellow);
}
.btn-yellow:focus, .btn-yellow.focus {
  box-shadow: 0 0 0 0.2rem var(--yellow-light);
}
.btn-yellow.disabled, .btn-yellow:disabled {
  color: var(--white);
  background-color: var(--yellow-light);
  border-color: var(--yellow-light);
}
.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active,
.show > .btn-yellow.dropdown-toggle {
  color: var(--white);
  background-color: var(--yellow-dark);
  border-color: var(--yellow);
}
.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--yellow-light);
}
.btn-outline-yellow {
  color: var(--yellow-dark);
  background-color: transparent;
  background-image: none;
  border-color: var(--yellow);
}
.btn-outline-yellow:hover {
  color: var(--yellow-dark);
  background-color: var(--yellow);
  border-color: var(--yellow);
}
.btn-outline-yellow:focus, .btn-outline-yellow.focus {
  box-shadow: 0 0 0 0.2rem var(--yellow-light);
}
.btn-outline-yellow.disabled, .btn-outline-yellow:disabled {
  color: var(--yellow-light);
  background-color: transparent;
}
.btn-outline-yellow:not(:disabled):not(.disabled):active, .btn-outline-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-yellow.dropdown-toggle {
  color: #fff;
  background-color: var(--yellow);
  border-color: var(--yellow);
}
.btn-outline-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--yellow-light);
}
.table-yellow,
.table-yellow > th,
.table-yellow > td {
  color: var(--yellow-dark);
  background-color: var(--yellow-light);
}
.table-hover .table-yellow:hover {
  background-color: var(--yellow);
}
.table-hover .table-yellow:hover > td,
.table-hover .table-yellow:hover > th {
  background-color: var(--yellow);
}
.table .thead-yellow th {
  color: var(--white);
  background-color: var(--yellow-dark);
  border-color: var(--yellow);
}
.badge-yellow {
  color: var(--white);
  background-color: var(--yellow);
}
.alert-yellow {
  color: var(--yellow-dark);
  background-color: var(--yellow-light);
  border-color: var(--yellow);
}
.alert-yellow hr {
  border-top-color: var(--yellow-dark);
}
.alert-yellow .alert-link {
  color: var(--yellow-dark);
}
.list-group-item-yellow {
  color: var(--yellow-dark);
  background-color: var(--yellow-light);
}
.list-group-item-yellow.list-group-item-action:hover, .list-group-item-yellow.list-group-item-action:focus {
  color: var(--yellow-dark);
  background-color: var(--yellow);
}
.list-group-item-yellow.list-group-item-action.active {
  color: var(--yellow-dark);
  background-color: var(--yellow);
  border-color: var(--yellow-dark);
}
/********************************************/

/* lime CSS */
.bg-lime {
  background-color: var(--lime);
}
.text-lime {
  color: var(--lime)!important;
}
.border-lime {
  border-color: var(--lime);
}
.bg-lime-light {
  background-color: var(--lime-light);
}
.text-lime-light {
  color: var(--lime-light)!important;
}
.border-lime-light {
  border-color: var(--lime-light);
}
.bg-lime-dark {
  background-color: var(--lime-dark);
}
.text-lime-dark {
  color: var(--lime-dark)!important;
}
.border-lime-dark {
  border-color: var(--lime-dark);
}
.btn-lime {
  color: var(--white);
  background-color: var(--lime);
  border-color: var(--lime);
}
.btn-lime:hover {
  color: var(--white);
  background-color: var(--lime-dark);
  border-color: var(--lime);
}
.btn-lime:focus, .btn-lime.focus {
  box-shadow: 0 0 0 0.2rem var(--lime-light);
}
.btn-lime.disabled, .btn-lime:disabled {
  color: var(--white);
  background-color: var(--lime-light);
  border-color: var(--lime-light);
}
.btn-lime:not(:disabled):not(.disabled):active, .btn-lime:not(:disabled):not(.disabled).active,
.show > .btn-lime.dropdown-toggle {
  color: var(--white);
  background-color: var(--lime-dark);
  border-color: var(--lime);
}
.btn-lime:not(:disabled):not(.disabled):active:focus, .btn-lime:not(:disabled):not(.disabled).active:focus,
.show > .btn-lime.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--lime-light);
}
.btn-outline-lime {
  color: var(--lime);
  background-color: transparent;
  background-image: none;
  border-color: var(--lime);
}
.btn-outline-lime:hover {
  color: #fff;
  background-color: var(--lime);
  border-color: var(--lime);
}
.btn-outline-lime:focus, .btn-outline-lime.focus {
  box-shadow: 0 0 0 0.2rem var(--lime-light);
}
.btn-outline-lime.disabled, .btn-outline-lime:disabled {
  color: var(--lime-light);
  background-color: transparent;
}
.btn-outline-lime:not(:disabled):not(.disabled):active, .btn-outline-lime:not(:disabled):not(.disabled).active,
.show > .btn-outline-lime.dropdown-toggle {
  color: #fff;
  background-color: var(--lime);
  border-color: var(--lime);
}
.btn-outline-lime:not(:disabled):not(.disabled):active:focus, .btn-outline-lime:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-lime.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--lime-light);
}
.table-lime,
.table-lime > th,
.table-lime > td {
  color: var(--lime-dark);
  background-color: var(--lime-light);
}
.table-hover .table-lime:hover {
  background-color: var(--lime);
}
.table-hover .table-lime:hover > td,
.table-hover .table-lime:hover > th {
  background-color: var(--lime);
}
.table .thead-lime th {
  color: var(--white);
  background-color: var(--lime-dark);
  border-color: var(--lime);
}
.badge-lime {
  color: var(--white);
  background-color: var(--lime);
}
.alert-lime {
  color: var(--lime-dark);
  background-color: var(--lime-light);
  border-color: var(--lime);
}
.alert-lime hr {
  border-top-color: var(--lime-dark);
}
.alert-lime .alert-link {
  color: var(--lime-dark);
}
.list-group-item-lime {
  color: var(--lime-dark);
  background-color: var(--lime-light);
}
.list-group-item-lime.list-group-item-action:hover, .list-group-item-lime.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--lime);
}
.list-group-item-lime.list-group-item-action.active {
  color: var(--white);
  background-color: var(--lime);
  border-color: var(--lime-dark);
}
/********************************************/

/* gray CSS */
.bg-gray {
  background-color: var(--gray);
}
.text-gray {
  color: var(--gray)!important;
}
.border-gray {
  border-color: var(--gray);
}
.bg-gray-light {
  background-color: var(--gray-light);
}
.text-gray-light {
  color: var(--gray-light)!important;
}
.border-gray-light {
  border-color: var(--gray-light);
}
.bg-gray-dark {
  background-color: var(--gray-dark);
}
.text-gray-dark {
  color: var(--gray-dark)!important;
}
.border-gray-dark {
  border-color: var(--gray-dark);
}
.btn-gray {
  color: var(--white);
  background-color: var(--gray);
  border-color: var(--gray);
}
.btn-gray:hover {
  color: var(--white);
  background-color: var(--gray-dark);
  border-color: var(--gray);
}
.btn-gray:focus, .btn-gray.focus {
  box-shadow: 0 0 0 0.2rem var(--gray-light);
}
.btn-gray.disabled, .btn-gray:disabled {
  color: var(--white);
  background-color: var(--gray-light);
  border-color: var(--gray-light);
}
.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
.show > .btn-gray.dropdown-toggle {
  color: var(--white);
  background-color: var(--gray-dark);
  border-color: var(--gray);
}
.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--gray-light);
}
.btn-outline-gray {
  color: var(--gray);
  background-color: transparent;
  background-image: none;
  border-color: var(--gray);
}
.btn-outline-gray:hover {
  color: #fff;
  background-color: var(--gray);
  border-color: var(--gray);
}
.btn-outline-gray:focus, .btn-outline-gray.focus {
  box-shadow: 0 0 0 0.2rem var(--gray-light);
}
.btn-outline-gray.disabled, .btn-outline-gray:disabled {
  color: var(--gray-light);
  background-color: transparent;
}
.btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active,
.show > .btn-outline-gray.dropdown-toggle {
  color: #fff;
  background-color: var(--gray);
  border-color: var(--gray);
}
.btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-gray.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--gray-light);
}
.table-gray,
.table-gray > th,
.table-gray > td {
  color: var(--gray-dark);
  background-color: var(--gray-light);
}
.table-hover .table-gray:hover {
  background-color: var(--gray);
}
.table-hover .table-gray:hover > td,
.table-hover .table-gray:hover > th {
  background-color: var(--gray);
}
.table .thead-gray th {
  color: var(--white);
  background-color: var(--gray-dark);
  border-color: var(--gray);
}
.badge-gray {
  color: var(--white);
  background-color: var(--gray);
}
.alert-gray {
  color: var(--gray-dark);
  background-color: var(--gray-light);
  border-color: var(--gray);
}
.alert-gray hr {
  border-top-color: var(--gray-dark);
}
.alert-gray .alert-link {
  color: var(--gray-dark);
}
.list-group-item-gray {
  color: var(--gray);
  background-color: var(--gray-light);
}
.list-group-item-gray.list-group-item-action:hover, .list-group-item-gray.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--gray);
}
.list-group-item-gray.list-group-item-action.active {
  color: var(--white);
  background-color: var(--gray);
  border-color: var(--gray-dark);
}
/********************************************/

/* brown CSS */
.bg-brown {
  background-color: var(--brown);
}
.text-brown {
  color: var(--brown)!important;
}
.border-brown {
  border-color: var(--brown);
}
.bg-brown-light {
  background-color: var(--brown-light);
}
.text-brown-light {
  color: var(--brown-light)!important;
}
.border-brown-light {
  border-color: var(--brown-light);
}
.bg-brown-dark {
  background-color: var(--brown-dark);
}
.text-brown-dark {
  color: var(--brown-dark)!important;
}
.border-brown-dark {
  border-color: var(--brown-dark);
}
.btn-brown {
  color: var(--white);
  background-color: var(--brown);
  border-color: var(--brown);
}
.btn-brown:hover {
  color: var(--white);
  background-color: var(--brown-dark);
  border-color: var(--brown);
}
.btn-brown:focus, .btn-brown.focus {
  box-shadow: 0 0 0 0.2rem var(--brown-light);
}
.btn-brown.disabled, .btn-brown:disabled {
  color: var(--white);
  background-color: var(--brown-light);
  border-color: var(--brown-light);
}
.btn-brown:not(:disabled):not(.disabled):active, .btn-brown:not(:disabled):not(.disabled).active,
.show > .btn-brown.dropdown-toggle {
  color: var(--white);
  background-color: var(--brown-dark);
  border-color: var(--brown);
}
.btn-brown:not(:disabled):not(.disabled):active:focus, .btn-brown:not(:disabled):not(.disabled).active:focus,
.show > .btn-brown.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--brown-light);
}
.btn-outline-brown {
  color: var(--brown);
  background-color: transparent;
  background-image: none;
  border-color: var(--brown);
}
.btn-outline-brown:hover {
  color: #fff;
  background-color: var(--brown);
  border-color: var(--brown);
}
.btn-outline-brown:focus, .btn-outline-brown.focus {
  box-shadow: 0 0 0 0.2rem var(--brown-light);
}
.btn-outline-brown.disabled, .btn-outline-brown:disabled {
  color: var(--brown-light);
  background-color: transparent;
}
.btn-outline-brown:not(:disabled):not(.disabled):active, .btn-outline-brown:not(:disabled):not(.disabled).active,
.show > .btn-outline-brown.dropdown-toggle {
  color: #fff;
  background-color: var(--brown);
  border-color: var(--brown);
}
.btn-outline-brown:not(:disabled):not(.disabled):active:focus, .btn-outline-brown:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-brown.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--brown-light);
}
.table-brown,
.table-brown > th,
.table-brown > td {
  color: var(--brown-dark);
  background-color: var(--brown-light);
}
.table-hover .table-brown:hover {
  background-color: var(--brown);
}
.table-hover .table-brown:hover > td,
.table-hover .table-brown:hover > th {
  background-color: var(--brown);
}
.table .thead-brown th {
  color: var(--white);
  background-color: var(--brown-dark);
  border-color: var(--brown);
}
.badge-brown {
  color: var(--white);
  background-color: var(--brown);
}
.alert-brown {
  color: var(--brown-dark);
  background-color: var(--brown-light);
  border-color: var(--brown);
}
.alert-brown hr {
  border-top-color: var(--brown-dark);
}
.alert-brown .alert-link {
  color: var(--brown-dark);
}
.list-group-item-brown {
  color: var(--brown);
  background-color: var(--brown-light);
}
.list-group-item-brown.list-group-item-action:hover, .list-group-item-brown.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--brown);
}
.list-group-item-brown.list-group-item-action.active {
  color: var(--white);
  background-color: var(--brown);
  border-color: var(--brown-dark);
}
/********************************************/

/* grape CSS */
.bg-grape {
  background-color: var(--grape);
}
.text-grape {
  color: var(--grape)!important;
}
.border-grape {
  border-color: var(--grape);
}
.bg-grape-light {
  background-color: var(--grape-light);
}
.text-grape-light {
  color: var(--grape-light)!important;
}
.border-grape-light {
  border-color: var(--grape-light);
}
.bg-grape-dark {
  background-color: var(--grape-dark);
}
.text-grape-dark {
  color: var(--grape-dark)!important;
}
.border-grape-dark {
  border-color: var(--grape-dark);
}
.btn-grape {
  color: var(--white);
  background-color: var(--grape);
  border-color: var(--grape);
}
.btn-grape:hover {
  color: var(--white);
  background-color: var(--grape-dark);
  border-color: var(--grape);
}
.btn-grape:focus, .btn-grape.focus {
  box-shadow: 0 0 0 0.2rem var(--grape-light);
}
.btn-grape.disabled, .btn-grape:disabled {
  color: var(--white);
  background-color: var(--grape-light);
  border-color: var(--grape-light);
}
.btn-grape:not(:disabled):not(.disabled):active, .btn-grape:not(:disabled):not(.disabled).active,
.show > .btn-grape.dropdown-toggle {
  color: var(--white);
  background-color: var(--grape-dark);
  border-color: var(--grape);
}
.btn-grape:not(:disabled):not(.disabled):active:focus, .btn-grape:not(:disabled):not(.disabled).active:focus,
.show > .btn-grape.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--grape-light);
}
.btn-outline-grape {
  color: var(--grape);
  background-color: transparent;
  background-image: none;
  border-color: var(--grape);
}
.btn-outline-grape:hover {
  color: #fff;
  background-color: var(--grape);
  border-color: var(--grape);
}
.btn-outline-grape:focus, .btn-outline-grape.focus {
  box-shadow: 0 0 0 0.2rem var(--grape-light);
}
.btn-outline-grape.disabled, .btn-outline-grape:disabled {
  color: var(--grape-light);
  background-color: transparent;
}
.btn-outline-grape:not(:disabled):not(.disabled):active, .btn-outline-grape:not(:disabled):not(.disabled).active,
.show > .btn-outline-grape.dropdown-toggle {
  color: #fff;
  background-color: var(--grape);
  border-color: var(--grape);
}
.btn-outline-grape:not(:disabled):not(.disabled):active:focus, .btn-outline-grape:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-grape.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--grape-light);
}
.table-grape,
.table-grape > th,
.table-grape > td {
  color: var(--grape-dark);
  background-color: var(--grape-light);
}
.table-hover .table-grape:hover {
  background-color: var(--grape);
}
.table-hover .table-grape:hover > td,
.table-hover .table-grape:hover > th {
  background-color: var(--grape);
}
.table .thead-grape th {
  color: var(--white);
  background-color: var(--grape-dark);
  border-color: var(--grape);
}
.badge-grape {
  color: var(--white);
  background-color: var(--grape);
}
.alert-grape {
  color: var(--grape-dark);
  background-color: var(--grape-light);
  border-color: var(--grape);
}
.alert-grape hr {
  border-top-color: var(--grape-dark);
}
.alert-grape .alert-link {
  color: var(--grape-dark);
}
.list-group-item-grape {
  color: var(--grape);
  background-color: var(--grape-light);
}
.list-group-item-grape.list-group-item-action:hover, .list-group-item-grape.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--grape);
}
.list-group-item-grape.list-group-item-action.active {
  color: var(--white);
  background-color: var(--grape);
  border-color: var(--grape-dark);
}
/********************************************/

/* vermillion CSS */
.bg-vermillion {
  background-color: var(--vermillion);
}
.text-vermillion {
  color: var(--vermillion)!important;
}
.border-vermillion {
  border-color: var(--vermillion);
}
.bg-vermillion-light {
  background-color: var(--vermillion-light);
}
.text-vermillion-light {
  color: var(--vermillion-light)!important;
}
.border-vermillion-light {
  border-color: var(--vermillion-light);
}
.bg-vermillion-dark {
  background-color: var(--vermillion-dark);
}
.text-vermillion-dark {
  color: var(--vermillion-dark)!important;
}
.border-vermillion-dark {
  border-color: var(--vermillion-dark);
}
.btn-vermillion {
  color: var(--white);
  background-color: var(--vermillion);
  border-color: var(--vermillion);
}
.btn-vermillion:hover {
  color: var(--white);
  background-color: var(--vermillion-dark);
  border-color: var(--vermillion);
}
.btn-vermillion:focus, .btn-vermillion.focus {
  box-shadow: 0 0 0 0.2rem var(--vermillion-light);
}
.btn-vermillion.disabled, .btn-vermillion:disabled {
  color: var(--white);
  background-color: var(--vermillion-light);
  border-color: var(--vermillion-light);
}
.btn-vermillion:not(:disabled):not(.disabled):active, .btn-vermillion:not(:disabled):not(.disabled).active,
.show > .btn-vermillion.dropdown-toggle {
  color: var(--white);
  background-color: var(--vermillion-dark);
  border-color: var(--vermillion);
}
.btn-vermillion:not(:disabled):not(.disabled):active:focus, .btn-vermillion:not(:disabled):not(.disabled).active:focus,
.show > .btn-vermillion.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--vermillion-light);
}
.btn-outline-vermillion {
  color: var(--vermillion);
  background-color: transparent;
  background-image: none;
  border-color: var(--vermillion);
}
.btn-outline-vermillion:hover {
  color: #fff;
  background-color: var(--vermillion);
  border-color: var(--vermillion);
}
.btn-outline-vermillion:focus, .btn-outline-vermillion.focus {
  box-shadow: 0 0 0 0.2rem var(--vermillion-light);
}
.btn-outline-vermillion.disabled, .btn-outline-vermillion:disabled {
  color: var(--vermillion-light);
  background-color: transparent;
}
.btn-outline-vermillion:not(:disabled):not(.disabled):active, .btn-outline-vermillion:not(:disabled):not(.disabled).active,
.show > .btn-outline-vermillion.dropdown-toggle {
  color: #fff;
  background-color: var(--vermillion);
  border-color: var(--vermillion);
}
.btn-outline-vermillion:not(:disabled):not(.disabled):active:focus, .btn-outline-vermillion:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-vermillion.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--vermillion-light);
}
.table-vermillion,
.table-vermillion > th,
.table-vermillion > td {
  color: var(--vermillion-dark);
  background-color: var(--vermillion-light);
}
.table-hover .table-vermillion:hover {
  background-color: var(--vermillion);
}
.table-hover .table-vermillion:hover > td,
.table-hover .table-vermillion:hover > th {
  background-color: var(--vermillion);
}
.table .thead-vermillion th {
  color: var(--white);
  background-color: var(--vermillion-dark);
  border-color: var(--vermillion);
}
.badge-vermillion {
  color: var(--white);
  background-color: var(--vermillion);
}
.alert-vermillion {
  color: var(--vermillion-dark);
  background-color: var(--vermillion-light);
  border-color: var(--vermillion);
}
.alert-vermillion hr {
  border-top-color: var(--vermillion-dark);
}
.alert-vermillion .alert-link {
  color: var(--vermillion-dark);
}
.list-group-item-vermillion {
  color: var(--vermillion);
  background-color: var(--vermillion-light);
}
.list-group-item-vermillion.list-group-item-action:hover, .list-group-item-vermillion.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--vermillion);
}
.list-group-item-vermillion.list-group-item-action.active {
  color: var(--white);
  background-color: var(--vermillion);
  border-color: var(--vermillion-dark);
}
/********************************************/

/* steel CSS */
.bg-steel {
  background-color: var(--steel);
}
.text-steel {
  color: var(--steel)!important;
}
.border-steel {
  border-color: var(--steel);
}
.bg-steel-light {
  background-color: var(--steel-light);
}
.text-steel-light {
  color: var(--steel-light)!important;
}
.border-steel-light {
  border-color: var(--steel-light);
}
.bg-steel-dark {
  background-color: var(--steel-dark);
}
.text-steel-dark {
  color: var(--steel-dark)!important;
}
.border-steel-dark {
  border-color: var(--steel-dark);
}
.btn-steel {
  color: var(--white);
  background-color: var(--steel);
  border-color: var(--steel);
}
.btn-steel:hover {
  color: var(--white);
  background-color: var(--steel-dark);
  border-color: var(--steel);
}
.btn-steel:focus, .btn-steel.focus {
  box-shadow: 0 0 0 0.2rem var(--steel-light);
}
.btn-steel.disabled, .btn-steel:disabled {
  color: var(--white);
  background-color: var(--steel-light);
  border-color: var(--steel-light);
}
.btn-steel:not(:disabled):not(.disabled):active, .btn-steel:not(:disabled):not(.disabled).active,
.show > .btn-steel.dropdown-toggle {
  color: var(--white);
  background-color: var(--steel-dark);
  border-color: var(--steel);
}
.btn-steel:not(:disabled):not(.disabled):active:focus, .btn-steel:not(:disabled):not(.disabled).active:focus,
.show > .btn-steel.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--steel-light);
}
.btn-outline-steel {
  color: var(--steel);
  background-color: transparent;
  background-image: none;
  border-color: var(--steel);
}
.btn-outline-steel:hover {
  color: #fff;
  background-color: var(--steel);
  border-color: var(--steel);
}
.btn-outline-steel:focus, .btn-outline-steel.focus {
  box-shadow: 0 0 0 0.2rem var(--steel-light);
}
.btn-outline-steel.disabled, .btn-outline-steel:disabled {
  color: var(--steel-light);
  background-color: transparent;
}
.btn-outline-steel:not(:disabled):not(.disabled):active, .btn-outline-steel:not(:disabled):not(.disabled).active,
.show > .btn-outline-steel.dropdown-toggle {
  color: #fff;
  background-color: var(--steel);
  border-color: var(--steel);
}
.btn-outline-steel:not(:disabled):not(.disabled):active:focus, .btn-outline-steel:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-steel.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--steel-light);
}
.table-steel,
.table-steel > th,
.table-steel > td {
  color: var(--steel-dark);
  background-color: var(--steel-light);
}
.table-hover .table-steel:hover {
  background-color: var(--steel);
}
.table-hover .table-steel:hover > td,
.table-hover .table-steel:hover > th {
  background-color: var(--steel);
}
.table .thead-steel th {
  color: var(--white);
  background-color: var(--steel-dark);
  border-color: var(--steel);
}
.badge-steel {
  color: var(--white);
  background-color: var(--steel);
}
.alert-steel {
  color: var(--steel-dark);
  background-color: var(--steel-light);
  border-color: var(--steel);
}
.alert-steel hr {
  border-top-color: var(--steel-dark);
}
.alert-steel .alert-link {
  color: var(--steel-dark);
}
.list-group-item-steel {
  color: var(--steel);
  background-color: var(--steel-light);
}
.list-group-item-steel.list-group-item-action:hover, .list-group-item-steel.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--steel);
}
.list-group-item-steel.list-group-item-action.active {
  color: var(--white);
  background-color: var(--steel);
  border-color: var(--steel-dark);
}
/********************************************/

/* green CSS */
.bg-green {
  background-color: var(--green);
}
.text-green {
  color: var(--green)!important;
}
.border-green {
  border-color: var(--green);
}
.bg-green-light {
  background-color: var(--green-light);
}
.text-green-light {
  color: var(--green-light)!important;
}
.border-green-light {
  border-color: var(--green-light);
}
.bg-green-dark {
  background-color: var(--green-dark);
}
.text-green-dark {
  color: var(--green-dark)!important;
}
.border-green-dark {
  border-color: var(--green-dark);
}
.btn-green {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green);
}
.btn-green:hover {
  color: var(--white);
  background-color: var(--green-dark);
  border-color: var(--green);
}
.btn-green:focus, .btn-green.focus {
  box-shadow: 0 0 0 0.2rem var(--green-light);
}
.btn-green.disabled, .btn-green:disabled {
  color: var(--white);
  background-color: var(--green-light);
  border-color: var(--green-light);
}
.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active,
.show > .btn-green.dropdown-toggle {
  color: var(--white);
  background-color: var(--green-dark);
  border-color: var(--green);
}
.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--green-light);
}
.btn-outline-green {
  color: var(--green);
  background-color: transparent;
  background-image: none;
  border-color: var(--green);
}
.btn-outline-green:hover {
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}
.btn-outline-green:focus, .btn-outline-green.focus {
  box-shadow: 0 0 0 0.2rem var(--green-light);
}
.btn-outline-green.disabled, .btn-outline-green:disabled {
  color: var(--green-light);
  background-color: transparent;
}
.btn-outline-green:not(:disabled):not(.disabled):active, .btn-outline-green:not(:disabled):not(.disabled).active,
.show > .btn-outline-green.dropdown-toggle {
  color: #fff;
  background-color: var(--green);
  border-color: var(--green);
}
.btn-outline-green:not(:disabled):not(.disabled):active:focus, .btn-outline-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem var(--green-light);
}
.table-green,
.table-green > th,
.table-green > td {
  color: var(--green-dark);
  background-color: var(--green-light);
}
.table-hover .table-green:hover {
  background-color: var(--green);
}
.table-hover .table-green:hover > td,
.table-hover .table-green:hover > th {
  background-color: var(--green);
}
.table .thead-green th {
  color: var(--white);
  background-color: var(--green-dark);
  border-color: var(--green);
}
.badge-green {
  color: var(--white);
  background-color: var(--green);
}
.alert-green {
  color: var(--green-dark);
  background-color: var(--green-light);
  border-color: var(--green);
}
.alert-green hr {
  border-top-color: var(--green-dark);
}
.alert-green .alert-link {
  color: var(--green-dark);
}
.list-group-item-green {
  color: var(--green);
  background-color: var(--green-light);
}
.list-group-item-green.list-group-item-action:hover, .list-group-item-green.list-group-item-action:focus {
  color: var(--white);
  background-color: var(--green);
}
.list-group-item-green.list-group-item-action.active {
  color: var(--white);
  background-color: var(--green);
  border-color: var(--green-dark);
}
/********************************************/