/*
File: Custom Css File
*/
:root {
    --data-col-1: #ff0000;
    --data-col-2: #ff9600;
    --data-col-3: #ffff00;
    --data-col-4: #7eff00;
    --data-col-5: #007e0c;
    --data-col-6: #0048ff;
    --data-col-7: #c6aaff;
    --data-col-8: #ff00ff;
    --data-col-9: #912790;
    --data-col-10: #7f5548;
}

.logo {line-height: 50px;}
.logo-ace {line-height: 70px; display: inline-block !important;}
.fs-28 {font-size: 28px !important;}

.user-badge {width: 40px; height: 40px; color: #ffffff;}
.bg-user-badge-hera {background-color: #d7007a;}

.user-badge-forn,
.bg-overlay {background-color:#1a1d21;}
.bg-auth-signin {background-color:#292e32;}

.menu-title span {padding: 12px 0 12px 51px; font-size: 1.25rem;}

.shape > svg {fill:#292e32;}

.menu-return {color:#ffffff;}
.apexcharts-selection-rect {stroke:#ffffff; fill:#ffffff; fill-opacity: 0.1;}

.card-header h2 {font-size: 1.8em}

.card-body img {width: 100%;}


.zone {position: relative;}
.title-col-blu {color: #0091d7; font-size: 1.0rem;}
.title-col-mag {color: #d7007a; font-size: 1.0rem;}

.titolo-label {font-size: 1rem; color: #444444; white-space: nowrap; padding-left: 4px; border-bottom: 1px solid #cccccc; margin-bottom: 6px;}
.forn-label {font-size: 0.875rem; color: #444444; white-space: nowrap; padding-left: 4px; font-style: italic;}
.value-label {font-size: 0.875rem; color: #666666}

.form-switch-lg {padding-left: 0;}
.form-check-right .form-check-label {display: inline-block;}
.form-check-right.form-switch .form-check-input {margin-right: -5.6rem; margin-top: 0.3rem;}

.mappa {position: relative;}

.zone-mappa {position: absolute; top: 0; left: 0; width:100%; height: 100%; }
.label-zona {position: absolute; font-size: 26px; font-weight: 600; color: #000000;}


.contenitore-box-dati-lu,
.contenitore-box-dati-lb,
.contenitore-box-dati-ru,
.contenitore-box-dati-rb {position: absolute; margin: 0; padding: 0;}

.contenitore-box-dati-lu i,
.contenitore-box-dati-lb i,
.contenitore-box-dati-ru i,
.contenitore-box-dati-rb i {position:absolute; left: -32px; top: -38px; z-index: 1;}

.contenitore-box-dati-lu .box-dati,
.contenitore-box-dati-lb .box-dati,
.contenitore-box-dati-ru .box-dati,
.contenitore-box-dati-rb .box-dati {position:absolute; padding: 4px 4px 4px 4px; background-color: #ffffffdd; border: 2px solid #0091d7; border-radius: 12px;z-index: 10;}

.contenitore-box-dati-lu .box-dati {left: -19px; top: -2px;}
.contenitore-box-dati-lb .box-dati {left: -16px; top: -16px;}
.contenitore-box-dati-ru .box-dati {left: -15px; top: -4px;}
.contenitore-box-dati-rb .box-dati {left: -10px; top: -24px;}

.contenitore-box-dati-lu .box-dati {transform: translate(-104%, -100%); padding-right: 12px;}
.contenitore-box-dati-lb .box-dati {transform: translate(-104%, -10%); padding-right: 12px;}
.contenitore-box-dati-ru .box-dati {transform: translate(4%, -100%); padding-left: 12px;}
.contenitore-box-dati-rb .box-dati {transform: translate(4%, -10%); padding-left: 12px;}


/*
.contenitore-box-dati {position:absolute; margin: 0; padding: 0;}
.contenitore-box-dati i {position:absolute; left: -32px; top: -38px; font-size: 2rem; z-index: 1;}

.contenitore-box-dati .box-dati {position:absolute; padding: 4px 4px 4px 4px; background-color: #ffffffdd; border: 2px solid #0091d7; border-radius: 12px;z-index: 10; left: -4px; top: -12px;}
*/


.btn-light {--vz-btn-bg: #313438;}

.multi-del {border: none; background-color: transparent;}
.multi-del:hover {color: #d7007a;}


.table.box-table {color: #333333; border: none;}
.table.box-table th {border-top: none; border-bottom: none; border-left: none; border-right: 1px solid #eeeeee; padding: 0 4px;}
.table.box-table th .table-nome {color: #666666; background-color: #ffffff99; padding: 2px 8px; border: none;}
.table.box-table th .table-nome:hover {color: #d7007a; background-color: #eeeeee;}
.table.box-table .tab-dx { display: table; border:none; margin-left: 8px; margin-right: 8px; padding: 0;}
.table.box-table .tab-dx .table-valore {color: #666666; background-color: #ffffff99; padding: 2px 8px; border: 1px solid #eeeeee;}
.table.box-table .tab-dx .table-valore:hover {color: #d7007a; background-color: #eeeeee;}

.pointer-1 {color: #000000;}
.pointer-2 {color: #0091d7;}
.pointer-3 {color: #229900;}
.pointer-4 {color: #8800ff;}
.pointer-5 {color: #d7007a;}


/* Spostamento mappa */
.zone {margin-left: 4px}
.mar-map {margin-left: -4px}

th.sort button {
  border: none;
  font-weight:bold;
  background-color: #212529;
  color:#777;
  padding: 0;
  margin:0 0 0 12px;
}
th.sort.activeDirDown button, th.sort.activeDirUp button {
  border: none;
  font-weight:bold;
  background-color: #212529;
  color:#fff;
  padding: 0;
  margin:0;
}

.table .sort::before {left: 4px; right:unset; font-size: 1.2rem; }
.table .sort::after {left: 4px; right:unset; font-size: 1.2rem; }
.table .sort::before {top: 16px; color: #cccccc;}
.table .sort::after {top: 5px; color: #cccccc;}
.table .activeDirUp::before, .table .activeDirDown::after {color: #cccccc;}
.table .activeDirUp::after, .table .activeDirDown::before {color: #555555;}
.table > :not(caption) > * > * {padding: .75rem 1.2rem .75rem .875rem;}

.choices {display: inline-flex; flex: 1 1 min-content;}
.choices__inner {padding: 0.25rem;}
.choices__list--dropdown .choices__list {max-height: 330px;}

#tableLabels {border-top: 3px solid #eeeeee;}
#tableLabels th {color: #777777;}

.sort-top {padding: .75rem 1.2rem .75rem .875rem;}
.sort-top:last-child {padding: .75rem 3rem .75rem .875rem;}

.confronta-trend {text-align: center;}
.confronta-trend table td {text-align: left;}

.sidebar-box-footer {position:fixed; bottom: 0; width: 249px;}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown .sidebar-box-footer {position:relative; bottom: unset; width: 200px; margin-top: 32px;}

path#belluno,
path#padova,
path#rovigo,
path#treviso,
path#venezia,
path#verona,
path#vicenza {stroke-width:0.5; stroke-linecap:round; fill-opacity:0; stroke-opacity:0.2; opacity:1;}

path#belluno:hover,
path#padova:hover,
path#rovigo:hover,
path#treviso:hover,
path#venezia:hover,
path#verona:hover,
path#vicenza:hover {fill-opacity:0.2;}

path#belluno.highlight,
path#padova.highlight,
path#rovigo.highlight,
path#treviso.highlight,
path#venezia.highlight,
path#verona.highlight,
path#vicenza.highlight {fill-opacity:0.2;}


path#belluno { fill:#7bff00; stroke:#000000;}
path#padova { fill:#ffd500; stroke:#000000;}
path#rovigo { fill:#ff6200; stroke:#000000;}
path#treviso { fill:#ff0000; stroke:#000000;}
path#venezia { fill:#00b3ff; stroke:#000000;}
path#verona { fill:#cd00f6; stroke:#000000;}
path#vicenza { fill:#6f00ff; stroke:#000000;}

@media (max-width: 1023.99px) {
    path#belluno,
    path#padova,
    path#rovigo,
    path#treviso,
    path#venezia,
    path#verona,
    path#vicenza {stroke-width:1;}

    .titolo-label {font-size: 0.875rem;}
}

@media (max-width: 767.98px) {
    .titolo-label {font-size: 0.6875rem;}

    path#belluno,
    path#padova,
    path#rovigo,
    path#treviso,
    path#venezia,
    path#verona,
    path#vicenza {stroke-width:2;}
}

@media (max-width: 360px) {
    .titolo-label {font-size: 0.6rem;}

    path#belluno,
    path#padova,
    path#rovigo,
    path#treviso,
    path#venezia,
    path#verona,
    path#vicenza {stroke-width:2;}
}

span.stepG {
  background: #00ff00;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #000;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 1px;
  text-align: center;
  width: 1.6em; 
}

span.stepB {
  background: #0209FF;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1.6em;
  margin-right: 1px;
  text-align: center;
  width: 1.6em; 
}

.helpImage {
  max-width:1024px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border:20px solid #1b1b1b;
}

.navbar-menu .navbar-nav .nav-sm .help-link {
  padding: 0.55rem 1.5rem 0.55rem 0.55rem !important;
  color: var(--vz-vertical-menu-sub-item-color);
  white-space: none;
  position: relative;
  font-size: 0.875rem;
  font-family: "Open Sans", sans-serif;
}