@charset "UTF-8";
:root {
  --tlb-red-base-color: #ef0000;
  --tlb-red-base-rgb-color: 255,0,0;
  --tlb-red-dark-color: #dc3545;
  --tlb-red-dark-rgb-color: 220,53,69;
  --tlb-red-diminuzione-color: #f45b5b;
  --tlb-red-diminuzione-rgb-color: 244,91,91;
  --tlb-diminuzione-color: var(--tlb-red-diminuzione-color);
  --tlb-blue-base-color: #2E4159;
  --tlb-blue-base-rgb-color: 46,65,89;
  --tlb-blue-light-color: #566D8C;
  --tlb-blue-lighter-color: #9BA7BF;
  --tlb-blue-dark-color: #0F1926;
  --tlb-blue-celeste-color: #008de4;
  --tlb-blue-2caffe-color: #2caffe;
  --tlb-blue-2caffe-rgb-color: 44,175,254;
  --tlb-green-base-color: #00bfa5;
  --tlb-green-base-rgb-color: 0,191,165;
  --tlb-green-acido-color: #26d840;
  --tlb-green-aumento-color: #90ee7e;
  --tlb-green-aumento-rgb-color: 144,238,126;
  --tlb-white-color: #ffffff;
  --tlb-panel-body-bg: #ffff;
  --tlb-black-color: #000000;
  --tlb-yellow-base-color: #F7BC52;
  --tlb-yellow-dark-color: #F27507;
  --tlb-grey-base-color: #cccccc;
  --tlb-grey-base-rgb-color: 204,204,204;
  --tlb-grey-light-color: #c2cddc;
  --tlb-grey-dark-color: #444c58;
  --tlb-grey-dark-rgb-color: 68,76,88;
  --tlb-grey-darker-color: #19212b;
  --tlb-link-color: var(--tlb-black-color);
  --tlb-link-hover-color: var(--tlb-blue-2caffe-color);
  --tlb-news-ticker-date-color: var(--tlb-green-base-color);
  --tlb-panel-handle-background-color: var(--tlb-green-base-color);
  --tlb-panel-handle-color: var(--tlb-white-color);
  --tlb-push-aumento-color: var(--tlb-white-color);
  --tlb-diminuzione-color: var(--tlb-red-dark-color);
  --tlb-aumento-color: var(--tlb-green-base-color);
  --tlb-stabile-color: var(--tlb-grey-base-color);
  --tlb-push-aumento-background-rgb-color: var(--tlb-green-base-rgb-color);
  --tlb-push-diminuzione-background-rgb-color: var(--tlb-red-dark-rgb-color);
  --tlb-push-stabile-background-rgb-color: var(--tlb-grey-dark-rgb-color);
  --tlb-book-activate-button-bg: var(--tlb-blue-2caffe-color);
  --tlb-book-activate-button-color: var(--tlb-white-color);
  --bs-body-bg: var(--tlb-white-color);
  --highcharts-background-color: var(--bs-body-bg) !important;
}

.nav {
  --bs-nav-link-color: var(--tlb-link-color);
  --bs-nav-link-hover-color: var(--tlb-link-hover-color);
}

html[data-bs-theme=dark] {
  --tlb-link-color: var(--tlb-white-color);
  --tlb-link-hover-color: var(--tlb-grey-light-color);
  --tlb-news-ticker-date-color: var(--tlb-green-aumento-color);
  --tlb-panel-handle-background-color: var(--tlb-green-aumento-color);
  --tlb-panel-handle-color: var(--tlb-white-color);
  --tlb-diminuzione-color: var(--tlb-red-diminuzione-color);
  --tlb-aumento-color: var(--tlb-green-aumento-color);
  --tlb-stabile-color: var(--tlb-blue-2caffe-color);
  --tlb-push-aumento-background-rgb-color: var(--tlb-green-aumento-rgb-color);
  --tlb-push-diminuzione-background-rgb-color: var(--tlb-red-diminuzione-rgb-color);
  --tlb-push-stabile-background-rgb-color: var(--tlb-blue-2caffe-rgb-color);
  --tlb-book-activate-button-bg: var(--tlb-black-color);
  --tlb-book-activate-button-color: var(--tlb-white-color);
  --bs-body-bg: var(--tlb-black-color);
  --bs-body-color: var(--tlb-white-color);
  --bs-dropdown-link-color: var(--tlb-white-color);
  --tlb-panel-body-bg: #182230;
  --highcharts-background-color: var(--bs-body-bg) !important;
}
html[data-bs-theme=dark] .card {
  --bs-card-bg: var(--bs-secondary);
}

/*$aumento: getColor(green);
$diminuzione: getColor(red);
$stabile: getColor(grey);
*/
/* Works on Firefox */
body {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
}

i.icon-big {
  font-size: 2em;
  cursor: pointer;
}

i.icon-med {
  font-size: 1.2em;
  cursor: pointer;
}

.fs-normal {
  font-size: 14px;
}

.fs-small {
  font-size: 0.91em;
}

.fs-smaller {
  font-size: 0.8em;
}

.fs-medium {
  font-size: 16px;
}

.fs-big {
  font-size: 24px;
}

.disabled {
  cursor: not-allowed !important;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-13 {
  order: 13;
}

.order-14 {
  order: 14;
}

.order-15 {
  order: 15;
}

.order-16 {
  order: 16;
}

.order-17 {
  order: 17;
}

.order-18 {
  order: 18;
}

.order-19 {
  order: 19;
}

.order-20 {
  order: 20;
}

.order-first {
  order: -1;
}

.order-last {
  order: 999;
}

header, footer, .fixed-bottom {
  z-index: 9999999999 !important;
}

.grid-stack-item > .ui-resizable-w,
.grid-stack-item > .ui-resizable-e {
  background: #F8F9FA !important;
}

.grid-stack-item > .ui-resizable-e,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-s,
.grid-stack-item > .ui-resizable-sw,
.grid-stack-item > .ui-resizable-w,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-ne {
  z-index: 5 !important;
}

.ag-menu-option-icon,
.ag-menu-option-shortcut,
.ag-menu-option-text,
.ag-menu-option-popup-pointer {
  padding: 4px;
}

.ag-menu {
  z-index: 7 !important;
  background-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

footer .nav-brand {
  background-repeat: no-repeat;
  background-position: left center;
  border-collapse: collapse;
  height: 40px;
  width: 150px;
  display: inline-block;
}

@media (max-width: 768px) {
  .page-item .navbar-nav {
    flex-direction: row !important;
    justify-content: space-between !important;
    padding: 3px 5px;
  }
}

.navbar .dropdown-toggle:after {
  content: none;
}

.pc-up, .aumento {
  color: var(--tlb-aumento-color);
}
.pc-up-ico:before, .aumento-ico:before {
  line-height: normal;
  color: var(--tlb-aumento-color);
  font-family: "Font Awesome 6 Pro";
  content: "\f0d8";
  font-weight: bold;
  font-size: 20px;
}

@keyframes highlight-row {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: var(--bs-primary-bg-subtle, #cfe2ff);
  }
  100% {
    background-color: transparent;
  }
}
.highlight-new-row {
  animation: highlight-row 1s ease-in-out 3;
}

.pc-down, .diminuzione {
  color: var(--tlb-diminuzione-color);
}
.pc-down-ico:before, .diminuzione-ico:before {
  line-height: normal;
  color: var(--tlb-diminuzione-color);
  font-family: "Font Awesome 6 Pro";
  content: "\f0d7";
  font-weight: bold;
  font-size: 20px;
}

.selectable {
  user-select: text;
  cursor: default;
}

.stabile {
  color: var(--tlb-stabile-color);
}
.stabile-ico:before {
  color: var(--tlb-stabile-color);
  font-family: "Font Awesome 6 Pro";
  content: "\f0d8";
  font-weight: bold;
  font-size: 20px;
}

.link-behaviour {
  cursor: pointer;
}

.dropdown-menu.second-level {
  font-size: 14px;
}

.drop-second .drop-second-item:after {
  transition: margin 50ms;
}
.drop-second .drop-second-item ~ ul.second-level {
  color: var(--bs-dropdown-link-hover-color) !important;
  background-color: var(--bs-dropdown-link-hover-bg) !important;
}
.drop-second .drop-second-item ~ ul.second-level .dropdown-item:hover {
  filter: brightness(85%);
}
.drop-second.hovered {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.drop-second.hovered .drop-second-item:after {
  margin-left: 4em;
}

.stabile {
  color: #cccccc;
}
.stabile-ico:before {
  color: #FFFFFF;
  font-family: "Font Awesome 6 Pro";
  content: "=";
  font-size: 15px;
}

.componentName {
  z-index: 4 !important;
}

.bg-body-panel {
  background-color: var(--tlb-panel-body-bg);
}
.bg-body-panel .list-group-item {
  background-color: var(--tlb-panel-body-bg);
}

.close-pag {
  margin-left: -35px !important;
}
@media (min-width: 768px) {
  .close-pag {
    margin-left: 0px !important;
  }
}

.pagination {
  transition: margin-left 0.4s ease-in-out;
}
.pagination .page-link {
  font-weight: bold;
  font-size: 0.8rem;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
}

.active > .page-link, .page-link.active {
  color: #000000;
}

.page-item {
  width: max-content !important;
}

a, .page-link {
  color: #127aba;
  box-shadow: none !important;
}

.nav-panel {
  height: 20px;
  margin-bottom: 41px;
}
.nav-panel ul {
  height: 30px;
  margin-top: 0px;
}
.nav-panel ul li {
  line-height: normal;
}
.nav-panel ul li:first-child a, .nav-panel ul li:last-child a {
  border-left: none;
}
.nav-panel ul li a {
  font-size: 0.72rem;
  cursor: pointer;
  padding: 0 7px !important;
  /*
  &:hover, &:focus {
      color: getColor(White) !important;
  }*/
}

table thead {
  font-size: 0.8rem;
  font-weight: bold;
  white-space: nowrap;
}
table tr td {
  background-color: transparent !important;
  padding: 0.1rem 0.4rem !important;
}
table tr th {
  background-color: transparent !important;
  font-size: 0.8rem;
  font-weight: bold;
  white-space: nowrap;
  padding: 0.5rem 0.4rem !important;
}
table tr th.col-C1 {
  min-width: 200px;
  max-width: 200px;
}
table tr th.col-C4 {
  max-width: 50px;
}
table tr th.col-C5 {
  max-width: 80px;
}

code {
  color: #c02d76;
}

.panel-handle {
  width: 50px;
  height: 13px;
  background-color: var(--tlb-panel-handle-background-color);
  cursor: move;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  z-index: 7 !important;
}

.panel-handle::before {
  position: absolute;
  font-family: FontAwesome;
  content: "-";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -52%);
  color: var(--tlb-panel-handle-color);
}

.grid-stack-item .ui-resizable-nw,
.grid-stack-item .ui-resizable-ne,
.grid-stack-item .ui-resizable-se,
.grid-stack-item .ui-resizable-sw {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
}
.grid-stack-item .ui-resizable-nw {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
  top: 1px !important;
  left: 1px !important;
  transform: rotate(180deg);
  opacity: 0;
}
.grid-stack-item .ui-resizable-ne {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
  top: 1px !important;
  right: 1px !important;
  transform: rotate(-90deg);
  opacity: 0;
}
.grid-stack-item .ui-resizable-se {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
  bottom: 6px !important;
  right: 1px !important;
  transform: rotate(0deg);
  opacity: 0.5;
}
.grid-stack-item .ui-resizable-sw {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
  bottom: 6px !important;
  left: 1px !important;
  transform: rotate(90deg);
  opacity: 0;
}

.panel-container {
  overflow: hidden;
}

.grid-stack-item-content {
  padding: 0px 5px 5px 5px;
  overflow-y: hidden !important;
  /*  .row {
      height: 100%;
  }*/
}
.grid-stack-item-content .col {
  height: 100%;
}

.panel-container {
  transition: background 0.2s ease;
}
.panel-container.panel-active {
  background-color: var(--tlb-grey-light-color) !important;
}

.panel-head {
  position: sticky;
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  padding-top: 5px;
  white-space: nowrap;
  z-index: 6 !important;
}
.panel-head .panel-name {
  flex: 1 85%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.1em;
  font-weight: bold;
  position: relative;
  padding-left: 5px;
  width: fit-content;
  z-index: 999;
  /*&.active {
      background-color: var(--tlb-link-hover-color);
  }*/
}
.panel-head .panel-name span {
  cursor: default;
  margin-left: 10px;
}
.panel-head .panel-option {
  justify-content: flex-end;
}
.panel-head .icon {
  font-size: 0.8rem;
  padding: 5px;
  cursor: pointer;
  position: relative; /* Aggiungi questa linea */
}
.panel-head .icon:hover::after {
  content: ""; /* Aggiungi questa linea */
  background-color: #c2cddc;
  opacity: 0.2;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.panel-head .icon:last-child:hover::after {
  background-color: #ff0000;
}

.panel-content {
  width: 100%;
  height: calc(100% - 66px);
  overflow: hidden;
  padding: 0 2px;
}

.news-list-panel {
  width: calc(100% - 4px);
  height: calc(100% - 66px);
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0 10px;
  display: flex;
}

.ag-body-vertical-scroll-viewport,
.ag-body-horizontal-scroll-viewport {
  scrollbar-width: auto;
  -ms-overflow-style: scrollbar;
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar,
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar {
  width: 16px !important;
  height: 16px !important;
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb,
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:hover,
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-thumb:active,
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}
.ag-body-vertical-scroll-viewport::-webkit-scrollbar-corner,
.ag-body-horizontal-scroll-viewport::-webkit-scrollbar-corner {
  background: transparent;
}

a, .a {
  color: var(--tlb-link-color);
  text-decoration: none !important;
  cursor: pointer;
}
a:hover, .a:hover {
  color: var(--tlb-link-hover-color);
  text-decoration: underline;
}

.panel-footer {
  width: 100%;
  height: 33px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  padding: 3px 5px 0 5px;
}
.panel-footer nav .pagination {
  margin-bottom: 0;
}
.panel-footer .panel-search {
  /*
  height: 100%;
  width: 100%;
  margin-right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  */
}
.panel-footer .panel-search span {
  font-size: 0.8rem;
  /*
  margin-right: 5px;
  cursor: pointer;
  font-size: 0.8rem;
  margin-right: 5px;
  cursor: pointer;
  position: absolute;
  right: 0;
  */
}
.panel-footer .panel-search span:hover {
  color: #008de4;
  text-decoration: underline;
}

/*Modal hack form background*/
.modal-backdrop {
  z-index: 1000;
}

.dropdown-toggle:after {
  content: none;
}

/*.news-slider {
width: 100%;
overflow: hidden;
position: relative;
white-space: nowrap;
font-size: .9rem;
height: 20px;*/ /* serve per dare visibilità all'elemento, se aumentato, la barra degli anchor dei pannelli, non sarà visibile */
/*}

.news-slider > div {
    position: absolute;
    animation: slide-in-out 13s linear infinite;
    animation-play-state: running;*/ /* Assicura che l'animazione sia in esecuzione per default */
/*}

.news-slider > div:hover {
    animation-play-state: paused;*/ /* Mette in pausa l'animazione al passaggio del mouse */
/*cursor: pointer;
}

@keyframes slide-in-out {
    0% {
        transform: translateX(100%);
    }

    40% {
        transform: translateX(0%);
    }

    60% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}*/
/*.news-slider {
width: 100%;
overflow: hidden;
position: relative;
white-space: nowrap;
font-size: .9rem;
height: 20px;*/ /* serve per dare visibilità all'elemento, se aumentato, la barra degli anchor dei pannelli, non sarà visibile */
/*}

.news-slider > div {
    position: absolute;
    animation: slide-in-out 13s linear infinite;
    animation-play-state: running;*/ /* Assicura che l'animazione sia in esecuzione per default */
/*}

.news-slider > div:hover {
    animation-play-state: paused;*/ /* Mette in pausa l'animazione al passaggio del mouse */
/*cursor: pointer;
}

@keyframes slide-in-out {
    0% {
        transform: translateX(100%);
    }

    40% {
        transform: translateX(0%);
    }

    60% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}*/
.filter-container {
  min-height: 100px;
  max-height: 193px;
  overflow: hidden;
  overflow-y: scroll;
  display: block;
}

.search-filter {
  max-height: 500px;
  overflow: hidden;
  overflow-y: scroll;
  display: block;
}
.search-filter label {
  font-size: 0.91em;
}

.moveItem i {
  cursor: pointer;
}

.connectedSortable li {
  display: block;
  cursor: pointer;
}
.connectedSortable li.selected {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.connectedSortable li i.grip {
  cursor: move;
}

@media (min-width: 576px) {
  .-max-w-sm {
    max-width: 578px;
  }
}

.ticker {
  display: flex;
  justify-content: start;
  flex-direction: column;
  align-items: start;
  padding: 5px 0;
  min-width: 100px;
}
.ticker .sub {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: row;
  margin-left: -20px;
}
.ticker .ticker-value {
  font-size: 1.8rem;
  font-weight: bold;
}
.ticker .ticker-change {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0 18px;
}

.ticker-name {
  font-size: 1.8rem;
  font-weight: bold;
  color: #90ee7e;
  display: flex;
  align-items: center;
}

.form-control:focus {
  box-shadow: none !important;
  border-color: #dbdbdb !important;
}

.transition {
  width: 0px !important;
  height: 24px;
  flex: none !important;
  transition: width 0.4s ease-in-out;
}

.open {
  width: 180px !important;
}

/* Stili per il menu contestuale principale */
.context-menu li,
.dropdown-menu li {
  padding: 6px 12px;
  cursor: pointer;
}

.context-menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 10000;
}

/* Dropdown principale */
.nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

/* Posizionamento del sottomenu */
.dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%; /* Posiziona il sottomenu a destra del menu principale */
  display: none;
  margin-left: -1px; /* Distanza minima tra menu e sottomenu */
  z-index: 1001;
}

.right {
  right: 100% !important;
  left: inherit !important;
}

/* Mostra il sottomenu quando si passa sopra */
.dropdown-item:hover > .dropdown-menu {
  display: block;
}

/* Correggi gli hover */
.context-menu li:hover {
  background-color: #f0f0f0;
}

.tabs-selector .badge {
  font-size: 0.8rem;
  padding: 8px;
  margin-right: 4px;
}

.-modal-max-height {
  max-height: 94%;
}

.modal-xxl {
  min-width: 90%;
}

/* Loading indicator styles */
.placeholder-loading {
  height: 25px;
  animation: placeholder-glow 2s ease-in-out infinite;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
#screensaver-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bs-body-bg);
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0s 0.5s;
}

#screensaver-overlay.active {
  opacity: 1;
  visibility: visible;
  display: flex;
  transition: opacity 0.5s ease, visibility 0s;
}

.screensaver-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.moving-text-container {
  position: relative;
  width: 100%;
  height: 60%;
  overflow: hidden;
}

.moving-text {
  position: absolute;
  font-size: 4rem;
  font-weight: bold;
  color: #3498db;
  transition: transform 20s linear, color 3s ease-in-out;
  text-shadow: 0 0 10px rgba(52, 152, 219, 0.5);
}

.grid-stack-item-content:hover {
  box-shadow: 0 -7px 15px -3px rgba(0, 0, 0, 0.1);
}

.screensaver-info {
  position: absolute;
  bottom: 50%;
  color: var(--bs-body-color);
  font-size: 28px;
  text-align: center;
  z-index: 10001;
}

@keyframes pulse {
  0% {
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
  }
}
@media (max-width: 768px) {
  .moving-text {
    font-size: 2.5rem;
  }
}
.d-flex input[type=color] {
  min-width: 45px;
}

/* === Nav Tabs Custom per Modal Impostazioni === */
.modal-header {
  padding-bottom: 0 !important;
}

.modal-body {
  padding-bottom: 0 !important;
  padding-top: 4px !important;
}

.modal-footer {
  padding-top: 0 !important;
}

.nav-pills .nav-link {
  color: var(--bs-secondary-color);
  background-color: transparent;
}

.nav-pills .nav-link.active {
  background-color: var(--bs-body-bg);
  color: var(--bs-primary);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* === end Nav Tabs Custom === */
/* === Tabs filtro colonne === */
.tabs-cols-selector .nav-item .badge {
  font-size: 0.9rem;
  padding: 0.5rem 2px;
  color: var(--bs-secondary-color);
  background: transparent;
  border: none;
}

.tabs-cols-selector .nav-item .badge.active {
  background-color: var(--bs-body-bg);
  color: var(--bs-primary);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* === end Tabs filtro colonne === */
/* === Liste colonne === */
.filter-container {
  background-color: var(--bs-body-tertiary);
}

.list-group-item {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--bs-border-color);
  color: var(--bs-body-color);
  display: flex;
  align-items: center;
}

.list-group-item .grip {
  color: var(--bs-secondary-color);
  cursor: grab;
}

.list-group-item.active {
  background-color: var(--bs-primary);
  color: #fff;
}

/* === end Liste colonne === */
.moveItem .btn {
  width: 3rem;
  height: 3rem;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background: #0d6efd !important;
}

.nav-pills a[data-value="0"] {
  color: var(--bs-primary) !important;
}
.nav-pills a[data-value="1"] {
  color: var(--bs-success) !important;
}
.nav-pills a[data-value="2"] {
  color: var(--bs-orange) !important;
}

.nav-pills a[data-value="0"].active {
  color: var(--bs-primary) !important;
}
.nav-pills a[data-value="1"].active {
  color: var(--bs-success) !important;
}
.nav-pills a[data-value="2"].active {
  color: var(--bs-orange) !important;
}

div[role=gridcell] {
  padding-right: 30px !important;
}

/* Stile tabella con supporto tema */
.contenthub-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
  font-size: var(--hub-font-size, 0.8rem);
  font-family: var(--hub-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  color: var(--hub-text-color, inherit);
  background-color: var(--hub-background-color, transparent);
}

.contenthub-table thead th {
  position: sticky;
  top: 0;
  z-index: 5;
  font-size: var(--hub-font-size, 0.8rem);
  font-weight: 600;
  background: var(--hub-header-background, #f5f7f7) !important;
  color: var(--hub-header-color, inherit);
  white-space: nowrap;
  padding: 0.5rem 0.4rem !important;
  border: 0;
  border-bottom: 1px solid var(--bs-border-color);
  border-top: 1px solid var(--bs-border-color);
  line-height: 1.2;
  text-align: left;
}

.contenthub-table thead th.text-end {
  text-align: right;
}

/* Celle come ag-grid - no border, padding minimal */
.contenthub-table tbody tr {
  background-color: var(--hub-background-color, transparent);
  color: var(--hub-text-color, inherit);
}

.contenthub-table tbody tr:nth-of-type(odd) {
  background-color: var(--hub-row-alt-background, var(--hub-background-color, transparent));
}

.contenthub-table tbody td {
  vertical-align: middle;
  padding: 0.1rem 0.4rem !important;
  font-size: var(--hub-font-size, 0.8rem);
  border: 0;
  background: transparent !important;
  line-height: 1.4;
  color: inherit;
}

.contenthub-table tbody td a {
  color: var(--hub-text-color, inherit);
  text-decoration: none;
  cursor: pointer;
}

.contenthub-table tbody td a:hover,
.contenthub-table tbody td a:focus {
  color: var(--hub-text-color, inherit);
  text-decoration: underline;
}

.contenthub-table tbody tr:hover td {
  background: transparent !important;
}

.contenthub-table .col-time {
  width: 70px;
}

.contenthub-table .col-source {
  width: 160px;
}

.contenthub-table.show-grid-lines tbody td {
  border-bottom: 1px solid var(--bs-border-color);
}

.contenthub-table.show-grid-lines tbody td + td {
  border-left: 1px solid var(--bs-border-color);
}

.contenthub-table.show-grid-lines tbody tr:last-child td {
  border-bottom: none;
}

/* Scrollbar media come ag-grid */
.hub-body {
  scrollbar-width: auto;
  -ms-overflow-style: scrollbar;
}

.hub-body::-webkit-scrollbar {
  width: 16px !important;
  height: 16px !important;
}

.hub-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}

.hub-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.hub-body::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.4);
}

.hub-body::-webkit-scrollbar-corner {
  background: transparent;
}

.panel-content {
  padding: 0;
}

.panel-footer .input-group-text {
  cursor: pointer;
}

.collapsed .search-input {
  width: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

.opened .search-input {
  width: 180px !important;
  opacity: 1;
}

.footer-actions .btn {
  line-height: 1;
}

.panel-footer {
  gap: 1rem;
}

.new-news-container {
  min-height: 24px;
}

.new-news-alert {
  display: inline-flex;
  min-width: 110px;
  align-items: center;
  gap: 0.35rem;
  background: transparent;
  border: none;
  color: var(--bs-body-color);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0;
}

.new-news-alert:focus {
  outline: none;
  box-shadow: none;
}

.new-news-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--bs-danger);
  animation: new-news-blink 1s ease-in-out infinite;
}

.new-news-placeholder {
  display: inline-block;
  width: 10px;
  height: 10px;
}

@keyframes new-news-blink {
  0%, 50%, 100% {
    opacity: 1;
  }
  75% {
    opacity: 0.15;
  }
}
.contenthub-table tbody tr.highlighted-news td {
  background-color: rgba(0, 0, 0, 0.35) !important;
  animation: highlight-fade 3s ease forwards;
  color: var(--hub-text-color, inherit);
}

@keyframes highlight-fade {
  0% {
    background-color: rgba(0, 0, 0, 0.55);
  }
  85% {
    background-color: rgba(0, 0, 0, 0.2);
  }
  100% {
    background-color: transparent;
  }
}
/* News Modal Styles */
.news-modal-body {
  min-height: 200px;
}

.news-modal-header h4 {
  line-height: 1.4;
}

.news-modal-meta {
  display: flex;
  align-items: center;
}

.news-body-content {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--bs-body-color);
}

.news-body-content p {
  margin-bottom: 1rem;
}

.news-body-content img {
  max-width: 100%;
  height: auto;
}

.news-abstract {
  font-size: 0.95rem;
  line-height: 1.4;
}

.news-inline-image {
  float: left;
  max-width: 300px;
  width: 40%;
  min-width: 200px;
  height: auto;
  margin: 0 1rem 0.5rem 0;
  border-radius: 0.35rem;
  object-fit: cover;
}

@media (max-width: 576px) {
  .news-inline-image {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 0 1rem 0;
  }
}
.ag-header-cell {
  padding-right: 5px;
}

.flash-alert {
  animation: flashIt 0.7s linear infinite;
}

@keyframes flashIt {
  50% {
    color: #ff0000;
  }
}
.language-selector {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.current-language {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
}

.flag-icon {
  width: 24px;
  height: 18px;
  object-fit: cover;
}

.dropdown-lang {
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffffff;
  box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  z-index: 10;
}

.dropdown-lang li {
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.loader-square {
  width: 120px;
  height: 20px;
  -webkit-mask: linear-gradient(90deg, #000 70%, rgba(0, 0, 0, 0) 0) left/20% 100%;
  background: linear-gradient(#777 0 0) left -25% top 0/20% 100% no-repeat #ddd;
  animation: l7 1s infinite steps(6);
}

@keyframes l7 {
  100% {
    background-position: right -25% top 0;
  }
}
.loading-line {
  position: absolute;
  bottom: 35px;
  width: 100%;
  height: 4px;
  overflow: hidden;
  background-color: transparent;
}

.loading-line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: linear-gradient(to left, rgb(0, 0, 255), rgba(0, 0, 255, 0));
  animation: loadingAnimation 1.5s infinite linear;
}

@keyframes loadingAnimation {
  from {
    left: -30%;
  }
  to {
    left: 100%;
  }
}
html {
  /* START region Bootstrap Overrides*/
}
html[data-bs-theme=dark] {
  /*put here the rest of overrides */
  /* Stili per il menu contestuale principale */
  /* Dropdown principale */
  /* Posizionamento del sottomenu */
  /* Mostra il sottomenu quando si passa sopra */
  /* Correggi gli hover */
}
html[data-bs-theme=dark] .grid-stack-item > .ui-resizable-w,
html[data-bs-theme=dark] .grid-stack-item > .ui-resizable-e {
  background: #28282D !important;
  z-index: 5 !important;
}
html[data-bs-theme=dark] .grid-stack-placeholder > .placeholder-content {
  background-color: rgba(50, 50, 50, 0.9);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}
html[data-bs-theme=dark] *::-webkit-scrollbar-track {
  background: #8f8f8f;
}
html[data-bs-theme=dark] *::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
}
html[data-bs-theme=dark] .bg-body-tertiary {
  background-color: rgb(40, 40, 45) !important;
}
html[data-bs-theme=dark] .bg-secondary {
  background-color: rgb(0, 0, 0) !important;
}
html[data-bs-theme=dark] .bg-body-secondary {
  background-color: rgb(23, 23, 25);
}
html[data-bs-theme=dark] .dropdown-menu, html[data-bs-theme=dark] .modal-content {
  background-color: #000;
  border-color: #f2f2f2;
}
html[data-bs-theme=dark] .active {
  color: #0dcaf0 !important;
}
html[data-bs-theme=dark] .active .page-link {
  color: #0dcaf0 !important;
}
html[data-bs-theme=dark] a, html[data-bs-theme=dark] .page-link {
  color: #fff;
}
html[data-bs-theme=dark] a.active, html[data-bs-theme=dark] .page-link.active {
  color: #0dcaf0 !important;
}
html[data-bs-theme=dark] .modal-body label {
  color: #fff;
}
html[data-bs-theme=dark] .modal-body .nav-link {
  color: #fff;
}
html[data-bs-theme=dark] .panel-handle {
  background-color: #90ee7e;
}
html[data-bs-theme=dark] .panel-container.panel-active {
  background-color: var(--tlb-blue-light-color) !important;
}
html[data-bs-theme=dark] .context-menu {
  background-color: #28282d;
}
html[data-bs-theme=dark] .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}
html[data-bs-theme=dark] .dropdown-menu {
  background-color: #28282d !important;
}
html[data-bs-theme=dark] .right {
  right: 100% !important;
  left: inherit !important;
}
html[data-bs-theme=dark] .dropdown-item:hover > .dropdown-menu {
  display: block;
}
html[data-bs-theme=dark] .context-menu li:hover {
  background-color: #36363a;
}

html {
  /* START region Bootstrap Overrides*/
  /*END region Bootstrap Overrides*/
}
html[data-bs-theme=light] .stabile {
  color: #000;
}
html[data-bs-theme=light] .stabile-ico:before {
  color: #666;
}

footer .nav-brand {
  background-image: url("../../../../../Persist/logos/tlb_marchio_col_1.svg");
}

html {
  /* START region Bootstrap Overrides*/
}
html[data-bs-theme=dark] footer .nav-brand {
  background-image: url("../../../../../Persist/logos/tlb_marchio_bianco_1.svg");
}

html[data-bs-theme=dark] {
  --highcharts-announcements-color: #efefef;
  --highcharts-announcements-shape-color: #efefef;
  /* Colors for data series and points. */
  --highcharts-color-0: #2caffe;
  --highcharts-color-1: #90ee7e;
  --highcharts-color-2: #f45b5b;
  --highcharts-color-3: #7798bf;
  --highcharts-color-4: #aaeeee;
  --highcharts-color-5: #ff0066;
  --highcharts-color-6: #eeaaee;
  --highcharts-color-7: #55bf3b;
  --highcharts-color-8: #df5353;
  --highcharts-color-9: #7798bf;
  /* Neutral colors */
  --highcharts-neutral-color-100: #ffffff;
  --highcharts-neutral-color-80: #e0e0e3;
  --highcharts-neutral-color-60: #e0e0e3;
  --highcharts-neutral-color-40: #666666;
  --highcharts-neutral-color-20: #606063;
  --highcharts-neutral-color-10: #707073;
  --highcharts-neutral-color-5: #505053;
  --highcharts-neutral-color-3: #303033;
  --highcharts-neutral-color-0: #000000;
  /* Highlight colors https://jsfiddle.net/highcharts/pukradvh/ */
  --highcharts-highlight-color-100: rgb(166, 199, 237);
  --highcharts-highlight-color-80: rgb(134, 165, 201);
  --highcharts-highlight-color-60: rgb(102, 131, 164);
  --highcharts-highlight-color-20: rgb(39, 64, 91);
  --highcharts-highlight-color-10: rgb(23, 47, 73);
  --highcharts-background-color: rgba(0,0,0,1) !important;
}
html[data-bs-theme=dark] .highcharts-axis-labels, html[data-bs-theme=dark] .highcharts-tooltip {
  fill: var(--highcharts-neutral-color-100);
}
html[data-bs-theme=dark] .highcharts-axis-labels text, html[data-bs-theme=dark] .highcharts-tooltip text {
  color: var(--highcharts-neutral-color-100) !important;
  fill: var(--highcharts-neutral-color-100) !important;
}
html[data-bs-theme=dark] .highcharts-series-inactive {
  opacity: 0.4;
}
html[data-bs-theme=dark] .highcharts-button text {
  color: var(--highcharts-neutral-color-80) !important;
  fill: var(--highcharts-neutral-color-80) !important;
}
html[data-bs-theme=dark] .highcharts-range-selector-group text {
  color: var(--highcharts-neutral-color-60) !important;
  fill: var(--highcharts-neutral-color-60) !important;
}
html[data-bs-theme=dark] .highcharts-bindings-wrapper .highcharts-submenu-wrapper {
  background: transparent;
}
html[data-bs-theme=dark] .highcharts-navigator-xaxis text {
  opacity: 1 !important;
  fill: var(--highcharts-neutral-color-0) !important;
  color: var(--highcharts-neutral-color-0) !important;
}
html[data-bs-theme=dark] .highcharts-toggle-toolbar {
  padding: 3px;
}
html[data-bs-theme=dark] .highcharts-toggle-toolbar.highcharts-arrow-left {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/arrow-right.svg) !important;
}
html[data-bs-theme=dark] .highcharts-toggle-toolbar.highcharts-arrow-right {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/arrow-right.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-indicators .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/indicators.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-series-type-line > .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/series-line.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-series-type-ohlc > .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/series-ohlc.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-series-type-candlestick > .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/series-candlestick.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-save-chart .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/save-chart.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-compare .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/compare.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-segment .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/segment.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-arrow-segment .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/arrow-segment.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-ray .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/ray.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-infinity-line .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/line.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-arrow-infinity-line .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/arrow-line.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-horizontal-line .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/horizontal-line.svg) !important;
}
html[data-bs-theme=dark] .highcharts-stocktools-toolbar .highcharts-vertical-line .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/vertical-line.svg) !important;
}
html[data-bs-theme=dark] .highcharts-popup-close {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/close.svg) !important;
}
html[data-bs-theme=dark] .highcharts-flags > button {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/dark-theme/flag-basic.svg) !important;
}

html[data-bs-theme=light] {
  --highcharts-announcements-color: #333333;
  --highcharts-announcements-shape-color: #333333;
  /* Strong text. */
  --highcharts-neutral-color-100: #000000;
  /* Main text, axis labels and some strokes. */
  --highcharts-neutral-color-80: #333333;
  /* Axis title, connector fallback. */
  --highcharts-neutral-color-60: #666666;
  /* Credits text, export menu stroke. */
  --highcharts-neutral-color-40: #999999;
  /* Disabled texts, button strokes, crosshair etc. */
  --highcharts-neutral-color-20: #cccccc;
  /* Grid lines etc. */
  --highcharts-neutral-color-10: #e6e6e6;
  /* Minor grid lines etc. */
  --highcharts-neutral-color-5: #f2f2f2;
  /* Tooltip backgroud, button fills, map null points. */
  --highcharts-neutral-color-3: #f7f7f7;
  /* Drilldown clickable labels, color axis max color. */
  --highcharts-highlight-color-100: #0022ff;
  /* Selection marker, menu hover, button hover, chart border, navigator
  series. */
  --highcharts-highlight-color-80: #334eff;
  /* Navigator mask fill. */
  --highcharts-highlight-color-60: #667aff;
  /* Ticks and axis line. */
  --highcharts-highlight-color-20: #ccd3ff;
  /* Pressed button, color axis min color. */
  --highcharts-highlight-color-10: #e6e9ff;
  --highcharts-background-color: var(--bs-body-bg) !important;
}
html[data-bs-theme=light] .highcharts-compare .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/compare.svg);
}

.highcharts-container * {
  font-family: "Noto Sans", sans-serif !important;
}

.highcharts-tooltip {
  opacity: 0.8 !important;
}

.highcharts-popup {
  border: solid 1px var(--highcharts-neutral-color-100);
  -moz-border-radius: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}

.highcharts-popup-lhs-col {
  width: 50%;
}
.highcharts-popup-lhs-col > .highcharts-indicator-list {
  font-size: 0.95em;
  height: calc(100% - 108px);
}

.highcharts-popup-rhs-col {
  width: 50%;
}

.highcharts-line-series path {
  stroke-width: 2;
}

.highcharts-menu {
  background-color: var(--highcharts-background-color) !important;
}
.highcharts-menu .highcharts-menu-item {
  color: var(--highcharts-neutral-color-80) !important;
}
.highcharts-menu .highcharts-menu-item:hover {
  background-color: var(--highcharts-neutral-color-5) !important;
}

.highcharts-bindings-wrapper li.highcharts-active > button.highcharts-menu-item-btn,
.highcharts-bindings-wrapper li > button.highcharts-menu-item-btn:hover,
.highcharts-bindings-wrapper .highcharts-arrow-wrapper > div:hover,
.highcharts-bindings-wrapper li.highcharts-active,
.highcharts-toggle-toolbar:hover {
  background-color: var(--highcharts-neutral-color-3) !important;
}

.highcharts-stocktools-toolbar .highcharts-active {
  background-color: var(--highcharts-neutral-color-3) !important;
}
.highcharts-stocktools-toolbar .highcharts-submenu-item-arrow {
  width: 100% !important;
  background-image: none !important;
}
.highcharts-stocktools-toolbar .highcharts-series-type-line > .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/series-line.svg) !important;
}
.highcharts-stocktools-toolbar .highcharts-series-type-ohlc > .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/series-ohlc.svg) !important;
}
.highcharts-stocktools-toolbar .highcharts-series-type-candlestick > .highcharts-menu-item-btn {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/series-candlestick.svg) !important;
}

.chart-modal-panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.chart-modal-panel.modal {
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 500;
}

#modal_your_list .modal-your-list--body .modal-your-list--body--container {
  border-top: solid 1px var(--highcharts-neutral-color-5);
}
#modal_your_list .modal-your-list--body .modal-your-list--body--container .modal-your-list--body--container--item {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: solid 1px var(--highcharts-neutral-color-5);
  padding: 0.5rem 0;
}
#modal_your_list .modal-your-list--body .modal-your-list--body--container .modal-your-list--body--container--item .modal-your-list--body--container--item--span .modal-your-list--body--container--item--label {
  margin-left: 0.5rem;
}
.highcharts-flags > button {
  background-image: url(https://cdn.teleborsa.it/highcharts/11.4.1/gfx/stock-icons/flag-basic.svg) !important;
}
.highcharts-flags .highcharts-submenu-wrapper li button {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 300 !important;
}
.highcharts-flags .highcharts-submenu-wrapper li button:before {
  font-size: 1.5em;
  opacity: 0.3;
}
.highcharts-flags .highcharts-submenu-wrapper .highcharts-menu-active button:before {
  opacity: 1;
}
.highcharts-flags .highcharts-flags-news button:before {
  content: "\e118" !important;
}
.highcharts-flags .highcharts-flags-dividends button:before {
  content: "\e104";
}
.highcharts-flags .highcharts-flags-splits button:before {
  content: "\e121";
}
.highcharts-flags .highcharts-flags-announcements button:before {
  content: "\e101";
}
.highcharts-flags .highcharts-flags-ps-announcements button:before {
  content: "\e11a";
}

.tbchart-events-popup a {
  display: block;
  padding: 0.2rem 0;
}
.tbchart-events-popup a:before {
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: normal !important;
  color: var(--highcharts-neutral-color-80);
  margin-right: 5px;
}
.tbchart-events-popup a.evt-1-normal:before, .tbchart-events-popup a.evt-1-104:before {
  content: "\e101";
}
.tbchart-events-popup a.evt-1-104:before {
  color: #EF0000;
}
.tbchart-events-popup a.evt-4-normal:before {
  content: "\e118";
  color: #2caffe;
}

#tbChartEventsModal .modal-body .modal-image {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
#tbChartEventsModal .modal-body .modal-image img {
  width: 100%;
  max-width: 320px;
}

.highcharts-toggle-toolbar {
  display: none;
}

.highcharts-dense-data .highcharts-point {
  stroke-width: 1 !important;
}

.tlb-ticker-scroll {
  position: relative;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  /*max-width: 1100px;*/
}
.tlb-ticker-scroll .ticker-instrument {
  font-size: 0.9em;
  width: 190px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  line-height: initial !important;
}
.tlb-ticker-scroll .ticker-instrument .--name {
  display: block;
  line-height: 13px;
  margin-top: 4px;
}
.tlb-ticker-scroll .ticker-instrument .--name:after {
  content: " ";
  display: table;
}
.tlb-ticker-scroll .ticker-instrument .--value, .tlb-ticker-scroll .ticker-instrument .--change {
  font-weight: bold;
}
.tlb-ticker-scroll .--change {
  margin-left: 0.5rem;
}
.tlb-ticker-scroll .--change.icon:before {
  display: inline-table;
}

.--bg-ico-IT {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/IT.png") no-repeat left center;
  background-size: 35px auto;
}

.--bg-ico-US {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/US.png") no-repeat left center;
  background-size: 35px auto;
}

.--bg-ico-GB {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/GB.png") no-repeat left center;
  background-size: 35px auto;
}

.--bg-ico-DE {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/DE.png") no-repeat left center;
  background-size: 35px auto;
}

.--bg-ico-DE_IT {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/DE_IT.png") no-repeat left center;
  background-size: 35px auto;
}

.--bg-ico-FR {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/FR.png") no-repeat left center;
  background-size: 35px auto;
}

.--bg-ico-JP {
  position: relative;
  min-height: 35px;
  padding-left: 45px;
  background: url("https://cdn.teleborsa.it/CountryFlags/square_isoFlags/72/JP.png") no-repeat left center;
  background-size: 35px auto;
}

.form-control.edit-component:disabled {
  background-color: transparent !important;
  border: 0 none !important;
}

.col-pills-container a {
  padding: 6px 12px;
  position: relative;
  margin-right: 16px;
}
.col-pills-container a:hover {
  color: #fff;
}
.col-pills-container a:before {
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  padding-right: 4px;
}
.col-pills-container a.active:before {
  content: "\f058";
}
.col-pills-container a:not(.active):before {
  content: "\f111";
  font-weight: 500;
}
.col-pills-container a.pill-any {
  background-color: var(--bs-secondary);
}
.col-pills-container a.pill-0 {
  background-color: var(--bs-primary);
}
.col-pills-container a.pill-1 {
  background-color: var(--bs-success);
}
.col-pills-container a.pill-2 {
  background-color: var(--bs-orange);
}

.columns-sel-container ul li.col-gr-0 {
  color: var(--bs-primary);
}
.columns-sel-container ul li.col-gr-1 {
  color: var(--bs-success);
}
.columns-sel-container ul li.col-gr-2 {
  color: var(--bs-orange);
}

/*.value-container {

    .cta-save {
        display: none;
    }
}
*/
.group-field .child-field:last-child {
  margin-right: 0 !important;
}

.panel-book .table {
  font-size: 0.7rem;
}
.panel-book .table th.separator, .panel-book .table td.separator {
  border-right: solid 1px #ccc;
}
.panel-book .book-header span.book-value {
  font-size: 0.95rem;
  font-weight: bold;
  margin-left: 0.5rem;
}
.panel-book ul.snap-data {
  font-size: 0.7rem;
  width: calc(45% - 10px);
}
.panel-book ul.snap-data li {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.panel-book .panel-footer.book-footer {
  -webkit-justify-content: center;
  justify-content: center;
  padding-top: 6px;
}
.panel-book .panel-footer.book-footer .panel-force {
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.panel-book .panel-footer.book-footer .panel-force > div {
  margin: 0 0.5rem;
}
.panel-book .book-lock .lock-icon {
  font-family: "Font Awesome 6 Pro";
}
.panel-book .book-lock .lock-icon:before {
  content: "\f023";
}
.panel-book .book-lock.lock-open .lock-icon:before {
  content: "\f3c1";
}

/* This overrides come rule of push css who cannot be submitted to dark/light theme */
.c-v1, .c-v2, .c-v3, .c-g1, .c-g2, .c-g3, .c-r1, .c-r2, .c-r3, .c-u1, .c-u2, .c-u3 {
  color: var(--tlb-push-aumento-color);
}

.c-v1 {
  background-color: rgba(var(--tlb-push-aumento-background-rgb-color), 1);
}

.c-v2 {
  background-color: rgba(var(--tlb-push-aumento-background-rgb-color), 0.67);
}

.c-v3 {
  background-color: rgba(var(--tlb-push-aumento-background-rgb-color), 0.33);
}

.c-g1 {
  background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 1);
}

.c-g2 {
  background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 0.67);
}

.c-g3 {
  background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 0.33);
}

.c-r1 {
  background-color: rgba(var(--tlb-push-diminuzione-background-rgb-color), 1);
}

.c-r2 {
  background-color: rgba(var(--tlb-push-diminuzione-background-rgb-color), 0.67);
}

.c-r3 {
  background-color: rgba(var(--tlb-push-diminuzione-background-rgb-color), 0.33);
}

.c-u1 {
  background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 1);
}

.c-u2 {
  background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 0.67);
}

.c-u3 {
  background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 0.33);
}

/*.ticker-p-change {
    background: none !important;
    color: var(--tlb-grey-darker-color);

    &.c-v1 {
        color: rgba(var(--tlb-push-aumento-background-rgb-color), 1);
    }

    &.c-v2 {
        color: rgba(var(--tlb-push-aumento-background-rgb-color), 0.67);
    }

    &.c-v3 {
        color: rgba(var(--tlb-push-aumento-background-rgb-color), 0.33);
    }

    &.c-r1 {
        color: rgba(var(--tlb-push-diminuzione-background-rgb-color), 1);
    }

    &.c-r2 {
        color: rgba(var(--tlb-push-diminuzione-background-rgb-color), 0.67);
    }

    &.c-r3 {
        color: rgba(var(--tlb-push-diminuzione-background-rgb-color), 0.33);
    }

    &.c-u1 {
        color: rgba(var(--tlb-push-stabile-background-rgb-color), 1);
    }

    &.c-u2 {
        color: rgba(var(--tlb-push-stabile-background-rgb-color), 0.67);
    }

    &.c-u3 {
        background-color: rgba(var(--tlb-push-stabile-background-rgb-color), 0.33);
    }
}*/
.trend-cell {
  background: none !important;
}

.force-indicator-panel .bid {
  background-color: var(--tlb-aumento-color);
  color: var(--tlb-white-color);
  text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px;
}
.force-indicator-panel .ask {
  background-color: var(--tlb-diminuzione-color);
  color: var(--tlb-white-color);
  text-shadow: rgba(0, 0, 0, 0.8) 2px 2px 5px;
}

.book-panel-container table tr td, .book-panel-container table tr th {
  text-align: center;
}

.book-activate-btn {
  background-color: var(--tlb-book-activate-button-bg);
  color: var(--tlb-book-activate-button-color);
}

.ticker-name {
  margin-left: 1rem;
  color: var(--tlb-aumento-color);
}

.ticker .ticker-change {
  display: inline-block;
  padding: 0 0.5rem;
  margin: 0 0.5rem;
}

/*
.sticky-top, .fixed-top {
    z-index: 800 !important;
}
*/
.sticky-top {
  z-index: 800 !important;
}

.dropdown-menu#instrumentMenu li {
  padding: 0 0.5rem;
}