@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  /* Basic styling */
  --primary-color: #0050ff;
  --bg-color: #ffffff;
  --fg-color: #000000;
  --border-color: #e6e6e6;
  /* Widgets */
  --widget-margin: 0px;
  --widget-padding: 5px;
  --widget-bg-color: #f0f0f0;
  --widget-fg-color: #000000;
  /* Edits */
  --add-color: #00e17d;
  --mod-color: #ff6e1e;
  --del-color: #f01400;
  /* Links */
  --link-color: #0050ff;
  /* Buttons, especially primary buttons */
  --btn-fg-color: #ffffff;
  --btn-bg-color: #0050ff;
  --btn-border-color: #0050ff;
  /* Statuses */
  --ok-bg-color: #00e17d;
  --ok-fg-color: #000000;
  --info-bg-color: #6ec8ff;
  --info-fg-color: #000000;
  --warning-bg-color: #f0f13c;
  --warning-fg-color: #000000;
  --error-bg-color: #f01400;
  --error-fg-color: #ffffff;
  /* Validation, including forms */
  --valid-modified-outline-color: #00e17d;
  --invalid-outline-color: #f01400;
  --invalid-color: #f01400;
  /* Bootstrap Overrides */
  --bs-primary: #0050ff;
}

.btn-primary {
  --bs-btn-bg: #0050ff;
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: #0050ff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0040cc;
  --bs-btn-hover-border-color: #0040cc;
  --bs-btn-focus-shadow-rgb: 0, 80, 255;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(0, 56, 178.5);
  --bs-btn-active-border-color: rgb(0, 56, 178.5);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: rgb(124.95, 158.55, 232.05);
  --bs-btn-disabled-border-color: rgb(124.95, 158.55, 232.05);
}

.btn-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f0f0f0;
  --bs-btn-border-color: #e6e6e6;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(227.25, 227.25, 227.25);
  --bs-btn-hover-border-color: rgb(204.5, 204.5, 204.5);
  --bs-btn-focus-shadow-rgb: 230, 230, 230;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(214.5, 214.5, 214.5);
  --bs-btn-active-border-color: rgb(191.75, 191.75, 191.75);
  --bs-btn-disabled-color: #b3b3b3;
  --bs-btn-disabled-bg: #f0f0f0;
  --bs-btn-disabled-border-color: #e6e6e6;
}

.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #00e17d;
  --bs-btn-border-color: #00e17d;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(0, 174, 96.6666666667);
  --bs-btn-hover-border-color: rgb(0, 174, 96.6666666667);
  --bs-btn-focus-shadow-rgb: 0, 225, 125;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(0, 148.5, 82.5);
  --bs-btn-active-border-color: rgb(0, 148.5, 82.5);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: rgb(99.45, 227.55, 170.6166666667);
  --bs-btn-disabled-border-color: rgb(99.45, 227.55, 170.6166666667);
}

.btn-danger {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #f01400;
  --bs-btn-border-color: #f01400;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: rgb(189, 15.75, 0);
  --bs-btn-hover-border-color: rgb(189, 15.75, 0);
  --bs-btn-focus-shadow-rgb: 240, 20, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(163.5, 13.625, 0);
  --bs-btn-active-border-color: rgb(163.5, 13.625, 0);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: rgb(229.8, 122, 112.2);
  --bs-btn-disabled-border-color: rgb(229.8, 122, 112.2);
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f0f13c;
  --bs-btn-border-color: #f0f13c;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(232.0574162679, 233.2535885167, 16.7464114833);
  --bs-btn-hover-border-color: rgb(232.0574162679, 233.2535885167, 16.7464114833);
  --bs-btn-focus-shadow-rgb: 240, 241, 60;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(208.3875598086, 209.461722488, 15.038277512);
  --bs-btn-active-border-color: rgb(208.3875598086, 209.461722488, 15.038277512);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: rgb(225.8350438817, 226.2494019139, 151.2505980861);
  --bs-btn-disabled-border-color: rgb(225.8350438817, 226.2494019139, 151.2505980861);
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #6ec8ff;
  --bs-btn-border-color: #6ec8ff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(59, 180.6551724138, 255);
  --bs-btn-hover-border-color: rgb(59, 180.6551724138, 255);
  --bs-btn-focus-shadow-rgb: 110, 200, 255;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(33.5, 170.9827586207, 255);
  --bs-btn-active-border-color: rgb(33.5, 170.9827586207, 255);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: rgb(196.775, 226.5370689655, 244.725);
  --bs-btn-disabled-border-color: rgb(196.775, 226.5370689655, 244.725);
}

.btn-light {
  --bs-btn-color: #0050ff;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #e6e6e6;
  --bs-btn-hover-color: #0050ff;
  --bs-btn-hover-bg: #f0f0f0;
  --bs-btn-hover-border-color: #0050ff;
  --bs-btn-focus-shadow-rgb: 0, 80, 255;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0050ff;
  --bs-btn-active-border-color: #0050ff;
  --bs-btn-disabled-color: #b3b3b3;
  --bs-btn-disabled-bg: #f0f0f0;
  --bs-btn-disabled-border-color: #e6e6e6;
}

.btn-dark {
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #333333;
  --bs-btn-hover-border-color: #333333;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #4d4d4d;
  --bs-btn-active-border-color: #4d4d4d;
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: #666666;
  --bs-btn-disabled-border-color: #666666;
}

.btn-default {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #e6e6e6;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f0f0f0;
  --bs-btn-hover-border-color: rgb(204.5, 204.5, 204.5);
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(227.25, 227.25, 227.25);
  --bs-btn-active-border-color: rgb(191.75, 191.75, 191.75);
  --bs-btn-disabled-color: #b3b3b3;
  --bs-btn-disabled-bg: #f0f0f0;
  --bs-btn-disabled-border-color: #e6e6e6;
}

.btn-link {
  --bs-btn-color: #0050ff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: rgb(0, 56, 178.5);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-focus-shadow-rgb: 0, 80, 255;
  --bs-btn-active-color: #003099;
  --bs-btn-active-bg: transparent;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: rgb(146.625, 174.625, 235.875);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: transparent;
}

.btn-outline-primary {
  --bs-btn-color: #0050ff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #0050ff;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #0050ff;
  --bs-btn-hover-border-color: #0050ff;
  --bs-btn-focus-shadow-rgb: 0, 80, 255;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #0040cc;
  --bs-btn-active-border-color: #0040cc;
  --bs-btn-disabled-color: rgb(124.95, 158.55, 232.05);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(124.95, 158.55, 232.05);
}

.btn-outline-secondary {
  --bs-btn-color: #000000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #e6e6e6;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f0f0f0;
  --bs-btn-hover-border-color: rgb(204.5, 204.5, 204.5);
  --bs-btn-focus-shadow-rgb: 230, 230, 230;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(227.25, 227.25, 227.25);
  --bs-btn-active-border-color: rgb(191.75, 191.75, 191.75);
  --bs-btn-disabled-color: #e6e6e6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e6e6e6;
}

.btn-outline-success {
  --bs-btn-color: #00e17d;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #00e17d;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #00e17d;
  --bs-btn-hover-border-color: #00e17d;
  --bs-btn-focus-shadow-rgb: 0, 225, 125;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(0, 174, 96.6666666667);
  --bs-btn-active-border-color: rgb(0, 174, 96.6666666667);
  --bs-btn-disabled-color: rgb(99.45, 227.55, 170.6166666667);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(99.45, 227.55, 170.6166666667);
}

.btn-outline-danger {
  --bs-btn-color: #f01400;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #f01400;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #f01400;
  --bs-btn-hover-border-color: #f01400;
  --bs-btn-focus-shadow-rgb: 240, 20, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: rgb(189, 15.75, 0);
  --bs-btn-active-border-color: rgb(189, 15.75, 0);
  --bs-btn-disabled-color: rgb(229.8, 122, 112.2);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(229.8, 122, 112.2);
}

.btn-outline-warning {
  --bs-btn-color: rgb(161.04784689, 161.8779904306, 11.6220095694);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #f0f13c;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f0f13c;
  --bs-btn-hover-border-color: #f0f13c;
  --bs-btn-focus-shadow-rgb: 240, 241, 60;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(232.0574162679, 233.2535885167, 16.7464114833);
  --bs-btn-active-border-color: rgb(232.0574162679, 233.2535885167, 16.7464114833);
  --bs-btn-disabled-color: rgb(225.8350438817, 226.2494019139, 151.2505980861);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(225.8350438817, 226.2494019139, 151.2505980861);
}

.btn-outline-info {
  --bs-btn-color: rgb(33.5, 170.9827586207, 255);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #6ec8ff;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #6ec8ff;
  --bs-btn-hover-border-color: #6ec8ff;
  --bs-btn-focus-shadow-rgb: 110, 200, 255;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(59, 180.6551724138, 255);
  --bs-btn-active-border-color: rgb(59, 180.6551724138, 255);
  --bs-btn-disabled-color: rgb(196.775, 226.5370689655, 244.725);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(196.775, 226.5370689655, 244.725);
}

.btn-outline-light {
  --bs-btn-color: rgb(153.5, 153.5, 153.5);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #e6e6e6;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #e6e6e6;
  --bs-btn-focus-shadow-rgb: 230, 230, 230;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f0f0f0;
  --bs-btn-active-border-color: rgb(204.5, 204.5, 204.5);
  --bs-btn-disabled-color: #e6e6e6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e6e6e6;
}

.btn-outline-dark {
  --bs-btn-color: #000000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #ffffff;
  --bs-btn-active-bg: #333333;
  --bs-btn-active-border-color: #333333;
  --bs-btn-disabled-color: #b3b3b3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b3b3b3;
}

html, body {
  font-family: Poppins, Arial, sans-serif;
}