/*Bootstrap Color Extension V1.6.0
MIT License
Copyright (c) 2023 Juan Gabriel Maioli
*/

/* Colors names from https://hue.tools */
:root {
  --bs-cyan: #41dfff; /*Tropical Turquoise*/
  --bs-cyan-alt: rgba(13,202,240,0.3); /*Tropical Turquoise*/
  --bs-darkblue:#2b6be1;/*Bluetiful*/
  --bs-darkblue-alt:rgba(43,107,225,0.3);/*Bluetiful*/
  --bs-darkgray: #555555;/*Heavy Charcoal*/
  --bs-darkgray-alt: rgba(85,85,85,0.3);/*Heavy Charcoal*/
  --bs-green: #199b37;/*Hanging Gardens of Babylon*/
  --bs-green-alt: rgba(25,155,55,0.3);/*Hanging Gardens of Babylon*/
  --bs-indigo: #6610f2;/*Space Opera*/
  --bs-indigo-alt: rgba(102,16,242,0.3);/*Space Opera*/
  --bs-lemon: #80eb15;/*Poisonous Pistachio*/
  --bs-lemon-alt: rgba(128,235,21,0.3);/*Poisonous Pistachio*/
  --bs-lightgray: #DDDDDD;/*Steam*/
  --bs-lightgray-alt: rgba(221,221,221,0.3);/*Steam*/
  --bs-lightpink:#e5b1c2;/*Pink Macaroon*/
  --bs-lightpink-alt:rgba(229,177,194,0.3);/*Pink Macaroon*/
  --bs-magenta:#c20952;/*Love Potion*/
  --bs-magenta-alt:rgba(194,9,82,0.3);/*Love Potion*/
  --bs-darkmagenta:#74366F;/*Eminence*/
  --bs-darkmagenta-alt:rgba(116,54,111,0.3);/*Eminence*/
  --bs-orange: #fd7e14;/*Habanero*/
  --bs-orange-alt: rgba(253,126,20,0.3);/*Habanero*/
  --bs-pink: #d63384;/*Shrine of Pleasures*/
  --bs-pink-alt: rgba(214,51,132,0.3);/*Shrine of Pleasures*/
  --bs-purple: #6f42c1;/*Purple Rain*/
  --bs-purple-alt: rgba(111,66,193,0.3);/*Purple Rain*/
  --bs-teal: #20c997;/*Seaweed*/
  --bs-teal-alt: rgba(32,201,151,0.3);/*Seaweed*/
  --bs-yellow: #f5b800;/*Curry Bubbles*/
  --bs-yellow-alt: rgba(245,184,0,0.3);/*Curry Bubbles*/
  --bs-night: #00007e;/*Oblivion*/
  --bs-night-alt: rgba(0,0,58,0.3);/*Oblivion*/


  --bs-primary-alt: rgba(13,110,253,0.3);/*Original from bootstrap*/
  --bs-secondary-alt: rgba(108,117,125,0.3);/*Original from bootstrap*/
  --bs-success-alt: rgba(25,135,84,0.3);/*Original from bootstrap*/
  --bs-danger-alt: rgba(220,53,69,0.3);/*Original from bootstrap*/
  --bs-warning-alt: rgba(255,193,7,0.3);/*Original from bootstrap*/
  --bs-info-alt: rgba(13,202,240,0.3);/*Original from bootstrap*/
  --bs-light-alt: rgba(248,249,250,0.3);/*Original from bootstrap*/
  --bs-dark-alt: rgba(33,37,41,0.3);/*Original from bootstrap*/
}

/* style='box-shadow: -1px 27px 45px 24px ${colorHex}3d;' */

.shadow-cyan-sm{box-shadow: 2px 2px 4px 1px var(--bs-cyan-alt) !important;}
.shadow-cyan-md{box-shadow: 4px 4px 8px 2px var(--bs-cyan-alt) !important;}
.shadow-cyan-lg{box-shadow: 6px 6px 12px 3px var(--bs-cyan-alt) !important;}
.shadow-darkblue-sm{box-shadow: 2px 2px 4px 1px var(--bs-darkblue-alt) !important;}
.shadow-darkblue-md{box-shadow: 4px 4px 8px 2px var(--bs-darkblue-alt) !important;}
.shadow-darkblue-lg{box-shadow: 6px 6px 12px 3px var(--bs-darkblue-alt) !important;}
.shadow-darkgray-sm{box-shadow: 2px 2px 4px 1px var(--bs-darkgray-alt) !important;}
.shadow-darkgray-md{box-shadow: 4px 4px 8px 2px var(--bs-darkgray-alt) !important;}
.shadow-darkgray-lg{box-shadow: 6px 6px 12px 3px var(--bs-darkgray-alt) !important;}
.shadow-green-sm{box-shadow: 2px 2px 4px 1px var(--bs-green-alt) !important;}
.shadow-green-md{box-shadow: 4px 4px 8px 2px var(--bs-green-alt) !important;}
.shadow-green-lg{box-shadow: 6px 6px 12px 3px var(--bs-green-alt) !important;}
.shadow-indigo-sm{box-shadow: 2px 2px 4px 1px var(--bs-indigo-alt) !important;}
.shadow-indigo-md{box-shadow: 4px 4px 8px 2px var(--bs-indigo-alt) !important;}
.shadow-indigo-lg{box-shadow: 6px 6px 12px 3px var(--bs-indigo-alt) !important;}
.shadow-lemon-sm{box-shadow: 2px 2px 4px 1px var(--bs-lemon-alt) !important;}
.shadow-lemon-md{box-shadow: 4px 4px 8px 2px var(--bs-lemon-alt) !important;}
.shadow-lemon-lg{box-shadow: 6px 6px 12px 3px var(--bs-lemon-alt) !important;}
.shadow-lightgray-sm{box-shadow: 2px 2px 4px 1px var(--bs-lightgray-alt) !important;}
.shadow-lightgray-md{box-shadow: 4px 4px 8px 2px var(--bs-lightgray-alt) !important;}
.shadow-lightgray-lg{box-shadow: 6px 6px 12px 3px var(--bs-lightgray-alt) !important;}
.shadow-lightpink-sm{box-shadow: 2px 2px 4px 1px var(--bs-lightpink-alt) !important;}
.shadow-lightpink-md{box-shadow: 4px 4px 8px 2px var(--bs-lightpink-alt) !important;}
.shadow-lightpink-lg{box-shadow: 6px 6px 12px 3px var(--bs-lightpink-alt) !important;}
.shadow-magenta-sm{box-shadow: 2px 2px 4px 1px var(--bs-magenta-alt) !important;}
.shadow-magenta-md{box-shadow: 4px 4px 8px 2px var(--bs-magenta-alt) !important;}
.shadow-magenta-lg{box-shadow: 6px 6px 12px 3px var(--bs-magenta-alt) !important;}
.shadow-darkmagenta-sm{box-shadow: 2px 2px 4px 1px var(--bs-darkmagenta-alt) !important;}
.shadow-darkmagenta-md{box-shadow: 4px 4px 8px 2px var(--bs-darkmagenta-alt) !important;}
.shadow-darkmagenta-lg{box-shadow: 6px 6px 12px 3px var(--bs-darkmagenta-alt) !important;}
.shadow-orange-sm{box-shadow: 2px 2px 4px 1px var(--bs-orange-alt) !important;}
.shadow-orange-md{box-shadow: 4px 4px 8px 2px var(--bs-orange-alt) !important;}
.shadow-orange-lg{box-shadow: 6px 6px 12px 3px var(--bs-orange-alt) !important;}
.shadow-pink-sm{box-shadow: 2px 2px 4px 1px var(--bs-pink-alt) !important;}
.shadow-pink-md{box-shadow: 4px 4px 8px 2px var(--bs-pink-alt) !important;}
.shadow-pink-lg{box-shadow: 6px 6px 12px 3px var(--bs-pink-alt) !important;}
.shadow-purple-sm{box-shadow: 2px 2px 4px 1px var(--bs-purple-alt) !important;}
.shadow-purple-md{box-shadow: 4px 4px 8px 2px var(--bs-purple-alt) !important;}
.shadow-purple-lg{box-shadow: 6px 6px 12px 3px var(--bs-purple-alt) !important;}
.shadow-teal-sm{box-shadow: 2px 2px 4px 1px var(--bs-teal-alt) !important;}
.shadow-teal-md{box-shadow: 4px 4px 8px 2px var(--bs-teal-alt) !important;}
.shadow-teal-lg{box-shadow: 6px 6px 12px 3px var(--bs-teal-alt) !important;}
.shadow-yellow-sm{box-shadow: 2px 2px 4px 1px var(--bs-yellow-alt) !important;}
.shadow-yellow-md{box-shadow: 4px 4px 8px 2px var(--bs-yellow-alt) !important;}
.shadow-yellow-lg{box-shadow: 6px 6px 12px 3px var(--bs-teal-alt) !important;}
.shadow-primary-sm{box-shadow: 2px 2px 4px 1px var(--bs-primary-alt) !important;}
.shadow-primary-md{box-shadow: 4px 4px 8px 2px var(--bs-primary-alt) !important;}
.shadow-primary-lg{box-shadow: 6px 6px 12px 3px var(--bs-primary-alt) !important;}
.shadow-secondary-sm{box-shadow: 2px 2px 4px 1px var(--bs-secondary-alt) !important;}
.shadow-secondary-md{box-shadow: 4px 4px 8px 2px var(--bs-secondary-alt) !important;}
.shadow-secondary-lg{box-shadow: 6px 6px 12px 3px var(--bs-secondary-alt) !important;}
.shadow-success-sm{box-shadow: 2px 2px 4px 1px var(--bs-success-alt) !important;}
.shadow-success-md{box-shadow: 4px 4px 8px 2px var(--bs-success-alt) !important;}
.shadow-success-lg{box-shadow: 6px 6px 12px 3px var(--bs-success-alt) !important;}
.shadow-danger-sm{box-shadow: 2px 2px 4px 1px var(--bs-danger-alt) !important;}
.shadow-danger-md{box-shadow: 4px 4px 8px 2px var(--bs-danger-alt) !important;}
.shadow-danger-lg{box-shadow: 6px 6px 12px 3px var(--bs-danger-alt) !important;}
.shadow-warning-sm{box-shadow: 2px 2px 4px 1px var(--bs-warning-alt) !important;}
.shadow-warning-md{box-shadow: 4px 4px 8px 2px var(--bs-warning-alt) !important;}
.shadow-warning-lg{box-shadow: 6px 6px 12px 3px var(--bs-warning-alt) !important;}
.shadow-info-sm{box-shadow: 2px 2px 4px 1px var(--bs-info-alt) !important;}
.shadow-info-md{box-shadow: 4px 4px 8px 2px var(--bs-info-alt) !important;}
.shadow-info-lg{box-shadow: 6px 6px 12px 3px var(--bs-info-alt) !important;}
.shadow-light-sm{box-shadow: 2px 2px 4px 1px var(--bs-light-alt) !important;}
.shadow-light-md{box-shadow: 4px 4px 8px 2px var(--bs-light-alt) !important;}
.shadow-light-lg{box-shadow: 6px 6px 12px 3px var(--bs-light-alt) !important;}
.shadow-dark-sm{box-shadow: 2px 2px 4px 1px var(--bs-dark-alt) !important;}
.shadow-dark-md{box-shadow: 4px 4px 8px 2px var(--bs-dark-alt) !important;}
.shadow-dark-lg{box-shadow: 6px 6px 12px 3px var(--bs-dark-alt) !important;}
.shadow-night-sm{box-shadow: 2px 2px 4px 1px var(--bs-night-alt) !important;}
.shadow-night-md{box-shadow: 4px 4px 8px 2px var(--bs-night-alt) !important;}
.shadow-night-lg{box-shadow: 6px 6px 12px 3px var(--bs-night-alt) !important;}


.shadow-cyan-blur{box-shadow: -1px 20px 40px 14px var(--bs-cyan-alt) !important;}
.shadow-darkblue-blur{box-shadow: -1px 20px 40px 14px var(--bs-darkblue-alt) !important;}
.shadow-darkgray-blur{box-shadow: -1px 20px 40px 14px var(--bs-darkgray-alt) !important;}
.shadow-green-blur{box-shadow: -1px 20px 40px 14px var(--bs-green-alt) !important;}
.shadow-indigo-blur{box-shadow: -1px 20px 40px 14px var(--bs-indigo-alt) !important;}
.shadow-lemon-blur{box-shadow: -1px 20px 40px 14px var(--bs-lemon-alt) !important;}
.shadow-lightgray-blur{box-shadow: -1px 20px 40px 14px var(--bs-lightgray-alt) !important;}
.shadow-lightpink-blur{box-shadow: -1px 20px 40px 14px var(--bs-lightpink-alt) !important;}
.shadow-magenta-blur{box-shadow: -1px 20px 40px 14px var(--bs-magenta-alt) !important;}
.shadow-darkmagenta-blur{box-shadow: -1px 20px 40px 14px var(--bs-darkmagenta-alt) !important;}
.shadow-orange-blur{box-shadow: -1px 20px 40px 14px var(--bs-orange-alt) !important;}
.shadow-pink-blur{box-shadow: -1px 20px 40px 14px var(--bs-pink-alt) !important;}
.shadow-purple-blur{box-shadow: -1px 20px 40px 14px var(--bs-purple-alt) !important;}
.shadow-teal-blur{box-shadow: -1px 20px 40px 14px var(--bs-teal-alt) !important;}
.shadow-yellow-blur{box-shadow: -1px 20px 40px 14px var(--bs-yellow-alt) !important;}
.shadow-primary-blur{box-shadow: -1px 20px 40px 14px var(--bs-primary-alt) !important;}
.shadow-secondary-blur{box-shadow: -1px 20px 40px 14px var(--bs-secondary-alt) !important;}
.shadow-success-blur{box-shadow: -1px 20px 40px 14px var(--bs-success-alt) !important;}
.shadow-danger-blur{box-shadow: -1px 20px 40px 14px var(--bs-danger-alt) !important;}
.shadow-warning-blur{box-shadow: -1px 20px 40px 14px var(--bs-warning-alt) !important;}
.shadow-info-blur{box-shadow: -1px 20px 40px 14px var(--bs-info-alt) !important;}
.shadow-light-blur{box-shadow: -1px 20px 40px 14px var(--bs-light-alt) !important;}
.shadow-dark-blur{box-shadow: -1px 20px 40px 14px var(--bs-dark-alt) !important;}
.shadow-night-blur{box-shadow: -1px 20px 40px 14px var(--bs-night-alt) !important;}


.text-cyan {color: var(--bs-cyan) !important;}
.text-darkblue {color: var(--bs-darkblue) !important;}
.text-darkgray {color: var(--bs-darkgray) !important;}
.text-green {color: var(--bs-green) !important;}
.text-indigo {color: var(--bs-indigo) !important;}
.text-lemon {color: var(--bs-lemon) !important;}
.text-lightgray {color: var(--bs-lightgray) !important;}
.text-magenta {color: var(--bs-magenta) !important;}
.text-darkmagenta {color: var(--bs-darkmagenta) !important;}
.text-orange {color: var(--bs-orange) !important;}
.text-pink {color: var(--bs-pink) !important;}
.text-lightpink {color: var(--bs-lightpink) !important;}
.text-purple {color: var(--bs-purple) !important;}
.text-teal {color: var(--bs-teal) !important;}
.text-yellow {color: var(--bs-yellow) !important;}
.text-night {color: var(--bs-night) !important;}

.bg-cyan {background-color: var(--bs-cyan) !important;}
.bg-darkblue {background-color: var(--bs-darkblue) !important;}
.bg-darkgray {background-color: var(--bs-darkgray) !important;}
.bg-green {background-color: var(--bs-green) !important;}
.bg-indigo {background-color: var(--bs-indigo) !important;}
.bg-lemon {background-color: var(--bs-lemon) !important;}
.bg-lightgray {background-color: var(--bs-lightgray) !important;}
.bg-lightpink {background-color: var(--bs-lightpink) !important;}
.bg-magenta {background-color: var(--bs-magenta) !important;}
.bg-darkmagenta {background-color: var(--bs-darkmagenta) !important;}
.bg-orange {background-color: var(--bs-orange) !important;}
.bg-pink {background-color: var(--bs-pink) !important;}
.bg-purple {background-color: var(--bs-purple) !important;}
.bg-teal {background-color: var(--bs-teal) !important;}
.bg-yellow {background-color: var(--bs-yellow) !important;}
.bg-night {background-color: var(--bs-night) !important;}

.border-cyan {border-color: var(--bs-cyan) !important;}
.border-darkblue {border-color: var(--bs-darkblue) !important;}
.border-darkgray {border-color: var(--bs-darkgray) !important;}
.border-green {border-color: var(--bs-green) !important;}
.border-indigo {border-color: var(--bs-indigo) !important;}
.border-lemon {border-color: var(--bs-lemon) !important;}
.border-lightgray {border-color: var(--bs-lightgray) !important;}
.border-lightpink {border-color: var(--bs-lightpink) !important;}
.border-magenta {border-color: var(--bs-magenta) !important;}
.border-darkmagenta {border-color: var(--bs-darkmagenta) !important;}
.border-orange {border-color: var(--bs-orange) !important;}
.border-pink {border-color: var(--bs-pink) !important;}
.border-purple {border-color: var(--bs-purple) !important;}
.border-teal {border-color: var(--bs-teal) !important;}
.border-yellow {border-color: var(--bs-yellow) !important;}
.border-night {border-color: var(--bs-night) !important;}

.hr-cyan {border-top: 2px solid var(--bs-cyan) !important;}
.hr-danger {border-top: 2px solid #C82333;}
.hr-darkblue {border-top: 2px solid var(--bs-darkblue) !important;}
.hr-darkgray {border-top: 2px solid var(--bs-darkgray) !important;}
.hr-green {border-top: 2px solid var(--bs-green) !important;}
.hr-indigo{border-top: 2px solid var(--bs-indigo) !important;}
.hr-lemon {border-top: 2px solid var(--bs-lemon) !important;}
.hr-lightgray {border-top: 2px solid var(--bs-lightgray) !important;}
.hr-lightpink {border-top: 2px solid var(--bs-lightpink) !important;}
.hr-magenta {border-top: 2px solid var(--bs-magenta) !important;}
.hr-darkmagenta {border-top: 2px solid var(--bs-darkmagenta) !important;}
.hr-orange {border-top: 2px solid var(--bs-orange) !important;}
.hr-pink {border-top: 2px solid var(--bs-pink) !important;}
.hr-purple {border-top: 2px solid var(--bs-purple) !important;}
.hr-teal {border-top: 2px solid var(--bs-teal) !important;}
.hr-yellow {border-top: 2px solid var(--bs-yellow) !important;}
.hr-night {border-top: 2px solid var(--bs-night) !important;}

.btn-cyan {color:#fff; background-color: var(--bs-cyan) ;border-color: var(--bs-cyan) ;}
.btn-cyan:focus {background-color: #0aa1c0 ;border-color: var(--bs-cyan) ;box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);}
.btn-cyan:hover {color:#fff; background-color: #0aa1c0 ;border-color: var(--bs-cyan) ;}
.btn-darkblue {color:#fff; background-color: var(--bs-darkblue) ;border-color: var(--bs-darkblue) ;}
.btn-darkblue:focus {background-color: #1b54be ;border-color: var(--bs-darkblue) ;box-shadow: 0 0 0 0.25rem rgba(43, 107, 225, 0.5);}
.btn-darkblue:hover {color:#fff; background-color: #1b54be ;border-color: var(--bs-darkblue) ;}
.btn-darkgray {color:#fff; background-color: var(--bs-darkgray) ;border-color: var(--bs-darkgray) ;}
.btn-darkgray:focus {background-color: #3c3c3c ;border-color: var(--bs-darkgray) ;box-shadow: 0 0 0 0.25rem rgba(85, 85, 85, 0.5);}
.btn-darkgray:hover {color:#fff; background-color: #3c3c3c ;border-color: var(--bs-darkgray) ;}
.btn-green {color:#fff; background-color: var(--bs-green) ;border-color: var(--bs-green) ;}
.btn-green:focus {background-color: #115c39;border-color: var(--bs-green) ;box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);}
.btn-green:hover {color:#fff; background-color: #115c39;border-color: var(--bs-green) ;}
.btn-indigo {color:#fff; background-color: var(--bs-indigo) ;border-color: var(--bs-indigo) ;}
.btn-indigo:focus {background-color: #510bc4 ;border-color: var(--bs-indigo) ;box-shadow: 0 0 0 0.25rem rgba(102, 16, 242, 0.5);}
.btn-indigo:hover {color:#fff; background-color: #510bc4 ;border-color: var(--bs-indigo) ;}
.btn-lemon {color:#fff; background-color: var(--bs-lemon) ;border-color: var(--bs-lemon) ;}
.btn-lemon:focus {background-color: #67bd10 ;border-color: var(--bs-lemon) ;box-shadow: 0 0 0 0.25rem rgba(128, 235, 21, 0.5);}
.btn-lemon:hover {color:#fff; background-color: #67bd10 ;border-color: var(--bs-lemon) ;}
.btn-lightgray {color:#fff; background-color: var(--bs-lightgray) ;border-color: var(--bs-lightgray) ;}
.btn-lightgray:focus {background-color: #c4c4c4 ;border-color: var(--bs-lightgray) ;box-shadow: 0 0 0 0.25rem rgba(221, 221, 221, 0.5);}
.btn-lightgray:hover {color:#fff; background-color: #c4c4c4 ;border-color: var(--bs-lightgray) ;}
.btn-lightpink {color:#fff; background-color: var(--bs-lightpink) ;border-color: var(--bs-lightpink) ;}
.btn-lightpink:focus {background-color: #d88ba4 ;border-color: var(--bs-lightpink) ;box-shadow: 0 0 0 0.25rem rgba(229, 177, 194, 0.5);}
.btn-lightpink:hover {color:#fff; background-color: #d88ba4 ;border-color: var(--bs-lightpink) ;}
.btn-magenta {color:#fff; background-color: var(--bs-magenta) ;border-color: var(--bs-magenta) ;}
.btn-magenta:focus {background-color: #91073d;border-color: var(--bs-magenta) ;box-shadow: 0 0 0 0.25rem rgba(194, 9, 82, 0.5);}
.btn-magenta:hover {color:#fff; background-color: #91073d;border-color: var(--bs-magenta) ;}
.btn-darkmagenta {color:#fff; background-color: var(--bs-darkmagenta) ;border-color: var(--bs-darkmagenta) ;}
.btn-darkmagenta:focus {background-color: #91073d;border-color: var(--bs-darkmagenta) ;box-shadow: 0 0 0 0.25rem rgba(194, 9, 82, 0.5);}
.btn-darkmagenta:hover {color:#fff; background-color: #91073d;border-color: var(--bs-darkmagenta) ;}
.btn-orange {color:#fff; background-color: var(--bs-orange) ;border-color: var(--bs-orange) ;}
.btn-orange:focus {background-color: #dc6502 ;border-color: var(--bs-orange) ;box-shadow: 0 0 0 0.25rem rgba(245, 184, 0, 0.5);}
.btn-orange:hover {color:#fff; background-color: #dc6502 ;border-color: var(--bs-orange) ;}
.btn-pink {color:#fff; background-color: var(--bs-pink) ;border-color: var(--bs-pink) ;}
.btn-pink:focus {background-color: #b2246b ;border-color: var(--bs-pink) ;box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.5);}
.btn-pink:hover {color:#fff; background-color: #b2246b ;border-color: var(--bs-pink) ;}
.btn-purple {color:#fff; background-color: var(--bs-purple) ;border-color: var(--bs-purple) ;}
.btn-purple:focus {background-color: #59339d ;border-color: var(--bs-purple) ;box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.5);}
.btn-purple:hover {color:#fff; background-color: #59339d ;border-color: var(--bs-purple) ;}
.btn-teal {color:#fff; background-color: var(--bs-teal) ;border-color: var(--bs-teal) ;}
.btn-teal:focus {background-color: #199d76 ;border-color: var(--bs-teal) ;box-shadow: 0 0 0 0.25rem rgba(32, 201, 151, 0.5);}
.btn-teal:hover {color:#fff; background-color: #199d76 ;border-color: var(--bs-teal) ;}
.btn-yellow {color:#fff; background-color: var(--bs-yellow) ;border-color: var(--bs-yellow) ;}
.btn-yellow:focus{background-color:  var(--bs-yellow);border-color:  var(--bs-yellow) ;box-shadow: 0 0 0 0.25rem rgba(245, 184, 0, 0.5);}
.btn-yellow:hover {color:#fff; background-color: #c29200 ;border-color: var(--bs-yellow) ;}
.btn-night {color:#fff; background-color: var(--bs-night) ;border-color: var(--bs-night) ;}
.btn-night:focus{background-color:  var(--bs-night);border-color:  var(--bs-night) ;box-shadow: 0 0 0 0.25rem rgba(0, 0, 109,0.5);}
.btn-night:hover {color:#fff; background-color: #0000b1 ;border-color: var(--bs-night) ;}

.btn-outline-cyan {color:var(--bs-cyan) ;border-color: var(--bs-cyan) ;}
.btn-outline-cyan:focus {background-color: #0aa1c0 ;border-color: var(--bs-cyan) ;box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);}
.btn-outline-cyan:hover {color:#fff; background-color: #0aa1c0 ;border-color: var(--bs-cyan) ;}
.btn-outline-darkblue {color: var(--bs-darkblue) ;border-color: var(--bs-darkblue) ;}
.btn-outline-darkblue:focus {background-color: #1b54be ;border-color: var(--bs-darkblue) ;box-shadow: 0 0 0 0.25rem rgba(43, 107, 225, 0.5);}
.btn-outline-darkblue:hover {color:#fff; background-color: #1b54be ;border-color: var(--bs-darkblue) ;}
.btn-outline-darkgray {color:var(--bs-darkgray) ;border-color: var(--bs-darkgray) ;}
.btn-outline-darkgray:focus {background-color: #3c3c3c ;border-color: var(--bs-darkgray) ;box-shadow: 0 0 0 0.25rem rgba(85, 85, 85, 0.5);}
.btn-outline-darkgray:hover {color:#fff; background-color: #3c3c3c ;border-color: var(--bs-darkgray) ;}
.btn-outline-green {color:var(--bs-green) ;border-color: var(--bs-green) ;}
.btn-outline-green:focus {background-color: #115c39;border-color: var(--bs-green) ;box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);}
.btn-outline-green:hover {color:#fff; background-color: #115c39;border-color: var(--bs-green) ;}
.btn-outline-indigo {color: var(--bs-indigo) ;border-color: var(--bs-indigo) ;}
.btn-outline-indigo:focus {background-color: #510bc4 ;border-color: var(--bs-indigo) ;box-shadow: 0 0 0 0.25rem rgba(102, 16, 242, 0.5);}
.btn-outline-indigo:hover {color:#fff; background-color: #510bc4 ;border-color: var(--bs-indigo) ;}
.btn-outline-lemon {color:var(--bs-lemon) ;border-color: var(--bs-lemon) ;}
.btn-outline-lemon:focus {background-color: #67bd10 ;border-color: var(--bs-lemon) ;box-shadow: 0 0 0 0.25rem rgba(128, 235, 21, 0.5);}
.btn-outline-lemon:hover {color:#fff; background-color: #67bd10 ;border-color: var(--bs-lemon) ;}
.btn-outline-lightgray {color:var(--bs-lightgray) ;border-color: var(--bs-lightgray) ;}
.btn-outline-lightgray:focus {background-color: #c4c4c4 ;border-color: var(--bs-lightgray) ;box-shadow: 0 0 0 0.25rem rgba(221, 221, 221, 0.5);}
.btn-outline-lightgray:hover {color:#fff; background-color: #c4c4c4 ;border-color: var(--bs-lightgray) ;}
.btn-outline-lightpink {color:var(--bs-lightpink) ;border-color: var(--bs-lightpink) ;}
.btn-outline-lightpink:focus {background-color: #d88ba4 ;border-color: var(--bs-lightpink) ;box-shadow: 0 0 0 0.25rem rgba(229, 177, 194, 0.5);}
.btn-outline-lightpink:hover {color:#fff; background-color: #d88ba4 ;border-color: var(--bs-lightpink) ;}
.btn-outline-magenta {color:var(--bs-magenta) ;border-color: var(--bs-magenta) ;}
.btn-outline-magenta:focus {background-color: #91073d;border-color: var(--bs-magenta) ;box-shadow: 0 0 0 0.25rem rgba(194, 9, 82, 0.5);}
.btn-outline-magenta:hover {color:#fff; background-color: #91073d;border-color: var(--bs-magenta) ;}
.btn-outline-darkmagenta {color:var(--bs-darkmagenta) ;border-color: var(--bs-darkmagenta) ;}
.btn-outline-darkmagenta:focus {background-color: #91073d;border-color: var(--bs-darkmagenta) ;box-shadow: 0 0 0 0.25rem rgba(194, 9, 82, 0.5);}
.btn-outline-darkmagenta:hover {color:#fff; background-color: #91073d;border-color: var(--bs-darkmagenta) ;}
.btn-outline-orange {color:var(--bs-orange) ;border-color: var(--bs-orange) ;}
.btn-outline-orange:focus {background-color: #dc6502 ;border-color: var(--bs-orange) ;box-shadow: 0 0 0 0.25rem rgba(245, 184, 0, 0.5);}
.btn-outline-orange:hover {color:#fff; background-color: #dc6502 ;border-color: var(--bs-orange) ;}
.btn-outline-pink {color:var(--bs-pink) ;border-color: var(--bs-pink) ;}
.btn-outline-pink:focus {background-color: #b2246b ;border-color: var(--bs-pink) ;box-shadow: 0 0 0 0.25rem rgba(214, 51, 132, 0.5);}
.btn-outline-pink:hover {color:#fff; background-color: #b2246b ;border-color: var(--bs-pink) ;}
.btn-outline-purple {color:var(--bs-purple) ;border-color: var(--bs-purple) ;}
.btn-outline-purple:focus {background-color: #59339d ;border-color: var(--bs-purple) ;box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.5);}
.btn-outline-purple:hover {color:#fff; background-color: #59339d ;border-color: var(--bs-purple) ;}
.btn-outline-teal {color:var(--bs-teal) ;border-color: var(--bs-teal) ;}
.btn-outline-teal:focus {background-color: #199d76 ;border-color: var(--bs-teal) ;box-shadow: 0 0 0 0.25rem rgba(32, 201, 151, 0.5);}
.btn-outline-teal:hover {color:#fff; background-color: #199d76 ;border-color: var(--bs-teal) ;}
.btn-outline-yellow {color:var(--bs-yellow) ;border-color: var(--bs-yellow) ;}
.btn-outline-yellow:focus{background-color:  var(--bs-yellow);border-color:  var(--bs-yellow) ;box-shadow: 0 0 0 0.25rem rgba(245, 184, 0, 0.5);}
.btn-outline-yellow:hover {color:#fff; background-color: #c29200 ;border-color: var(--bs-yellow) ;}
.btn-outline-night {color:var(--bs-night) ;border-color: var(--bs-night) ;}
.btn-outline-night:focus{background-color:  var(--bs-night);border-color:  var(--bs-night) ;box-shadow: 0 0 0 0.25rem rgba(0, 0, 109,0.5);}
.btn-outline-night:hover {color:#fff; background-color: #0000b1 ;border-color: var(--bs-night) ;}

.alert-cyan {color: var(--bs-cyan) ;border-color: #bcf1fb; background-color: #ddf8fd} /*border 87%, bg 94%*/
.alert-darkblue {color: var(--bs-darkblue) ;border-color: #b1c8f4; background-color: #dee8fa}
.alert-darkgray {color: var(--bs-darkgray) ;border-color: #ddd; background-color: #f6f6f6}
.alert-green {color: var(--bs-green) ;border-color: #cbf5e2; background-color: #e8fbf2}
.alert-indigo {color: var(--bs-indigo) ;border-color: #d7c1fc; background-color: #ece1fd}
.alert-lemon {color: var(--bs-lemon) ;border-color: #ddfac1; background-color: #eefce0}
.alert-lightgray {color: #bbb ;border-color: var(--bs-lightgray) ; background-color: #eee}
.alert-magenta {color: var(--bs-magenta) ;border-color: #fbadcc; background-color: #fdddea}
.alert-darkmagenta {color: var(--bs-darkmagenta) ;border-color: #ff72aa; background-color: #ff7db1}
.alert-orange {color: var(--bs-orange) ;border-color: #fed1ac; background-color: #ffedde}
.alert-pink {color: var(--bs-pink) ;border-color: #f2c0d9; background-color: #f8ddea}
.alert-lightpink {color: var(--bs-lightpink) ;border-color: #dd98ae; background-color: #faf1f4}
.alert-purple {color: var(--bs-purple) ;border-color: #d0c2eb; background-color: #eee8f8}
.alert-teal {color: var(--bs-teal) ;border-color: #c0f5e5; background-color: #ecfcf7}
.alert-yellow {color: var(--bs-yellow) ;border-color: #ffe38f; background-color: #fff0c2}
.alert-night {color: var(--bs-night) ;border-color: #0000b1; background-color: #3e4aff}