.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-link:hover,
.nav-link:focus,
.nav-tabs-custom .nav-item .nav-link.active {
  background-color: #f5f5f5;
  color: #f58220 !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
  background: #f58220 !important;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-link:hover,
.nav-link:focus {
  background-color: #f5f5f5;
  color: #f58220 !important;
}

.hr2 {
  padding: 1px !important;
}

a.download.text-dark.fw-bold:hover {
  color: #f58220 !important;
}

p.item-navi.fw-bold:hover {
  color: #f58220 !important;
}

p.item-navi.fw-bold {
  color: white !important;
}

.name.fs-4.fw-bold {
  color: black !important;
}

div.text-start:hover > a.exp-item .name.fs-4.fw-bold {
  color: #f58220 !important;
}

li.list-group-item.num-primary::before {
  color: #f58220 !important;
}

div.view-msg span {
  color: #f58220 !important;
}

div.anniv-message div.view-msg {
  transition: transform 250ms !important;
  will-change: transform !important;
}

div.anniv-message div.view-msg:hover,
div.anniv-message div.view-msg:focus {
  transform: translateX(20px) !important;
}

a.download {
  color: #043b72 !important;
}

a.download:hover {
  color: #f58220 !important;
}

.content_overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  color: #fff !important;
  background-color: transparent !important;
}

.content_overlay:hover {
  display: block !important;
  background: rgba(255, 255, 255, 0.147) !important;
  z-index: 999 !important;
}

.marker {
  position: relative !important;
  display: flex !important;
  font-size: 20px !important;
  color: #f58220 !important;
  box-shadow: inset 0 0 0 0.2em #f58220 !important;
}

.marker:after,
.marker:before {
  content: "" !important;
  display: flex !important;
  position: absolute !important;
  transition: all 0.5s ease-in-out !important;
}

.marker:before {
  top: 50% !important;
  right: -0.3em !important;
  width: 2.3em !important;
  height: 1.2em !important;
  transform-origin: 50% 50% !important;
  transform: translate(0, -1.5em) rotate(0deg) !important;
  box-shadow: inset -0.4em 0.4em 0 0 #f58220 !important;
  border-radius: 0 0.15em 0 0 !important;
}

.marker:after {
  top: 50% !important;
  right: 4.5em !important;
  width: 0em !important;
  height: 0.1em !important;
}

.history:hover > .year {
  color: #f58220 !important;
}

.history:hover > div.sub {
  color: #043b72 !important;
}

dt {
  display: list-item !important;
  list-style-type: circle !important;
  font-weight: normal !important;
  list-style-position: inside !important;
}

.management-content {
  border: 2px solid #f58220 !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-link:hover,
.nav-link:focus,
.nav-tabs-custom .nav-item .nav-link.active {
  background-color: #f5f5f5 !important;
  color: #f58220 !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
  background: #f58220 !important;
}

.hr {
  padding: 1px !important;
  margin: 0px 0% 0px 0% !important;
}

.hr2 {
  padding: 1px !important;
}

.hr.our-business {
  padding: 1px !important;
  margin: 0px 48% 0px 48% !important;
}

a.download.text-dark.fw-bold:hover {
  color: #f58220 !important;
}

a.navi-link:hover > div.border p.item-navi {
  color: #f58220 !important;
}

p.item-navi.fw-bold {
  color: white !important;
}

a.etf {
  color: #043b72 !important;
}

a.etf:hover {
  color: #f58220 !important;
}

li.list-primary::marker {
  color: #f58220 !important;
}

.help-item.text-dark:hover > li {
  color: #f58220 !important;
}

.help-item.text-dark:hover > div {
  color: #f58220 !important;
}

.view-item {
  transition: transform 250ms;
  will-change: transform;
}

.view-item:hover {
  transform: translateX(10px) !important;
}

@media (max-width: 600px) { 
    .mstock-logo {
        width: 30% !important;
  }
}

.pagination-container {
    display: flex !important;
    column-gap: 10px !important;
}

.paginate-buttons {
    height: 40px !important;
    width: 40px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    background-color: rgb(242, 242, 242) !important;
    border: 1px solid rgb(217, 217, 217) !important;
    color: black !important;
}

.paginate-buttons:hover {
    background-color: #d8d8d8 !important;
}

.active-page {
    background-color: #f58220 !important;
    border: 1px solid #f58220 !important;
    color: white !important;
}

.active-page:hover {
    background-color: #043b72 !important;
}

