/* Global */
.tablefull {
	width: 100%;
}

.tablefull img {
	filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(223deg) brightness(104%) contrast(97%);
}

.tablefull tr td:last-child{
     text-align: right;
}

.imgW100P {
	max-width: fit-content;
	color : blue;
	fill: blue;
	stroke: blue;
}

.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
button::-moz-focus-inner {
  border: 0;
}

/* Buttons (or links) */

[class^="actions_btn"],
[class^="actions_btn"]:visited {
  box-sizing: border-box;
  display: block;
  width: 80px;
  height: 80px;
  padding: 0.25rem;
  color: var(--btn-fg);
  background-color: var(--btn-bg);
  opacity: 0.4;
  border: 0.125rem solid transparent;
  text-decoration: none;
  outline: 0 solid;
}

[class^="actions_btn"]:hover {
  color: var(--btn-fg-hover);
  background-color: var(--btn-bg-hover);
  opacity: 1;
}

[class^="actions_svg"] {
  width: 40px;
  height: 40px;
  fill: currentColor;
  stroke: currentColor;
  overflow: hidden;
  pointer-events: none;
  transition: transform 0.5s ease-out;
}

/* Light / dark mode button specifically */
.actions_btn-mode[aria-pressed="false"] .svg_mode-dark,
.actions_btn-mode[aria-pressed="true"] .svg_mode-light {
  display: none;
}
.actions_btn-mode[aria-pressed="false"] .svg_mode-light,
.actions_btn-mode[aria-pressed="true"] .svg_mode-dark {
  display: block;
  animation: actions_btn-clicked 0.3s ease-out forwards;
}

/* Button click animation */
@keyframes actions_btn-clicked {
  0% {transform: scale(1); transform-origin: 50% 50%;}
  50% {transform: scale(0.8); transform-origin: 50% 50%;}
  100% {transform: scale(1); transform-origin: 50% 50%;}
}

.actions_btn-mode.open {
	background-color: var(--btn-bg)!important;
}

/* Remove all buttons from printouts */

@media print {
  [class^="actions_container"] {
    display: none !important;
  }
}

@media only screen and (max-width: 1200px) {
    [class^="actions_btn"],
    [class^="actions_btn"]:visited {
      box-sizing: border-box;
      display: block;
      width: 60px;
      height: 60px;
      padding: 0.25rem;
      color: var(--btn-fg);
      background-color: var(--btn-bg);
      border: 0.125rem solid transparent;
      text-decoration: none;
      outline: 0 solid;
    }
    
    [class^="actions_svg"] {
      width: 26px;
      height: 26px;
      fill: currentColor;
      stroke: currentColor;
      overflow: hidden;
      pointer-events: none;
      transition: transform 0.5s ease-out;
    }
}

@media only screen and (max-device-width: 480px) {
      .carousel-caption { top: 60%!important; }
}

@media only screen and (max-width: 480px) {
      .carousel-caption { top: 60%!important; }
}

.spinner {
  --spinner-size: 5;
  --line-color: #0ebeff;
  --line-alpha: 1;
  --ring-color: #000000;
  --ring-alpha: .3;
  --ring-size: 10;

  font-size: calc(var(--spinner-size) * 1em);
  width: 1em;
  height: 1em;
  border-radius: 50%;
}
.spinner .line {
  fill: none;
  stroke: var(--line-color);
  stroke-width: var(--ring-size);
  opacity: var(--line-alpha);
  stroke-linecap: round;
  transform-origin: 50% 50%;
  transform: rotate3d(0, 0, 1, 0deg);
  animation: 
    2156ms spinner-arc ease-in-out infinite,
    1829ms spinner-rotate linear infinite;
}
.spinner .ring {
  fill: none;
  stroke: var(--ring-color);
  stroke-width: var(--ring-size);
  opacity: var(--ring-alpha);
}
@keyframes spinner-rotate {
  to { transform: rotate3d(0, 0, 1, 360deg); }
}
@keyframes spinner-arc {
  from { stroke-dasharray: 0 150; stroke-dashoffset: 0; }
  to { stroke-dasharray: 100 150; stroke-dashoffset: -140; }
}

#loader {
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
}

#loadedcontent {
    display: none;
    -webkit-animation-name: animatebody;
    -webkit-animation-duration: 2s;
    animation-name: animatebody;
    animation-duration: 2s;
}

@-webkit-keyframes animatebody {
  from { opacity:0 } 
  to { opacity:1 }
}

@keyframes animatebody { 
  from { opacity:0 } 
  to { opacity:1 }
}