﻿
/* HB Colors >>> */
.btn-hb-blue-alt {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7ea7ad;
  --bs-btn-border-color: #7ea7ad;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #41758f;
  --bs-btn-hover-border-color: #41758f;
  --bs-btn-focus-shadow-rgb: 51, 122, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #41758f;
  --bs-btn-active-border-color: #41758f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #337AB77F;
  --bs-btn-disabled-border-color: #337AB77F;
}

.btn-hb-blue-flip {
  --bs-btn-color: #fff;
  --bs-btn-bg: #41758f;
  --bs-btn-border-color: #7ea7ad;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7ea7ad;

  --bs-btn-hover-border-color: #41758f;
  --bs-btn-focus-shadow-rgb: 51, 122, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #41758f;
  --bs-btn-active-border-color: #41758f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #337AB77F;
  --bs-btn-disabled-border-color: #337AB77F;
}

.text-hb-blue { color: #41758f; }
.text-hb-blue-light { color: #7ea7ad; }
.text-hb-blue-lightest { color: rgba(126, 167, 173, 0.16); }
.border-hb-blue { border-color: #41758f !important; }
.border-hb-blue-light { border-color: #7ea7ad !important; }
.bg-hb-blue {
  color: #fff;
  background-color: #41758f;
}
.bg-hb-blue-light {
  color: #fff;
  background-color: #7ea7ad;
}
.link-hb-blue { color: #41758f; }
.link-hb-blue:hover { color: #41758f; text-decoration: underline; font-weight: bold;}
/* <<< HB Colors */


.rangeContainer-hb-blue{
  border:1px solid #41758f;
}
.range .sliderValue span.sliderValContainer-hb-blue:after{
  background: #41758f;
}
.bg-hb-blue{
  background:#41758f;
}
.btn-hb-blue {
  color: #fff;
  background-color: #41758f;
  border-color: #41758f;
}
.btn-hb-blue:hover {
  color: #fff;
  background-color: #345e73;
  border-color: #2e5265;
}
.btn-check:focus + .btn-hb-blue, .btn-hb-blue:focus {
  color: #fff;
  background-color: #345e73;
  border-color: #2e5265;
  box-shadow: 0 0 0 0.25rem rgba(65,117,143, 0.5);
}
.btn-check:checked + .btn-hb-blue, .btn-check:active + .btn-hb-blue, .btn-hb-blue:active, .btn-hb-blue.active, .show > .btn-hb-blue.dropdown-toggle {
  color: #fff;
  background-color: #2e5265;
  border-color: #274756;
}
.btn-check:checked + .btn-hb-blue:focus, .btn-check:active + .btn-hb-blue:focus, .btn-hb-blue:active:focus, .btn-hb-blue.active:focus, .show > .btn-hb-blue.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(65,117,143, 0.5);
}
.btn-hb-blue:disabled, .btn-hb-blue.disabled {
  color: #fff;
  background-color: #41758f;
  border-color: #41758f;
}
.btn-outline-hb-blue {
  color: #41758f;
  border-color: #41758f;
}
.btn-outline-hb-blue:hover {
  color: #fff;
  background-color: #41758f;
  border-color: #41758f;
}
.btn-check:focus + .btn-outline-hb-blue, .btn-outline-hb-blue:focus {
  box-shadow: 0 0 0 0.25rem rgba(65,117,143, 0.5);
}
.btn-check:checked + .btn-outline-hb-blue, .btn-check:active + .btn-outline-hb-blue, .btn-outline-hb-blue:active, .btn-outline-hb-blue.active, .btn-outline-hb-blue.dropdown-toggle.show {
  color: #fff;
  background-color: #41758f;
  border-color: #41758f;
}
.btn-check:checked + .btn-outline-hb-blue:focus, .btn-check:active + .btn-outline-hb-blue:focus, .btn-outline-hb-blue:active:focus, .btn-outline-hb-blue.active:focus, .btn-outline-hb-blue.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(65,117,143, 0.5);
}
.btn-outline-hb-blue:disabled, .btn-outline-hb-blue.disabled {
  color: #41758f;
  background-color: transparent;
}



/* color palettes */

.btn-bdazzled {
  color: #ffffff;
  background-color: #2C5784;
  border-color: #1E4166;
}

.btn-bdazzled:hover,
.btn-bdazzled:focus,
.btn-bdazzled:active,
.btn-bdazzled.active,
.open .dropdown-toggle.btn-bdazzled {
  color: #ffffff;
  background-color: #134070;
  border-color: #1E4166;
}

.btn-bdazzled:active,
.btn-bdazzled.active,
.open .dropdown-toggle.btn-bdazzled {
  background-image: none;
}

.btn-bdazzled.disabled,
.btn-bdazzled[disabled],
fieldset[disabled] .btn-bdazzled,
.btn-bdazzled.disabled:hover,
.btn-bdazzled[disabled]:hover,
fieldset[disabled] .btn-bdazzled:hover,
.btn-bdazzled.disabled:focus,
.btn-bdazzled[disabled]:focus,
fieldset[disabled] .btn-bdazzled:focus,
.btn-bdazzled.disabled:active,
.btn-bdazzled[disabled]:active,
fieldset[disabled] .btn-bdazzled:active,
.btn-bdazzled.disabled.active,
.btn-bdazzled[disabled].active,
fieldset[disabled] .btn-bdazzled.active {
  background-color: #2C5784;
  border-color: #1E4166;
}

.btn-bdazzled .badge {
  color: #2C5784;
  background-color: #ffffff;
}


.btn-blaze-orange {
  color: #fff;
  background-color: #F96900;
  border-color: #F96900;
}
.btn-blaze-orange:hover, .btn-blaze-orange:active {
  color: #fff;
  background-color: #db4b00;
  border-color: #db4b00;
}
.btn-blaze-orange.focus, .btn-blaze-orange:focus {
  color: #fff;
  background-color: #db4b00;
  border-color: #db4b00;
  box-shadow: 0 0 0 0.2rem rgb(249 105 0 / 50%);
}


.btn-nyanza {
  color: #100f0f;
  background-color: #E5F2C9;
  border-color: #a9bd81;
}
.btn-nyanza:hover, .btn-nyanza:active {
  color: #100f0f;
  background-color: #c7d4ab;
  border-color: #a9bd81;
}
.btn-nyanza.focus, .btn-nyanza:focus {
  color: #100f0f;
  background-color: #c7d4ab;
  border-color: #a9bd81;
  box-shadow: 0 0 0 0.2rem rgb(229 242 201 / 50%);
}


.btn-ebony {
  color: #fff;
  background-color: #626D58;
  border-color: #626D58;
}
.btn-ebony:hover, .btn-ebony:active {
  color: #fff;
  background-color: #444f3a;
  border-color: #444f3a;
}
.btn-ebony.focus, .btn-ebony:focus {
  color: #fff;
  background-color: #444f3a;
  border-color: #444f3a;
  box-shadow: 0 0 0 0.2rem rgb(98 109 88 / 50%);
}


.btn-mortuum {
  color: #fff;
  background-color: #56282D;
  border-color: #56282D;
}
.btn-mortuum:hover, .btn-mortuum:active {
  color: #fff;
  background-color: #380a0f;
  border-color: #380a0f;
}
.btn-mortuum.focus, .btn-mortuum:focus {
  color: #fff;
  background-color: #380a0f;
  border-color: #380a0f;
  box-shadow: 0 0 0 0.2rem rgb(86 40 45 / 50%);
}


.btn-saffron {
  color: #fff;
  background-color: #EAC435;
  border-color: #EAC435;
}
.btn-saffron:hover, .btn-saffron:active {
  color: #fff;
  background-color: #cca617;
  border-color: #cca617;
}
.btn-saffron.focus, .btn-saffron:focus {
  color: #fff;
  background-color: #cca617;
  border-color: #cca617;
  box-shadow: 0 0 0 0.2rem rgb(234 196 53 / 50%);
}


.btn-oxford-blue {
  color: #fff;
  background-color: #001242;
  border-color: #001242;
}
.btn-oxford-blue:hover, .btn-oxford-blue:active {
  color: #fff;
  background-color: #000024;
  border-color: #000024;
}
.btn-oxford-blue.focus, .btn-oxford-blue:focus {
  color: #fff;
  background-color: #000024;
  border-color: #000024;
  box-shadow: 0 0 0 0.2rem rgb(0 18 66 / 50%);
}


.btn-chinese-red {
  color: #fff;
  background-color: #A3320B;
  border-color: #A3320B;
}
.btn-chinese-red:hover, .btn-chinese-red:active {
  color: #fff;
  background-color: #851400;
  border-color: #851400;
}
.btn-chinese-red.focus, .btn-chinese-red:focus {
  color: #fff;
  background-color: #851400;
  border-color: #851400;
  box-shadow: 0 0 0 0.2rem rgb(163 50 11 / 50%);
}


.btn-blast-bronze {
  color: #fff;
  background-color: #AF7A6D;
  border-color: #AF7A6D;
}
.btn-blast-bronze:hover, .btn-blast-bronze:active {
  color: #fff;
  background-color: #915c4f;
  border-color: #915c4f;
}
.btn-blast-bronze.focus, .btn-blast-bronze:focus {
  color: #fff;
  background-color: #915c4f;
  border-color: #915c4f;
  box-shadow: 0 0 0 0.2rem rgb(175 122 109 / 50%);
}

.cn-btn-navy {
  --bs-btn-color: #fff;
  --bs-btn-bg: #337AB7;
  --bs-btn-border-color: #337AB7;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #155c99;
  --bs-btn-hover-border-color: #155c99;
  --bs-btn-focus-shadow-rgb: 51, 122, 183;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #155c99;
  --bs-btn-active-border-color: #155c99;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #337AB77F;
  --bs-btn-disabled-border-color: #337AB77F;
}


.text-bdazzled-blue-actual { color: #2C5784; }
.text-bdazzled-blue { color: #2c5784ff; }
.link-bdazzled-blue { color: #2c5784ff; }
.link-bdazzled-blue:hover { color: #2c5784ff; text-decoration: underline; font-weight: bold;}
.text-blaze-orange { color: #f96900; }
.text-ebony { color: #626d58; }
.text-nyanza { color: #e5f2c9ff; }
.text-nyanza-dark { color: #727f57; }
.text-mortuum { color: #56282dff; }
.text-saffron { color: #eac435ff; }
.text-oxford-blue { color: #001242ff; }
.text-steel-blue { color: #3e7cb1ff; }
.text-chinese-red { color: #a3320bff; }
.text-blast-bronze { color: #af7a6d; }
.text-excel { color: #3e7218; }


.border-bdazzled-blue { border-color: #2c5784ff !important; }
.border-blaze-orange { border-color: #f96900 !important; }
.border-ebony { border-color: #626d58 !important; }
.border-nyanza { border-color: #e5f2c9ff !important; }
.border-mortuum { border-color: #56282dff !important; }
.border-saffron { border-color: #eac435ff !important; }
.border-oxford-blue { border-color: #001242ff !important; }
.border-steel-blue { border-color: #3e7cb1ff !important; }
.border-chinese-red { border-color: #a3320bff !important; }
.border-blast-bronze { border-color: #af7a6d !important; }
.border-excel { border-color: #3e7218 !important; }


.bg-ultra-blue {   color: #fff;
  background-color: #62a0ea; }
.bg-bdazzled-blue {   color: #fff;
  background-color: #2c5784; }
a.bg-bdazzled-blue:hover, a.bg-bdazzled-blue:focus {
  color: #fff;
  background-color: #8e8484;
}

.bg-some-gray {
  background-color: #e8e8ea; }

.bg-blaze-orange {   color: #fff;
  background-color: #f96900; }

.bg-ebony {   color: #fff;
  background-color: #626d58; }

.bg-nyanza {   color: #8e8484;
  background-color: #e5f2c9ff; }

.bg-mortuum {   color: #fff;
  background-color: #56282dff; }

.bg-saffron {   color: #312b2b;
  background-color: #eac435ff; }

.bg-oxford-blue {   color: #fff;
  background-color: #001242ff; }

.bg-steel-blue {   color: #fff;
  background-color: #3e7cb1ff; }

.bg-chinese-red {   color: #fff;
  background-color: #a3320bff; }

.bg-blast-bronze {   color: #fff;
  background-color: #af7a6d; }

.bg-excel {   color: #fff;
  background-color: #3e7218; }

.text-p-0 { color: #663C49 }	/* Main Primary color */
.text-p-1 { color: #694551 }
.text-p-2 { color: #68414D }
.text-p-3 { color: #643745 }
.text-p-4 { color: #6B3345 }

.text-s-1-0 { color: #726744 }	/* Main Secondary color (1) */
.text-s-1-1 { color: #776D4E }
.text-s-1-2 { color: #756A49 }
.text-s-1-3 { color: #70643e
}
.text-s-1-4 { color: #786939 }

.text-s-2-0 { color: #353450 }	/* Main Secondary color (2) */
.text-s-2-1 { color: #3B3B53 }
.text-s-2-2 { color: #383752 }
.text-s-2-3 { color: #31304E }
.text-s-2-4 { color: #302E54 }

.text-c-0 { color: #50663C }	/* Main Complement color */
.text-c-1 { color: #576A46 }
.text-c-2 { color: #546941 }
.text-c-3 { color: #4D6537 }
.text-c-4 { color: #4E6B33 }

