:root{
    --nowizard-footer-height:8vh;
}
@font-face {
    font-family: myFirstFont;
    src: url(https://use.typekit.net/af/21fe31/00000000000000007735bb95/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
}

@font-face {
    font-family: boldFont;
    src: url(https://use.typekit.net/af/7f1946/00000000000000007735bb73/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3);
}

@font-face {
    font-family: italicsFont;
    src: url(https://use.typekit.net/af/06d56d/00000000000000007735bb9d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3);
}

body {
    background-color: var(--lightgrey2);
    font-family: myFirstFont;
    padding-top: 0px !important;
}

[main-navbar] {
    background-color: white;
    text-transform: uppercase;
}

[main-navbar] .nav-link {
    color: black;
    padding-left: 0.1rem !important;
    padding-right: 0rem !important;
}

[main-navbar]:not(.collapsed) .nav-link::before {
    margin-right: 6px !important;
}

.control-label{
    display:inline;
}

.userman-box {
    border-top: 3px solid #c00e1a;
}

.userman-cmds {
    align-items: center;
}

.userman-main {
    margin-top: 82px !important;
    background-image: linear-gradient( 0deg, #c00e1a 0%, #c00e1a 4px, var(--background) 4px, var(--background) calc(100% - 6px), #c00e1a calc(100% - 6px), #c00e1a 100%) !important
}
.userman-main .tab-content {
    margin-top: unset !important; 
}

.tab-content[main-navbar-content] > .tab-pane {
    background-color: #c00e1a;
}

.nav-item.dropdown, .nav-link.dropdown-toggle {
    color: black;
}

[main-navbar] .nav-link.active {
    color: #c00e1a !important;
}

.sidebar-collapser {
    display: none !important;
}

.menu-side {
    font-size: 12px;
    text-align: center;
}
nav.navbar.navbar-expand-sm.bg-dark.navbar-dark.fixed-top{
    z-index:10001;
}
.toast-message br {
    display: block;
}
[bb-label-position="Left"] label {
    flex-basis: 50%;
}
.nav-item-localization,.theme-switcher{
    display: none;
}

.elementor-container {
    	display: flex;
        height: calc(100% + 20px);
        width: 100%;
    }
    
.elementor-position {
    display: flex;
    margin-left: 69%;
    width: 50%;
}
    
.elementor-element {
    display: flex;
    padding: 7px 8px 8px;
    background-color: #6f6e6e;
    align-items: center;
}
    
.elementor-element--logsearch {
    display: flex;
    margin: 0px 10px 0px 0px;
    height: 42px;
    width: 32px;
}
    
.elementor-element--select {
    display: flex;
    background-color: #6f6e6e;
    border: none;
    margin: 0px 0px 0px 0px;
    height: 27px;
    width: 57.11px;
    color: white;
    font-size: 16px;
}
    
.fa-user:before {
    content: "\f007";
    color: white;
}
    
.fa-search:before {
    content: "\f002";
    color: white;
}
    
.fa-option {
    color: black;
    background-color: white;
}

.tab-content {
    margin-top: 62px;
}
.jconfirm-content .tab-content {
    margin-top: unset !important; 
}

[bb-is-container]:not([main-container]) .nav-tabs {
    background-color: #c00e1a !important;
}

.e-input-group .e-input-group-icon {
     padding-right: unset !important; 
}

/*[bb-label-position="Top"] .ui-datepicker-trigger {
    top: calc(50% + -0.2rem) !important;
}*/

.row:has([bb-onupload="XlsImport_OnUpload"]) {
    display: none;
}

[bb-page-name="Listini"] [bb-element-name="GestioneListini"] .bb-grid,
[bb-page-name="Articoli"] [bb-element-name="RigheListino"] .bb-grid {
    height: 440px !important;
}

div[bb-page-name="Articoli_Side"] {
    margin-top: -7px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
div[bb-page-name="Listini_Side"] {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

div[bb-page-name="Articoli_Side"] .row:has(div[bb-element-name="ListiniDisponibili"]) {
    flex-grow: 1;
}
div[bb-page-name="Articoli_Side"] .row:has(div[bb-label="Rimuovi<sp>Articolo"]) {
    flex-grow: 3;
}

.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.bg-primary {
    background-color: #b0d7fb !important;
}

.tabulator .tabulator-tableholder .tabulator-table {
    color: black;
}
[bb-is-not-visible] {
    display: block !important;
}
[bb-is-not-visible] *,
.nav-link[bb-is-not-visible],
.tab-pane[bb-is-not-visible]{
    display: none !important;
}
[bb-is-not-visible][bb-is-required='true']::before{
    display:none;
}
[bb-element-name="Distinta"] .bb-grid {
    height: 50vh !important;
}
[bb-element-name="Offerte"] .bb-grid {
    height: 60vh !important;
}
[main-navbar] .nav-link {
    display: flex;
    height: auto !important;
    max-height: none;
    width: calc(100% - 10px);
    white-space: break-spaces;
}
[main-navbar] .nav-link.active:hover {
    background-color: var(--darkgrey);
    border-color: var(--darkgrey);
    color: var(--sidebarfore) !important;
}
.nav-link[bb-page-name="HomePage"]::before {
    content: '\f015' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="VeicoliStock"]::before {
    content: '\f5e4' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="DatiOffertaPage"]::before {
    content: '\f2c2' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="VeicoloTipologiaPage"]::before {
    content: '\f1b9' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="ConfigurationNav"]::before{
    content: '\f5e4' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="AllestimentoPianaleRibassatoPage"]::before,
.nav-link[bb-page-name="AllestimentoTrasportoCollettivoMinibusPage"]::before,
.nav-link[bb-page-name="AllestimentoTrasportoCollettivoMPVPage"]::before,
.nav-link[bb-page-name="AllestimentoK0"]::before,
.nav-link[bb-page-name="AllestimentoForzeOrdine"]::before{
    content: '\f5e4' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="ServiziPage"]::before {
    content: '\f518' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="DettagliEOptionals"]::before,
.nav-link[bb-page-name="DettagliEOptionalsTrasportoCollettivo"]::before,
.nav-link[bb-page-name="DettagliEOptionalsCaddyConnect"]::before{
    content: '\f217' !important;
    font-weight: 900 !important;
}
.nav-link[bb-page-name="PageDistinta"]::before {
    content: '\f00b' !important;
    font-weight: 900 !important;
}

.jconfirm .jconfirm-box {
    border-top-color: #c00e1a;
}
[bb-element-name="LabelOfferta"] label {
    font-size: 20px;
    margin-left: 20vw !important;
}
[one-column-grid] .tabulator-header {
    display: none;
}
[one-column-grid] .bb-grid{
    height: auto !important;
}
[bb-element-name="TotaleOfferta"] input[readonly],
[bb-element-name="TotaleIva"] input[readonly],
[bb-element-name="TotaleOffertaConIva"] input[readonly]
{
    text-align: right;
    border: none !important;
    background-color: transparent !important;
}
[bb-element-name="UnitarioOfferta"] input[readonly],
[bb-element-name="UnitarioIva"] input[readonly],
[bb-element-name="UnitarioOffertaConIva"] input[readonly]
{
    text-align: right;
    border: none !important;
    background-color: transparent !important;
}
[bb-element-name="TotaleOfferta"] label,
[bb-element-name="TotaleIva"] label,
[bb-element-name="TotaleOffertaConIva"] label 
{
    width: 90% !important;
    max-width: unset;
    display: flex;
}
[bb-element-name="UnitarioOfferta"] label,
[bb-element-name="UnitarioIva"] label,
[bb-element-name="UnitarioOffertaConIva"] label 
{
    width: 90% !important;
    max-width: unset;
    display: flex;
}

.btn-avanti {
    position: fixed;
    z-index: 10000;
    top: max(105px, 9vh);
    right: 33px;
}
.btn-avanti::after{
    padding-left: 10px;
    content:'\f35a';
    font-weight: 900;
    font-family: "Font Awesome 5 Free" !important;
}
.info {
    display: inline-flex;
    margin-top: -10px;
    position: absolute;
    padding: 6px !important;
    border: 2px solid #c00e1a;
    border-radius: 10px;
    line-height: 5px;
    font-weight: 900;
    color: #c00e1a;
    cursor: pointer;
    right:10px;
}
.e-input-group.e-control-wrapper.e-ddl .form-control.bb-select {
    margin-left: 0;
}
.e-input-group.e-control-wrapper.e-ddl .form-control.bb-select[is-selected] {
    background-color: #b0d7fb !important;
}

[bb-page-name="ServiziPage"] fieldset.bb-radio-group,
[bb-page-name="VeicoloTipologiaPage"] fieldset.bb-radio-group,
[bb-page-name^="Allestimento"] fieldset.bb-radio-group {
    padding: 5px 8px 2px 8px;
    border: 1px solid var(--lightgrey2);
    border-radius: 6px;
}
[bb-page-name^="Servizi"] .row.radio-row .col,
[bb-page-name^="Allestimento"] .row.radio-row .col {
    min-width: 50% !important;
}
[bb-page-name^="Allestimento"] .row .col:first-child {
    min-width: 33% !important;
}

[bb-element-name="ListaVeicoli"] .bb-grid {
    /*height: 60vh !important;*/
    height:auto !important;
}
[bb-element-name="ListaVeicoli"] .bb-grid .tabulator-tableholder{
    height: 25vh !important;
    min-height: unset;
    max-height: 25vh !important;
}
/*[bb-element-name="ListaVeicoli"] img {
    max-height: 25vh;
    height: 25vh !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}*/
[main-navbar] .nav-item {
    margin-bottom: unset;
}
.row:has( > [bb-is-not-visible]) {
    margin-bottom: 0;
}
.row.radio-row {
    margin-bottom: 0px;
}
/*[bb-element-name="TipologiaAllestimento"] {
    display: inline-flex;
}
*/
[bb-element-name="TipologiaAllestimento"] legend {
    display: contents !important;
    max-width: unset !important;
    width: unset !important;
}
[bb-element-name="TipologiaAllestimento"] .control-label {
    display: none;
}
[bb-element-name="TipologiaAllestimento"]:before {
    position: absolute;
    left: 20px;
}
[image-allestimento="true"] img {
    width: 150px;
    height: 150px;
    margin: 0px calc(50% - 90px);
    /*position: absolute;*/
}
[label-allestimento="true"] label {
    text-align: center;
    width: 100%;
}
label.ui-checkboxradio-label {
    width: 100%;
    text-align: left;
}
[image-allestimento="true"] label {
    position: absolute;
    top: 150px;
    width: 150px;
    margin: 0px calc(50% - 90px);
    text-align: center;
}
img.zoomed-image {
    position: fixed;
    margin-left:7vw;
    height: 600px;
    width: 600px;
}

[bb-element-name="TipoAllestimento"] .ui-checkboxradio-label[is-invalid] {
    color: black !important;
}

[bb-control-type="radio-button"] .ui-checkboxradio-label, [bb-control-type="radio-button"] .ui-checkboxradio-label:hover {
    color: black !important;
}

.e-list-item.is-bbt-invalid[element-name='DispositivoSalitaTrasportoCollettivo'] {
    opacity: 1 !important;
}

div[bb-method*="Salva"],
div[bb-method*="Save"] {
    justify-content: center;
    align-items: flex-end;
    display: flex;
}

.ui-datepicker-buttonpane{
    text-align:center;
}
.ui-datepicker-current[data-handler="today"] {
    opacity: 1;
    font-weight: 700;
    float: unset !important;
}
[data-handler="hide"]{
    display:none;
}
.tabulator-cell.sconto-not-editabile,
.tabulator-cell.prezzo-unitario-not-editabile{
    pointer-events: none;
}
.tabulator-cell.sconto-editabile,
.tabulator-cell.prezzo-unitario-editabile{
    border: 1px solid black;
    border-radius: 5px;
    cursor: text;
    background-color: #b2c2b4;
}

/*[rowid="FORZE_ORDINE"],
[rowid="FORZE_DELL_ORDINE"],
[key-value="FORZE_ORDINE"],
[key-value="FORZE_DELL_ORDINE"]{
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 0.5;
}*/
/*[rowid="RIVESTIMENTI_HACCP"],
[key-value="RIVESTIMENTI_HACCP"] {
    pointer-events: none;
    cursor: not-allowed !important;
    opacity: 0.5;
}*/

[bb-method="OpenConcessionariPopup"],
[bb-method="OpenSegnalatoriPopup"] {
    margin: auto;
    margin-bottom: 0;
}
[bb-method="OpenConcessionariPopup"] .btn,
[bb-method="OpenSegnalatoriPopup"] .btn {
    width: 100% !important;
    min-width: unset !important;
    min-height: unset !important;
    line-height: unset !important;
    height: 40px;
    padding: 0;
}

[bb-method="MigraErpNoStd"] button {
    background-color: #FFA500;
    color: black;
    border-color: #FFA500;
}
[bb-method="MigraErpNoStd"] button:hover{
    background-color: #FFB347;
    color: black;
    border-color: #FFB347;
}
[tabulator-field="stato"] {
    text-align: center;
}
.badge-no-std{    
    color: #212529;
    background-color: #FFA500;
    white-space: break-spaces;
}
.badge-scheda-non-stampata {
    background-color: red;
    color: white;
    white-space: break-spaces;
}
.badge-scheda-stampata {
    background-color: yellow;
    color: black;
    white-space: break-spaces;
}
.badge-stock {
    background-color: blue;
    color: white;
    white-space: break-spaces;
}
[is-bb-control] [readonly] .ui-checkboxradio-checked .ui-icon{
    background-color: #A6C8FF !important;
}
.text-info br {
    display: block;
}
[bb-element-name='CategoriaAllestimento'] label[rowid] {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

/*wave 2*/
.flow-body {
    height: calc(var(--app-height) - var(--nowizard-footer-height) - var(--nowizard-header-height));
    min-height: calc(var(--app-height) - var(--nowizard-footer-height) - var(--nowizard-header-height));
}

.flow-body-left, .flow-body-right {
    height: 100%;
}

.flow-body-left {
    overflow: hidden;
}

    .flow-body-left .container-fluid,
    .flow-body-left .tab-content {
        height: 100%;
    }

.flow-body-left .container-fluid {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.flow-body-left [bb-is-not-visible] {
    display: none !important;
}

/*.flow-body-left .container-fluid .row:not([row-index='0'])*/
.flow-body-left .container-fluid .row {
    margin-bottom: 0px;
}

.flow-body-right-ul {
    position: sticky;
    top: 0;
    z-index: 100;
}

.flow-body-right .container-fluid {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.flow-body-right-content {
    background-color: white;
    flex: 1 1 auto;
    overflow: auto;
}

.control-label {
    text-align: left;
    font-size: 1.3rem;
    font-weight: 600;
}
ul#pageConfigurationNavTab {
    display: none;
}
div#pageConfigurationNavTabContent {
    margin-top: 0;
}
[bb-page-name="SceltaCategoriaAllestimentoPage"] [bb-element-name="CategoriaAllestimento"] label.control-label {
    font-size: 3rem;
    width: 100%;
    display: inline-block;
    text-align: center;
}
[bb-page-name="SceltaCategoriaAllestimentoPage"] [bb-is-required='true']::before{
    display:none;
}
[bb-element-name="CategoriaAllestimento"] .isotope-row-container {
    height: 32vh;
    margin:0px 2rem;
}
[bb-element-name="CategoriaAllestimento"] p.isotope-image-text {
    position: relative;
    background-color: transparent;
    text-align: center;
    font-size: 2.5vh;
    bottom: unset;
    color: #C00E1A;
}
[bb-page-name="SceltaCategoriaAllestimentoPage"] {
    padding-top: 0;
}
[bb-page-name="SceltaCategoriaAllestimentoPage"] .flow-header {
    padding-top: 4px;
    position: absolute;
    z-index: 30;
}
[bb-page-name="SceltaCategoriaAllestimentoPage"] .main-back-button {
    padding: 0;
}
.isotope-grid-item--4.iso-grid-item,
.isotope-grid-item--5.iso-grid-item,
.isotope-grid-item--7.iso-grid-item,
.isotope-grid-item--8.iso-grid-item {
    margin: 5px;
    border-radius: 12px;
    border: 2px solid transparent;
}
[bb-element-name="CategoriaAllestimento"] .iso-grid-item img {
    padding: 0 10px 0 10px;
    max-height: unset;
    height: 26vh;
    margin: auto;
}
.isotope-grid-item--4 .hover-container,
.isotope-grid-item--5 .hover-container,
.isotope-grid-item--7 .hover-container,
.isotope-grid-item--8 .hover-container {
    display: none;
}
.isotope-grid-item--4.iso-grid-item:hover,
.isotope-grid-item--5.iso-grid-item:hover,
.isotope-grid-item--7.iso-grid-item:hover,
.isotope-grid-item--8.iso-grid-item:hover {
    cursor: pointer;
    border-color: #C00E1A;
}
.isotope-grid-item--4.iso-grid-item[key-value="PIANALE_RIBASSATO"] {
    background: linear-gradient(to right, #414141, #676767);
}
.isotope-grid-item--4.iso-grid-item[key-value="TRASPORTO_COLLETTIVO"] {
    background: linear-gradient(to right, #676767, #8d8d8d)
}
.isotope-grid-item--4.iso-grid-item[key-value="SOLLEVATORE_FIORELLA"] {
    background: linear-gradient(to right, #676767, #8d8d8d)
}
.isotope-grid-item--4.iso-grid-item[key-value="TRASPORTO_COLLETTIVO_DISABILI"] {
    background: linear-gradient(to right, #8d8d8d, #b3b3b3);
}
.isotope-grid-item--4.iso-grid-item[key-value="RIVESTIMENTI_HACCP"] {
    background: linear-gradient(to right, #b3b3b3, #d9d9d9);
}
.isotope-grid-item--4.iso-grid-item[key-value="FORZE_DELL_ORDINE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--4.iso-grid-item[key-value="FURGONATURE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--4.iso-grid-item[key-value="PANNELLATURE_CARGO"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--5.iso-grid-item[key-value="PIANALE_RIBASSATO"] {
    background: linear-gradient(to right, #414141, #676767);
}
.isotope-grid-item--5.iso-grid-item[key-value="TRASPORTO_COLLETTIVO"] {
    background: linear-gradient(to right, #676767, #8d8d8d)
}
.isotope-grid-item--5.iso-grid-item[key-value="TRASPORTO_COLLETTIVO_DISABILI"] {
    background: linear-gradient(to right, #8d8d8d, #b3b3b3);
}
.isotope-grid-item--5.iso-grid-item[key-value="RIVESTIMENTI_HACCP"] {
    background: linear-gradient(to right, #b3b3b3, #d9d9d9);
}
.isotope-grid-item--5.iso-grid-item[key-value="FORZE_DELL_ORDINE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--7.iso-grid-item[key-value="PIANALE_RIBASSATO"] {
    background: linear-gradient(to right, #414141, #676767);
}
.isotope-grid-item--7.iso-grid-item[key-value="TRASPORTO_COLLETTIVO"] {
    background: linear-gradient(to right, #676767, #8d8d8d)
}
.isotope-grid-item--7.iso-grid-item[key-value="TRASPORTO_COLLETTIVO_DISABILI"] {
    background: linear-gradient(to right, #8d8d8d, #b3b3b3);
}
.isotope-grid-item--7.iso-grid-item[key-value="RIVESTIMENTI_HACCP"] {
    background: linear-gradient(to right, #b3b3b3, #d9d9d9);
}
.isotope-grid-item--7.iso-grid-item[key-value="FORZE_DELL_ORDINE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--7.iso-grid-item[key-value="FURGONATURE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--7.iso-grid-item[key-value="PANNELLATURE_CARGO"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--8.iso-grid-item[key-value="PIANALE_RIBASSATO"] {
    background: linear-gradient(to right, #414141, #676767);
}
.isotope-grid-item--8.iso-grid-item[key-value="TRASPORTO_COLLETTIVO"] {
    background: linear-gradient(to right, #676767, #8d8d8d)
}
.isotope-grid-item--8.iso-grid-item[key-value="SOLLEVATORE_FIORELLA"] {
    background: linear-gradient(to right, #676767, #8d8d8d)
}
.isotope-grid-item--8.iso-grid-item[key-value="TRASPORTO_COLLETTIVO_DISABILI"] {
    background: linear-gradient(to right, #8d8d8d, #b3b3b3);
}
.isotope-grid-item--8.iso-grid-item[key-value="RIVESTIMENTI_HACCP"] {
    background: linear-gradient(to right, #b3b3b3, #d9d9d9);
}
.isotope-grid-item--8.iso-grid-item[key-value="FORZE_DELL_ORDINE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--8.iso-grid-item[key-value="FURGONATURE"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
.isotope-grid-item--8.iso-grid-item[key-value="PANNELLATURE_CARGO"] {
    background: linear-gradient(to right, #d9d9d9, #ffffff);
}
ul#pagePag_Configuration_Side_Flow_LeftTab {
    display: none;
}
ul#pagePag_Configuration_Side_FlowTab {
    padding-left: 0;
    padding-right: 0;
}
div#pagePag_Configuration_Side_Flow_LeftTabContent {
    margin-top: 0;
}
[bb-control-type="image"][bb-element-name="CategoriaAllestimento"] img {
    margin: auto;
}
.flow-body-right .nav-link::before {
    display:none;
}
.flow-body-right .nav-link{
    white-space: nowrap;
    display: inline-block;
}
.flow-body-right  li.nav-item {
    flex-grow: unset !important;
}
[bb-is-container]:not([main-container]) .tab-pane[bb-page-name]:has([bb-is-container]) .flow-body-right div > .nav-tabs > .nav-item > .nav-link {
    border-radius: 0 !important;
    border-color: transparent !important;
    border: 0 !important;
    background-color: #c00e1a !important;
    color: #ffa5ab !important;
    font-weight: 900;
    font-size: 20px !important;
}
[bb-is-container]:not([main-container]) .tab-pane[bb-page-name]:has([bb-is-container]) .flow-body-right div > .nav-tabs > .nav-item > .active {
    color: white !important;
    border-bottom: 6px solid white !important;
}
[main-navbar].in-configuration,
.page-footer.in-configuration{
    display:none;
}
[main-navbar-content].in-configuration {
    width: 100%;
    max-width: 100%;
    left: 0px;
}
.page-footer.flow-footer {
    left: 0px;
    width: 100%;
    max-height: none;
}
button.main-back-button:before {
    content: "\f060";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 5px;
}
button.main-back-button {
    text-transform: uppercase;
    background-color: transparent !important;
    border: none;
}
.main-back-button {
    font-size: 20px;
    font-weight: 900;
}
.main-back-button:hover {
    color: #343a40;
}
div#pagePag_Configuration_Side_FlowTabContent {
    margin-top: 0;
}
.flow-body-right p.isotope-image-text {
    position: relative;
    bottom: 0px;
    font-size: 1.2rem;
    background-color: transparent;
    text-align: center;
}
.flow-body-right .iso-grid-item img {
    max-height: 15vh;
    margin: auto;
}
[bb-element-name="ListaVeicoli"]  .flow-body-right .isotope-grid{
    max-height: 35vh;
}
.flow-body-right .isotope-grid {
    /*max-height: 35vh;*/
    overflow-y: auto;
    overflow-x: hidden;
}
#pagePag_Configuration_Side_FlowTabContent > .tab-pane > [bb-is-container] {
    height: 70vh;
    overflow-y: auto;
    overflow-x: hidden;
}
div#showMore {
    display: none;
}
.flow-body-right .iso-grid-item {
  position: relative;
  border: 2px solid #ccc; /* Colore più chiaro */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Ombreggiatura più leggera */
  border-radius: 10px; /* Bordo più arrotondato */
  padding: 10px;
  margin: 3px;
  max-width: 33%;
}
.flow-body-right .iso-grid-item::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 2px solid #ccc; /* Colore più chiaro */
  border-radius: 50%;
  background-color: #fff;
  margin-left: -4px;
}
.flow-body-right .iso-grid-item.is-selected::before {
  background-color: green;
  border: 2px solid green;
}
.flow-body-right .hover-container{
    display:none;
}
[all-no-image] img {
    display: none;
}
[all-no-image] .iso-grid-item {
    min-height: 100px;
    display:flex;
    flex-direction: column;
}
[all-no-image] p.isotope-image-text {
    margin: auto !important;
}
[bb-element-name="Servizi"] .isotope-grid {
    max-height: unset;
}
[bb-element-name="Servizi"] > label.control-label, [bb-element-name="Servizi"][bb-is-required='true']::before {
    color: transparent;
}
.top-label {
    font-size: 20px;
    font-weight: 900;
}
ul#pagePag_Configuration_Side_FlowFooter {
    width: 100%;
    min-height: var(--nowizard-footer-height);
}
button.btn.btn-primary {
    width: 100%;
    min-height: 5vh;
    font-size: 1.5rem;
    line-height: 3rem;
}
[bb-page-name="DatiOffertaPage"] button.btn.btn-primary {
    width: unset;
    min-width: 270px;
    min-height: 5vh;
    font-size: 1.5rem;
    line-height: 3rem;
}
.userman-submit button.btn.btn-primary {
    width: unset;
    min-height: unset;
    font-size: unset;
    line-height: unset;
}
[bb-method="OpenRiepilogo"] button.btn.btn-primary:after {
    content: "\f15c";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 500 !important;
    margin-left: 10px;
}
[bb-method="NuovaTestataOfferta"] button.btn.btn-primary:after,
[bb-method="NuovaTestataOffertaStock"] button.btn.btn-primary:after {
    content: "\f0fe";
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
    font-weight: 500 !important;
    margin-left: 10px;
}
[bb-method="PrenotaTelaio"] button.btn.btn-primary:after {
    content: "\f023";
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
    font-weight: 900 !important;
    margin-left: 10px;
}
[bb-method="CopiaTestataOfferta"] button.btn.btn-primary:after {
    content: "\f0c5";
    font-family: "Font Awesome 5 Free" !important;
    font-size: 20px;
    font-weight: 500 !important;
    margin-left: 10px;
}
[bb-method="ModificaTestataOfferta"] button.btn.btn-primary:after {
    content: "\f044";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 500 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-method="Print"] button.btn.btn-primary:after, [bb-method="PrintScheda"] button.btn.btn-primary:after, [bb-method="PrintFSOrdinePerFocaccia"] button.btn.btn-primary:after{
    content: "\f02f";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-method="CloseLost"] button.btn.btn-primary:after, [bb-method="CloseCancelled"] button.btn.btn-primary:after{
    content: "\f057";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-method="PrintFSOrdinePerFocaccia"] .btn.btn-primary {
    /*background-color: red;*/
    background-color: #c00e1a;
}
[bb-method="EliminaOfferta"] button.btn.btn-primary:after {
    content: "\f1f8";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
/*[bb-method="OpenConcessionariPopup"] button.btn.btn-primary:after {
    content: "\f5e4";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}*/
[bb-method="SalvaTestataOfferta"] button.btn.btn-primary:after, [bb-rule="SaveOffertaRule"] button.btn.btn-primary:after  {
    content: "\f0c7";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-method="CloseSegnalatoriPopup"] button.btn.btn-primary:after,
[bb-method="CloseConcessionariPopup"] button.btn.btn-primary:after {
    content: "\f46c";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-rule="ChangeCategoriaAllestimento"] button.btn.btn-primary:after {
    content: "\f1b9";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-rule="ClearSelezioniTipologiaVeicolo"] button.btn.btn-primary:after {
    content: "\f0e2";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}
[bb-method="MigraErp"] button.btn.btn-primary:after, [bb-method="MigraErpNoStd"] button.btn.btn-primary:after {
    content: "\f56e";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    font-size: 20px;
    margin-left: 10px;
}

.jconfirm-box[page-name="PageDistinta"] {
    height: 100vh;
}
.jconfirm-holder:has([page-name='PageDistinta']) {
    padding: 0 !important;
}
.footer-total [is-bb-control] {
    width: 100% !important;
    max-width: 100% !important;
}
.footer-total .control-label, .footer-total .bb-number {
    color: white;
    font-size: 1.4rem;
    font-weight: 600;
}
.footer-total .bb-number {
    text-align: left !important;
    padding-left: 20px;
    background-color: #c00e1a !important;
}
[bb-page-name="PageDistinta"] [bb-element-name^='Totale'] .control-label, 
[bb-page-name="PageDistinta"] [bb-element-name^='Totale'] .bb-number,
[bb-page-name="PageDistinta"] [bb-element-name^='Unitario'] .control-label, 
[bb-page-name="PageDistinta"] [bb-element-name^='Unitario'] .bb-number{
    font-size: 1.4rem;
    font-weight: 600;
}
[bb-element-name="TotaleOffertaConIva"][bb-label-position="Left"] label {
    flex-basis: 60%;
}
[bb-element-name="UnitarioOffertaConIva"][bb-label-position="Left"] label {
    flex-basis: 60%;
}
.tabulator-col-title {
    font-size: 1.3rem;
    font-weight: 500 !important;
}
.tabulator-cell {
    font-size: 1.2rem;
}
.tabulator {
    font-size: 1.2rem;
}
.tabulator-footer {
    font-size: 1.2rem;
}
.bb-textbox.form-control,
.bb-select.form-control,
.bb-textarea.form-control,
.ui-button.ui-checkboxradio-radio-label,
.e-input-group.e-control-wrapper.e-ddl,
.bb-datepicker.form-control.hasDatepicker {
    font-size: 1.2rem;
}

.tabulator-cell.sconto-editabile.sconto-oltre-max {
    background-color: red;
    color: yellow;
    font-weight: 900;
    text-decoration: underline;
}
[bb-element-name="ImmagineCategoriaAllestimento"] img {
    margin: auto;
    width: 600px;
    height: 600px;
}

.bb-copy-row {
    width: 50px !important;
    height: 25px !important;
}

.copy-cell-btn {
    width: 50px !important;
    height: 25px !important;
}
[bb-method="NuovaTestataOffertaStock"]{
    visibility:hidden;
}
[bb-method="EliminaOfferta"]{
    visibility:hidden;
}
[bb-method="ExportOfferteExcel"]{
    visibility:hidden;
}

[bb-method="NuovaTestataOffertaStock"][stock-enabled]{    
    visibility:visible;
}
[bb-method="EliminaOfferta"][del-enabled]{
    visibility:visible;
}
[bb-method="ExportOfferteExcel"][export-enabled]{
    visibility:visible;
}

.isotope-image-text[text-column="Prezzo"] {
    position: relative !important;
}


div[bb-element-name="ScontoMassimoStock"] .bb-number.form-control {
    width: 5rem !important;
}
#toast-container {
    pointer-events: none;
    z-index: 9999999999 !important;
}
.toast {
    font-size: 20px;
    width: auto !important;
}
.e-list-item[data-value="STD"] {
    display: none;
}
.is-bbt-invalid[element-name="ConfigurazioniSpeciali"] {
    opacity: 1 !important;
}
[bb-element-name="ConfigurazioniSpeciali"] [is-invalid][is-selected] {
    text-decoration: none;
}
.jconfirm-content-pane {
    max-height: 95vh !important;
}
[bb-element-name="NumeroAllestimenti"] input {
    width: 50px !important;
    text-align: center;
}
[bb-element-name="NumeroAllestimenti"] .control-label {
    flex-basis: auto;
    margin-right: 15px;
}
/*[key-value="ALLESTIMENTO"] [tabulator-field="totalprice"] {
    color: transparent;
}*/
[vedi-schede] .scheda-stampata {
    background-color: yellow !important;
}
[bb-element-name="VeicoliInStock"] .tabulator-tableholder {
    height: 50vh !important;
    max-height: unset !important;
    min-height: unset !important;
}
[bb-element-name="VeicoliInStock"] .bb-grid {
    height: auto !important;
}
[bb-element-name="Clienti"] .bb-grid {
    height: auto !important;
}
[bb-element-name="Clienti"] .tabulator-tableholder {
    height: calc(68vh - 110px - 85px - 20px - 65px - 20px - 55px) !important;
    max-height: calc(68vh - 110px - 85px - 20px - 65px - 20px - 55px) !important;
    min-height: 100px !important;
}
span.badge.badge-created {
    background-color: #ffc800;
}
span.badge.badge-CRM {
    background-color: blue;
    color: white;
    margin-left: 2px;
}
[bb-control-type="checkbox"][bb-label-position="Left"] label {
    flex-basis: 80%;
    font-size: 1.5rem;
}
[bb-rule="PrintSchedaConFigurino"] {
    visibility: hidden;
}
[vedi-schede] [bb-rule="PrintSchedaConFigurino"] {
    visibility: visible;
}
.badge-scheda-stampata {
    display: none;
}
[vedi-schede] .badge-scheda-stampata {
    display: block;
}
.badge-scheda-non-stampata {
    display: none;
}
[vedi-schede] .badge-scheda-non-stampata {
    display: block;
}
.tabulator-row{
    display:flex;
}
.tabulator-cell {
    height: auto !important;
    max-height: unset !important;
    overflow: hidden !important;
    white-space: break-spaces !important;
}
[tabulator-field="optional"].tabulator-cell,
[tabulator-field="allestimentodettaglio"].tabulator-cell{
    height: auto !important;
    max-height: 4.6rem !important;
    overflow: hidden !important;
    white-space: break-spaces !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
[tabulator-field="optional"].tabulator-cell:hover,
[tabulator-field="allestimentodettaglio"].tabulator-cell:hover{
    display: inherit !important;
    max-height: unset !important;
}
[tabulator-field="optional"].tabulator-cell:hover,
[tabulator-field="allestimentodettaglio"].tabulator-cell:hover{
    cursor: url('/Content/Images/magnifying-glass.png'), auto;
}
[is-focaccia-store] [bb-rule="calcCaparra"] {
    display: none;
}
[bb-element-name="CategoriaAllestimento"] .is-invalid {
    pointer-events: none;
    cursor: not-allowed;
}
[bb-method="SalvaTestataOfferta"] button {
    max-width: 10vw;
    height: 60px !important;
    min-height: unset !important;
    line-height: 25px !important;
}

[scelte-label="true"] label {
    font-size: 3rem;
    width: 100%;
    display: inline-block;
    text-align: center;
}
[main-navbar-content] {
    padding-bottom: 5px !important;
}
[bb-method="OpenVeicoliStock"] button:before{
    content: "\f0ae";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 1vw;
}
.scelta-stock-row {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 1.5rem;
    margin: 0px 2rem !important;
    --tw-border-opacity: 1;
    border-width: 1px !important;
    border-radius: 0.5rem;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    border-style: solid;
    border-left: 6px solid rgb(37 99 235 / var(--tw-bg-opacity, 1)) !important;
}
[descrizione-label-stock] label {
    display: flex;
}
[descrizione-label-stock] h5 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
    font-size: 1.25rem;
    line-height: 1.75rem;
}
[descrizione-label-stock] h3 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 2rem;
}
[descrizione-label-stock] label:before {
    content: "\f1b9";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    margin-right: 0.75vw !important;
    margin: auto;
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
    padding: 0.75vw !important;
    border-radius: 100%;
}
[stock-button-for-row]{
    display:flex;
}
[stock-button-for-row] button {
    margin: auto;
}
[readonly] .iso-grid-item {
    opacity: 0.6;
}