body {
   background-color: #000000;
   color: #000000;
   font-family: Arial;
   font-size: 16px;
   font-weight: normal;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_TextMenu1 {
   background-color: transparent;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-size: 16px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   overflow: hidden;
   text-align: center;
   text-decoration: underline;
   text-transform: none;
}
#wb_TextMenu1 span {
   margin: 0 30px 0 0px;
}
#wb_TextMenu1 a {
   color: inherit;
   text-decoration: inherit;
}
#wb_TextMenu1 .active {
   color: #FFFFFF;
   font-weight: bold;
   text-decoration: underline;
}
#wb_Servizi-1Heading1 {
   margin: 0;
   padding: 0;
   text-align: left;
}
#Servizi-1Heading1 {
   height: 100%;
   margin: 0;
   width: 100%;
}
#wb_indexHeading2 {
   margin: 0;
   padding: 0;
   text-align: left;
}
#indexHeading2 {
   height: 100%;
   margin: 0;
   width: 100%;
}
#wb_Cotatti-da-usHeading1 {
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   margin: 0;
   padding: 0;
   text-align: left;
}
#Cotatti-da-usHeading1 {
   color: #FFFFFF;
   font-family: Arial;
   font-size: 32px;
   font-style: normal;
   font-weight: bold;
   margin: 0;
   text-align: left;
   text-transform: none;
}
#wb_indexHeading2 {
   height: 24px;
   left: 39px;
   position: absolute;
   top: 33px;
   width: 227px;
   z-index: 2;
}
#wb_Cotatti-da-usHeading1 {
   height: 35px;
   left: 472px;
   position: absolute;
   top: 24px;
   width: 376px;
   z-index: 3;
}
#wb_TextMenu1 {
   height: 38px;
   left: 614px;
   position: absolute;
   top: 31px;
   width: 816px;
   z-index: 0;
}
#DiritiHtml1 {
   height: 622px;
   left: 42px;
   position: absolute;
   top: 128px;
   width: 1372px;
   z-index: 4;
}
#wb_Servizi-1Heading1 {
   height: 21px;
   left: 81px;
   position: absolute;
   top: 12px;
   width: 142px;
   z-index: 1;
}
.cyber-rack-panel {
   display: none  !important;
}
@media screen and (min-width: 1550px) {
.cyber-rack-panel {
   background: #050505  !important;
   border-left: 4px solid #1a1a1a;
   box-shadow: -10px 0 30px rgba(0,0,0,0.9);
   box-sizing: border-box;
   display: flex  !important;
   flex-direction: column;
   font-family: 'Courier New', monospace  !important;
   height: 100vh  !important;
   overflow: hidden;
   padding: 30px;
   position: fixed  !important;
   right: 0  !important;
   top: 0  !important;
   width: 460px  !important;
   z-index: 9999  !important;
}
.cyber-rack-panel::before {
   background-image: linear-gradient(rgba(0, 85, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 85, 255, 0.05) 1px, transparent 1px);
   background-size: 20px 20px;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
}
.rack-module {
   background: rgba(255,255,255,0.02);
   border: 1px solid rgba(0, 85, 255, 0.1);
   border-radius: 4px;
   margin-bottom: 20px;
   padding: 15px;
   position: relative;
   z-index: 1;
}
.rack-label {
   color: #0055ff;
   display: block;
   font-size: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   margin-bottom: 10px;
}
.mixer-buttons {
   display: flex;
   gap: 8px;
   margin-top: 10px;
}
.btn-led {
   align-items: center;
   background: #111;
   border: 2px solid #333;
   border-radius: 3px;
   color: #444;
   display: flex;
   font-size: 9px;
   height: 32px;
   justify-content: center;
   transition: 0.2s;
   width: 32px;
}
.btn-led.on {
   animation: pulse-blue 2s infinite;
   background: #002244;
   border-color: #0055ff;
   box-shadow: 0 0 15px #0055ff;
   color: #fff;
}
.error-monitor {
   animation: blink-red 1s infinite;
   background: rgba(255, 0, 0, 0.05);
   border: 1px solid rgba(255, 0, 0, 0.3);
   color: #ff3333;
   font-size: 10px;
   font-weight: bold;
   padding: 8px;
   text-align: center;
}
.multiview-monitor {
   display: grid;
   gap: 8px;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(2, 1fr);
   margin-top: 10px;
}
.monitor-cell {
   aspect-ratio: 16/9;
   background: #000;
   border: 2px solid #333;
   border-radius: 2px;
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   overflow: hidden;
   position: relative;
}
.monitor-cell::after {
   background: rgba(0,0,0,0.8);
   border: 1px solid #444;
   color: #eee;
   content: attr(data-label);
   font-family: monospace;
   font-size: 8px;
   left: 2px;
   padding: 1px 3px;
   position: absolute;
   top: 2px;
   z-index: 2;
}
.monitor-cell video {
   height: 100%;
   left: 0;
   object-fit: cover;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1;
}
@keyframes pulse-blue {
0%,
100% {
   opacity: 1;
}
50% {
   opacity: 0.6;
}
}
@keyframes blink-red {
0%,
100% {
   border-color: red;
   opacity: 1;
}
50% {
   border-color: transparent;
   opacity: 0.5;
}
}
}
.cyber-rack-panel {
   display: none  !important;
}
@media screen and (min-width: 1550px) {
.cyber-rack-panel {
   background: #050505  !important;
   border-left: 4px solid #1a1a1a;
   box-shadow: -10px 0 30px rgba(0,0,0,0.9);
   box-sizing: border-box;
   display: flex  !important;
   flex-direction: column;
   font-family: 'Courier New', monospace  !important;
   height: 100vh  !important;
   overflow: hidden;
   padding: 30px;
   position: fixed  !important;
   right: 0  !important;
   top: 0  !important;
   width: 460px  !important;
   z-index: 9999  !important;
}
.cyber-rack-panel::before {
   background-image: linear-gradient(rgba(0, 85, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 85, 255, 0.05) 1px, transparent 1px);
   background-size: 20px 20px;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
}
.rack-module {
   background: rgba(255,255,255,0.02);
   border: 1px solid rgba(0, 85, 255, 0.1);
   border-radius: 4px;
   margin-bottom: 20px;
   padding: 15px;
   position: relative;
   z-index: 1;
}
.rack-label {
   color: #0055ff;
   display: block;
   font-size: 10px;
   font-weight: bold;
   letter-spacing: 2px;
   margin-bottom: 10px;
}
.mixer-buttons {
   display: flex;
   gap: 8px;
   margin-top: 10px;
}
.btn-led {
   align-items: center;
   background: #111;
   border: 2px solid #333;
   border-radius: 3px;
   color: #444;
   display: flex;
   font-size: 9px;
   height: 32px;
   justify-content: center;
   transition: 0.2s;
   width: 32px;
}
.btn-led.on {
   animation: pulse-blue 2s infinite;
   background: #002244;
   border-color: #0055ff;
   box-shadow: 0 0 15px #0055ff;
   color: #fff;
}
.error-monitor {
   animation: blink-red 1s infinite;
   background: rgba(255, 0, 0, 0.05);
   border: 1px solid rgba(255, 0, 0, 0.3);
   color: #ff3333;
   font-size: 10px;
   font-weight: bold;
   padding: 8px;
   text-align: center;
}
.multiview-monitor {
   display: grid;
   gap: 8px;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: repeat(2, 1fr);
   margin-top: 10px;
}
.monitor-cell {
   aspect-ratio: 16/9;
   background: #000;
   border: 2px solid #333;
   border-radius: 2px;
   box-shadow: 0 0 5px rgba(0,0,0,0.5);
   overflow: hidden;
   position: relative;
}
.monitor-cell::after {
   background: rgba(0,0,0,0.8);
   border: 1px solid #444;
   color: #eee;
   content: attr(data-label);
   font-family: monospace;
   font-size: 8px;
   left: 2px;
   padding: 1px 3px;
   position: absolute;
   top: 2px;
   z-index: 2;
}
.monitor-cell video {
   height: 100%;
   left: 0;
   object-fit: cover;
   opacity: 0.7;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 1;
}
@keyframes pulse-blue {
0%,
100% {
   opacity: 1;
}
50% {
   opacity: 0.6;
}
}
@keyframes blink-red {
0%,
100% {
   border-color: red;
   opacity: 1;
}
50% {
   border-color: transparent;
   opacity: 0.5;
}
}
}
html,
body {
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   background-color: #000000  !important;
   color: #ffffff  !important;
   font-family: 'Segoe UI', Arial, sans-serif;
   margin: 0;
   padding: 0;
   user-select: none;
}
.legal-container {
   background: rgba(15, 15, 15, 0.95);
   border: 1px solid #222;
   border-radius: 8px;
   box-shadow: 0 20px 40px rgba(0,0,0,0.8);
   margin: 80px auto;
   max-width: 850px;
   padding: 40px;
   text-align: center;
}
#Cotatti-da-usHeading1 {
   border-bottom: 2px solid #0055ff;
   color: #0055ff  !important;
   display: inline-block;
   font-weight: 800;
   letter-spacing: 3px;
   margin-bottom: 30px;
   padding-bottom: 10px;
   text-transform: uppercase;
}
.legal-text {
   color: #eeeeee;
   font-size: 1.1rem;
   line-height: 2;
}
.legal-text strong {
   color: #ffffff;
   display: block;
   margin-bottom: 20px;
}
#wb_TextMenu1 {
   padding: 20px;
   text-align: center;
}
#wb_TextMenu1 a {
   color: #555  !important;
   margin: 0 15px;
   text-decoration: none;
   transition: color 0.3s;
}
#wb_TextMenu1 a:hover {
   color: #0055ff  !important;
}
.legal-footer {
   border-top: 1px solid #1a1a1a;
   color: #444;
   font-size: 0.8rem;
   margin-top: 40px;
   padding-top: 20px;
}