/*
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 : 21-ott-2019, 12.04.48
    Author     : filippo
*/
body.main-body{
    background: #f5f6fa !important;
}
.login-body{
    background-size: 100% auto;
}
body.layout-compact, body.layout-compact .ui-widget-content, body.layout-compact .layout-wrapper .ultima-menu li ul li a , body.layout-compact .layout-wrapper .ultima-menu li a {
    font-size: 12px !important;
}
.layout-wrapper .layout-menu{
    -webkit-box-shadow: 0px 0 6px rgb(0 0 0 / 30%) !important;
    -moz-box-shadow: 0px 0 6px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0px 0 6px rgb(0 0 0 / 30%) !important;
}
.ui-carousel .ui-carousel-header .ui-carousel-header-title {
    width: 60% !important;
}
.fix_div_basso_dx_top {
    position: fixed;
    bottom: 20px;
    right: 30px;
}

.notifiche .ui-overlaypanel-content{
    padding: 0px;
    font-size: 12px;
    width: 400px
}
.notificheTitolo{
    padding: 5px 4px 10px; 
    background: white;
    height: 12px;
    border-bottom: 1px solid #bdbdbd;
}
.notificheFooter{
    padding: 5px 4px; 
    background: white;
    height: 12px;
    border-bottom: 1px solid #bdbdbd;
}
.notificheItem{
    padding: 7px 4px; 
    border-bottom: 1px solid #bdbdbd;
    background: whitesmoke;
}
.notificheItem.nuova{
    background: lightcyan;
    font-weight: bold;
}
.dialogTrasparente.ui-widget-content  {
    background: none;
    border: 0px;
}
.dialogTrasparente.ui-dialog.ui-shadow, .dialogTrasparente.ui-shadow{
    box-shadow: none;
    -webkit-box-shadow: none;
}

/* font size delle icone material del menu in modalità compact */
body.layout-compact .ultima-menu .material-icons{
    font-size: 22px !important;
    /*font-family: "Helvetica Neue", "Arial", sans-serif;
    font-style: italic;*/
}

.layout-wrapper .topbar .topbar-left {
    padding: 5px !important;
}

.layout-wrapper .topbar .logo {
    width: 100% !important;
    height: 100% !important;
}

.layout-wrapper .footer {
    padding: 0.5em 0em !important;
}
.layout-wrapper .layout-rightpanel {
    width: 260px !important;
    right: -260px !important;
}
.layout-wrapper .layout-rightpanel.layout-rightpanel-active {
    right: 0 !important;
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.valoreCarrello{

}
.dashboard .colorbox.colorbox-10 div:first-child {
    background-color: #96b761;
}
.dashboard .colorbox.colorbox-10 div:last-child {
    background-color: #b7e077;
}
.dashboard .colorbox.colorbox-11 div:first-child {
    background-color: salmon;
}
.dashboard .colorbox.colorbox-11 div:last-child {
    background-color: lightsalmon;
}
/* datatable */
.ui-datatable {
    width: 99.8%;
}




body a{
    color: #346BAD;
}
.fontBlue{
    color: #346BAD;
}
.iconeTopBar{
    color: #FFFFFF;
    fill: #FFFFFF;
}
.bordoHeaderRisultatoRicerca{
    border-bottom: 2px solid #346BAD;
    background: white;
}
.ui-dialog-titlebar {
    background-color: #346BAD;
    color: #ffffff;
}

body .ui-dialog .ui-dialog-titlebar {
    background-color: #346BAD;
    color: #ffffff;
}

.ui-dialog-titlebar.ui-widget-header {
    background-color: #346BAD;
    color: #ffffff;
}
.rigaPromoNonValida{
    color: red;
    font-style: italic;
}

.input-text-width {
    width: 500px;
}

.flex-center {
    display: flex!important;
    justify-content: center;
}

.fileupload-progress-with-button .ui-fileupload-progress {
    display: inline-flex;
}

.fileupload-progress-with-button .ui-fileupload-progress + div {
    display: contents;
}

.text-center{
    text-align: center;
}

.responsive-flex-center-media-unset{
    display: flex;
    justify-content: center;
}

.responsive-display-none-media-table-cell{
    display: none;
}

.responsive-display-table-cell-media-none {
    display: table-cell;
}

.responsive-text-right-media-initial{
    text-align: right;
}

@media all and (max-width: 640px) {
    .layout-wrapper .layout-main {
        padding-right: 1px !important;
        padding-left: 1px !important;
    }

    .input-text-width {
        width: 95%;
    }

    .media-width-99-percent {
        width: 99% !important;
    }

    .media-fieldset-block{
        padding: 6px !important;
    }

    .media-border-none{
        border: none !important;
    }

    .media-table-reflow .ui-column-title{
        text-align: left;
        max-width: 30%;
    }

    .media-table-reflow .ui-reflow-dropdown, .media-table-reflow-without-some-cols .ui-reflow-dropdown{
        border: none!important;
    }

    .media-bold-column-title .ui-column-title{
        font-weight: bold;
    }

    .media-table-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden){
        float: none !important;
        display: flex !important;
        width: initial !important;
    }

    .media-table-border-bottom tbody>tr.ui-widget-content{
        border-bottom: 1px solid #bdbdbd !important;
    }

    .media-display-none{
        display: none;
    }

    .media-display-none-imp{
        display: none!important;
    }

    .media-flex{
        display: flex!important;
    }

    .media-grid-cell-good-padding .ui-panelgrid-cell{
        padding: 4px 4px!important;
    }

    .media-table-reflow-without-some-cols .ui-column-title {
        text-align: left;
        width: 50%;
    }

    .media-table-reflow-without-some-cols td[role="gridcell"]:not(.ui-helper-hidden) {
        float: none !important;
        width: initial !important;
    }

    .responsive-flex-center-media-unset{
        display: unset;
    }

    .responsive-display-none-media-table-cell{
        display: table-cell;
    }

    .responsive-display-table-cell-media-none {
        display: none !important;
    }

    .responsive-text-right-media-initial{
        text-align: initial;
    }

    .media-remove-column-header .ui-column-title{
        display: none!important;
    }

    .media-width-200{
        width: 200px;
    }

    .ui-g-1, .ui-g-2, .ui-g-3, .ui-g-4, .ui-g-5, .ui-g-6, .ui-g-7, .ui-g-8, .ui-g-9, .ui-g-10, .ui-g-11, .ui-g-12 {
        padding: .7em !important;
    }

}

@media all and (min-width: 640px) {
    .no-media-text-center{
        text-align: center;
    }

    .ui-lg-1, .ui-lg-2, .ui-lg-3, .ui-lg-4, .ui-lg-5, .ui-lg-6, .ui-lg-7, .ui-lg-8, .ui-lg-9, .ui-lg-10, .ui-lg-11, .ui-lg-12 {
        padding: .7em !important;
    }
}

@media all and (min-width: 1024px){
    .menuItem-display-none{
        display: none!important;
    }
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield {
    color: #000000;
}

.itemVetrinaPromo{
    text-align: center; 
}
.promoVetrina{
    margin: 10px;
    padding: 5px;
    background: #e0e0e0;
    min-height: 345px;
}
.promoVetrinaTitolo{
    width: 100%; 
    border-bottom: 1px solid #2373a5;
    color: #2373a5;
    text-align: left;
    font-style: italic;
    font-weight: bold;
    font-size: 16px !important;
}
.promoVetrinaImmagine{
    width: 100%;
    padding-top: 10px;
}
.promoVetrinaNote{
    width: 100%;
    text-align: center;
    padding-top: 7px;
    font-size: 12px;
    font-weight: bold;
    color: darkred;

}
.promoVetrinaPDF{
    padding-top: 8px;
    text-align: left;
}

.linkBlu:link{
    text-decoration: none !important;
    color: #346BAD;
}
.linkBlu:hover{
    text-decoration: underline !important;
    color: orange;
}
.linkCatalogo:link{
    color: white;
    text-decoration: none !important;
}
.linkCatalogo:hover{
    color: white;
    text-decoration: underline !important;
}
.navCatalogo{
    font-size: 18px; 
}
.navCatalogoItem{
    display: inline; 
    padding: 2px 10px;
}
/*.boxCatalogo{
    height: 150px; 
    position: relative; 
    text-align: center
}
.boxCatalogoTesto{
    color: white; 
    width: 100%;
    text-align: center;
    position: absolute;
    top: 60px
}*/
.boxCatalogo{
    height: 70px; 
    border: none;
    background: none;
    padding: 1px;
}
.boxCatalogoContainer{
    display: table;
    width: 100%;
    height: 100%;
    background: white;
    padding: 4px;
    border-radius: 7px;
    box-shadow: 1px 2px 6px darkgrey;
}
.boxCatalogoLeft{
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;

}
.boxCatalogoRight{
    display: table-cell;
    color: #212121;
    font-size: 13px;
    vertical-align: middle;
    padding-left: 5px
}




.dashboard .colorbox.colorbox-5 div:first-child {
    background-color: #e3b911; }
.dashboard .colorbox.colorbox-5 div:last-child {
    background-color: #ffd013; }
.dashboard .colorbox.colorbox-6 div:first-child {
    background-color: #1b11e3; }
.dashboard .colorbox.colorbox-6 div:last-child {
    background-color: #1e13ff; }
.dashboard .colorbox.colorbox-7 div:first-child {
    background-color: #9f6ed2; }
.dashboard .colorbox.colorbox-7 div:last-child {
    background-color: #bd82f9; }
.dashboard .colorbox.colorbox-8 div:first-child {
    background-color: #d7a974; }
.dashboard .colorbox.colorbox-8 div:last-child {
    background-color: #f9c282; }
.dashboard .colorbox.colorbox-9 div:first-child {
    background-color: #ba6807; }
.dashboard .colorbox.colorbox-9 div:last-child {
    background-color: #ed8204; }

.lds-dual-ring {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 32px;
  height: 32px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #346BAD;
  border-color: #346BAD transparent #346BAD transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}