/* Icon styles
---------------------------------------- */
.icon.icon-blue,
a:hover .icon.icon-blue {
  color: #196db5;
}

.icon.icon-green,
a:hover .icon.icon-green {
  color: #1b9a1b;
}

.icon.icon-red,
a:hover .icon.icon-red {
  color: #bc2a4d;
}

.icon.icon-orange,
a:hover .icon.icon-orange {
  color: #ff6600;
}

.icon.icon-bluegray,
a:hover .icon.icon-bluegray {
  color: #536482;
}

.icon.icon-gray,
a:hover .icon.icon-gray {
  color: #777777;
}

.icon.icon-lightgray,
a:hover .icon.icon-lightgray {
  color: #999999;
}

.icon.icon-black,
a:hover .icon.icon-black {
  color: #333333;
}

.alert_close .icon:before {
  background-color: #ffffff;
}

.btn-outline-orange {
  --bs-btn-color: #ff8b07;
  --bs-btn-border-color: #ff8b07;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff8b07;
  --bs-btn-hover-border-color: #ff8b07;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ff8b07;
  --bs-btn-active-border-color: #ff8b07;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff8b07;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff8b07;
  --bs-gradient: none;
}

.btn-outline-purple {
  --bs-btn-color: #c507ff;
  --bs-btn-border-color: #c507ff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c507ff;
  --bs-btn-hover-border-color: #c507ff;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c507ff;
  --bs-btn-active-border-color: #c507ff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c507ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c507ff;
  --bs-gradient: none;
}

.btn-outline-pink {
  --bs-btn-color: #ff8fec;
  --bs-btn-border-color: #ff8fec;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff8fec;
  --bs-btn-hover-border-color: #ff8fec;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ff8fec;
  --bs-btn-active-border-color: #ff8fec;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff8fec;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff8fec;
  --bs-gradient: none;
}

.btn-outline-pink {
  --bs-btn-color: #ff8fec;
  --bs-btn-border-color: #ff8fec;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff8fec;
  --bs-btn-hover-border-color: #ff8fec;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ff8fec;
  --bs-btn-active-border-color: #ff8fec;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ff8fec;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ff8fec;
  --bs-gradient: none;
}

.btn-rainbow {
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #ff00ff 100%);
  --bs-btn-color: #000;
  --bs-btn-border-color: ;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: ;
  --bs-btn-hover-border-color: ;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: ;
  --bs-btn-active-border-color: ;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: ;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: ;
  --bs-gradient: none;
}

.btn-rainbow:hover {
  color: #fff;
}

.btn-rainbow-reverse {
  background-image: linear-gradient(90deg, #ff00ff 0%, #FC4F4F 49%, #FFCF00 80%, #00C0FF 100%);
  --bs-btn-color: #000;
  --bs-btn-border-color: ;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: ;
  --bs-btn-hover-border-color: ;
  --bs-btn-focus-shadow-rgb: 255, 193, 7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: ;
  --bs-btn-active-border-color: ;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: ;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: ;
  --bs-gradient: none;
}

.btn-rainbow-reverse:hover {
  color: #fff;
}

.breadcrumb .breadcrumb-item:nth-child(1) {
  background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #ff00ff 100%);
  border-radius: 10px;
  padding: 0 0.3rem;
}

.breadcrumb .breadcrumb-item:nth-child(1) a {
  color: #000;
}

.breadcrumb .breadcrumb-item:nth-child(1):hover a {
  color: #fff;
}