:root {
          --bs-dark-rgb: 33, 37, 41;
      }
      /*---------------------------------------------------------------------------------*/

      #options {    

        position:absolute;

        top:20px;

        left:630;

        width: 50%;

        padding: 10px 10px;

        border-radius: 20px;

        text-align: center;

        background-color: white;

        margin-top: 0px;  

      }

      /*-------------------------------------------------------------------------*/

      .btn-primary {

        background-color: rgb(var(--bs-dark-rgb));

      }

      /*-------------------------------------------------------------------------*/

      .button {

        position:relative;

        top:0;

        left:0;

        padding: 10px 10px;

        border-radius: 20px;

        text-align: left;

        text-decoration: none;

        display: inline-block;

        background-color: white;

      }

      /*---------------------------------------------------------------------------------*/

      #create {   

        position:absolute;

        left:630;

        top:80;

        width: 50%;

        padding: 10px 0;

        text-align: center;

        background-color: white;

        margin-top: 0px;  

      }

      /*---------------------------------------------------------------------------------*/

      #selectMenu {

        position:relative;

        top:0;

        left:0;

        width: 600;

        height: 30;

        text-align: center;

        background-color: rgb(153, 150, 150);

        margin-top: 0px;  

      }

      /*---------------------------------------------------------------------------------*/

      #CANVAS {

        position:absolute;

        top:1%;

        left:41%;

      }

      /*---------------------------------------------------------------------------------*/

      #SELECTION {

        position:absolute;

        top:260;

        left:800;

        width: 40%;

        height: 300;

        padding: 10px 0;

        border-style: groove;

        border-width: 1px;

        border-radius: 5px;

        border-top-style: none;

        border-top-left-radius: 0px;

        border-top-right-radius: 0px;

        border-color:black;

        /*overflow:scroll;*/

        text-align: left;

        background-color: rgb(201, 201, 201);

        text-indent: 5px;          

      } 

      /*---------------------------------------------------------------------------------*/

        #selectionTitle {

        position:absolute;

        top:200;

        left:800;

        width: 40%;

        height: 40;

        padding: 10px 0;

        border-style: groove;

        border-width: 1px;

        border-radius: 5px;

        border-color:black;

        border-bottom-left-radius: 0px;

        border-bottom-right-radius: 0px;

       /* overflow:scroll; */

        text-align: left;

        font-size: 24px;

        text-decoration:underline;

        text-decoration-color: rgb(60, 175, 252);

        text-underline-offset: 2px;

       text-indent: 10px;

        background-color: rgb(201,201,201);

        margin-top: 0px; 

      } 

      /*---------------------------------------------------------------------------------*/

      #OUTPUT {

        position:absolute;

        bottom: 0;

        left:0;

        width: 100%;

        height: 90%;

        /* padding: 10px 0; */

        overflow:auto;

        text-align: left;

        background-color: white;

        border-style: groove;

        border-width: 0px;

        border-bottom-left-radius: 5px;

        border-bottom-right-radius: 5px;

        margin-top: 0px;  

      }

      

      /*---------------------------------------------------------------------------------*/

      .outputPanel {

        position:absolute;

        bottom: 0;

        left: 0.3%;

        width: 40%;

        height: 50%;

        /* padding: 10px 0; */

        overflow: none;

        text-align: left;

        background-color: white;

        border-style: groove;

        border-width: 1px;

        border-radius: 5px;

        margin-top: 0px;  

      }

      /*---------------------------------------------------------------------------------*/

      .clearOutput {

        position: absolute;

        right: 5%;

        top: 2px;

        height: 23px;

        border-radius: 10px;

        text-align: center;

        text-decoration: none;

        display: inline-block;

        background-color: rgb(255, 107, 107);

        cursor: pointer;

        line-height: 0px;

      }

      /*---------------------------------------------------------------------------------*/

      #SOLVE_button {

        padding: 10px 10px;

        border-radius: 20px;

        text-align: left;

        text-decoration: none;

        display: inline-block;

        background-color: rgb(50, 180, 255);

        cursor: pointer;

      }

      

      /*---------------------------------------------------------------------------------*/

      #Id_nodes_view{

        padding: 10px 10px;

        border-radius: 20px;

        text-align: left;

        text-decoration: none;

        display: inline-block;

        background-color: rgb(145, 145, 145);;

      }

      /*---------------------------------------------------------------------------------*/

      #SelectNodi {

        padding: 10px 10px;

        border-radius: 20px;

        text-decoration: none;

        display: inline-block;

      } 

      /*---------------------------------------------------------------------------------*/ 

      /* PARTE GRAFICA */

      body {

        font-family: Arial, Helvetica, sans-serif;

        text-align: center;

        background-color: rgb(var(--bs-dark-rgb));

      }



      #bigPanel {

        position: absolute;

        display: grid;

        top: 13%;

        left: 0.5%;

/*         bottom: 14%;*/     

        width: 99.5%;

        height: 85%;

        /* background-color: rgb(255, 254, 254); */
        background-color: rgb(var(--bs-dark-rgb));

        border-bottom-left-radius: 5px;

        border-bottom-right-radius: 5px;

      }



      .panel {

        position: absolute;

        visibility: hidden;

        padding: 3px;

        top: 5px;

        left: 10%;

        width: fit-content;

        line-height: 25px;

        height: fit-content;

        border-style: groove;

        background-color: rgb(233, 233, 233);

        border-width: 1px;

        border-radius: 5px;

        border-color: rgb(124, 124, 124);

        z-index: 2

        ;



      }





      .header{

        background-color: rgb(var(--bs-dark-rgb));

        height: 25px;

        line-height: 25px;

        text-align: center;

        border-style: groove ;

        border-radius: 5px;

        border-width: 1px;

        border-color: rgb(124, 124, 124);

        border-bottom-left-radius: 0px;

        border-bottom-right-radius: 0px;

        color: rgb(255, 255, 255);

      }



      #MainHeader {

        height: 10%;

        width: 100%;

        overflow: hidden;

        background-color: rgb(var(--bs-dark-rgb));

      }



      /* .navbar {

        height: fit-content;

        width: 100%;

        overflow: hidden;

        background-color: #333;

      } */



      .navbar a {

        float: left;

        font-size: 16px;

        color: white;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

      }



      .dropdown {

        float: left;

        overflow: hidden;

      }



      .dropdown .dropbtn {

        font-size: 16px;  

        border: none;

        outline: none;

        color: white;

        padding: 14px 16px;

        background-color: inherit;

        font-family: inherit;

        margin: 0;

      }



      /* .navbar a:hover, .dropdown:hover .dropbtn {

        background-color: rgb(248, 110, 46);

      } */



      .dropdown-content {

        display: none;

        position: absolute;

        background-color: #f9f9f9;

        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

        z-index: 3;

      }



      .dropdown-content a {

        float: none;

        color: black;

        padding: 12px 16px;

        text-decoration: none;

        display: block;

        text-align: left;

        z-index: 4;

      }



      .dropdown-content a:hover {

        background-color: #ddd;

      }



      .dropdown:hover .dropdown-content {

        display: block;

      }



      /* Button used to open the contact form - fixed at the bottom of the page */

      .open-button {

        background-color: rgb(var(--bs-dark-rgb));

        color: white;

        padding: 16px 20px;

        border: none;

        cursor: pointer;

        opacity: 0.8;

        position: fixed;

        bottom: 23px;

        right: 28px;

        width: 280px;

      } 



      #insertCoords {

        position: absolute;

      }



      /*--------------------------------------------------------------------- */



      .confirmButton {

        border-style: groove;

        border-width: 1px;

        border-radius: 3px;

        border-color: rgb(124, 124, 124);

        background-color: rgb(107, 201, 255);

        cursor: pointer;

      }



      .closeButton {

        border-style: groove;

        border-width: 1px;

        border-radius: 3px;

        border-color: rgb(124, 124, 124);

        background-color: rgb(255, 107, 107);

        cursor: pointer;

      }



    /*-----ACCORDION STRUCTURAL CHECKS---------------------------------------------------------------- */



      .accordion {

        background-color: rgb(188, 190, 190);

        color: black;

        cursor: pointer;

        padding: 10px;

        width: 100%;

        border: none;

        text-align: left;

        outline: none;

        font-size: 15px;

        transition: 0.4s;

      }

      

      /* .active, .accordion:hover {

        background-color: rgb(132, 202, 243);

      } */

      

      .accordion-item {

        padding: 0 5%;

        background-color: rgb(188, 190, 190);

        max-height: 0;

        overflow: hidden;

        transition: max-height 0.2s ease-out;

        width: 90%;

      }



       /*---------------------------------------------------------------------------------*/

       #info {

        position:absolute;

        bottom: 0;

        left:0;

        width: 25%;

        height: 92%;

        /* padding: 10px 0; */

        overflow:auto;

        text-align: center;

        background-color: rgb(188, 190, 190);

        border-style: ridge;

        border-width: 2px;

        border-bottom-left-radius: 5px;

        border-bottom-right-radius: 5px;

        margin-top: 0px;  

      }

      /*---------------------------------------------------------------------------------*/

      #loadSummary {

        position:absolute;

        bottom: 0;

        left:25%;

        width: 75%;

        height: 92%;

        /* padding: 10px 0; */

        overflow:auto;

        text-align:left;

        background-color: rgb(188, 190, 190);

        border-style: ridge;

        border-width: 2px;

        border-bottom-left-radius: 0px;

        border-bottom-right-radius: 0px;

        margin-top: 0px;  

      }



      /*---------------------------------------------------------------------------------*/

      .infoPanel {

        position:absolute;

        top: 0;

        left: 0.3%;

        width: 40%;

        height: 49%;

        /* padding: 10px 0; */

        overflow: none;

        text-align: left;

        background-color: rgb(188, 190, 190);

        border-style: groove;

        border-width: 1px;

        border-radius: 5px;

        margin-top: 0px;  

        z-index: 1;

      }



      /*---------------------------------------------------------------------------------*/

      #check {

        position:absolute;

        bottom: 0;

        left:0;

        width: 100%;

        height: 91%;

        /* padding: 10px 0; */

        overflow:auto;

        text-align: center;

        background-color: rgb(188, 190, 190);

        border-style: groove;

        border-width: 0px;

        border-bottom-left-radius: 5px;

        border-bottom-right-radius: 5px;

        margin-top: 0px;  

      }

      /*---------------------------------------------------------------------------------*/

      .checkPanel {

        position:absolute;

        top: 0;

        left: 0.3%;

        width: 40%;

        height: 49%;

        /* padding: 10px 0; */

        overflow: none;

        text-align: left;

        background-color: rgb(188, 190, 190);

        border-style: groove;

        border-width: 1px;

        border-radius: 5px;

        margin-top: 0px;  

        z-index: 0;

      }







     /*---------------------------------------------------------------------------------*/

      .propPannello {

        width: 100%;

    }

    

    .propSottoscheda {

        width: 50%;

        float: left;

    }



    .sollecitazioniTab {

      width: 15%;

    }



    /*---------------------------------------------------------------------------------*/

    .editableBox {

    width: 170px;

    height: 25px;

    border: none;

    outline: 5px solid rgb(var(--bs-dark-rgb));

    }

    .timeTextBox option{

      background:rgb(var(--bs-dark-rgb));

    }

    .timeTextBox {

        width: 140px;

        margin-left: -175px;

        height: 27px;

        border: none;

    }

    .timeTextBox{

        border: none;

        outline: none;

    }