:root {
    --bs-primary: #0756A6;
    --bs-secondary:  #F7D736 !important;
    --bs-dark-blue: #033467!important;
    --bs-success: #82d616;
    --bs-info: #17c1e8;
    --bs-warning: #fbcf33;
    --bs-danger: #ea0606;
    --bs-light: #e9ecef;
    --bs-dark: #344767;
    --bs-white: #fff;
    --bs-grigio-scuro:#333;
    --bs-font-sans-serif: 'Nunito Sans', sans-serif;
    /*--bs-font-sans-serif: 'Montserrat', sans-serif;*/
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: #1DA3D3;
    --bs-gradient-horiz:  #1DA3D3;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #67748e;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bg-gradient {
    background-image: var(--bs-gradient) !important;
}
.bg-grigio-scuro {
    background: var(--bs-grigio-scuro);
    color:#fff;
}
.bg-gradient-horiz {
    background: var(--bs-gradient-horiz);
}
div#sidebarToggler {
    background: var(--bs-gradient)!important;
}
/* Change color error Bootstrap */
label.error, span.error {
    color: #a94442 !important;
}

.text-black {
    color: #000 !important;
}

/* Change color error Bootstrap */
label.success, span.success {
    color: #4ED41F !important;
}

/* No border radius top*/
.no-border-radius-top {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.v-center {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

/* Select2 */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #fff !important;
    color: var(--bs-primary);
    font-size: 0.7rem;
    border: 1px solid var(--bs-primary) !important;
}

.select2-container--classic .select2-selection--multiple {
    border: none !important;
}

a, .btn {
    cursor: pointer !important;
}
.tabella-magazzino .nomeArticolo h6 {
    cursor: default;
}
@media screen and  (min-width: 1651px) {

    .bp-big {
        display: table-cell !important;
    }
    .tabella-listItem tr td input {
        text-align: center!important;
    }
    .d-maxi-table-cell {
        display: table-cell !important;
    }
}
@media screen and (min-width: 1652px) and (max-width: 2000px) {
    .tabella-magazzino .nomeArticolo h6 {
        white-space: nowrap;
        width: 200px!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .d-maxi-table-cell {
        display: table-cell !important;
    }

}

@media screen and (min-width: 1401px) and (max-width: 1651px) {

    .bp-big {
        display: none !important;
    }
    .tabella-listItem tr td input {
        text-align: center!important;
    }
    .tabella-magazzino .nomeArticolo h6{
        white-space: nowrap;
        width: 120px!important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
/*    .tabella-magazzino td.nomeArticolo span.brandName:after {
        content: attr(data-content);
        display: block;
    }*/
    .tabella-magazzino td.idOperazione p:after{
        content: attr(data-content);
        display: block;
    }


}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
    .tabella-magazzino td.idOperazione p:after, .tabella-operazioni td.idOperazione p:after {
        content: attr(data-content);
        display: block;
    }

    .bp-big {
        display: none !important;
    }

    .tabella-magazzino td.nomeArticolo span.brandName:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino .nomeArticolo h6 {
        white-space: nowrap;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tabella-listItem tr td.iconaToggle:after, .tabella-listItem tr td.iconaToggle:before{
        content:''!important;
    }
    .tabella-listItem tr td input {
        text-align: center!important;
    }
    .tabella-magazzino td.tipologiaOperazione p:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-magazzino td.tipologiaOperazione .test:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-listItem td {
        border-bottom: 0;
    }
}

@media screen and (max-width: 1200px) {
    /*  .td-mobile-none {*/
    /*display:none;*/
    /*  }*/
    .tabella-listItem td, .listaDocumenti td {
        border-bottom: 0;
    }
    .tabella-anagrafiche tr {
        display: grid !important;
        grid-template-columns:repeat(3, 2fr);
    }

    .tabella-magazzino tr {
        display: grid !important;
        grid-template-columns: repeat(3, 2fr);
    }

    .tabella-prodotti tr:not(.d-none) {
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns: 1fr 1fr 1fr 100px 1fr;
        border-bottom: 1px solid #dedede;
    }
    table.listaDocumenti tr {
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns: 1fr 1fr 1fr;
        border-bottom: 1px solid #dedede;
    }
    table.listaDocumenti tr select{
       width: 100%!important;
    }
    table.listaDocumenti thead{
      display: none!important;
    }
    table.listaDocumenti td.documentiAnagrafica:before{
        content: attr(data-content)!important;
        display: block;
    }

    .tabella-prodotti tr:not(.d-none) td, .tabella-magazzino tr td {
        border-bottom: none !important;
    }

    .tabella-magazzino tr {
        border-bottom: 1px solid #6c757d;
    }

   /* td.numero {
        grid-area: 1 / 1 / auto / auto;
    }

    td.email {
        grid-area: 2 /1 / auto / span 2;
    }

    td.tipologia {
        grid-area: 2 / 3 / auto / span 1;
    }

    td.azioni {
        grid-area: 2/ 5 / auto / span 1;
        text-align: center;
    }*/
    td.tipologia:before{
        content: attr(data-content);
        display: block;
    }
    .tabella-anagrafiche thead, .tabella-prodotti thead, .tabella-magazzino thead, .tabella-operazioni thead {
        display: none;
    }
    .tabella-anagrafiche td {
        border-bottom: 0;
    }
    .tabella-anagrafiche tr {
        border-bottom: 1px solid #dedede;
    }


    .tabella-prodotti td.codice p:after {
        content: attr(data-content);
        display: block;
    }


    .tabella-prodotti td.quantita p:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-prodotti td p:before {
        content: attr(data-title);
        display: inline-block;
        margin-right: 2px;
    }

    .tabella-prodotti td.nomeArticolo {
        word-break: break-word;
        white-space: normal;

        max-width: 200px;

    }

    .table > tbody {

        max-width: 100% !important;

        overflow-x: hidden !important;
    }

    .tabella-magazzino .nomeArticolo h6 {
        white-space: nowrap;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tabella-magazzino tr:nth-of-type(even) {
        background-color: #f7f7f7;
    }

    .tabella-magazzino td.nomeArticolo span.brandName:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino td.nomeArticolo {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: 1;
    }

    .tabella-magazzino td.idOperazione p:after, .tabella-operazioni td.idOperazione p:after {
        content: attr(data-content);
        display: block;
    }

     .tabella-operazioni td.tipologiaOperazione p:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-magazzino td.tipologiaOperazione p:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-magazzino td.tipologiaOperazione .test:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-magazzino td span.qtySpan:before {
        content: attr(data-content-2);
        display: inline-block;
    }

    .tabella-magazzino td span.qtySpan:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino td.tipologiaOperazione p:before {
        content: attr(data-content-2);
        display: block;
    }

    .tabella-magazzino td {
        text-align: left !important;
    }
    .tabella-listItem tr td.iconaToggle:after, .tabella-listItem tr td.iconaToggle:before{
       content:''!important;
    }
}

@media screen and (max-width: 764px) {
    .tabella-listItem td {
        border-bottom: 0;
    }
    /*  .td-mobile-none {*/
    /*display:none;*/
    /*  }*/
    .table > tbody {

        max-width: 100% !important;

        overflow-x: hidden;
    }

    .tabella-cat-b tr {
        display: grid !important;
        grid-template-columns: 1fr repeat(5, 1fr);
        /*grid-template-columns: 1fr 1fr 1fr!important;*/
    }

    .tabella-cat-b tr td:before {
        content: attr(data-title);
        display: block;
    }

    .tabella-prodotti tr:not(.d-none), .tabella-cat-b tr, .table-dashboard tr {
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns: 1fr 1fr 1fr;
        border-bottom: 1px solid #dedede;
    }

    .tabella-prodotti tr:not(.d-none) td, .tabella-cat-b tr td {
        border-bottom: none !important;
    }

    .tabella-prodotti thead, .tabella-cat-b thead {
        display: none;
    }

    .tabella-prodotti td.codice p:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-prodotti td.quantita p:after {
        content: attr(data-content);
        display: block;
    }

    /*   .tabella-prodotti td.operazioni {
           grid-column-start: 3;
           grid-column-end: 3;
           grid-row-start: 2;
           grid-row-end: 3;
       }*/
    /*    .tabella-prodotti td.codice p:before {
            content: attr(data-title);
            display: inline-block;
            margin-right: 2px;
        }*/
    .tabella-magazzino .nomeArticolo h6 {
        white-space: nowrap;
        width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tabella-prodotti td p:before {
        content: attr(data-title);
        display: inline-block;
        margin-right: 2px;
    }

    .tabella-prodotti td.prezzo, .tabella-prodotti td.operazioniCarico {
        text-align: left !important;
    }

    .tabella-magazzino tr {
        display: grid !important;
        grid-template-columns: repeat(2, 2fr);
    }

    .tabella-magazzino tr:nth-of-type(even) {
        background-color: #f7f7f7;
    }

    .tabella-magazzino td.nomeArticolo span.brandName:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino td.nomeArticolo {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row: 1;
    }

    .tabella-magazzino td.idOperazione p:after, .tabella-operazioni td.idOperazione p:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino td.tipologiaOperazione p:after, .tabella-operazioni td.tipologiaOperazione p:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino td span.qtySpan:before {
        content: attr(data-content-2);
        display: inline-block;
    }

    .tabella-magazzino td span.qtySpan:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-magazzino td.tipologiaOperazione p:before {
        content: attr(data-content-2);
        display: block;
    }

    .tabella-magazzino td {
        text-align: left !important;
    }

    .tabella-operazioni td.statoOperazione p:before {
        content: attr(data-content-2);
        display: block;
    }

    .tabella-listItem tr td.iconaToggle:before{
        content: attr(data-content-2)!important;
        display: inline;
    }
    .tabella-listItem tr td.iconaToggle .dropend {
        display: inline!important;
    }
    .tabella-listItem tr td.iconaToggle:after{
        content: attr(data-content)!important;
        display: block;
        text-align: left;
    }
    .tabella-listItem a.productName {
        white-space: nowrap;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
    }


}

@media screen and (max-width: 1399px) {
    .tabella-prodotti td.codice p:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-listItem td.idOperazione:after {
        content: attr(data-content);
        display: block;
    }
    .tabella-listItem tr{
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns: 1fr repeat(4, 2fr);
        border-bottom: 1px solid #dedede;
    }
    .tabella-listItem tr td:before{
        content: attr(data-content-2);
        display: block;
    }
    .tabella-listItem tr, .tabella-listItem tr input {
        text-align: center!important;
    }
    .tabella-listItem thead{
        display:none;
    }
}

/*#sidenav-collapse-main {
    display: flex;
    overflow: auto;
    min-height: calc(100vh + 60px)!important
    height: 100vh!important;
}*/
@media screen and (max-width: 600px) {
   /* #sidenav-collapse-main > .navbar-nav {
        width: 100%;
        !* height: 100%; *!
        padding-bottom: calc(80vh + 80px)!important; }*/

    .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
        display: inline;
    }
    table {
        table-layout: fixed;
    }
    .container-fluid.p-5 {
        padding: 1rem!important;
    }
    .tabella-anagrafiche tr {
        display: grid !important;
        grid-template-columns:repeat(2, 1fr);
    }
    .tabella-anagrafiche tr {
       justify-content: center;
        text-align: center;
    }
    .tabella-listItem td, .table-dashboard table td{
        border-bottom: 0;
    }
    /*  .td-mobile-none {*/
    /*display:none;*/
    /*  }*/
    .tabella-prodotti tr:not(.d-none) {
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid #dedede;
    }

    .tabella-operazioni tr {
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns: 1fr 1fr;
        border-bottom: 1px solid #dedede;
    }
    .tabella-operazioni tr td {
        border-bottom: none !important;
    }
    .tabella-prodotti tr:not(.d-none) td {
        border-bottom: none !important;
    }

    .tabella-prodotti thead, .table-dashboard thead {
        display: none;
    }

    .tabella-prodotti td.codice p:after {
        content: attr(data-content);
        display: block;
    }

    .tabella-prodotti td.quantita p:after {
        content: attr(data-content);
        display: block;
    }

    /*   .tabella-prodotti td.operazioni {
           grid-column-start: 3;
           grid-column-end: 3;
           grid-row-start: 2;
           grid-row-end: 3;
       }*/
    /*    .tabella-prodotti td.codice p:before {
            content: attr(data-title);
            display: inline-block;
            margin-right: 2px;
        }*/
    .tabella-prodotti td p:before {
        content: attr(data-title);
        display: inline-block;
        margin-right: 2px;
    }


    .tabella-prodotti td.prezzo, .tabella-prodotti td.operazioniCarico, .tabella-prodotti td.quantita {
        text-align: left !important;
    }

    .tabella-listItem tr{
        display: grid !important;
        /*grid-template-columns: 1fr repeat(4, 1fr);*/
        grid-template-columns:repeat(2, 2fr);
        border-bottom: 1px solid #dedede;
    }
    .tabella-listItem a.productName {
        width: 100px;
        white-space: nowrap;
        display: inline-block;
        text-overflow:ellipsis;
    }
}

/* Profile SubMenu */
.dropdown:not(.nav-item) .dropdown-menu:before {
    left: 50% !important;
}

.dropdown.dropdown-hover:hover > .dropdown-menu:before, .dropdown .dropdown-menu.show:before {
    left: 50% !important;
}

/*Paginazione*/
.pagination {
    justify-content: flex-end !important;
    padding: 0 10px;
}

.pagination li {
    padding: 5px 12px;
    border-radius: 5px;
}

.pagination li a {
    color: grey !important;
}

.pagination li.active {

    background-color: var(--bs-primary);
}

.pagination li.active a {
    color: #fff !important;
}

/*Icone articoli*/
.OperazioneArticoli {
    padding: 3px 8px;
}

.text-azzurro {
    color: var(--bs-primary) !important;
}

/* select multiple */
.option[multiple] option {
    display: inline-block !important;
    margin-right: 5px;
}

select[multiple] {
    height: auto !important;
    max-height: 41px;
}

select[multiple]:focus option:checked {
    background-color: var(--bs-primary) !important;
}

.nav-link.active .icon i {
    color: #fff !important;
}

.remove {
    cursor: pointer;
}

.addNewSelectOption, .SaveNewSelectOption {
    cursor: pointer;
    font-weight: bold;
}

/*Agenda today background*/
/*
td.fc-timegrid-col.fc-day.fc-day-thu.fc-day-today {
    background-color: #ddfde3!important;
}*/

.table-dashboard h6.text-xs.mb-0 {
    white-space: nowrap;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-widget.ui-widget-content {
    z-index: 11569 !important;

}

select#tipologiaFattura option {
    display: inline-block !important;
    margin-right: 10px;
}

.select2-container {
    display: block !important;
    width: 100% !important;
}

.row.attributes .select2-container--default .select2-selection--multiple {
    border: 1px solid #d2d6da !important;
    box-sizing: content-box;
    border-radius: 8px;
}

.row.attributes .select2-container .select2-search--inline .select2-search__field {
    margin: 0 !important;
}

/* badge sezione documenti colore */

.badge.type-1 {
    background-color: #FFC500 !important;
}

.badge.type-4 {
    background-color: #CC4500 !important;
}

.badge.type-3 {
    background-color: #333 !important;
}

.badge.type-2 {
    background-color: var(--bs-primary) !important;
}

.badge.type-5 {
    background-color: #44bbee !important;
}
.badge.type-6 {
    background-color: #2dc26d !important;
}
.badge.type-7 {
    background-color: #e17444 !important;
}
/* scadenze pagamenti icone */
i.notPayed {
    color: #bd1313 !important;
}

i.Payed {
    color: forestgreen !important;
}

a.disabled {
    cursor: default !important;
    color: #909294 !important;
}

.bici-associata {
    background-color: var(--bs-primary) !important;
    padding: 5px !important;
    color: #fff !important;

}

/*bg tabelle differenziati*/
.bg-workshop {
    background-color: #3B81CA!important;
    color: #fff!important;

}
/*.bg-workshop th {
    color: #000!important;
}*/
.bg-shop {
    background-color: #30CD9A!important;
    color: #fff!important;
}
thead.border-bottom {
    border-bottom: 2px solid #000!important;
}
.dashboard-section .inner-dashboard-section .card {
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
}

.li.ui-menu-item, .ui-widget.ui-widget-content, .ui-menu .ui-menu-item-wrapper {
    font-family: var(--bs-font-sans-serif)!Important;
    font-weight: 300!important;

}

a.productName, span.productName {
    max-width: 250px!important;
    display: block;
    word-break: break-all!important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.navbar-vertical  {
    top:0;
    left:0;
    max-width: 15.625rem !important;
    width: 15.625rem !important;

    margin: 0!important;
    border-radius: 0!important;
    background: var(--bs-gradient);
    transition: transform 0.1s ease-in-out!important;
}
.show.navbar-vertical {
    position: fixed;
    z-index: 5;
    height: 100%;
}
.offcanvas-start {
    top: 0;
    left: 0;
    max-width: 15.6rem;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    transform: translateX(-193px);

}