/*img {*/
/*  display: inline;*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*}*/

.link-success{
  text-decoration-line: none;
}

.link-light{
  text-decoration-line: none;
}

.link-light:active{
  color: white; !important;
}

div.active>a.link-success{
  color: white; !important;
}

.accordion-link>.accordion-button::after {
  background-image: none;

}

.accordion-link>.accordion-button:not(.collapsed)::after {
  background-image: none
}

.accordion-button:not(.collapsed) {
  color: white !important;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.accordion-button:not(.collapsed):active {
  color: white !important;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.accordion-button:focus {
  border-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
  box-shadow: none !important;
}

.nav-link:hover, .nav-link:focus{
  border-bottom: 3px solid green;
}

.nav-link.active{
  border-bottom: 3px solid green;
}

.carousel-inner .video{
  min-height: 50vh;
}

.carousel-inner .old-img{
  height: 50vh;
}

.carousel-item video {
  position: absolute;
  object-fit:cover;
  top: 0;
  left: 0;
}

.image-wrapped {
  float: left;
  width: 30rem;
  shape-margin:2rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

body {
  background-color: #000;
  color: #fff;
  border: none;
}

.indent{
  text-indent: 2rem;
}

.high-contrast, .high-contrast * {
  color: #ffff00 !important;
}

.high-contrast :-moz-placeholder, .high-contrast ::-moz-placeholder, .high-contrast ::-webkit-input-placeholder, .high-contrast :placeholder-shown {
  color: #ffff00 !important;
}

.high-contrast hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000 !important;
  margin: 1em 0;
  padding: 0;
}

.high-contrast .text-success {
  color: #ffff00 !important;
}

.high-contrast .dropdown-menu {
  color: #ffff00 !important;
  background-color: #000 !important;
}

.high-contrast .dropdown-menu .dropdown-item {
  color: #ffff00 !important;
  background-color: #000 !important;
}

.high-contrast .dropdown-menu a:hover {
  color: #ffff00 !important;
  background-color: #333 !important;
}

.high-contrast .list-group-item-success {
  color: #ffff00 !important;
  background-color: #000;
}

.high-contrast .list-group a:hover {
  color: #ffff00 !important;
  background-color: #000;
}

.high-contrast .list-group a:link {
  color: #ffff00 !important;
  background-color: #000;
}

.high-contrast .list-group .active {
  color: #ffff00 !important;
  background-color: #000 !important;
}

.high-contrast .text-dark {
  color: #ffff00 !important;
}

.high-contrast .text-muted {
  color: #ffff00 !important;
}

.high-contrast .text-light {
  color: #ffff00 !important;
}

.high-contrast .text-white {
  color: #ffff00 !important;
}

.high-contrast body {
  background-color: #000000 !important;
  color: #ffff00 !important;
}

.high-contrast .bg-dark {
  background-color: #000000 !important;
}

.high-contrast a:hover {
  background-color: #202020 !important;
}

.high-contrast .bg-muted {
  background-color: #000000 !important;
}

.high-contrast .bg-light {
  background-color: #000000 !important;
}

.high-contrast .bg-white {
  background-color: #000000 !important;
}

.high-contrast .bg-success {
  background-color: #000000 !important;
}

.high-contrast div {
  background-color: rgba(0,0,0,0) !important;
}

.high-contrast ul {
  background-color: #000000 !important;
}

.high-contrast li {
  color: #ffff00 !important;
  background-color: #000000 !important;
}

.high-contrast circle {
  fill: #000000 !important;
  stroke: #ffff00 !important;
}

.high-contrast text {
  fill: #ffff00 !important;
  stroke: #ffff00 !important;
}

.high-contrast rect{
  fill: #000000 !important;
  stroke: #ffff00 !important;
}

.high-contrast button {
  color: #ffff00 !important;
  background-color: #000000 !important;
}


/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 100; /* Behind the navbar */
  padding: 48px 0 0; /* Height of navbar */
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

@media (max-width: 767px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color: #000;
}

.sidebar .nav-link.active {
  color: #007bff;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

.dark-mode, .dark-mode * {
  color: #ccc !important;
}

.dark-mode :-moz-placeholder, .dark-mode ::-moz-placeholder, .dark-mode ::-webkit-input-placeholder, .dark-mode :placeholder-shown {
  color: #ccc !important;
}

.dark-mode hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc !important;
  margin: 1em 0;
  padding: 0;
}

.dark-mode .text-success {
  color: #ccc !important;
}

.dark-mode .dropdown-menu {
  color: #ccc !important;
  background-color: #333 !important;
}

.dark-mode .dropdown-menu .dropdown-item {
  color: #ccc !important;
  background-color: #333 !important;
}

.dark-mode .list-group-item .dropdown-toggle {
  color: #ccc !important;
  background-color: #333 !important;
}

.dark-mode .list-group div:hover {
  color: #ccc !important;
  background-color: #222 !important;
}

.dark-mode .list-group div:hover a {
  color: #ccc !important;
  background-color: #222 !important;
}

.dark-mode .dropdown-menu a:hover {
  color: #ccc !important;
  background-color: #222 !important;
}

.dark-mode .list-group-item-success {
  color: #ccc !important;
  background-color: #333;
}

.dark-mode .list-group a:hover {
  color: #bbb !important;
  background-color: #111;
}

.dark-mode .list-group a:link {
  color: #aaa !important;
  background-color: #222;
}

.dark-mode .list-group .active {
  color: #FFF !important;
  background-color: #111 !important;
}

.dark-mode .text-dark {
  color: #ccc !important;
}

.dark-mode .text-muted {
  color: #ccc !important;
}

.dark-mode .text-light {
  color: #ccc !important;
}

.dark-mode .text-white {
  color: #ccc !important;
}

.dark-mode .bg-dark {
  background-color: #333333 !important;
}

.dark-mode .bg-muted {
  background-color: #333333 !important;
}

.dark-mode .bg-light {
  background-color: #333333 !important;
}

.dark-mode .bg-white {
  background-color: #333333 !important;
}

.dark-mode .bg-success {
  background-color: #333333 !important;
}

.dark-mode div {
  background-color: rgba(0,0,0,0) !important;
}

.dark-mode li {
  color: #ccc !important;
  background-color: #333333 !important;
}

.dark-mode circle {
  fill: #333333 !important;
  stroke: #ccc !important;
}

.dark-mode text {
  fill: #ccc !important;
  stroke: #ccc !important;
}

.dark-mode rect{
  fill: #333333 !important;
  stroke: #ccc !important;
}

.dark-mode button {
  color: #ccc !important;
  background-color: #333333 !important;
}

.clickable tr {
  cursor: pointer;
}

.text-justify {
  text-align: justify;
}

.text-spread-1 {
  letter-spacing: 0.1rem;
}

.text-spread-2 {
  letter-spacing: 0.2rem;
}

.text-spread-3 {
  letter-spacing: 0.3rem;
}

.text-spread-4 {
  letter-spacing: 0.4rem;
}

div.loading{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 1);
  z-index: 9999;
}

div.spinner {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%);
}

ol.list-upper-roman {
  list-style-type: none;
}
ol.list-upper-roman li:before {
  counter-increment: ListUpperRomanCounter;
  content: counter(ListUpperRomanCounter, upper-roman) ". ";
}
ol.list-upper-roman:nth-of-type(1) {
  counter-reset: ListUpperRomanCounter;
}

ol.list-decimal {
  list-style-type: none;
}
ol.list-decimal li:before {
  counter-increment: ListDecimalCounter;
  content: counter(ListDecimalCounter, decimal) ". ";
}
ol.list-decimal:nth-of-type(12) {
  counter-reset: ListDecimalCounter;
}

body {
  counter-reset:
          ListUpperRomanCounter1 ListUpperRomanCounter2 ListUpperRomanCounter3 ListUpperRomanCounter4 ListUpperRomanCounter5
          ListDecimalCounter1 ListDecimalCounter2 ListDecimalCounter3 ListDecimalCounter4 ListDecimalCounter5;
}

.roman-count-1:before {
  counter-increment: ListUpperRomanCounter1;
  content: counter(ListUpperRomanCounter1, upper-roman) ". ";
}

.roman-count-2:before {
  counter-increment: ListUpperRomanCounter2;
  content: counter(ListUpperRomanCounter2, upper-roman) ". ";
}

.roman-count-3:before {
  counter-increment: ListUpperRomanCounter3;
  content: counter(ListUpperRomanCounter3, upper-roman) ". ";
}

.roman-count-4:before {
  counter-increment: ListUpperRomanCounter4;
  content: counter(ListUpperRomanCounter4, upper-roman) ". ";
}

.roman-count-5:before {
  counter-increment: ListUpperRomanCounter5;
  content: counter(ListUpperRomanCounter5, upper-roman) ". ";
}

.decimal-count-1:before {
  counter-increment: ListDecimalCounter1;
  content: counter(ListDecimalCounter1, decimal) ". ";
}

.decimal-count-2:before {
  counter-increment: ListDecimalCounter2;
  content: counter(ListDecimalCounter2, decimal) ". ";
}

.decimal-count-3:before {
  counter-increment: ListDecimalCounter3;
  content: counter(ListDecimalCounter3, decimal) ". ";
}

.decimal-count-4:before {
  counter-increment: ListDecimalCounter4;
  content: counter(ListDecimalCounter4, decimal) ". ";
}

.decimal-count-5:before {
  counter-increment: ListDecimalCounter5;
  content: counter(ListDecimalCounter5, decimal) ". ";
}

@keyframes slideIn {
  0% {
    content: ".";
  }
  50% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

.loader-text:after {
  animation: slideIn 1s linear infinite;
  content: ".";
}

.dropdown-item.active, .dropdown-item:active{
  background-color: #198754 !important;
  color: white !important;
}

@media (max-height: 767px) {
  .dropdown-menu {
    overflow-x: hidden;
    max-height: 50vh;
    overflow-y: auto;
  }
}
@media (min-height: 768px) {
  .dropdown-menu {
    overflow-x: hidden;
    max-height: 65vh;
    overflow-y: auto;
  }
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 50%;
    top: -7px;
    z-index: 1;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}