.app-container {
    /* Stili generali dell'applicazione */
    transform-origin: top left;
}
/* Impostiamo width e height al 100% */
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
    overflow-y: hidden;

}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.visiblePanel {
    display:block;
}

.hiddenPanel {
    display:none;
}

a:hover {
    text-decoration:none!important;
}

.navbar-inverse .navbar-nav > li > a {
    color: lightcyan !important;
    font-size: 18px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: cyan !important;
}

.newspaper {
    font-size:16px;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    -webkit-column-rule: 1px solid #888888; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px solid #888888; /* Firefox */
    column-rule: 1px solid #888888;
    margin-top:5px;
    margin-bottom:30px;

}

.newspaper > p::first-letter {
    font-size: 48px;
    color: black;
    font-variant: small-caps;
    background-color: white;
    float: left;
    display: inline-block;
    margin-bottom: -20px;
    margin-right: 2px;
    line-height: 45px;
    font-family: "Times New Roman", Times, serif;
}


h2 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 100px;
    line-height: 0.9;
    text-shadow: 2px 3px 5px #888888;
}

h1 {
    font-family: 'Times New Roman', Times, serif;
    font-size: 70px;
    line-height: 1;
    margin-bottom:20px;
}

h5{
    font-size:18px;
}

.hr5 {
    border-top-width: 5px;
    margin-top: 20px;
    margin-bottom: 2px;
    border-top-color: #808080
}

.hr2 {
    border-top-width: 2px;
    margin-top: 0px;
    margin-bottom: 2px;
    border-top-color: #808080
}

.didascalia {
    padding: 10px;
    margin-bottom: 0px;
}

.immagine {
    width:100%
}

.uppercase
{
    text-transform: uppercase;
}

.granata {
    color: #7b1b02;
}

.carminio {
    color: #a2231d;
}

.color-swatch {
    max-width: 120px;
    min-height: 120px;
}

.color-swatches .gray-lighter {
    background-color: #eee;
}

.color-swatches .gray-light {
    background-color: #999;
}

.navbar {
    border:none;
    border-radius:0px;
    margin-bottom:0px;
    min-height:0px;
}

.navbar-nav {
    margin: 0;
}

.navbar-nav>li {
    
    float:left!important;
}

.navbar-inverse {
    background-color: #808080;

}

.navbar-inverse .navbar-nav > li > a {
    color: #eeeeee;
    padding-top:5px;
    padding-bottom:5px;
}


.image-well {
    min-height: 20px;
    padding: 0;
    margin-top:10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 2px solid #808080;
    border-left-width: 0px;
    border-right-width: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.list-group-item {
    padding: 5px 15px;
    display: flex;
    align-items: baseline;
    width: 100%;
    /*border: 1px solid #f8f8f8;*/
}


.typeahead-demo .custom-popup-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    background-color: #f9f9f9;
}

.typeahead-demo .custom-popup-wrapper > .message {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
    color: #868686;
}

.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
/*    position: static;
*/    float: none;
    display: block;
    min-width: 160px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

@media print {
    .intestazione {
        display: none;
    }
    .tenda {
        display: none;
    }
    .nav {

        display: none;
    }
    .doc-header {
        display: none;
    }

    .book {
        transform:scale(1)!important;
    }
}



/*@media (max-width: 500px) {
    body {
        --scale-factor: calc(((100vw - 350px) / 150px * 0.3) + 0.7);
        transform: scale(var(--scale-factor));
        transform-origin: top left;
        width: calc(100% / var(--scale-factor));
        height: calc(100% / var(--scale-factor));
    }
}*/

@media (max-width:576px) {
    .hide-tipologia {
        display: none;
    }

    .hide-data {
        display: none;
    }

    .hide-dettagli {
        display: none;
    }

    .nav {
/*        zoom: 0.9
*/    }

    .archivio-page-height {
        height: calc(100vh - 45px) !important;
    }

    .container {
        height: calc(100vh - 353px) !important;
        flex-direction: column-reverse !important;
    }

    .mask-group {
        margin-top: 15px !important;
    }

    .doc-header-mobile {
        margin-top: 20px !important;
    }

    .book {
        height: calc(100vh - 190px) !important;
    }



    .book-container {
        /*height: calc(100vh - 204px)!important;*/
    }

    body {
        /*        zoom:0.8;
*/
    }
}

@media (min-width: 577px) and (max-width:680px ) {
    .hide-tipologia {
        display: none;
    }
    .hide-data {
        display: none;
    }

    .book-container {
        height: calc(100vh - 228px)!important;
    }
}


@media (min-width: 680px) and (max-width:768px ) {
    .hide-tipologia {
        display: none;
    }

    .book-container {
        height: calc(100vh - 223px)!important;
    }
}

@media (min-width: 680px) {
    .book-container {
        height: calc(100vh - 229px)!important;
    }


}




@media (max-width: 768px) {

    .elenco-esercizi {
        margin-left: 15px !important;
        margin-right: 15px;
        margin-top: 20px !important;
    }

    .titolo-seleziona-hide {
        display: none;
    }

    .landscape {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .portrait {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .doc-header-mobile {
/*        zoom: 0.95 !important;
*/    }

    .selezione-mobile {
        height: calc(100vh - 612px) !important;
    }



    .hide-preferiti {
        display: none !important;
    }

    .esercizio-mobile {
        height: calc(100vh - 200px) !important;
    }

    .modal-sposta {
        margin: 10px !important;
    }

        .modal-sposta .modal-body {
            height: calc(100vh - 112px) !important;
        }
}

@media (min-width: 768px) and (max-width:992px ) {
    .landscape {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }

    .portrait {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

@media (min-width: 992px ) and (max-width: 1200px) {
    .landscape {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    .portrait {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

@media (min-width: 1200px) {
    .landscape {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }

    .portrait {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

.treeview span.icon {
    width: 0;
}

.node-treeview:first-of-type {
    display: none;
}

.list-group-item {
    border: 1px solid #F1F5F9 !important;
    border-right: 0 !important;
    border-left: 0 !important;
}

.red-asterisk {
    /*content: '*';*/
    color: red !important;
}

/*label::after {*/
/*content: '*';*/
/*color: red !important;
}*/


.dropdown-menu .disabled {
    /*pointer-events: none;*/
    cursor: not-allowed;
    color: #999; /* Colore grigio per simboleggiare disabilitato */
}

.modal-dialog {
    /* Centra verticalmente */
    display: block;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 270px);
    max-width:800px;
    /*font-family: "Open Sans";*/
}

.modal-xl {
    /* Centra verticalmente */
    min-height: calc(100vh - 70px);
    margin: 20px auto;
}

.modal-sposta {
    margin: 120px auto;
}

/*        .modal-sposta > .modal-content {
            margin: auto 40px;
        }
*/
    .modal-fix600 > .modal-content {
        /* Centra verticalmente */
        max-width: 600px;
        margin: 160px auto;
    }

    .modal-creacartella {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    @media (min-width: 1200px) {
        .modal-xl, .modal-sposta {
            width: 1100px;
        }
    }

    @media (min-width: 768px) {
        .modal-xl, .modal-sposta {
            width: 90%;
            max-width: 1200px;
        }
    }