/* Funzioni per sovrascrivere bootstrap */
/* Fino a 400px */
 @media (max-width: 399.98px) {
     .madaImgWheel {
         display: none;
    }
     .madaRicercaHome > .panel-heading {
         display: none !important;
    }
     .madaCheckbox {
         max-width: 10%;
    }
     .madaRicercaHome {
         height: 80% !important;
    }
}
/* Da 400px a 768px */
 @media (min-width: 400px) {
     .madaImgWheel {
         max-width: 45%;
    }
     .madaRicercaHome {
         height: 80% !important;
    }
	  /* dimensione font righe tabella */
     .table-mada-cell {
         font-size: 10pt !important;
    }
	   .table-image {
         font-size: 6pt !important;
    }
}
/* Da 768px a 992px */
 @media (min-width: 768px) {
     .madaImgWheel {
         max-width: 30%;
    }
}
/* Da 992px a 1200px */
 @media (min-width: 992px) {
     .madaImgWheel {
         max-width: 50%;
    }
}
/* Oltre 1200px */
 @media (min-width: 1200px) {
     .madaImgWheel {
         max-width: 100%;
    }
     .view-home .frame-content-box {
         overflow: hidden !important;
    }
     .table-cell-dynamic{
         max-width: 300px !important;
         width: 300px !important;
    }
     .modal-dialog:has(.view-dettEvasione) {
         min-width: 1236px;
    }
}
 @media (orientation: portrait) {
     .table-cell-dynamic{
         max-width: 150px !important;
         width: 150px !important;
    }
}
/* ---------------------------------------------- */
/* Impostazioni di Quantico per il menu a sinistra */
/* Large devices (large desktops, 1200px and down) */
 @media (max-width: 1199.98px), (pointer:none), (pointer:coarse) {
     .modal-dialog:has(.view-dettEvasione) {
         min-width: inherit;
    }
     .menu-fuorifido {
         left: 100px;
    }
     .control-label,.radio-label {
         font-size: 8pt !important;
    }
    /* dimensione font righe tabella */
     .table-mada-cell {
         font-size: 12pt !important;
    }
	
     .table-image {
         font-size: 7pt !important;
    }
     .outlet {
         width: 20px;
    }
     .frame-row:has(.madaRicerca.madaSelected) {
         margin-top: 11px;
    }
     .madaRicerca.pulsanteCerca {
         height:100px !important;
    }
     .menu-cliente span {
         display: inherit !important;
    }
     .menu-cliente {
         left: 190px;
    }
     .menu-cliente a {
         width: 100% !important;
    }
     .madaImgWheel {
         max-width: 40%;
    }
     .madaRicercaHome {
         height: 100% !important;
    }
     .view-home > .panel-body.form-body > .row.frame-row {
         overflow: scroll;
    }
     .view-home .frame-content-box {
         overflow: auto !important;
    }
     #wep-main-container {
         padding: 60px 30px 0 90px;
    }
     #sidebar {
         width: 80px;
         padding-left: 0;
    }
     #sidebar .menu-logo{
         display: none;
    }
     #sidebar .menu-logo-tablet{
         display: block;
    }
     #sidebar .menu-logo-tablet a {
         margin: 0 0 10rem 0;
    }
     #sidebar a {
         width: 50px;
         height: 50px;
         display: block;
         padding: 0;
         background-position: center;
         margin: 0 0 20px 0;
    }
     .sub-cms > .panel-heading {
         background-position: center !important;
         background-size: 28px 28px !important;
         padding: 0 !important;
         width: 50px;
         height: 50px;
         margin: 0 0 20px 0;
    }
     .sub-cms > .panel-heading h4{
         display: none;
    }
     #sidebar a span {
         display: none;
    }
     #sidebar .side_selected_command a {
         border-radius: 15px;
    }
     .sub-cms > .panel-collapse, .sub-cms > .panel-collapse.collapsing, .sub-cms > .panel-collapse.in {
         position: fixed;
         left: 80px;
         top: 0;
         z-index: 99999999;
         background: var(--primary-color);
         height: 100vh !important;
         width: auto;
         min-width: 20vw;
         transition: all 0s ease;
         justify-content: center;
         align-items: center;
    }
     .sub-cms > .panel-collapse.collapsing, .sub-cms > .panel-collapse.in{
         display: flex;
    }
     .sub-cms > .panel-collapse .panel-body{
         width: 100%;
    }
     #sidebar .sub-cms .panel-collapse a {
         width: auto;
         height: auto;
         margin: 0;
         padding-left: 10px;
    }
     #sidebar .sub-cms .panel-collapse a span {
         display: inline-block;
    }
    /**** Home page *****/
     .view-home > .panel-body > .row .frame-column {
         width: 100%;
    }
}
 @media screen and (max-width: 998px) {
     .view-home .form-body:not(.form-body-fluid) > .frame-row {
         height: 100% !important;
    }
     .form-body:not(.form-body-fluid) .panel-list-body-box {
         max-height: 90%;
    }
}