/* 
  ********** Theme **********
*/

/* Variable */
:root {
  --primary-ci-color-110: #0067D6;
  --primary-ci-color-100: #007BFF;
  --primary-ci-color-90: #1CAAE2;
  --primary-ci-color-rgb-110: 0, 103, 214;
  --primary-ci-color-rgb-100: 0, 123, 255;
  --primary-ci-color-rgb-90: 28, 170, 226;
}

/* Button */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--primary-ci-color-100);
  --bs-btn-border-color: none;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary-ci-color-110);
  --bs-btn-hover-border-color: none;
  --bs-btn-focus-shadow-rgb: var(--primary-ci-color-rgb-110);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primary-ci-color-110);
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--primary-ci-color-100);
  --bs-btn-disabled-border-color: none;
}
.btn-white {
  --bs-btn-color: var(--primary-ci-color-100);
  --bs-btn-bg: #fff;
  --bs-btn-border-color: none;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.3);
  --bs-btn-hover-border-color: none;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: var(--primary-ci-color-100);
  --bs-btn-active-border-color: none;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fff;
  --bs-btn-disabled-border-color: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--primary-ci-color-100);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--primary-ci-color-110);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--primary-ci-color-110);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link-white {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #fff;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: rgba(255, 255, 255, 0.5);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: rgba(255, 255, 255, 0.5);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link-black {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #000;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: rgba(0, 0, 0, 0.5);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: rgba(0, 0, 0, 0.5);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.text-primary {
  /* --bs-text-opacity: 1; */
  color: rgba(var(--primary-ci-color-rgb-100), var(--bs-text-opacity)) !important;
}
.border-primary {
  /* --bs-border-opacity: 1; */
  border-color: rgba(var(--primary-ci-color-rgb-100), var(--bs-border-opacity)) !important;
}
.bg-primary {
  /* --bs-bg-opacity: 1; */
  background-color: rgba(var(--primary-ci-color-rgb-100), var(--bs-bg-opacity)) !important;
}
.bg-gradient {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0)) !important;
}
.bg-gradient-90deg {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)) !important;
}
.bg-gradient-180deg {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0)) !important;
}
.list-group-item.active {
  z-index: 2;
  color: #9d6d00;
  background-color: var(--primary-ci-color-100);
  border-color: var(--primary-ci-color-100);
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: #707070;
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link:hover {
  z-index: 2;
  color: var(--primary-ci-color-100);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: #9d6d00;
  background-color: var(--primary-ci-color-100);
  border-color: var(--primary-ci-color-100);
}