/* GENERALI */
:root {
    --blue: #1e90ff;
    --white: #ffffff;
    --nero: #000000;
    --rossoL: #eeeeee;
    --rossoL2: #ffffff;
    --rossoGen: #ff0000;
    --grigioScuro: #808080;
    --grigio: #BEBEBE;
    --mobileTresh: 768px;
}


/* ------------------------------------------------ login box --------------------------------------------- */
@media only screen and (max-device-width:768px) { /* For small */
    .logInContainer{
        width: 90%; 
        left: 33%;
        background-color: var( --rossoL2);
    }

    #loginbox img{ width: 85%; margin-top: 2em; }

    #loginbox h3{ 
        font-size: 4em;
        margin-top: 1em;
        margin-bottom: 1em;
     }

    #loginbox div.rowheader{
        width: 55%;
        font-size: 1.5em;
        color: var(--grigio);
        margin-bottom: 1em;        
        float: none;    /* con none impila i form */       
    }

    #formLogin .rowcontent{ /*margin-left: 30%; */ width: 90%; }

    #formLogin .rowcontent{ margin-bottom: 1em;  }

    #loginbox  .rowcontent input {
        min-width: 350px;
        width: 100%;
    }

    #loginbox_buttons { margin: 4em 0em 4em 0px; }

    #loginbox_buttons button {
        width: 200px;
        height:5em;
    }
    #loginbox_buttons button i {    /* raddoppia dimensione di icone */
        transform:scale(2.0,2.0);
        -ms-transform:scale(2.0,2.0); /* IE 9 */
        -moz-transform:scale(2.0,2.0); /* Firefox */
        -webkit-transform:scale(2.0,2.0); /* Safari and Chrome */
        -o-transform:scale(2.0,2.0); /* Opera */

        /* 3x */
        /*transform:scale(3.0,3.0);
        -ms-transform:scale(3.0,3.0); 
        -moz-transform:scale(3.0,3.0);
        -webkit-transform:scale(3.0,3.0);
        -o-transform:scale(3.0,3.0);*/
    }
}

@media (orientation:portrait) and (max-device-width:600px) { /* For small */
    .logInContainer{
        text-align: center;
        width: 70%; 
        /*left: 80%;*/
        background-color: var( --rossoL2);

        transform: translate(70%, -10%);
    }
    #loginbox_buttons button {
        width: 5em;
        height:5em;
    }
    #loginbox  .rowcontent input {
        min-width: 100px;
    }

}



/* -------------------------------------------      main page box   --------------------------------------------- */
@media only screen and (max-width: 768px) { 
    body {   /* correzione bootstrap */
        padding-left: 0px !important; 
        padding-right: 0px !important;
    }
    .navbar.navbar-fixed-top{ margin-left: 0px !important; }    /* correzione bootstrap */
  
    #sites{ margin: 50px 2px 20px; }

    #pull-right{
        padding-left: 0px !important; 
        padding-right: 0px !important;
    }
    .btnTelefonoCall{ width: 30px; }
}




/*------------------------------------------------  menu  --------------------------------------------------------*/
@media (max-width: 1300px) {
    #nav a{ padding: 0px !important; }   /* correzione bootstrap */
    .navbar-form{
        padding-left: 0px !important; 
        padding-right: 0px !important;
    }
    #menuHD_giorniLicenza{
        top:10px;
        padding: 0px 0px 0px 0px !important;
    }
    .container {
        padding-left: 0px !important; 
        padding-right: 0px !important;
    }

    #imgLogo{ width: 90px; }
    .brand{ margin-top: 10px !important;}
}

@media (max-width: 980px) {    /* sotto i 1000px nasconde navbar classica e va di sottomenu  */ 
    /*#navbar_collassabile{  display: none; } */
    .nav_collapsed {
        display: flex;
        float:right;
    }
    /*body{ background: red !important; }*/
}

@media  only screen and (max-width: 1500px) { 
    /*#navbar_collassabile{  display: none; } */
    .nav_collapsed {
        display: flex;
        float:right;
    }
}



/* -------------------------------------------      table sorter     ------------------------------------------- */
@media only screen and (max-width: 1100px) { /* For desktop: */
    table.tablesorter{ font-size: 8pt; }
}
@media only screen and (max-width: 900px) { /* For desktop: */
    table.tablesorter{ font-size: 6pt; }
}

@media (max-width: 900px) and (orientation:portrait){
    table.tablesorter{ font-size: 6pt; }
    #sites{ margin: 30px 0px 30px 0px; }
    .row{
        margin-left: -1em;
    }
}









/* sites page */