/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5-ott-2021, 17.02.25
    Author     : Hassan
*/

     .imgxx{
    /*max-width:1366px;*/
    max-height:768px;
}

.nuovicls{
    background-color: yellow;
}
   
  .imagxyz {
    transition: -webkit-transform 0.25s ease;
}
.navelmnt{
    
}
.spandesc{
    display: '';
}
.imagxyz:active {
    -webkit-transform: scale(3);
    margin-left: auto;
  margin-right: auto;
  display: block;
}
        .myalrm1{
                position: absolute;
                bottom: 0;
                right:1%;
                font-size:0.80vw;
                animation-name: example;
                animation-duration: 1.7s;
                -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
                -webkit-animation-duration: 1.7s; /* Safari 4.0 - 8.0 */

            }
            
             .dvlinkp{
            max-height: 350px;            
           overflow: auto;
        }
             .dvevents{
            max-height: 31rem;            
           overflow: auto;
/*           overflow-x: hidden;*/
        }
            
        .btn-analog{
            color: #fff;
    background-color: #28a745;
    border-color: #28a745;
        }
        .btn-binary{
            color: black;
    background-color: white;
    /*border-color: #28a745;*/
        }
        .btn-other{
            color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
        }
        
        .btn-analog:hover {
  background-color: #228c3a;
}
        .btn-binary:hover {
  background-color: #eae4e4;
}
        .btn-other:hover {
  background-color: #ce2e3d;
}

.btn-multis{
    background-color: #d4e4f3;
        }
        
     .btn-multis:hover {
  background-color: #c1d0de;
}    
.btn-piv{
    background-color: #f0c0c0;
        }
        
     .btn-piv:hover {
  background-color: #bd9595;
}    
.btn-bsv{
    background-color: #e7e8bb;
        }
        
     .btn-bsv:hover {
  background-color: #d7d8aa;
}    
          .mysiti2temo {
            max-height: 67px ;
            overflow: auto;
            overflow-x: hidden;
        }
        
        .bnrnrml{
            background-color: #e5f6fd;
        }
        .bnralrm{
            background-color: #e9727c;
        }
        
       
        
        
        .selected {
            background-color: #d2effd;
            }
        .objalrm {
            background-color: #e9727c;
            }
            
            .btnschmini{}
/*        .custom-menu {
    display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}

 Each of the items in the list 
.custom-menu li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
    transition: all .3s ease;
    user-select: none;
}

.custom-menu li:hover {
    background-color: #DEF;
}
        */
        
      .alertcer {
    position: relative;
    /* padding: .75rem 1.25rem; */
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
        .divallr{
            max-height: 500px ;
            overflow: auto;
        }
        
       .divEstraiD{
            max-height: 800px ;
            overflow: auto;
        }
      .divctrlsxh{
            max-height: 700px ;
            overflow: auto;
        }
      .divwrs{
            max-height:30% ;
            overflow: auto;
        }
      
        
        
        
        
        .divgrp{         
            overflow: auto;
            max-height: 700px; 
            width: 99%;
        }
        .tcktgrp{         
            overflow: auto;
            max-height: 700px; 
         
        }
        
           .divop{         
            overflow: auto;
            max-height: 550px; 
         
        }
        
        .alrmmd{         
            overflow: auto;
            max-height: 550px; 
            overflow-x: hidden;
        }
        
        
        
        .schover{
            max-height: 500px;            
            /*max-height: 310px;*/            
           overflow: auto; 
           overflow-x: hidden;
        }
        .podover{
            max-height: 400px;            
           overflow: auto; 
           overflow-x: hidden;
        }
        
        
        
        #menuSitiGest > * {
            margin-bottom: 1%;
        }
        
        #chartdiv {
            width: 100%;
            height: 1000px;
        }

        #overlay {
            position: fixed;
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0,0,0,0.5);
            z-index: 2;
            cursor: pointer;
        }

        #text {
            position: absolute;
            top: 50%;
            left: 50%;
            color: white;
            transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
        }   
        
       .grid-container {
            display: grid;
            grid-template-columns: auto auto auto ;
            padding: 1%;
            /*align-content:  space-evenly;*/
             grid-auto-columns: 50%;
/*                  max-height: 320px ;

            overflow: auto;
            overflow-x: hidden;*/
        }
        
        .nav-link { font-size: 0.7vw; }
        
        .sch1 { 
            font-size: 0.7vw; 
            display: block;  
            width: 100%;
            padding: 0px 15px 0px 15px;
        }

        
        .grid-item {
            border: 1px solid rgba(0, 0, 0, 0.8);
            padding: 1%;
            margin-left: 5px;
            text-align: center;
            box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
        }

        .switch {
            position: relative;
            display: inline-block;
            width: 60px;
            height: 34px;
        }

        .switch input { display:none; }

        .slider {
            position: absolute;
            cursor: pointer;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        input:checked + .slider { background-color: #2196F3; }

        input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

        input:checked + .slider:before {
            -webkit-transform: translateX(26px);
            -ms-transform: translateX(26px);
            transform: translateX(26px);
        }

        .slider.round { border-radius: 34px; }

        .slider.round:before { border-radius: 50%; }
        
        .loader {
            border: 16px solid #f3f3f3;
            border-radius: 50%;
            border-top: 16px solid #3498db;
            width: 120px;
            height: 120px;
            margin-top: 2px;
            -webkit-animation: spin 2s linear infinite; /* Safari */
            animation: spin 2s linear infinite;
        }
        .loaderMini {
            border: 16px solid #f3f3f3;
            border-radius: 50%;
            border-top: 16px solid #3498db;
           
            margin-top: 2px;
            -webkit-animation: spin 2s linear infinite; /* Safari */
            animation: spin 2s linear infinite;
        }

        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        #mySidenav {
            position: absolute;
            position: fixed;
            z-index: 5;
            top: 7%;
        }

        #mySidenav a {
            position: absolute;
            left: -125px;
            transition: 0.5s;
            padding: 15px;
            width: 150px;
            text-decoration: none;
            font-size: 20px;
            color: white;
            border-radius: 0 10px 10px 0;
            opacity: 0.9;

        }

        .footer {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 1rem;
            background-color: #efefef;
            text-align: center;
        }

        #titBenvenuto { transition: transform 0.5s; }

        #titBenvenuto:hover {
            text-decoration: none;
            transform: translateX(10%);
        }

        #btnClose { transition: transform 0.5s, color 0.5s; }

        #btnClose:hover {
            display: block;
            transform: scale(1.5);
            color: black;
        }

        #btnGroupDrop1 {
            transition: transform 0.5s, letter-spacing 0.5s, background-color 0.5s;
            font-size: 1em;
            font-weight: bold;
            letter-spacing: 1px;
        }

        #btnGroupDrop1:hover, #btnGroupDrop1:active {
            display: block;
            transform: scale(1.2);
            letter-spacing: 2px;
            background-color: rgb(200,0,0);
            border-color: white;
            border-width: 2px;
            margin-bottom: -5px;
        }

        #formLoginUs, #formLoginPs { transition: padding-left 0.5s; }

        #formLoginUs:hover, #formLoginPs:hover {
            display: block;
            padding-left: 30px;
            padding-right: -30px;
        }

        .btnNavbar {
            background-color: white;
            border: none;
            color: gray;
            cursor: pointer;
            display: inline-block;
            line-height: 1em;
            outline: none;
            position: relative;
            text-transform: uppercase;
            font-weight: 700;
            transition: all 0.25s;
            width: 90%;
            font-size: 1.2vw;
        }

        .btnNavbar:before, .btnNavbar:after {
            border-color: transparent;
            transition: all 0.5s;
            border-style: solid;
            border-width: 0;
            content: "";
            position: absolute;
            height: 70%;
            width: 30%;
        }

        .btnNavbar:before {
            border-top-width: 2px;
            border-left-width: 2px;
            border-color: white;
            left: -5px;
            top: -5px;
        }

        .btnNavbar:after {
            border-bottom-width: 2px;
            border-right-width: 2px;
            border-color: white;
            bottom: -5px;
            right: -5px;
        }

        .btnNavbar:hover {
            background-color: white;
            transform: scale(1.2);
            color: lightgray;
            background-color: rgb(200,0,0);
        }

        .btnNavbar:hover:before, .btnNavbar:hover:after {
            height: 100%;
            width: 100%;
        }
        
        #menuImpos {
            width: 50%;
            margin-left: 5%;
        }
        
        #btnLogout {
            margin-left: 35%;
            font-size: 1.1vw;
            width: 50%;
        }
        
        #creaGrafico > div > div { padding: 0% 3% 5% 3%; }

        #sitiTit .btnAggiungi { font-size: 2vw; }
        
        .mysiti2 {
            max-height: 680px ;
            overflow: auto;
            overflow-x: hidden;
        }
        .mydatatable2 {
            max-height: 600px ;
            overflow: auto;
            overflow-x: hidden;
        }

        .mymdcntrl {
            overflow:auto;
            max-height:700px;
        }
        

        .btnAggiungi {
            display: block;
            transition: transform 1s;
        }

        .btnAggiungi:hover {
            transform: rotate(360deg);
            cursor: pointer;
        }
        
        .mycard {
            position: absolute;
            z-index: 9;
            background-color: #f1f1f1;
            text-align: center;
            border: 1px solid #d3d3d3;
        }

        .mycardheader {
            padding: 2px;
            cursor: move;
            z-index: 10;
            background-color: #2196F3;
            color: #fff;
        }

        .zoom {
            transition: transform .2s;
            margin: 0 auto;
        }

        .zoom:hover { transform: scale(1.3); }

        * { box-sizing: border-box; }

        .container1 {
            position: relative;
            /*max-width: 1160px;*/
           margin: 0 auto;

        }
        

        .container1 img {vertical-align: middle;}

/*        .container1 .content1 {
            position: absolute;
            top:  1%;
            background: rgba(0, 0, 0, 0.7);  Black background with transparency 
            color: #f1f1f1;           
            width: 90%;
            height: 85%;
            max-height: 100%;
            margin-left: 2%;
            margin-top: 2%;
            padding: 10px;
            border-radius: 5px;
        }*/
        .container1 .content1 {
            position: absolute;
            top:  1%;
            background:  rgba(0, 0, 0, 0.7); /*Black background with transparency */
           
            color: #f1f1f1;           
            width: 100%;/*97*/
            height: 98%;/*95*/
            max-height: 100%;
/*            margin-left: 2%;
            margin-top: 2%;*/
            padding: 10px;
            border-radius: 5px;
        }
        
    
        
        .myOP > button, .myPG > button, .myfun > button, .mygrf > button, .myaction > button, .myfile > button ,.myinfo > button { font-size: 2vw; }
        
        .mygrf{
            position: absolute;
            bottom: 1%;
            right: 15%;
        }
       
        .myfun{
            position: absolute;
            bottom: 1%;
            right: 37%;
        }
        .myOP{
            position: absolute;
            bottom: 1%;
            left: 8%;
        }
        .myPG{
            position: absolute;
            bottom: 1%;
            left: 15%;
        }
        .myinfo{
            position: absolute;
            bottom: 1%;
            left: 1%;
        }
        .myfile{
            position: absolute;
            bottom: 1%;
            right:60%;
        }
/*        .myfimp{
            position: absolute;
            bottom: 1%;
            right:55%;
        }*/
        
        .myaction {
            position: absolute;
            bottom: 1%;
            right: 3%;
        }

        .myalrm{
            position: absolute;
            bottom: 15%;
            right: 2%;
            font-size: 1.3vw;
            /*padding: 1.5vw 2vw !important;*/
        }
        
         .inflbl{  font-size: 1.3vw ; position: absolute;bottom: 0.5%; right: 33%;}

        #menuSitiGest { padding: 5% 8% 5% 8%; }
        
        .myoptional{
            position: absolute;
            bottom: 18%;
            left: 2%;
        }
        
        .myoptional > span { font-size: 1.5vw; }
        
        .myoptional > h5 { font-size: 1.9vw; }
        
        .mymiddle{
            position: absolute;
            bottom: 1%;
            left:40%;
        }

        .menu {
            width: 15%;
            float: left;
            padding: 10px;
        }
        
        .nav-link { border: 1.8px solid #3399ff; }

        .topright {
            position: absolute;
            top: 8%;
            right: 5%;
            font-size: 0.9vw;
            font-style: oblique;
            font-weight: bold;
        }
        
        .topleft {
            position: absolute;
            top: 1%;
            left: 2%;
            font-size: 0.9vw;
            font-style: oblique;
            font-weight: bold;
        }
        
        .content1 > div > div > div > a {
            height: 7vw;
            margin: 1%;
        }
        
        #btnCrea, #btnCrea2 #btnEstrai, #btnEstraiU { margin-top: 1%; }

        .col-75 {
            float: left;
            width: 75%;
            margin-top: 6px;
        }

        .month {
            padding: 70px 25px;
            width: 100%;
            background: #1abc9c;
            text-align: center;
        }

        .month ul {
            margin: 0;
            padding: 0;
        }

        .month ul li {
            color: white;
            font-size: 20px;
            text-transform: uppercase;
            letter-spacing: 3px;
        }

        .month .prev {
            float: left;
            padding-top: 10px;
        }

        .month .next {
            float: right;
            padding-top: 10px;
        }

        .weekdays {
            margin: 0;
            padding: 10px 0;
            background-color: #ddd;
        }

        .weekdays li {
            display: inline-block;
            width: 13.6%;
            color: #666;
            text-align: center;
        }

        .days {
            padding: 10px 0;
            background: #eee;
            margin: 0;
        }

        .days li {
            list-style-type: none;
            display: inline-block;
            width: 13.6%;
            text-align: center;
            margin-bottom: 5px;
            font-size:12px;
            color: #777;
        }

        .days li .active {
            padding: 5px;
            background: #1abc9c;
            color: white !important;
        }

        .profile-img {
            width: 96px;
            height: 96px;
            margin: 0 15% 5%;
            margin-bottom: 17%;
            display: block;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

        #myProgress {
            width: 100%;
            background-color: grey;
        }

        #myBar {
            width: 1%;
            height: 30px;
            background-color: green;
        }
        
       .oggsitointer{
                
            }
      
        
        /* ------------- MEDIA QUERY ------------- */
        
        @media screen and (min-width: 1025px) {
            .mynewact{
                font-size: 0.8vw;
/*                color:rgb(0 0 0);*/
            }
            
        }

        @media screen and (min-width: 300px) and (max-width: 450px) {
            .btnNavbar, #btnLogout { font-size: 2.5vw; }
            #menuImpos > *, #menuLogout { font-size: 2.3vw !important; }
            #menuImpos, #menuLogout { margin-left: 25% !important; width: 20%; }
            .container1 { height: 550px;  padding: 2px;}
          
            .topleft { font-size: 2vw !important; }
            .topright { font-size: 1.0vw !important; }
            .myfun > div > * { font-size: 2.5vw; }
            .myfun > div { margin-top: -100% !important; }
            .mygrf > div > * { font-size: 2.5vw; }
            .mygrf > div { margin-left: -100% !important; margin-top: -200% !important; }
            .myaction > div > * { font-size: 2.5vw; }
            .myaction > div > form > * { font-size: 2.5vw; }
            .myaction > div { margin-left: -250% !important; }
            .myoptional > h5 { font-size: 3vw !important; }
            .myoptional > span { font-size: 2.5vw !important; }
            .myoptional { bottom: 25% !important; left: 10% !important; }
            .myalrm { font-size: 1.8vw !important; bottom: 10% !important; right: 20% !important; }
             .inflbl{  font-size: 1.8vw !important; position: absolute;bottom: 1%; right: 30%;}
            .mysiti2 .nav-link { font-size: 2.5vw !important; }
            
            #sitiTit .btnAggiungi { font-size: 6vw; }
            .content1 > div > div > div > a { font-size: 3vw; height: auto; }
            .content1 > div > div > div > a > span { margin-right: -20%; }
            .weekdays li, .days li { width: 12.5%; }
            .days li .active { padding: 2px; }
            .modfoot { display: block !important; }
        }
        
        @media screen and (min-width: 451px)  and (max-width: 451px) {
            .content1 .row div:nth-child(2) > button { height: 20% !important; }
        }
        
        @media screen and (min-width: 451px) and (max-width: 800px) {
            .myfun > div > * { font-size: 1.7vw; }
            .myfun > div { margin-top: -100% !important; }
            .mygrf > div > * { font-size: 1.7vw; }
            .mygrf > div { margin-left: -100% !important; }
            .myaction > div > * { font-size: 1.7vw; }
            .myaction > div > form > * { font-size: 1.7vw; }
            .myaction > div { margin-left: -150% !important; }
        }
        
        @media screen and (max-width: 575px) {
            #menuLogout { margin-left: 35%; }
            
        }
        
        @media screen and (max-width: 449px) {
           
       .grid-container {  display: grid;
            grid-template-columns: auto ;
            padding: 1%;
            /*align-content:  space-evenly;*/
             grid-auto-columns: 50%; }
       
       .spandesc{
    display: none;
}
            
        }
        @media screen and (max-width: 800px) {
            .oggsitointer{
                    max-width: 380px;
                    overflow: auto;
                    overflow-x: auto;
            }
        }
        
         @media screen and (min-width: 801px) and (max-width: 1124px) {
            .oggsitointer{
                    max-width: 660px;
                    overflow: auto;
                    overflow-x: auto;
            }
        }
        
         @media screen and (min-width: 1125px) and (max-width: 1450px) {
            .oggsitointer{
                    max-width: 700px;
                    overflow: auto;
                    overflow-x: auto;
            }
        }
        
          @media screen and (min-width: 1451px) and (max-width: 1650px) {
            .oggsitointer{
                    max-width: 968px;
                    overflow: auto;
                    overflow-x: auto;
            }
        }
        
        @media screen and (max-width: 800px) {
            .weekdays li, .days li { width: 13.1%; }
            #menuNavbar { margin-bottom: -3% !important; }
            #btnPannello { width: 90% !important; }
            #ddPannello { width: 60% !important; margin-left: 20% !important; margin-top: -50% !important; }
            #btnImpostazioni { width: 90% !important; margin-left: 5% !important; margin-top: 5% !important; }
            #ddImpostazioni { width: 60% !important; margin-left: 20% !important; margin-top: -35% !important; }
            #formLoginUs { width: 80% !important; margin-left: 10% !important; margin-top: 7% !important; }
            #formLoginPs { width: 80% !important; margin-left: 10% !important; margin-top: 3% !important; }
            #btnFormLogin { width: 90% !important; margin-left: 5% !important; margin-top: 4% !important; }
            .spanTitle { margin-left: 45% !important; width: 50% !important; }
            #divRegole { width: 90% !important; }
            #divFiltri { width: 45% !important; margin-left: 5% !important; }
            #divRitrasmissioni { width: 45% !important; margin-left: 1% !important; }
            h2 { margin-top: 10%; }
            .divOpzioni { margin-top: 5% !important; margin-bottom: 5% !important; }
            .divSearch { margin-top: 5% !important; margin-bottom: 5% !important; }
            #formSearch { width: 150%; }
            .btnNavbar { margin-bottom: 10px; margin-left: 5%; font-size: 1.8vw; }
            #menuImpos { margin-left: 35%; width: 30%; }            
            #menuImpos > *{ font-size: 1.5vw; }
            #btnLogout { margin-left: 30%; font-size: 1.5vw; }
            #menuLogout { font-size: 1.5vw; margin-left: 45%; }
            #sitiTit .btnAggiungi { font-size: 4vw; } 
            #sitiTit { padding-left: 10% !important; margin-left: 10%; margin-right: 10%; font-size: 3.5vw; }
            .mymdcntrl{ overflow:auto; max-height:400px; }
            .mysiti2{ max-height: 400px; overflow: auto; overflow-x: hidden; }
            .container1 { position: relative; max-width: 1000px;  }
            .topleft { font-size: 1.5vw; }
            .topright { font-size: 1.0vw; }
            .content1 .row div:nth-child(2) > button { width: 15% !important; height: 15%; padding: 0px; font-size: 2vw; }
            .content1 .row div:nth-child(2) > button img { height: 90%; }
             /*.mysubact{background-color:#d4e4f3; }*/
        }
        
        @media screen and (max-height: 650px){
            
             .mysiti2 {
            max-height: 360px ;
            overflow: auto;
            overflow-x: hidden;
        }
         .divallr{
            max-height: 200px ;
            overflow: auto;
        }
        }
        @media screen and (min-height: 651px) and (max-height: 800px) and (min-width: 450px) {
            
             .mysiti2 {
            max-height: 500px ;
            overflow: auto;
            overflow-x: hidden;
        }
        }
        
        
        
         @media screen and (max-height: 699px){
           
        
        .schover{
             height: 220px;            
           overflow: auto; 
           /*overflow-x: hidden;*/
            
        }
       }
       
          @media screen and (min-height: 700px) and (max-height: 800px){
           
        
        .schover{
             height: 240px;            
           overflow: auto; 
           /*overflow-x: hidden;*/
            
        }
       }
       
       
        @media screen and (max-height: 800px){
           
        
       
        .podover{
              max-height: 270px;            
           overflow: auto; 
           /*overflow-x: hidden;*/
            
        }
        .dvgest{
            max-height: 250px;            
           overflow: auto;
        }
        }
     

        @media screen and (min-width: 801px) and (max-width: 1024px) {
            #menuLogout { margin-left: 25%; }
            #sitiTit { font-size: 2vw; }
            .mysiti2 { width: 100%; }
            .content1 .row div:nth-child(2) > button { width: 15% !important; height: 25%; padding: 0px; font-size: 2vw; }
            .content1 .row div:nth-child(2) > button img { height: 90%; }   
            .myfun > div > * { font-size: 1vw; }
            .myfun > div { margin-top: -100% !important; }
            .mygrf > div > * { font-size: 1.1vw; }
            .mygrf > div { margin-left: -50% !important; }
            .myaction > div > * { font-size: 1.1vw; }
            .myaction > div > form > * { font-size: 1.1vw; }
            .myaction > div { margin-left: -50% !important; }
              .content1 > div > div > div > a { height: 2.7vw !important; margin: 1%; }
        
           
        }
        
        
        
        @media screen and (min-width: 450px)  and (max-width: 1024px) {
                 .grid-container {  display: grid;
            grid-template-columns: auto auto ;
            padding: 1%;
            /*align-content:  space-evenly;*/
             grid-auto-columns: 50%; }
        }
        
        @media screen   and (max-width: 1024px) {
       
            
/*            .sch1{ font-size: 1.2vw; }*/
            #btnPannello { margin-left: 5% !important; width: 40% !important; }
            #ddPannello { width: 40% !important; margin-top: -7% !important; }
            #btnImpostazioni { margin-right: 5% !important; width: 40% !important; }
            #ddImpostazioni { width: 35% !important; margin-left: 55% !important; margin-top: -7% !important; }
            #formNavbar { width: 100% !important; margin: 0px !important; margin-top: 3% !important; }
            #formLoginUs { width: 25% !important; margin-left: 5% !important; }
            #formLoginPs { width: 25% !important; margin-left: 1% !important; }
            #btnFormLogin { width: 30% !important; margin-left: 5% !important; }
            .divOpzioni { margin-top: -5% !important; }
            .divSearch { margin-top: -5% !important; }
            #sitiTit .btnAggiungi { font-size: 2vw; }
            .myalrm { font-size: 0.8vw; }
            .inflbl { font-size: 0.8vw; }
        }
        
        @media screen and (max-width: 600px) {
            .sch1{ font-size: 1.9vw; }
            .nav-link { font-size: 2.5vw; margin-right: 0px; }
            
        }
        @media screen and (min-width: 601px) and (max-width: 1024px) {
            .sch1{ font-size: 1.2vw; }
            .nav-link { font-size: 1.0vw; margin-right: 0px; }
            
        }
        
        @media screen and (min-width: 1025px) {
            #menuImpos { margin-left: 20%; width: 50%; }
            #btnLogout { margin-left: 35%; }
            #menuLogout { margin-left: 35%; }
            .myfun > div > * { font-size: 0.9vw; }
            .myfun > div { margin-top: -100% !important; }
            .mygrf > div > * { font-size: 0.9vw; }
            .mygrf > div { margin-left: -50% !important; }
            .myaction > div > * { font-size: 0.9vw; }
            .myaction > div > form > * { font-size: 0.9vw; }
            .myaction > div { margin-left: -50% !important; }
            .myalrm { font-size: 0.7vw; }
            .inflbl { font-size: 0.7vw; }
            .myoptional > h5 { font-size: 1.1vw !important; }
            .myoptional > span { font-size: 1.1vw !important; }
          
            .myOP > button, .myPG > button, .myPG > span, .myfun > button, .mygrf > button, .myaction > button ,.myinfo > button { font-size: 2.2vw; }
            .content1 > div > div > div > a { height: 2.7vw !important;width:8.7vw; margin: 1%; }
            /*.content1 .row div:nth-child(2) > button { width: 15% !important; height: 30% !important; padding: 0; font-size: 1.5vw; }*/
            .content1 .row div:nth-child(2) > button img { height: 90%; }
        }
        
        /*timeline*/
      
/* The actual timeline (the vertical ruler) */
.timeline {
    font-family: Helvetica, sans-serif;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container12 {
  padding: 4px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container12::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: white;
  border: 4px solid #FF9F55;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: 0;
}

/* Place the container to the right */
.right {
  left: 50.0%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -13px;
}

/* The actual content */
.content12 {
  padding: 8px 12px;
  background-color: white;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
  /* Place the timelime to the left */
  .timeline::after {
  left: 31px;
  }
  
  /* Full-width containers */
  .container12 {
  width: 100%;
  padding-left: 70px;
  padding-right: 25px;
  }
  
  /* Make sure that all arrows are pointing leftwards */
  .container12::before {
  left: 60px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .left::after, .right::after {
  left: 18px;
  }
  
  /* Make all right containers behave like the left ones */
  .right {
  left: 0%;
  }
}
        
        
        
   //#######CALENDAR######
 
   //#######CALENDAR######
        
   
   
   //##########NAV_BAR NUOVO

   .topnav {
       overflow: hidden;
       background-color: #333;
   }

   .topnav a {
       float: left;
       display: block;
       color: #f2f2f2;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
       font-size: 17px;
   }

   .topnav a:hover {
       background-color: #ddd;
       color: black;
   }

   .topnav a.active {
       background-color: #04AA6D;
       color: white;
   }

   .topnav .icon {
       display: none;
   }

   @media screen and (max-width: 600px) {
       .topnav a:not(:first-child) {display: none;}
       .topnav a.icon {
           float: right;
           display: block;
       }
   }

   @media screen and (max-width: 600px) {
       .topnav.responsive {position: relative;}
       .topnav.responsive .icon {
           position: absolute;
           right: 0;
           top: 0;
       }
       .topnav.responsive a {
           float: none;
           display: block;
           text-align: left;
       }
   }
   @media screen and (max-width: 786px) {
    
       .navelmnt {
           position: relative;
           width: 100%;
           min-height: 1px
       }
   }
   
   @media screen and (min-height: 950px) {
    
       .container1 {
          height: 780px;
       }
   }
   //##########NAV_BAR NUOVO-fine
   
   .mydivdrg {
       position: absolute;
       /*  z-index: 9;*/
       background-color: #f1f1f1;
       text-align: center;
       border: 1px solid #d3d3d3;
   }

   .mydivheaderdrg {
       padding: 10px;
       cursor: move;
       z-index: 10;
       /*background-color: #6c7a78;*/
       /*color: #fff;*/
   }
  
   
   @media screen  and (min-width: 1900px) and (min-height: 1200px) {
       
       .mysiti2 {
            max-height: 900px ;
            overflow: auto;
            overflow-x: hidden;
        }
        
        .schover{
            max-height: 500px;            
           overflow: auto; 
           overflow-x: hidden;
        }
        .podover{
            max-height: 600px;            
           overflow: auto; 
           overflow-x: hidden;
        }
        
           .container1 {
          height: 900px;
       }
   }
  
  .mystickh thead tr:nth-child(1) th{
      background: white;
      position: sticky;
      top: -20px;
      z-index: 10;
  }
   .mystickhop thead tr:nth-child(1) th{
      background: white;
      position: sticky;
      top: -8px;
      z-index: 10;
  }
   //***********