/*! Responsive thẻ a dài */
a {
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	hyphens: auto;
}

/*! Điều chỉnh lại select trong form-floating */
.form-floating .select2-selection--single {
	height: calc(3.5rem + 2px) !important;
	padding: 1rem 0.75rem !important;
}
.form-floating .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 !important;
}

/*! Summernote */
.note-editor .dropdown-toggle::after {
	all: unset;
}
.note-editor .note-dropdown-menu {
	box-sizing: content-box;
}
.note-editor .note-modal-footer {
	box-sizing: content-box;
}
.note-editable {
	padding: 8px 2px !important;
}
.note-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px 2px !important;
	margin: 0;
	pointer-events: none;
}


/*! Bỏ viền với select trong th */
th input.border-0 {
	border: 0 !important;
}
th .select2-container--default .select2-selection--single,
th .select2-container--default .select2-selection--multiple {
	border: none !important;
	outline: none;
	box-shadow: none;
}
/*! Bỏ border dropdown trong th */
th .dropdown_toggle {
	border: none;
}

/*! Select2 không xuống dòng trong th */
th .select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	flex-wrap: nowrap;
}

/* Đưa magnificPopup lên trước modal  */
.mfp-bg,
.mfp-wrap {
	z-index: 1056;
}
/* Hiển thị dấu zoom ảnh */
#taskModal .img-fluid {
	cursor: zoom-in;
}
.select2-sm li {
	font-size: 13px !important;
}

/* Điều chỉnh hiển thị chấm online */
.item.item-tiny {
	width: 10px;
	height: 10px;
}

/* Fix lỗi Select2 không hiện placeholder */
.select2-container--default .select2-search--inline .select2-search__field {
	width: 100% !important;
}
/* Ẩn checkbox */
label .color-input {
	display: none;
  }
  
  /* Label cho nút màu */
  .color-label {
    width: auto;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: grid;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: transform 0.2s ease;
}
  span.color-label {
    display: flex;
    justify-content: center;
    color: #303030;
    border: 1px solid #D0D0D0;
    border-radius: 2px;
    margin: 2px 0;
    padding: 4px 8px;
    max-width: 100px;
    font-size: clamp(10px, 2vw, 12px);
    text-align: center;
    min-width: 40px;
    white-space: nowrap;
}
  .color-label:hover {
	transform: scale(1.1);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  
  /* Hiển thị trạng thái được chọn */
  .color-input:checked + .color-label {
	border: 3px solid #5385b7;
	box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.3);
	transform: scale(1.15);
	overflow: hidden;
  }
/* Giới hạn kích thước khung cho slider-for */
.slider-for {
    width: 100%;
    height: 400px; /* Chiều cao mong muốn */
    overflow: hidden;
    position: relative;
}

.slider-for img.img-thumbnail {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Đảm bảo ảnh vừa khung và giữ tỷ lệ */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Thu nhỏ slider-nav */
.slider-nav {
    max-width: 100%;
    height: 100px; /* Chiều cao nhỏ hơn slider-for */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-nav img.img-thumbnail {
    width: 80px; /* Kích thước nhỏ cho hình ảnh slider-nav */
    height: 80px;
    object-fit: cover;
    margin: 5px;
    border-radius: 8px;
    transition: transform 0.2s ease-in-out;
}

.slider-nav img.img-thumbnail:hover {
    transform: scale(1.1); /* Hiệu ứng phóng to nhẹ khi hover */
}

/* Sửa lỗi kích thước slide slick */
.slick-slide {
    max-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.timeline {
  position: relative;
  padding: 1rem 0;
  padding-left: 0;
  list-style: none
}

.timeline::before {
  position: absolute;
  top: 0;
  left: 1.375rem;
  height: 100%;
  width: .25rem;
  background-color: #dfe4f1;
  content: "";
  border-radius: .375rem
}

.timeline-event {
  position: relative
}

.timeline-event:not(:last-child) {
  margin-bottom: 1.75rem
}

.timeline-event-icon {
  position: absolute;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 1.5rem;
  border: .25rem solid #fff;
  z-index: 5;
  box-shadow: 0 .375rem 1.5rem #d1d8ea
}

.timeline-event-icon::before {
  position: absolute;
  top: 50%;
  right: -.625rem;
  width: 0;
  height: 0;
  border-top: .625rem solid transparent;
  border-bottom: .625rem solid transparent;
  border-left: .625rem solid #fff;
  content: "";
  transform: translateY(-50%)
}

.timeline-event-block {
  margin-left: 4rem;
  margin-bottom: 0!important
}

@media (min-width: 1200px) {
  .timeline-centered::before {
      left:50%;
      margin-left: -.125rem
  }

  .timeline-centered .timeline-event-icon {
      left: 50%;
      margin-left: -1.5rem
  }

  .timeline-centered .timeline-event-icon::before {
      right: auto;
      left: -.625rem;
      border-right: .625rem solid #fff;
      border-left: none
  }

  .timeline-centered .timeline-event-time {
      position: absolute;
      display: inline-block;
      top: 1.5rem;
      left: 50%;
      padding: .5rem .5rem .5rem 2rem;
      width: auto;
      border-radius: .375rem;
      background-color: #fff;
      transform: translateY(-50%)
  }

  .timeline-centered .timeline-event-block {
      width: 46%;
      margin-left: 0
  }

  .timeline-centered .timeline-event:not(:last-child) {
      margin-bottom: 3.5rem
  }

  .timeline-centered .timeline-event.timeline-event-alt .timeline-event-icon,.timeline-centered.timeline-alt .timeline-event:nth-child(even) .timeline-event-icon {
      left: 50%;
      margin-left: -1.5rem
  }

  .timeline-centered .timeline-event.timeline-event-alt .timeline-event-icon::before,.timeline-centered.timeline-alt .timeline-event:nth-child(even) .timeline-event-icon::before {
      right: -.625rem;
      left: auto;
      border-right: none;
      border-left: .625rem solid #fff
  }

  .timeline-centered .timeline-event.timeline-event-alt .timeline-event-block,.timeline-centered.timeline-alt .timeline-event:nth-child(even) .timeline-event-block {
      margin-left: auto
  }

  .timeline-centered .timeline-event.timeline-event-alt .timeline-event-time,.timeline-centered.timeline-alt .timeline-event:nth-child(even) .timeline-event-time {
      padding: .5rem 2rem .5rem .5rem;
      right: 50%;
      left: auto;
      text-align: right
  }
}

.ribbon {
  position: relative;
  min-height: 3.25rem
}

.ribbon-box {
  position: absolute;
  top: .75rem;
  right: 0;
  padding: 0 .75rem;
  height: 2rem;
  line-height: 2rem;
  z-index: 5;
  font-weight: 700;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.ribbon-box::before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: ""
}

.ribbon-bookmark .ribbon-box {
  padding-left: .625rem;
  border-radius: 0!important
}

.ribbon-bookmark .ribbon-box::before {
  top: 0;
  right: 100%;
  height: 2rem;
  border: 1rem solid;
  border-left-width: .625rem;
  border-right-width: 0
}

.ribbon-modern .ribbon-box {
  top: .75rem;
  right: -.5rem;
  padding-left: .75rem;
  padding-right: .75rem;
  border-radius: .375rem!important
}

.ribbon-modern .ribbon-box::before {
  display: none
}

.ribbon-left .ribbon-box {
  right: auto;
  left: 0;
  border-radius: 0;
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.ribbon-left.ribbon-bookmark .ribbon-box {
  padding-left: .75rem;
  padding-right: .625rem
}

.ribbon-left.ribbon-bookmark .ribbon-box::before {
  right: auto;
  left: 100%;
  border-left-width: 0;
  border-right-width: .625rem
}

.ribbon-left.ribbon-modern .ribbon-box {
  left: -.5rem
}

.ribbon-bottom .ribbon-box {
  top: auto;
  bottom: .75rem
}

.ribbon-light .ribbon-box {
  color: #343a40;
  background-color: #dfe4f1
}

.ribbon-light.ribbon-bookmark .ribbon-box::before {
  border-color: #dfe4f1;
  border-left-color: transparent
}

.ribbon-light.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #dfe4f1;
  border-right-color: transparent
}

.ribbon-dark .ribbon-box {
  color: #fff;
  background-color: #343a40
}

.ribbon-dark.ribbon-bookmark .ribbon-box::before {
  border-color: #343a40;
  border-left-color: transparent
}

.ribbon-dark.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #343a40;
  border-right-color: transparent
}

.ribbon-primary .ribbon-box {
  color: #fff;
  background-color: #0665d0
}

.ribbon-primary.ribbon-bookmark .ribbon-box::before {
  border-color: #0665d0;
  border-left-color: transparent
}

.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #0665d0;
  border-right-color: transparent
}

.ribbon-success .ribbon-box {
  color: #fff;
  background-color: #6f9c40
}

.ribbon-success.ribbon-bookmark .ribbon-box::before {
  border-color: #6f9c40;
  border-left-color: transparent
}

.ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #6f9c40;
  border-right-color: transparent
}

.ribbon-info .ribbon-box {
  color: #fff;
  background-color: #3c90df
}

.ribbon-info.ribbon-bookmark .ribbon-box::before {
  border-color: #3c90df;
  border-left-color: transparent
}

.ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #3c90df;
  border-right-color: transparent
}

.ribbon-warning .ribbon-box {
  color: #fff;
  background-color: #e69f17
}

.ribbon-warning.ribbon-bookmark .ribbon-box::before {
  border-color: #e69f17;
  border-left-color: transparent
}

.ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #e69f17;
  border-right-color: transparent
}

.ribbon-danger .ribbon-box {
  color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
  box-shadow: 0 1px 2px rgba(56, 65, 74, .15);
  background-color: #e04f1a
}

.ribbon-danger.ribbon-bookmark .ribbon-box::before {
  border-color: #e04f1a;
  border-left-color: transparent
}

.ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: #e04f1a;
  border-right-color: transparent
}

.ribbon-glass .ribbon-box {
  color: #fff;
  background-color: rgba(255,255,255,.4)
}

.ribbon-glass.ribbon-bookmark .ribbon-box::before {
  border-color: rgba(255,255,255,.4);
  border-left-color: transparent
}

.ribbon-glass.ribbon-bookmark.ribbon-left .ribbon-box::before {
  border-color: rgba(255,255,255,.4);
  border-right-color: transparent
}
.zz {
  transition: opacity .25s ease-out;
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem 0 1px;
  overflow-x: visible;
}

.zz.block-content-full {
  padding-bottom: 1.25rem;
}
a.block.block-link-shadow.block-rounded.text-center {
  border: 1px solid rgba(0, 0, 0, .125);
  box-shadow: 0 1px 2px rgba(56, 65, 74, .15);
}

.block {
  margin-bottom: 1.75rem;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(214,221,237,.5),0 1px 2px rgba(214,221,237,.5)
}

.block .block,.content-side .block {
  box-shadow: none
}

.block-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1.25rem;
  transition: opacity .25s ease-out
}

.block-header.block-header-rtl {
  flex-direction: row-reverse
}

.block-header.block-header-rtl .block-title {
  text-align: right
}

.block-header.block-header-rtl .block-options {
  padding-right: 1.25rem;
  padding-left: 0
}

.block-header-default {
  background-color: #f8f9fc
}

.block-title {
  flex: 1 1 auto;
  min-height: 1.75rem;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75
}

.block-title .small,.block-title small {
  font-size: .875rem;
  line-height: 1.375rem;
  color: #6c757d
}

.block-content {
  transition: opacity .25s ease-out;
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem 1.25rem 1px;
  overflow-x: visible
}

.block-content>.pull-t,.block-content>.pull-y {
  margin-top: -1.25rem
}

.block-content>.pull-b,.block-content>.pull-y {
  margin-bottom: -1px
}

.block-content>.pull-r,.block-content>.pull-x {
  margin-right: -1.25rem
}

.block-content>.pull-r,.block-content>.pull-x {
  margin-left: -1.25rem
}

.block-content>.pull {
  margin: -1.25rem -1.25rem -1px
}

.block-content.block-content-full {
  padding-bottom: 1.25rem
}

.block-content.block-content-full>.pull,.block-content.block-content-full>.pull-b,.block-content.block-content-full>.pull-y {
  margin-bottom: -1.25rem
}

.block-content .block,.block-content .items-push>div,.block-content .push,.block-content p {
  margin-bottom: 1.25rem
}

.block-content .items-push-2x>div {
  margin-bottom: 2.5rem
}

.block-content .items-push-3x>div {
  margin-bottom: 3.75rem
}

.block-content.block-content-sm {
  padding-top: .625rem
}

.block-content.block-content-sm>.pull,.block-content.block-content-sm>.pull-t,.block-content.block-content-sm>.pull-y {
  margin-top: -.625rem
}

.block-content.block-content-sm.block-content-full {
  padding-bottom: .625rem
}

.block-content.block-content-sm.block-content-full>.pull,.block-content.block-content-sm.block-content-full>.pull-b,.block-content.block-content-sm.block-content-full>.pull-y {
  margin-bottom: -.625rem
}

.block.block-bordered {
  border: 1px solid #dfe4f1;
  box-shadow: none
}

.block.block-rounded {
  border-radius: .375rem;
  overflow: hidden;
}

.block.block-rounded>.block-header,.block.block-rounded>.nav-tabs {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.block.block-rounded>.block-header:last-child,.block.block-rounded>.nav-tabs:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.block.block-rounded.block-mode-hidden>.block-header.block-header-default {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.block.block-rounded>.block-content:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.block.block-rounded>.block-content:last-child {
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.block.block-rounded>.nav-tabs>.nav-item:first-child>.nav-link {
  border-top-left-radius: .25rem
}

.block.block-rounded>.nav-tabs>.nav-item:last-child>.nav-link {
  border-top-right-radius: .25rem
}

.block.block-themed>.block-header {
  border-bottom: none;
  color: #fff;
  background-color: #0665d0
}

.block.block-themed>.block-header>.block-title {
  color: rgba(255,255,255,.9)
}

.block.block-themed>.block-header>.block-title .small,.block.block-themed>.block-header>.block-title small {
  color: rgba(255,255,255,.7)
}

.block.block-transparent {
  background-color: transparent;
  box-shadow: none
}

.block.block-mode-hidden.block-bordered>.block-header {
  border-bottom: none
}

.block.block-mode-hidden>.block-content {
  display: none
}

.block.block-mode-loading {
  position: relative;
  overflow: hidden
}

.block.block-mode-loading::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 9;
  content: " ";
  background-color: rgba(255,255,255,.85)
}

.block.block-mode-loading::after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.5rem 0 0 -1.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  color: #0665d0;
  font-family: Simple-Line-Icons;
  font-size: 1.125rem;
  text-align: center;
  z-index: 10;
  content: "\e09a";
  animation: fa-spin 1.75s infinite linear;
  border-radius: 1.5rem
}

.block.block-mode-loading.block-mode-hidden::after {
  margin: -1rem 0 0 -1rem;
  width: 2rem;
  height: 2rem;
  line-height: 2rem
}

.block.block-mode-loading.block-mode-loading-dark::before {
  background-color: rgba(0,0,0,.85)
}

.block.block-mode-loading.block-mode-loading-dark::after {
  color: #fff
}

.block.block-mode-loading.block-mode-loading-location::after {
  content: "\e06e"
}

.block.block-mode-loading.block-mode-loading-energy::after {
  content: "\e020"
}

.block.block-mode-loading.block-mode-loading-refresh::after {
  font-family: "Font Awesome 6 Free","Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f021"
}

.block.block-mode-loading.block-mode-loading-sun::after {
  font-family: "Font Awesome 6 Free","Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f185"
}

.block.block-mode-loading.block-mode-loading-repeat::after {
  font-family: "Font Awesome 6 Free","Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f01e"
}

.block.block-mode-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1035;
  margin-bottom: 0;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch
}

.block.block-mode-fullscreen.block-bordered {
  border: none
}

.block.block-mode-fullscreen.block-rounded {
  border-radius: 0
}

.block.block-mode-fullscreen.block-transparent {
  background-color: #fff
}

.block.block-mode-pinned {
  position: fixed;
  right: .75rem;
  bottom: 0;
  margin-bottom: 0!important;
  width: 100%;
  max-width: 300px;
  z-index: 1031;
  box-shadow: 0 0 2rem rgba(0,0,0,.1)
}

.block.block-mode-pinned>.block-content {
  max-height: 250px;
  overflow-y: auto
}

@media (min-width: 576px) {
  .block.block-mode-pinned {
      max-width:400px
  }
}

a.block {
  display: block;
  color: #343a40;
  font-weight: 400;
  transition: transform .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out
}

a.block:hover {
  color: #343a40;
  opacity: .65
}

a.block:active {
  opacity: 1
}

a.block.block-link-rotate:hover {
  transform: rotate(1deg);
  opacity: 1
}

a.block.block-link-rotate:active {
  transform: rotate(0)
}

a.block.block-link-pop:hover {
  box-shadow: 0 .5rem 2rem #d1d8ea;
  transform: translateY(-2px);
  opacity: 1
}

a.block.block-link-pop:active {
  box-shadow: 0 .25rem .75rem #e9edf5;
  transform: translateY(0)
}

a.block.block-link-shadow:hover {
  box-shadow: 0 0 2.25rem #d1d8ea;
  opacity: 1
}

a.block.block-link-shadow:active {
  box-shadow: 0 0 1.125rem #dfe4f1
}

.block.block-fx-shadow {
  box-shadow: 0 0 2.25rem #d1d8ea;
  opacity: 1
}

.block.block-fx-pop {
  box-shadow: 0 .5rem 2rem #d1d8ea;
  opacity: 1
}

.block.block-fx-rotate-right {
  transform: rotate(1deg);
  opacity: 1
}

.block.block-fx-rotate-left {
  transform: rotate(-1deg);
  opacity: 1
}

.block-options {
  flex: 0 0 auto;
  padding-left: 1.25rem
}

.block-options .block-options-item {
  padding: 0 .25rem;
  line-height: 1.2
}

.block.block-themed .block-options .block-options-item {
  color: #fff
}

.block-options .block-options-item,.block-options .dropdown {
  display: inline-block
}

.block-sticky-options {
  position: relative
}

.block-sticky-options .block-options {
  position: absolute;
  top: .875rem;
  right: 1.25rem
}

.block-sticky-options .block-options.block-options-left {
  right: auto;
  left: 1.25rem;
  padding-right: 10px;
  padding-left: 0
}
a.block.block-link-shadow.block-rounded.text-center {
  border: 1px solid rgba(0, 0, 0, .125);
  box-shadow: 0 1px 2px rgba(56, 65, 74, .15);
}
a.block.block-link-shadow.block-rounded.text-center:hover {
  transform: scale(1.02);
  box-shadow: 2px 4px 12px rgb(56 65 74 / 33%) !important;
}
.dropdown-menu {
  padding-right: .5rem;
  padding-left: .5rem;
  box-shadow: 0 .25rem 2rem rgba(0,0,0,.08)
}

.dropdown-menu.dropdown-menu-md {
  min-width: 200px
}

.dropdown-menu.dropdown-menu-lg,.dropdown-menu.dropdown-menu-xl,.dropdown-menu.dropdown-menu-xxl {
  min-width: 300px
}

.dropdown-menu.dropdown-menu-mega {
  transition: transform .3s ease-out,opacity .3s ease-out;
  opacity: 0;
  display: block;
  visibility: hidden;
  transform: translateY(10px) scale(.98);
  transform-origin: top left
}

.dropdown-menu.dropdown-menu-mega.show {
  opacity: 1;
  visibility: visible
}

@media (min-width: 1200px) {
  .dropdown-menu.dropdown-menu-xl {
      min-width:450px
  }

  .dropdown-menu.dropdown-menu-xxl {
      min-width: 600px
  }
}

.dropdown-item {
  margin-bottom: .25rem;
  border-radius: .375rem
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 0 solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}

.alert-primary {
  --bs-alert-color: #043d7d;
  --bs-alert-bg: #cde0f6;
  --bs-alert-border-color: #b4d1f1
}
.bg-cl{
  background-color: #111c43 !important;
}
.alert-primary .alert-link {
  color: #033164
}

.alert-secondary {
  --bs-alert-color: #41464b;
  --bs-alert-bg: #e2e3e5;
  --bs-alert-border-color: #d3d6d8
}

.alert-secondary .alert-link {
  color: #34383c
}

.alert-success {
  --bs-alert-color: #435e26;
  --bs-alert-bg: #e2ebd9;
  --bs-alert-border-color: #d4e1c6
}

.alert-success .alert-link {
  color: #364b1e
}

.alert-info {
  --bs-alert-color: #245686;
  --bs-alert-bg: #d8e9f9;
  --bs-alert-border-color: #c5def5
}

.alert-info .alert-link {
  color: #1d456b
}

.alert-warning {
  --bs-alert-color: #8a5f0e;
  --bs-alert-bg: #faecd1;
  --bs-alert-border-color: #f8e2b9
}

.alert-warning .alert-link {
  color: #6e4c0b
}

.alert-danger {
  --bs-alert-color: #862f10;
  --bs-alert-bg: #f9dcd1;
  --bs-alert-border-color: #f6caba
}

.alert-danger .alert-link {
  color: #6b260d
}

.alert-light {
  --bs-alert-color: #909295;
  --bs-alert-bg: #fcfdfe;
  --bs-alert-border-color: #fbfbfd
}

.alert-light .alert-link {
  color: #737577
}

.alert-dark {
  --bs-alert-color: #1f2326;
  --bs-alert-bg: #d6d8d9;
  --bs-alert-border-color: #c2c4c6
}

.alert-dark .alert-link {
  color: #191c1e
}
.nav-pills .nav-link:focus,.nav-pills .nav-link:hover {
  background-color: #edf0f7
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #0665d0
}

.nav-tabs-block {
  background-color: #f8f9fc;
  border-bottom: none
}

.nav-tabs-block .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  border-color: transparent;
  border-radius: 0;
  margin-bottom: 0
}

.nav-tabs-block .nav-link:focus,.nav-tabs-block .nav-link:hover {
  color: #0665d0;
  background-color: #edf0f7;
  border-color: transparent
}

.nav-tabs-block .nav-item.show .nav-link,.nav-tabs-block .nav-link.active {
  color: #343a40;
  background-color: #fff;
  border-color: transparent
}

.nav-tabs-alt {
  background-color: transparent;
  border-bottom-color: #dfe4f1
}

.nav-tabs-alt .nav-item {
  margin-bottom: -2px
}

.nav-tabs-alt .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: transparent;
  border-color: transparent
}

.nav-tabs-alt .nav-link:focus,.nav-tabs-alt .nav-link:hover {
  color: #0665d0;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px #0665d0
}

.nav-tabs-alt .nav-item.show .nav-link,.nav-tabs-alt .nav-link.active {
  color: #343a40;
  background-color: transparent;
  border-color: transparent;
  box-shadow: inset 0 -3px #0665d0
}

.nav-items {
  padding-left: 0;
  list-style: none;
}

.nav-items a:hover {
  background-color: #f8f9fc
}

.nav-items a:active {
  background-color: #edf0f7
}

.nav-items>li:not(:last-child)>a {
  border-bottom: 1px solid #edf0f7
}

.mini-nav-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: #aab8d9;
  font-size: 1rem
}

.mini-nav-item i {
  transition: transform .2s ease-out
}

.mini-nav-item.active {
  background-color: #373e4e;
  color: #fff
}

.mini-nav-item:hover {
  color: #fff;
  background-color: #373e4e
}

.mini-nav-item:active {
  color: #aab8d9
}

.mini-nav-item:active i {
  transform: scale(.9)
}

.card.card-borderless {
  box-shadow: 0 1px 3px rgba(214,221,237,.5),0 1px 2px rgba(214,221,237,.5)
}

.card.card-square {
  border-radius: 0
}

.card.card-square .card-img,.card.card-square .card-img-bottom,.card.card-square .card-img-overlay,.card.card-square .card-img-top,.card.card-square>.card-footer:last-child,.card.card-square>.card-header:first-child,.card.card-square>.list-group:first-child,.card.card-square>.list-group:last-child {
  border-radius: 0
}

.card.card-borderless {
  border: 0
}

.card.card-borderless>.card-header {
  border-bottom: 0
}

.card.card-borderless>.card-footer {
  border-top: 0
}
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
  background-color: #236441!important
}

.bg-primary-op {
  background-color: rgba(48,138,90,.75)!important
}

a.bg-primary-op:focus,a.bg-primary-op:hover,button.bg-primary-op:focus,button.bg-primary-op:hover {
  background-color: rgba(35,100,65,.75)!important
}

.bg-primary-dark {
  background-color: #236441!important
}

a.bg-primary-dark:focus,a.bg-primary-dark:hover,button.bg-primary-dark:focus,button.bg-primary-dark:hover {
  background-color: #163e29!important
}

.img-avatar {
  display: inline-block!important;
  width: 64px;
  height: 64px;
  border-radius: 50%
}

.img-avatar.img-avatar16 {
  width: 16px;
  height: 16px
}

.img-avatar.img-avatar20 {
  width: 20px;
  height: 20px
}

.img-avatar.img-avatar32 {
  width: 32px;
  height: 32px
}

.img-avatar.img-avatar48 {
  width: 48px;
  height: 48px
}

.img-avatar.img-avatar96 {
  width: 96px;
  height: 96px
}

.img-avatar.img-avatar128 {
  width: 128px;
  height: 128px
}

.img-avatar-thumb {
  margin: .25rem;
  box-shadow: 0 0 0 .25rem rgba(255,255,255,.3)
}

.img-avatar.img-avatar-rounded {
  border-radius: .25rem
}

.img-thumb {
  padding: .375rem;
  background-color: #fff;
  border-radius: .25rem
}

.img-link {
  display: inline-block;
  transition: transform .25s ease-out,opacity .25s ease-out
}

.img-link:hover {
  transform: scale(1.02);
  opacity: .75
}

.img-link:active {
  transform: scale(1);
  opacity: 1
}

.img-link.img-link-simple:hover {
  transform: scale(1)
}

.img-link-zoom-in {
  cursor: zoom-in
}

.img-fluid-100 .img-fluid,.img-fluid.img-fluid-100 {
  width: 100%
}
.bg-gd-lake {
  background: #00f260 linear-gradient(135deg,#00f260 0,#0575e6 100%)!important
}

span.badge.badge-primary.badge-pill.qty_cart {
  position: relative;
  top: -1px;
  color: #536485;
}
.bg-image {
  background-position: 0 50%;
  background-size: cover;
}
.bg-primary-dark-op {
  background-color: rgba(35, 100, 65, .8) !important;
}
.hero-static {
  min-height: 100vh;
}
.block.block-rounded>.block-content:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
.bg-body-extra-light {
  background-color: #fff !important;
}
.block-content {
  transition: opacity .25sease-out;
  width: 100%;
  margin: 0 auto;
  padding: 1.25rem 1.25rem 1px;
  overflow-x: visible;
}