/* template
:root,
[data-bs-theme=light] {
  --bs-btn-gray-color: #fff;
}
[data-bs-theme=dark] {
  --bs-btn-gray-color: #fff;
}
.btn-gray {
  --bs-btn-color: var(--bs-btn-gray-color);
}
*/
:root,
[data-bs-theme=light] {
  --bs-btn-gizmoevent-color: #CCC;
  --bs-btn-gizmoevent-bg: #f8f9fa;
  --bs-btn-gizmoevent-border: #f8f9fa;
  --bs-btn-gizmoevent-hover: #e8eaeb;
}

[data-bs-theme=dark] {
  --bs-btn-gizmoevent-color: #CCC;
  --bs-btn-gizmoevent-bg: rgb(158, 158, 158, .2);
  --bs-btn-gizmoevent-border: rgb(158, 158, 158, .2);
  --bs-btn-gizmoevent-hover: rgba(224, 224, 224, 0.2);
}

.btn-gizmoevent {
  --bs-btn-color: var(--bs-btn-gizmoevent-color);
  --bs-btn-bg: var(--bs-btn-gizmoevent-bg);
  --bs-btn-border-color: var(--bs-btn-gizmoevent-border);
  --bs-btn-hover-color: var(--bs-btn-gizmoevent-color);
  --bs-btn-hover-bg: var(--bs-btn-gizmoevent-hover);
  --bs-btn-hover-border-color: var(--bs-btn-gizmoevent-hover);
  --bs-btn-active-color: var(--bs-btn-gizmoevent-color);
  --bs-btn-active-bg: var(--bs-btn-gizmoevent-hover);
  --bs-btn-active-border-color: var(--bs-btn-gizmoevent-border);
  --bs-btn-disabled-color: var(--bs-btn-gizmoevent-color);
  --bs-btn-disabled-bg: var(--bs-btn-gizmoevent-border);
  --bs-btn-disabled-border-color: var(--bs-btn-gizmoevent-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-gray-color: #fff;
  --bs-btn-gray-bg: #adb5bd;
  --bs-btn-gray-border: #adb5bd;
  --bs-btn-gray-hover: #6c757d;
}

[data-bs-theme=dark] {
  --bs-btn-gray-color: #000;
  --bs-btn-gray-bg: #9c9c9c;
  --bs-btn-gray-border: #adb5bd;
  --bs-btn-gray-hover: #6c757d;
}

.btn-gray {
  --bs-btn-color: var(--bs-btn-gray-color);
  --bs-btn-bg: var(--bs-btn-gray-bg);
  --bs-btn-border-color: var(--bs-btn-gray-border);
  --bs-btn-hover-color: var(--bs-btn-gray-color);
  --bs-btn-hover-bg: var(--bs-btn-gray-hover);
  --bs-btn-hover-border-color: var(--bs-btn-gray-hover);
  --bs-btn-active-color: var(--bs-btn-gray-color);
  --bs-btn-active-bg: var(--bs-btn-gray-hover);
  --bs-btn-active-border-color: var(--bs-btn-gray-border);
  --bs-btn-disabled-color: var(--bs-btn-gray-color);
  --bs-btn-disabled-bg: var(--bs-btn-gray-border);
  --bs-btn-disabled-border-color: var(--bs-btn-gray-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-gray-light-color: #000;
  --bs-btn-gray-light-bg: #e1e6eb;
  --bs-btn-gray-light-border: #adb5bd;
  --bs-btn-gray-light-hover: #e4e4e4;
}

[data-bs-theme=dark] {
  --bs-btn-gray-light-color: #000;
  --bs-btn-gray-light-bg: #e1e6eb;
  --bs-btn-gray-light-border: #adb5bd;
  --bs-btn-gray-light-hover: #e4e4e4;
}

.btn-gray-light {
  --bs-btn-color: var(--bs-btn-gray-light-color);
  --bs-btn-bg: var(--bs-btn-gray-light-bg);
  --bs-btn-border-color: var(--bs-btn-gray-light-border);
  --bs-btn-hover-color: var(--bs-btn-gray-light-color);
  --bs-btn-hover-bg: var(--bs-btn-gray-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-gray-light-hover);
  --bs-btn-active-color: var(--bs-btn-gray-light-color);
  --bs-btn-active-bg: var(--bs-btn-gray-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-gray-light-border);
  --bs-btn-disabled-color: var(--bs-btn-gray-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-gray-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-gray-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-purple-color: #fff;
  --bs-btn-purple-bg: #8948d3;
  --bs-btn-purple-border: #8948d3;
  --bs-btn-purple-hover: #59359a;
}

[data-bs-theme=dark] {
  --bs-btn-purple-color: #fff;
  --bs-btn-purple-bg: #8948d3;
  --bs-btn-purple-border: #8948d3;
  --bs-btn-purple-hover: #59359a;
}

.btn-purple {
  --bs-btn-color: var(--bs-btn-purple-color);
  --bs-btn-bg: var(--bs-btn-purple-bg);
  --bs-btn-border-color: var(--bs-btn-purple-border);
  --bs-btn-hover-color: var(--bs-btn-purple-color);
  --bs-btn-hover-bg: var(--bs-btn-purple-hover);
  --bs-btn-hover-border-color: var(--bs-btn-purple-hover);
  --bs-btn-active-color: var(--bs-btn-purple-color);
  --bs-btn-active-bg: var(--bs-btn-purple-hover);
  --bs-btn-active-border-color: var(--bs-btn-purple-border);
  --bs-btn-disabled-color: var(--bs-btn-purple-color);
  --bs-btn-disabled-bg: var(--bs-btn-purple-border);
  --bs-btn-disabled-border-color: var(--bs-btn-purple-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-purple-light-color: #34135a;
  --bs-btn-purple-light-bg: #e2d9f3;
  --bs-btn-purple-light-border: #8948d3;
  --bs-btn-purple-light-hover: #b39ddb;
}

[data-bs-theme=dark] {
  --bs-btn-purple-light-color: #4c1e80;
  --bs-btn-purple-light-bg: #e2d9f3;
  --bs-btn-purple-light-border: #8948d3;
  --bs-btn-purple-light-hover: #ac96d3;
}

.btn-purple-light {
  --bs-btn-color: var(--bs-btn-purple-light-color);
  --bs-btn-bg: var(--bs-btn-purple-light-bg);
  --bs-btn-border-color: var(--bs-btn-purple-light-border);
  --bs-btn-hover-color: var(--bs-btn-purple-light-color);
  --bs-btn-hover-bg: var(--bs-btn-purple-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-purple-light-hover);
  --bs-btn-active-color: var(--bs-btn-purple-light-color);
  --bs-btn-active-bg: var(--bs-btn-purple-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-purple-light-border);
  --bs-btn-disabled-color: var(--bs-btn-purple-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-purple-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-purple-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-indigo-color: #fff;
  --bs-btn-indigo-bg: #6610f2;
  --bs-btn-indigo-border: #6610f2;
  --bs-btn-indigo-hover: #520dc2;
}

[data-bs-theme=dark] {
  --bs-btn-indigo-color: #fff;
  --bs-btn-indigo-bg: #6610f2;
  --bs-btn-indigo-border: #6610f2;
  --bs-btn-indigo-hover: #520dc2;
}

.btn-indigo {
  --bs-btn-color: var(--bs-btn-indigo-color);
  --bs-btn-bg: var(--bs-btn-indigo-bg);
  --bs-btn-border-color: var(--bs-btn-indigo-border);
  --bs-btn-hover-color: var(--bs-btn-indigo-color);
  --bs-btn-hover-bg: var(--bs-btn-indigo-hover);
  --bs-btn-hover-border-color: var(--bs-btn-indigo-hover);
  --bs-btn-active-color: var(--bs-btn-indigo-color);
  --bs-btn-active-bg: var(--bs-btn-indigo-hover);
  --bs-btn-active-border-color: var(--bs-btn-indigo-border);
  --bs-btn-disabled-color: var(--bs-btn-indigo-color);
  --bs-btn-disabled-bg: var(--bs-btn-indigo-border);
  --bs-btn-disabled-border-color: var(--bs-btn-indigo-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-indigo-light-color: #500eb9;
  --bs-btn-indigo-light-bg: #e0cffc;
  --bs-btn-indigo-light-border: #6610f2;
  --bs-btn-indigo-light-hover: #c4adeb;
}

[data-bs-theme=dark] {
  --bs-btn-indigo-light-color: #500eb9;
  --bs-btn-indigo-light-bg: #e0cffc;
  --bs-btn-indigo-light-border: #6610f2;
  --bs-btn-indigo-light-hover: #c4adeb;
}

.btn-indigo-light {
  --bs-btn-color: var(--bs-btn-indigo-light-color);
  --bs-btn-bg: var(--bs-btn-indigo-light-bg);
  --bs-btn-border-color: var(--bs-btn-indigo-light-border);
  --bs-btn-hover-color: var(--bs-btn-indigo-light-color);
  --bs-btn-hover-bg: var(--bs-btn-indigo-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-indigo-light-hover);
  --bs-btn-active-color: var(--bs-btn-indigo-light-color);
  --bs-btn-active-bg: var(--bs-btn-indigo-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-indigo-light-border);
  --bs-btn-disabled-color: var(--bs-btn-indigo-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-indigo-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-indigo-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-blue-color: #fff;
  --bs-btn-blue-bg: #0d6efd;
  --bs-btn-blue-border: #0d6efd;
  --bs-btn-blue-hover: #0b5ed7;
}

[data-bs-theme=dark] {
  --bs-btn-blue-color: #fff;
  --bs-btn-blue-bg: #0d6efd;
  --bs-btn-blue-border: #0d6efd;
  --bs-btn-blue-hover: #0b5ed7;
}

.btn-blue {
  --bs-btn-color: var(--bs-btn-blue-color);
  --bs-btn-bg: var(--bs-btn-blue-bg);
  --bs-btn-border-color: var(--bs-btn-blue-border);
  --bs-btn-hover-color: var(--bs-btn-blue-color);
  --bs-btn-hover-bg: var(--bs-btn-blue-hover);
  --bs-btn-hover-border-color: var(--bs-btn-blue-hover);
  --bs-btn-active-color: var(--bs-btn-blue-color);
  --bs-btn-active-bg: var(--bs-btn-blue-hover);
  --bs-btn-active-border-color: var(--bs-btn-blue-border);
  --bs-btn-disabled-color: var(--bs-btn-blue-color);
  --bs-btn-disabled-bg: var(--bs-btn-blue-border);
  --bs-btn-disabled-border-color: var(--bs-btn-blue-border);
}

.border-blue {
  border-color: var(--bs-btn-blue-bg);
}

:root,
[data-bs-theme=light] {
  --bs-btn-blue-light-color: #073272;
  --bs-btn-blue-light-bg: #cfe2ff;
  --bs-btn-blue-light-border: #2f5ca0;
  --bs-btn-blue-light-hover: #8cabd8;
}

[data-bs-theme=dark] {
  --bs-btn-blue-light-color: #072d66;
  --bs-btn-blue-light-bg: #cfe2ff;
  --bs-btn-blue-light-border: #305c9e;
  --bs-btn-blue-light-hover: #7391be;
}

.btn-blue-light {
  --bs-btn-color: var(--bs-btn-blue-light-color);
  --bs-btn-bg: var(--bs-btn-blue-light-bg);
  --bs-btn-border-color: var(--bs-btn-blue-light-border);
  --bs-btn-hover-color: var(--bs-btn-blue-light-color);
  --bs-btn-hover-bg: var(--bs-btn-blue-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-blue-light-hover);
  --bs-btn-active-color: var(--bs-btn-blue-light-color);
  --bs-btn-active-bg: var(--bs-btn-blue-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-blue-light-border);
  --bs-btn-disabled-color: var(--bs-btn-blue-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-blue-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-blue-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-cyan-color: #fff;
  --bs-btn-cyan-bg: #0dcaf0;
  --bs-btn-cyan-border: #0dcaf0;
  --bs-btn-cyan-hover: #0aa2c0;
}

[data-bs-theme=dark] {
  --bs-btn-cyan-color: #fff;
  --bs-btn-cyan-bg: #0dcaf0;
  --bs-btn-cyan-border: #0dcaf0;
  --bs-btn-cyan-hover: #0aa2c0;
}

.btn-cyan {
  --bs-btn-color: var(--bs-btn-cyan-color);
  --bs-btn-bg: var(--bs-btn-cyan-bg);
  --bs-btn-border-color: var(--bs-btn-cyan-border);
  --bs-btn-hover-color: var(--bs-btn-cyan-color);
  --bs-btn-hover-bg: var(--bs-btn-cyan-hover);
  --bs-btn-hover-border-color: var(--bs-btn-cyan-hover);
  --bs-btn-active-color: var(--bs-btn-cyan-color);
  --bs-btn-active-bg: var(--bs-btn-cyan-hover);
  --bs-btn-active-border-color: var(--bs-btn-cyan-border);
  --bs-btn-disabled-color: var(--bs-btn-cyan-color);
  --bs-btn-disabled-bg: var(--bs-btn-cyan-border);
  --bs-btn-disabled-border-color: var(--bs-btn-cyan-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-cyan-light-color: #09849c;
  --bs-btn-cyan-light-bg: #cff4fc;
  --bs-btn-cyan-light-border: #0dcaf0;
  --bs-btn-cyan-light-hover: #b2e2ec;
}

[data-bs-theme=dark] {
  --bs-btn-cyan-light-color: #09849c;
  --bs-btn-cyan-light-bg: #cff4fc;
  --bs-btn-cyan-light-border: #0dcaf0;
  --bs-btn-cyan-light-hover: #b2e2ec;
}

.btn-cyan-light {
  --bs-btn-color: var(--bs-btn-cyan-light-color);
  --bs-btn-bg: var(--bs-btn-cyan-light-bg);
  --bs-btn-border-color: var(--bs-btn-cyan-light-border);
  --bs-btn-hover-color: var(--bs-btn-cyan-light-color);
  --bs-btn-hover-bg: var(--bs-btn-cyan-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-cyan-light-hover);
  --bs-btn-active-color: var(--bs-btn-cyan-light-color);
  --bs-btn-active-bg: var(--bs-btn-cyan-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-cyan-light-border);
  --bs-btn-disabled-color: var(--bs-btn-cyan-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-cyan-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-cyan-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-teal-color: #fff;
  --bs-btn-teal-bg: #20c997;
  --bs-btn-teal-border: #20c997;
  --bs-btn-teal-hover: #1aa179;
}

[data-bs-theme=dark] {
  --bs-btn-teal-color: #fff;
  --bs-btn-teal-bg: #20c997;
  --bs-btn-teal-border: #20c997;
  --bs-btn-teal-hover: #1aa179;
}

.btn-teal {
  --bs-btn-color: var(--bs-btn-teal-color);
  --bs-btn-bg: var(--bs-btn-teal-bg);
  --bs-btn-border-color: var(--bs-btn-teal-border);
  --bs-btn-hover-color: var(--bs-btn-teal-color);
  --bs-btn-hover-bg: var(--bs-btn-teal-hover);
  --bs-btn-hover-border-color: var(--bs-btn-teal-hover);
  --bs-btn-active-color: var(--bs-btn-teal-color);
  --bs-btn-active-bg: var(--bs-btn-teal-hover);
  --bs-btn-active-border-color: var(--bs-btn-teal-border);
  --bs-btn-disabled-color: var(--bs-btn-teal-color);
  --bs-btn-disabled-bg: var(--bs-btn-teal-border);
  --bs-btn-disabled-border-color: var(--bs-btn-teal-border);
}

.border-teal {
  border-color: var(--bs-btn-teal-bg);
}

:root,
[data-bs-theme=light] {
  --bs-btn-teal-light-color: #04412e;
  --bs-btn-teal-light-bg: #d2f4ea;
  --bs-btn-teal-light-border: #1ab486;
  --bs-btn-teal-light-hover: #7ddbbf;
}

[data-bs-theme=dark] {
  --bs-btn-teal-light-color: #084e39;
  --bs-btn-teal-light-bg: #d2f4ea;
  --bs-btn-teal-light-border: #18614b;
  --bs-btn-teal-light-hover: #56af94;
}

.btn-teal-light {
  --bs-btn-color: var(--bs-btn-teal-light-color);
  --bs-btn-bg: var(--bs-btn-teal-light-bg);
  --bs-btn-border-color: var(--bs-btn-teal-light-border);
  --bs-btn-hover-color: var(--bs-btn-teal-light-color);
  --bs-btn-hover-bg: var(--bs-btn-teal-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-teal-light-hover);
  --bs-btn-active-color: var(--bs-btn-teal-light-color);
  --bs-btn-active-bg: var(--bs-btn-teal-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-teal-light-border);
  --bs-btn-disabled-color: var(--bs-btn-teal-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-teal-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-teal-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-green-color: #fff;
  --bs-btn-green-bg: #198754;
  --bs-btn-green-border: #198754;
  --bs-btn-green-hover: #146c43;
}

[data-bs-theme=dark] {
  --bs-btn-green-color: #fff;
  --bs-btn-green-bg: #198754;
  --bs-btn-green-border: #198754;
  --bs-btn-green-hover: #146c43;
}

.btn-green {
  --bs-btn-color: var(--bs-btn-green-color);
  --bs-btn-bg: var(--bs-btn-green-bg);
  --bs-btn-border-color: var(--bs-btn-green-border);
  --bs-btn-hover-color: var(--bs-btn-green-color);
  --bs-btn-hover-bg: var(--bs-btn-green-hover);
  --bs-btn-hover-border-color: var(--bs-btn-green-hover);
  --bs-btn-active-color: var(--bs-btn-green-color);
  --bs-btn-active-bg: var(--bs-btn-green-hover);
  --bs-btn-active-border-color: var(--bs-btn-green-border);
  --bs-btn-disabled-color: var(--bs-btn-green-color);
  --bs-btn-disabled-bg: var(--bs-btn-green-border);
  --bs-btn-disabled-border-color: var(--bs-btn-green-border);
}

.border-green {
  border-color: var(--bs-btn-green-bg);
}

:root,
[data-bs-theme=light] {
  --bs-btn-green-light-color: #064d2c;
  --bs-btn-green-light-bg: #d1e7dd;
  --bs-btn-green-light-border: #198754;
  --bs-btn-green-light-hover: #7ec9a7;
}

[data-bs-theme=dark] {
  --bs-btn-green-light-color: #7ec9a7;
  --bs-btn-green-light-bg: #123f2d;
  --bs-btn-green-light-border: #198754;
  --bs-btn-green-light-hover: #1a553d;
}

.btn-green-light {
  --bs-btn-color: var(--bs-btn-green-light-color);
  --bs-btn-bg: var(--bs-btn-green-light-bg);
  --bs-btn-border-color: var(--bs-btn-green-light-border);
  --bs-btn-hover-color: var(--bs-btn-green-light-color);
  --bs-btn-hover-bg: var(--bs-btn-green-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-green-light-hover);
  --bs-btn-active-color: var(--bs-btn-green-light-color);
  --bs-btn-active-bg: var(--bs-btn-green-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-green-light-border);
  --bs-btn-disabled-color: var(--bs-btn-green-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-green-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-green-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-red-color: #fff;
  --bs-btn-red-bg: #dc3545;
  --bs-btn-red-border: #dc3545;
  --bs-btn-red-hover: #b02a37;
}

[data-bs-theme=dark] {
  --bs-btn-red-color: #fff;
  --bs-btn-red-bg: #dc3545;
  --bs-btn-red-border: #dc3545;
  --bs-btn-red-hover: #b02a37;
}

.btn-red {
  --bs-btn-color: var(--bs-btn-red-color);
  --bs-btn-bg: var(--bs-btn-red-bg);
  --bs-btn-border-color: var(--bs-btn-red-border);
  --bs-btn-hover-color: var(--bs-btn-red-color);
  --bs-btn-hover-bg: var(--bs-btn-red-hover);
  --bs-btn-hover-border-color: var(--bs-btn-red-hover);
  --bs-btn-active-color: var(--bs-btn-red-color);
  --bs-btn-active-bg: var(--bs-btn-red-hover);
  --bs-btn-active-border-color: var(--bs-btn-red-border);
  --bs-btn-disabled-color: var(--bs-btn-red-color);
  --bs-btn-disabled-bg: var(--bs-btn-red-border);
  --bs-btn-disabled-border-color: var(--bs-btn-red-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-red-light-color: #b41e2d;
  --bs-btn-red-light-bg: #f8d7da;
  --bs-btn-red-light-border: #dc3545;
  --bs-btn-red-light-hover: #f59ea5;
}

[data-bs-theme=dark] {
  --bs-btn-red-light-color: #691019;
  --bs-btn-red-light-bg: #f8d7da;
  --bs-btn-red-light-border: #dc3545;
  --bs-btn-red-light-hover: #e28088;
}

.btn-red-light {
  --bs-btn-color: var(--bs-btn-red-light-color);
  --bs-btn-bg: var(--bs-btn-red-light-bg);
  --bs-btn-border-color: var(--bs-btn-red-light-border);
  --bs-btn-hover-color: var(--bs-btn-red-light-color);
  --bs-btn-hover-bg: var(--bs-btn-red-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-red-light-hover);
  --bs-btn-active-color: var(--bs-btn-red-light-color);
  --bs-btn-active-bg: var(--bs-btn-red-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-red-light-border);
  --bs-btn-disabled-color: var(--bs-btn-red-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-red-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-red-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-pink-color: #fff;
  --bs-btn-pink-bg: #d63384;
  --bs-btn-pink-border: #d63384;
  --bs-btn-pink-hover: #ab296a;
}

[data-bs-theme=dark] {
  --bs-btn-pink-color: #fff;
  --bs-btn-pink-bg: #d63384;
  --bs-btn-pink-border: #d63384;
  --bs-btn-pink-hover: #ab296a;
}

.btn-pink {
  --bs-btn-color: var(--bs-btn-pink-color);
  --bs-btn-bg: var(--bs-btn-pink-bg);
  --bs-btn-border-color: var(--bs-btn-pink-border);
  --bs-btn-hover-color: var(--bs-btn-pink-color);
  --bs-btn-hover-bg: var(--bs-btn-pink-hover);
  --bs-btn-hover-border-color: var(--bs-btn-pink-hover);
  --bs-btn-active-color: var(--bs-btn-pink-color);
  --bs-btn-active-bg: var(--bs-btn-pink-hover);
  --bs-btn-active-border-color: var(--bs-btn-pink-border);
  --bs-btn-disabled-color: var(--bs-btn-pink-color);
  --bs-btn-disabled-bg: var(--bs-btn-pink-border);
  --bs-btn-disabled-border-color: var(--bs-btn-pink-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-pink-light-color: #aa2266;
  --bs-btn-pink-light-bg: #f7d6e6;
  --bs-btn-pink-light-border: #d63384;
  --bs-btn-pink-light-hover: #ecbad2;
}

[data-bs-theme=dark] {
  --bs-btn-pink-light-color: #aa2266;
  --bs-btn-pink-light-bg: #f7d6e6;
  --bs-btn-pink-light-border: #d63384;
  --bs-btn-pink-light-hover: #ecbad2;
}

.btn-pink-light {
  --bs-btn-color: var(--bs-btn-pink-light-color);
  --bs-btn-bg: var(--bs-btn-pink-light-bg);
  --bs-btn-border-color: var(--bs-btn-pink-light-border);
  --bs-btn-hover-color: var(--bs-btn-pink-light-color);
  --bs-btn-hover-bg: var(--bs-btn-pink-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-pink-light-hover);
  --bs-btn-active-color: var(--bs-btn-pink-light-color);
  --bs-btn-active-bg: var(--bs-btn-pink-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-pink-light-border);
  --bs-btn-disabled-color: var(--bs-btn-pink-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-pink-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-pink-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-orange-color: #fff;
  --bs-btn-orange-bg: #fd7e14;
  --bs-btn-orange-border: #fd7e14;
  --bs-btn-orange-hover: #ca6510;
}

[data-bs-theme=dark] {
  --bs-btn-orange-color: #fff;
  --bs-btn-orange-bg: #fd7e14;
  --bs-btn-orange-border: #fd7e14;
  --bs-btn-orange-hover: #ca6510;
}

.btn-orange {
  --bs-btn-color: var(--bs-btn-orange-color);
  --bs-btn-bg: var(--bs-btn-orange-bg);
  --bs-btn-border-color: var(--bs-btn-orange-border);
  --bs-btn-hover-color: var(--bs-btn-orange-color);
  --bs-btn-hover-bg: var(--bs-btn-orange-hover);
  --bs-btn-hover-border-color: var(--bs-btn-orange-hover);
  --bs-btn-active-color: var(--bs-btn-orange-color);
  --bs-btn-active-bg: var(--bs-btn-orange-hover);
  --bs-btn-active-border-color: var(--bs-btn-orange-border);
  --bs-btn-disabled-color: var(--bs-btn-orange-color);
  --bs-btn-disabled-bg: var(--bs-btn-orange-border);
  --bs-btn-disabled-border-color: var(--bs-btn-orange-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-orange-light-color: #b85708;
  --bs-btn-orange-light-bg: #ffe5d0;
  --bs-btn-orange-light-border: #fd7e14;
  --bs-btn-orange-light-hover: #ecc9ac;
}

[data-bs-theme=dark] {
  --bs-btn-orange-light-color: #753b0c;
  --bs-btn-orange-light-bg: #ffe5d0;
  --bs-btn-orange-light-border: #fd7e14;
  --bs-btn-orange-light-hover: #f3b480;
}

.btn-orange-light {
  --bs-btn-color: var(--bs-btn-orange-light-color);
  --bs-btn-bg: var(--bs-btn-orange-light-bg);
  --bs-btn-border-color: var(--bs-btn-orange-light-border);
  --bs-btn-hover-color: var(--bs-btn-orange-light-color);
  --bs-btn-hover-bg: var(--bs-btn-orange-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-orange-light-hover);
  --bs-btn-active-color: var(--bs-btn-orange-light-color);
  --bs-btn-active-bg: var(--bs-btn-orange-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-orange-light-border);
  --bs-btn-disabled-color: var(--bs-btn-orange-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-orange-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-orange-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-yellow-color: #fff;
  --bs-btn-yellow-bg: #ffc107;
  --bs-btn-yellow-border: #ffc107;
  --bs-btn-yellow-hover: #cc9a06;
}

[data-bs-theme=dark] {
  --bs-btn-yellow-color: #fff;
  --bs-btn-yellow-bg: #ffc107;
  --bs-btn-yellow-border: #ffc107;
  --bs-btn-yellow-hover: #cc9a06;
}

.btn-yellow {
  --bs-btn-color: var(--bs-btn-yellow-color);
  --bs-btn-bg: var(--bs-btn-yellow-bg);
  --bs-btn-border-color: var(--bs-btn-yellow-border);
  --bs-btn-hover-color: var(--bs-btn-yellow-color);
  --bs-btn-hover-bg: var(--bs-btn-yellow-hover);
  --bs-btn-hover-border-color: var(--bs-btn-yellow-hover);
  --bs-btn-active-color: var(--bs-btn-yellow-color);
  --bs-btn-active-bg: var(--bs-btn-yellow-hover);
  --bs-btn-active-border-color: var(--bs-btn-yellow-border);
  --bs-btn-disabled-color: var(--bs-btn-yellow-color);
  --bs-btn-disabled-bg: var(--bs-btn-yellow-border);
  --bs-btn-disabled-border-color: var(--bs-btn-yellow-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-yellow-light-color: #795a00;
  --bs-btn-yellow-light-bg: #fff3cd;
  --bs-btn-yellow-light-border: #ffc107;
  --bs-btn-yellow-light-hover: #ffdb64;
}

[data-bs-theme=dark] {
  --bs-btn-yellow-light-color: #7e5f04;
  --bs-btn-yellow-light-bg: #fff3cd;
  --bs-btn-yellow-light-border: #ffc107;
  --bs-btn-yellow-light-hover: #fdcf37;
}

.btn-yellow-light {
  --bs-btn-color: var(--bs-btn-yellow-light-color);
  --bs-btn-bg: var(--bs-btn-yellow-light-bg);
  --bs-btn-border-color: var(--bs-btn-yellow-light-border);
  --bs-btn-hover-color: var(--bs-btn-yellow-light-color);
  --bs-btn-hover-bg: var(--bs-btn-yellow-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-yellow-light-hover);
  --bs-btn-active-color: var(--bs-btn-yellow-light-color);
  --bs-btn-active-bg: var(--bs-btn-yellow-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-yellow-light-border);
  --bs-btn-disabled-color: var(--bs-btn-yellow-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-yellow-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-yellow-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-lightinfo-color: #fff;
  --bs-btn-lightinfo-bg: #5bc0de;
  --bs-btn-lightinfo-border: #5bc0de;
  --bs-btn-lightinfo-hover: #2aabd2;
}

[data-bs-theme=dark] {
  --bs-btn-lightinfo-color: #fff;
  --bs-btn-lightinfo-bg: #5bc0de;
  --bs-btn-lightinfo-border: #5bc0de;
  --bs-btn-lightinfo-hover: #2aabd2;
}

.btn-lightinfo {
  --bs-btn-color: var(--bs-btn-lightinfo-color);
  --bs-btn-bg: var(--bs-btn-lightinfo-bg);
  --bs-btn-border-color: var(--bs-btn-lightinfo-border);
  --bs-btn-hover-color: var(--bs-btn-lightinfo-color);
  --bs-btn-hover-bg: var(--bs-btn-lightinfo-hover);
  --bs-btn-hover-border-color: var(--bs-btn-lightinfo-hover);
  --bs-btn-active-color: var(--bs-btn-lightinfo-color);
  --bs-btn-active-bg: var(--bs-btn-lightinfo-hover);
  --bs-btn-active-border-color: var(--bs-btn-lightinfo-border);
  --bs-btn-disabled-color: var(--bs-btn-lightinfo-color);
  --bs-btn-disabled-bg: var(--bs-btn-lightinfo-border);
  --bs-btn-disabled-border-color: var(--bs-btn-lightinfo-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-lightinfo-light-color: #327d94;
  --bs-btn-lightinfo-light-bg: #b9effd;
  --bs-btn-lightinfo-light-border: #5bc0de;
  --bs-btn-lightinfo-light-hover: #9ed6e4;
}

[data-bs-theme=dark] {
  --bs-btn-lightinfo-light-color: #327d94;
  --bs-btn-lightinfo-light-bg: #b9effd;
  --bs-btn-lightinfo-light-border: #5bc0de;
  --bs-btn-lightinfo-light-hover: #9ed6e4;
}

.btn-lightinfo-light {
  --bs-btn-color: var(--bs-btn-lightinfo-light-color);
  --bs-btn-bg: var(--bs-btn-lightinfo-light-bg);
  --bs-btn-border-color: var(--bs-btn-lightinfo-light-border);
  --bs-btn-hover-color: var(--bs-btn-lightinfo-light-color);
  --bs-btn-hover-bg: var(--bs-btn-lightinfo-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-lightinfo-light-hover);
  --bs-btn-active-color: var(--bs-btn-lightinfo-light-color);
  --bs-btn-active-bg: var(--bs-btn-lightinfo-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-lightinfo-light-border);
  --bs-btn-disabled-color: var(--bs-btn-lightinfo-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-lightinfo-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-lightinfo-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-lightred-color: #fff;
  --bs-btn-lightred-bg: #d45c56;
  --bs-btn-lightred-border: #d45c56;
  --bs-btn-lightred-hover: #ba322b;
}

[data-bs-theme=dark] {
  --bs-btn-lightred-color: #fff;
  --bs-btn-lightred-bg: #d45c56;
  --bs-btn-lightred-border: #d45c56;
  --bs-btn-lightred-hover: #ba322b;
}

.btn-lightred {
  --bs-btn-color: var(--bs-btn-lightred-color);
  --bs-btn-bg: var(--bs-btn-lightred-bg);
  --bs-btn-border-color: var(--bs-btn-lightred-border);
  --bs-btn-hover-color: var(--bs-btn-lightred-color);
  --bs-btn-hover-bg: var(--bs-btn-lightred-hover);
  --bs-btn-hover-border-color: var(--bs-btn-lightred-hover);
  --bs-btn-active-color: var(--bs-btn-lightred-color);
  --bs-btn-active-bg: var(--bs-btn-lightred-hover);
  --bs-btn-active-border-color: var(--bs-btn-lightred-border);
  --bs-btn-disabled-color: var(--bs-btn-lightred-color);
  --bs-btn-disabled-bg: var(--bs-btn-lightred-border);
  --bs-btn-disabled-border-color: var(--bs-btn-lightred-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-lightred-light-color: #721b17;
  --bs-btn-lightred-light-bg: #ffaba7;
  --bs-btn-lightred-light-border: #d45c56;
  --bs-btn-lightred-light-hover: #da7670;
}

[data-bs-theme=dark] {
  --bs-btn-lightred-light-color: #721b17;
  --bs-btn-lightred-light-bg: #ffaba7;
  --bs-btn-lightred-light-border: #d45c56;
  --bs-btn-lightred-light-hover: #ec8d88;
}

.btn-lightred-light {
  --bs-btn-color: var(--bs-btn-lightred-light-color);
  --bs-btn-bg: var(--bs-btn-lightred-light-bg);
  --bs-btn-border-color: var(--bs-btn-lightred-light-border);
  --bs-btn-hover-color: var(--bs-btn-lightred-light-color);
  --bs-btn-hover-bg: var(--bs-btn-lightred-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-lightred-light-hover);
  --bs-btn-active-color: var(--bs-btn-lightred-light-color);
  --bs-btn-active-bg: var(--bs-btn-lightred-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-lightred-light-border);
  --bs-btn-disabled-color: var(--bs-btn-lightred-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-lightred-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-lightred-light-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-info-color: #fff;
  --bs-btn-info-bg: #17a2b8;
  --bs-btn-info-border: #17a2b8;
  --bs-btn-info-hover: #138496;
}

[data-bs-theme=dark] {
  --bs-btn-info-color: #ffffff;
  --bs-btn-info-bg: #17a2b8;
  --bs-btn-info-border: #17a2b8;
  --bs-btn-info-hover: #138496;
}

.btn-info {
  --bs-btn-color: var(--bs-btn-info-color);
  --bs-btn-bg: var(--bs-btn-info-bg);
  --bs-btn-border-color: var(--bs-btn-info-border);
  --bs-btn-hover-color: var(--bs-btn-info-color);
  --bs-btn-hover-bg: var(--bs-btn-info-hover);
  --bs-btn-hover-border-color: var(--bs-btn-info-hover);
  --bs-btn-active-color: var(--bs-btn-info-color);
  --bs-btn-active-bg: var(--bs-btn-info-hover);
  --bs-btn-active-border-color: var(--bs-btn-info-border);
  --bs-btn-disabled-color: var(--bs-btn-info-color);
  --bs-btn-disabled-bg: var(--bs-btn-info-border);
  --bs-btn-disabled-border-color: var(--bs-btn-info-border);
}

:root,
[data-bs-theme=light] {
  --bs-btn-info-light-color: #0e6c7a;
  --bs-btn-info-light-bg: #d1ecf1;
  --bs-btn-info-light-border: #17a2b8;
  --bs-btn-info-light-hover: #b5dbe2;
}

[data-bs-theme=dark] {
  --bs-btn-info-light-color: #62c5d4;
  --bs-btn-info-light-bg: #1b4247;
  --bs-btn-info-light-border: #17a2b8;
  --bs-btn-info-light-hover: #24555c;
}

.btn-info-light {
  --bs-btn-color: var(--bs-btn-info-light-color);
  --bs-btn-bg: var(--bs-btn-info-light-bg);
  --bs-btn-border-color: var(--bs-btn-info-light-border);
  --bs-btn-hover-color: var(--bs-btn-info-light-color);
  --bs-btn-hover-bg: var(--bs-btn-info-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-info-light-border);
  --bs-btn-active-color: var(--bs-btn-info-light-color);
  --bs-btn-active-bg: var(--bs-btn-info-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-info-light-border);
  --bs-btn-disabled-color: var(--bs-btn-info-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-info-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-info-light-border);
}

.btn-outline-info-light {
  --bs-btn-color: #5bc0de;
  --bs-btn-border-color: #5bc0de;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #5bc0de;
  --bs-btn-hover-border-color: #5bc0de;
  /*--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: hover8;
  --bs-btn-active-border-color: #1690a3;
  /*--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #17a2b8;
  --bs-btn-disabled-border-color: #1690a3
}

.btn-outline-info {
  --bs-btn-color: #17a2b8;
  --bs-btn-border-color: #17a2b8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #138496;
  --bs-btn-hover-border-color: #138496;
  /*--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1690a3;
  --bs-btn-active-border-color: #1690a3;
  /*--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #17a2b8;
  --bs-btn-disabled-border-color: #1690a3
}



:root,
[data-bs-theme=light] {
  --bs-btn-primary-light-color: #073272;
  --bs-btn-primary-light-bg: #cfe2ff;
  --bs-btn-primary-light-border: #2f5ca0;
  --bs-btn-primary-light-hover: #8cabd8;
}

[data-bs-theme=dark] {
  --bs-btn-primary-light-color: #cfe2ff;
  --bs-btn-primary-light-bg: #073272;
  --bs-btn-primary-light-border: #305c9e;
  --bs-btn-primary-light-hover: #7391be;
}

.btn-primary-light {
  --bs-btn-color: var(--bs-btn-primary-light-color);
  --bs-btn-bg: var(--bs-btn-primary-light-bg);
  --bs-btn-border-color: var(--bs-btn-primary-light-border);
  --bs-btn-hover-color: var(--bs-btn-primary-light-color);
  --bs-btn-hover-bg: var(--bs-btn-primary-light-hover);
  --bs-btn-hover-border-color: var(--bs-btn-primary-light-hover);
  --bs-btn-active-color: var(--bs-btn-primary-light-color);
  --bs-btn-active-bg: var(--bs-btn-primary-light-hover);
  --bs-btn-active-border-color: var(--bs-btn-primary-light-border);
  --bs-btn-disabled-color: var(--bs-btn-primary-light-color);
  --bs-btn-disabled-bg: var(--bs-btn-primary-light-border);
  --bs-btn-disabled-border-color: var(--bs-btn-primary-light-border);
}



.navbar-nav .btn-outline-info {
  color: #17a2b8;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}

.navbar-nav .btn-outline-info:hover {
  color: #ffffff;
}

.btn-outline-info.dropdown-toggle.show {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-purple {
  --bs-btn-color: #be87fc;
  --bs-btn-border-color: #8948d3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8948d3;
  --bs-btn-hover-border-color: hover6;
  /*--bs-btn-focus-shadow-rgb: 49, 132, 253;*/
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: hover3;
  --bs-btn-active-border-color: #763eb6;
  /*--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8948d3;
  --bs-btn-disabled-border-color: #763eb6
}

.navbar-nav .btn-outline-purple {
  color: #8948d3;
  border-color: #8948d3;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}

.navbar-nav .btn-outline-purple:hover {
  color: #ffffff;
}

.btn-outline-purple.dropdown-toggle.show {
  color: #fff;
  background-color: #8948d3;
  border-color: #8948d3;
  border-style: solid;

}

.bg-purple-light,
.bg-purple-light:hover {
  background-color: rgb(153, 102, 255, 0.6)
}

.bg-indigo-light,
.bg-indigo-light:hover {
  background-color: rgba(186, 102, 255, 0.6)
}

.bg-blue-light,
.bg-blue-light:hover {
  background-color: rgb(54, 162, 235, 0.6)
}

.bg-cyan-light,
.bg-cyan-light:hover {
  background-color: rgba(75, 155, 192, 0.6)
}

.bg-green-light,
.bg-green-light:hover {
  background-color: rgba(75, 192, 81, 0.6)
}

.bg-teal-light,
.bg-teal-light:hover {
  background-color: rgb(75, 192, 192, 0.6)
}

.bg-yellow-light,
.bg-yellow-light:hover {
  background-color: rgb(255, 205, 86, 0.6)
}

.bg-orange-light,
.bg-orange-light:hover {
  background-color: rgb(255, 159, 64, 0.6)
}

.bg-pink-light,
.bg-pink-light:hover {
  background-color: rgba(255, 99, 234, 0.6)
}

.bg-red-light,
.bg-red-light:hover {
  background-color: rgb(255, 99, 132, 0.6)
}

.bg-gray-light,
.bg-gray-light:hover {
  background-color: rgba(209, 209, 209, 0.6)
}