@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500|PT+Sans+Narrow:400,700|Play:400,700|Ubuntu+Condensed&display=swap&subset=cyrillic');


@font-face {
    font-family: 'Barlow';
    src: url(https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600&display=swap);
}

.container {
    padding-left:0px;
    padding-right:0px; 
}

@media(min-width: 1500px) {
    .container {
        width: 1400px;
    }
}

@media(min-width: 1800px) {
    .container {
        width: 1650px;
    }
}

@media(min-width: 2000px) {
    .container {
        width: 1700px;
    }
}

:root {
    --dentist-green: #98D801;
    --dentist-green-darkened: #28D5CB;
    --primary-color: #051C2C;
    --secondary-color-1: #98D801;
    --secondary-color-2: #0087DC;
    --secondary-color-3: #506D85;
    --secondary-color-4: #695BD3;
    --secondary-color-5: #43B12E;
    --secondary-color-6: #00B6ED;
    --secondary-color-7: #9CB9E2;
    --secondary-color-8: #28D5CB;
    --secondary-color-9: #fff;
    --secondary-color-10: #000;
	--secondary-color-11: #e2e2e2;
    /* --hue: 223; */
	--bg:#9cb9e2b4;
	--fg: #051C2C;
	--primary: #051C2C;
	--trans-dur: 0.3s;
}

html,
body {
    height: 100%;
    /* -ms-overflow-style: none;*/
    /* Hide scrollbar for IE and Edge */
    /*scrollbar-width: none; */
    /* Hide scrollbar for Firefox */
}

html,
body,
a {
    font-family: 'Barlow', sans-serif;
    color: var(--secondary-color-9);
}

div,
span {
    font-family: 'Barlow', sans-serif;
    color: var(--secondary-color-10);
}

/* Hide scrollbar for Chrome, Safari and Opera
html::-webkit-scrollbar, body::-webkit-scrollbar {
} */

h5,
.h5,
h6,
.h6,
p {
    font-family: 'Barlow', sans-serif;
    font-weight: 200;
    line-height: 30px;
    font-size: 15px;
    color: var(--primary-color);
}

h1,
.h1 {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    line-height: 50px;
    font-size: 50px;
    color: var(--primary-color);
}

h2,
.h2 {
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    line-height: 52px;
    font-size: 50px;
    color: var(--primary-color);
}

h3,
.h3 {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    line-height: 33px;
    font-size: 33px;
    color: var(--primary-color);
}

h4,
.h4 {
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    line-height: 28px;
    font-size: 22px;
    color: var(--primary-color);
}

.info>.field-label {
    font-size: larger;
}

.inline {
    display: inline;
}

.tabbed {
    display: inline-block;
    margin-left: 2em;
}

/*SEZIONE HEADER*/

.separator-line {
    color: #e5e5e5;
    display: inline-block;
    vertical-align: middle;
}

.or-text {
    color: black;
    vertical-align: middle;
}

.page-heading {
    padding: 10px 0 0 0;
    color: var(--secondary-color-10);
    font-family: 'Barlow', sans-serif;
    /* display: flex;
    flex-direction: column; */
    align-items: center;
    text-align: center;
}

/* Altri stili per l'elemento header */
.page-heading h1 {
    /*display: none;*/
    font-size: 36px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.page-header {
    margin: 30px 0 21px; 
}

.ui-dialog-content button.btn-default:focus {
    background-color: #dfdfdf; 
}

.input[readonly].form-control {
    color: var(--secondary-color-7);
}

.btn.btn-default.launchentitylookup {
    background-color: var(--secondary-color-7);
    /* Colore di sfondo */
    border: none !important;
}


.btn.btn-default.launchentitylookup .fa.fa-search {
    color: var(--secondary-color-9);
}

.btn.btn-default.launchentitylookup input.textbox {
    color: var(--secondary-color-3);
}

.privacy-text a {
    color: var(--primary-color);
    text-decoration: underline;
}


/*SEZIONE BREADCRUMB: al momento e' stato chiesto di disabilitarlo, quindi ha display:none*/
.breadcrumb {
    display: flex;
}

.breadcrumb li,
.breadcrumb li a,
.breadcrumb>.active {
    border-radius: 5px;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 20px;
}

.breadcrumb li:hover,
.breadcrumb li:hover a,
.breadcrumb>.active {
    background: var(--secondary-color-1);
    color: var(--secondary-color-10);
}



.breadcrumb>.active::before {
    color: inherit;
}

ul.breadcrumb {
    display: none;
    background: none !important;
    margin: 0;
    padding: 8px 0px;
    text-align: center;
}



/*SEZIONE NEW CASE*/
.input-group {
    display: flex;
    border: 1px solid #ccc;
    /* margin-right: 10px; */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 90%;
    justify-content: flex-end;
}


.input-group input {
    flex: 1;
    padding: 10px;
}

.btn-danger,
.btn-success,
.btn-primary {
    color: var(--secondary-color-9);
    background-color: var(--secondary-color-1);
    border: none !important;
    border-radius: 5px;
    text-transform: uppercase;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
    color: var(--secondary-color-10);
    background-color: var(--secondary-color-1);
    border: none !important;
    text-transform: uppercase;
}

.input-group-btn {
    display: flex;
    flex-direction: row;
    margin: -1px 0px;
}

.input-group-btn button {
    border: none;
    border-radius: 0;
    /* Resetta il bordo arrotondato sui pulsanti */
    padding: 10px;
    background-color: var(--secondary-color-7);
    /* Sostituisci con il colore desiderato */
}

.input-group-btn button:last-child {
    border-top-right-radius: 5px;
    /* Applica bordi arrotondati all'ultimo pulsante a destra */
    border-bottom-right-radius: 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#UpdateButton {
    padding: 11px;
    text-transform: capitalize;
}

.form-control {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #f4f4f4;
    background-color: #f9f9f9;
    height: 35px;
    padding: 0px 15px;
    font-size: 18px;
    width: 100%;
    font-weight: 500;
    border-radius: 5px;
}


div.info>label {
    font-size: 20px;
}

.crmEntityFormView .cell {
    padding: 5px 0px 5px 5px;
}

div.alert.alert-block.alert-warning {
    background-color: var(--secondary-color-9);
    border-color: var(--secondary-color-1);
    color: #000;
    font-size: small;
}

/*SEZIONE NAVBAR*/

.user-container {
    margin-top: 12px;
    white-space: nowrap;
    display: flex;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* padding-right: 50px; */
    /* width: 140px; */
    /* padding-right: 60px; */
    /* margin-left: 20px; */
}

.info-container {
    width: 185px;
}

.nav>li>a [class="caret"] {

    color: var(--secondary-color-9);
    background-color: transparent;
}


.nav .dropdown-menu {
    border-radius: 5px;
    background-color: var(--primary-color);
}

.navbar-header,
.navbar-static-top.navbar-inverse {
    background-color: var(--secondary-color-10);
}

.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a {
    color: var(--secondary-color-9);
}



div.navbar-header,
.navbar-static-top.navbar-inverse {
    background-color: var(--primary-color);
}

#navbar {
    background-color: var(--secondary-color-3);
    border-radius: 5px;
    text-align: right;
    padding-right: 40px;
}

.navbar-toggle {
    background-color: var(--secondary-color-9);
    border-radius: 5px;
}

.user-container .dropdown-toggle {
    margin-right: 11px;
    right: 22px;
}

.navbar-static-top.navbar .navbar-collapse {
    background-color: var(--primary-color) !important;
}


.navbar-inverse .navbar-nav>li.active>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: var(--primary-color) !important;
    /*color: #2E3261 !important;*/
    padding-bottom: 10px;
    border-bottom: none;
    box-shadow: none;
    outline: none;
}

.nav>li>a:hover,
.nav>li>a:focus,
.nav>li.open>a:focus {
    text-decoration: none;
    background-color: var(--dentist-green);
    outline: none;
    border-radius: inherit;
}


.nav .dropdown-menu>li>a {
    background-color: var(--primary-color) !important;
    color: var(--secondary-color-9);
    border-bottom: none;
    box-shadow: none;
    outline: none;
}

.nav .dropdown-menu>li>a:hover,
.nav .dropdown-menu>li>a:focus {
    background-color: var(--primary-color) !important;
    color: var(--secondary-color-1) !important;
    border: none;
    padding: 3px 20px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:hover .caret {
    background-color: var(--primary-color) !important;
    color: var(--secondary-color-1) !important;
}

.company {
    color: var(--secondary-color-9);
}

.company.clickable:hover {
 cursor: pointer; /* Makes the cursor look like it's over a link */
}

.username {
    text-transform: capitalize;
    color: var(--secondary-color-9);
}

a.homelink:hover {
    background: transparent;
}


.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a.dropdown-toggle {
    padding-right: 0px;
    padding-left: 0px;
}



.navbar-static-top.navbar .menu-bar>.navbar-nav>li>a {
    right: 7px;
    font-family: 'Barlow', sans-serif;
}

.drop_parent_item {
    background-color: transparent;
}

.title {
    color: var(--primary-color)
}

.alert-danger {
    background-color: #b95d5d;
}

.login-background {
    display: none;
}

@media (min-width: 992px) {
    .login-background {
        display: block;
        height: 94%;
        position: absolute;
        left: 0;
        padding: 0;
        z-index: -1; 
    }
}

.logo-login {
    position: fixed;
    bottom: 130px;
    left: 0px;
    width: 35%;
    padding-left: 7%;
}


/*SEZIONE FOOTER*/

footer {
    margin-top: 150px;
}

div.footer-container-1-inner {
    background-color: var(--primary-color) !important;
    padding: 2% 10%;
}


.col-xs-12.col-sm-6.col-md-5.footer-block {
    min-width: min-content;
}

div.footer-container-2 {
    padding-bottom: 6px;
    position: relative;
    text-align: center;
    background-color: var(--secondary-color-10);
}

div.footer-paragraph-container {
    font-size: 15px;
    padding: 10px;
}


.footer-block img {
    /* display: block; */
    width: 500px;
    max-width: 100%; 
    margin: 0 0 102px;

}

.footer-block.first {
    /* width: 50%; */
    text-align: left;
    padding: 0 7.333%;
}

.footer-info-paragraphs {
    width: 350px;
    color: #ffffff6e;
}

.footer_content {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.div.footer-container-1-inner p.footer-section-title {
    text-align: center;
}


/* Stile per il paragrafo con il testo dell'indirizzo */
.footer-info-paragraphs.first-icon-info {
    width: auto;
}

.navbar-nav>li>.dropdown-menu {
    background-color: var(--primary-color);
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: var(--secondary-color-9);
    border-radius: 5px;
}

#fast-search-button {
    background-color: var(--secondary-color-1);
    border-radius: 0px 5px 5px 0px;
    padding: 2px 12px 0px 7px;
}

p.fast-search-p {
    font-size: 20px;
}

.home_welcome_message {
    color: var(--secondary-color-9);
}

p.button-description span {
    color: var(--secondary-color-9);
    font-size: 15px;
}

.button-description {
    margin-bottom: 0px;
    font-size: 21px;
}

/*sezione cookies*/
#cookie-banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.8);
    color: white;
    padding: 10px;
    text-align: center;
    font-family: 'Nunito Sans', sans-serif;
    z-index: 9999;
}

#cookie-banner a {
    color: #fff;
    text-decoration: underline;
}

#cookie-banner-close {
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: bold;
    font-size: 18px;
    color: white;
}
/****************/

/*SEZIONE HOME */

.home-container-init {
    margin-bottom: 2%;
    margin-top: 0px;
    background-image: url('~/home-banner.png');
    background-position: right top;
    background-size: cover;
}

.home-container-init>.container>.row.search-cont {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.catalog-go-container {
    text-align: center;
    margin-top: 0px;
    background-color: transparent;
    /* color: #000000; */
    border-radius: 5px;
    padding: 5px;
}

.home_user_firstname {
    color: var(--primary-color)
}

.fast-search-container.home {
    background-color: #051C2Cd0;
    margin-left: 10px;
    margin-right: 10px;
}

div.search-container {
    display: inline-flex;
    justify-content: flex-end;
    align-content: flex-end;
    align-items: center;
    padding-top: 250px;
}
/*sezione carosello*/
.carousel-text> * {
    color: white; 
}

.slide-link-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5; 
    display: block;
    text-decoration: none; 
  }
  
/* Pulsanti freccia */
.carousel-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    background: rgba(0,0,0,0.5);
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 1.5rem;
    border-radius: 5px;
  }
  .arrow-left {
    left: 10px;
  }
  .arrow-right {
    right: 10px;
  }
  .carousel-arrow:hover {
    background: rgba(0,0,0,0.7);
  }
  
  /* Contenitore dei puntini */
  .indicators-container {
    position: absolute;
    bottom: 10px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 8px;
  }
  
  /* Puntino */
  .carousel-dot {
    width: 12px;
    height: 12px;
    background: #cccccc;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s;
  }
  .carousel-dot.active,
  .carousel-dot:hover {
    background: #fff;
  }
/*******************/

.paragrafo-sinistro p {
    font-size: 25px;
    text-align: justify;
}

img.header-logo {
    height: 50px;
    padding-left: 30px;
}

.col-md-5.col-xs-12.block-catalog,
.col-md-5.col-xs-12.block-cart,
.col-md-5.col-xs-12.block-installedbase,
.col-md-5.col-xs-12.block-service {
    width: 30%;
    height: 30%;
    position: relative;
    z-index: 1;
    padding: 0px;
}

.home-bg {
    margin-bottom: 2%;
    margin-top: 0px;
    background-image: url('~/home-banner.png');
    background-position: right top;
    background-size: cover;
}

/* Sfondo 3D */
.home-container-init.blocked-3d {
    background-image: url('~/banner_lock_3d.jpg');
}
  
  /* Sfondo Grafana */
  .home-container-init.blocked-grafana {
   background-color: var(--primary-color);
  }
  
  /* .overlay-text {
    position: relative; 
    max-width: 55vh;
    margin: 0 auto;   
    background: rgba(0,0,0,0.5);
    color: #fff;
    padding: 20px;
    border-radius: 8px;
  } */
  .overlay-text li {
    font-size: 1.9rem;
    line-height: 1.5;
    color: #fff;        /* testo bianco */
    margin-bottom: 10px;
  }



/* Logo */
.navbar .logo-container img {
    max-height: 40px;
    width: auto;
}

/* Contenitore con immagine di sfondo */



.overlay-text {
    text-align: start;
    z-index: 2;
    max-width: 75vh;
    padding: 1%;
    /* background: rgba(0, 0, 0, 0.5); /* Sfondo semi-trasparente */
    border-radius: 10px;
    margin-right: 35vw;
    margin:1% 45vw 1% 5%;
}

.overlay-text h1 {
    font-weight: lighter;
    font-size: 4rem;
    /* font-weight: bold; */
    margin-bottom: 10px;
    color: white; 
}

.overlay-text p {
    font-weight: lighter;
    margin: 3% 0%;
    font-size: 1.9rem;
    line-height: 1.2;
    color: var(--secondary-color-9);
}

@media screen and (max-height: 1100px) {
  .overlay-text h1 {
    font-size: 3.0rem;
  }
  .overlay-text p , .overlay-text li {
    font-size: 1.5rem;
  }
}
/* Footer chiaro */
.footer {
    background: #ffffff;
    padding: 20px;
    text-align: center;
    border-top: 2px solid #e0e0e0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.no-margin{
    margin:0;
}

.footer img {
    max-width: 200px;
    height: auto;
}


/* Bottone */
.contact-btn {
    display: inline-block;
    background: var(--secondary-color-1);
    color: #000;
    padding: 9px 20px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 30px;
    margin-top: 2%;
    /*font-size: 1.2rem;*/
}

.contact-btn:hover {
    background: #8dd900;
}
.accent {
    color: var(--secondary-color-1);
}
/* BLOCCO GRAFANA */
.home-container-init.blocked-grafana {
    background: var(--primary-color); 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0% 0%;
}

/* CONTENITORE GENERALE */
.grafana-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3%;
    width: 100%;
    max-width: 400vh;
    /* margin: auto; */
}

/* TESTO A SINISTRA */
.grafana-container .overlay-text {
    flex: 1;
    max-width: 50%;
    text-align: left;
    color: white;
}

/* VIDEO A DESTRA */
.video-container {
    flex: 1;
    max-width: 45%;
    display: flex;
    justify-content: flex-end; /* Video a destra */
    align-items: center;
}

.video-container video {
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* RESPONSIVE: Adatta su schermi piccoli */
@media screen and (max-width: 900px) {
    .grafana-container {
        flex-direction: column;
        text-align: center;
    }

    .grafana-container .overlay-text {
        max-width: 100%;
        text-align: center;
        margin: 5%;
    }

    .video-container {
        max-width: 100%;
        justify-content: center;
        display: none;
    }

    .video-container video {
        width: 80%;
    }
}



/* RESPONSIVE: Riduci spazio su schermi piccoli */
@media screen and (max-width: 900px) {
    .grafana-container {
        flex-direction: column;
        text-align: center;
    }

    .grafana-container .overlay-text,
    .video-container {
        max-width: 100%;
        /* display: none; */
    }

.overlay-text {}

    .video-container video {
        width: 80%;
    }
}


.home-block {
    width: 100%;
    height: 100%;
    /* aspect-ratio: 16 / 13; */
    display: flex;
    /* padding: 5%; */
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    align-items: flex-end;
    background: linear-gradient(0deg, #051C2Caa, transparent);
}

.home-block:hover .block-title,
.home-block:focus .block-title {
    font-size: 50px;
    color: var(--secondary-color-1);
    transition: 0.3s;
    /* padding: 5%; */
    text-align: center;
}

.home-container-help .block-title {
    font-size: 32px;
    font-weight: 400;
    color: var(--secondary-color-9);
    padding: 1vh;
    text-align: center;
    transition: .4s;
    /* width: max-content; */
}

.home-block::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    background-color: var(--secondary-color-1);
    transition: all 1s cubic-bezier(.215, .61, .355, 1) .75s;
}

.home-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 2;
    background-color: var(--primary-color);
    transition: all 1s cubic-bezier(.215, .61, .355, 1) .35s;
}

.home-block.in-page::after,
.home-block.in-page::before {
    height: 0%;
}

.block-catalog:hover,
.block-cart:hover,
.block-installedbase:hover,
.block-service:hover {
    transform: translateY(-10px);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.1);
    z-index: 3;
}

@media(min-width: 10px){
    body .block-catalog,
    body .block-cart,
    body .block-installedbase,
    body .block-service {
        margin: 0 1% 1% 1%;
        transition: all 0.5s cubic-bezier(.215, .61, .355, 1) .1s;
        background-size: cover;
        width: 100%;
        max-height: 350px;
        height: 50vh;
        background-position: center;
    }
}

@media(min-width: 450px){
    body .block-catalog,
    body .block-cart,
    body .block-installedbase,
    body .block-service {
        margin: 0 1% 1% 1%;
        transition: all 0.5s cubic-bezier(.215, .61, .355, 1) .1s;
        background-size: cover;
        width: 48%;
        max-height: 350px;
        height: 50vh;
        background-position: center;
    }
}

@media(min-width: 800px){
    body .block-catalog,
    body .block-cart,
    body .block-installedbase,
    body .block-service {
        margin: 0 1% 1% 1%;
        transition: all 0.5s cubic-bezier(.215, .61, .355, 1) .1s;
        background-size: cover;
        width: 23%;
        max-height: 350px;
        height: 50vh;
        background-position: center;
    }
}   

.home_user_firstname {
    color: var(--dentist-green);
}

/* 
.big_a {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    bottom: 0;
    z-index: 3;
    opacity: .1;
    max-width: 1400px;
} */

.video-container {
    position: absolute;
    top: 0;
    /*left: 0;*/
    right: 0;
    bottom: 0;
    object-fit: cover;
    /* opacity: 0.4; */
    /* mix-blend-mode: luminosity; */
    /* filter: grayscale(50%); */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
}


@media (max-width:400px){
    #home-banner-carousel,
    .home-container-init {
        text-align: left;
        position: relative;
        margin: 1.5% 3% 1.5% 3%;
    }
    .home_welcome_message{
        font-size:35px;
    }
    
}
@media (min-width:400px){
    #home-banner-carousel,
    .home-container-init {
        display: flex;
        /* background: var(--primary-color); */
        text-align: left;
        /* padding: 5% 5%; */
        position: relative;
        overflow: hidden;
        height: 45vh;
        margin: 1.5% 3% 1.5% 3%;
        align-items: center;
        justify-content: space-evenly;
    }
}

.video-container video {
    min-height: 105%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: static;
    /* top: 0; */
}




#assistance-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}

.btn-green:hover {
    background-color: var(--primary-color) !important;
}

.block-catalog {
    background-image: url(help-first.jpg);
}

.block-cart {
    background-image: url(help-second.jpg);
}

.block-installedbase {
    background-image: url(help-third.jpg);
}

.block-service {
    background-image: url(help-fourth.jpg);
}

/*SEZIONE CART/CARRELLO*/
/* Personalizzazione spinner - INIZIO */

.preloadercontainer{
    display: flex; /* Cambiato da block a flex */
    justify-content: center; /* Aggiunto per centrare orizzontalmente */
    align-items: center; /* Aggiunto per centrare verticalmente */
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
}

.preloader {
	text-align: center;
	max-width: 20em;
	width: 100%;
}
.preloader__text {
	position: relative;
	height: 1.5em;
}
.preloader__msg {
	animation: msg 0.3s 8.7s linear forwards;
	position: absolute;
	width: 100%;
}
.preloader__msg--last {
	animation-direction: reverse;
	animation-delay: 9s;
	visibility: hidden;
}
.cart {
	display: block;
	margin: 0 auto 1.5em auto;
	width: 8em;
	height: 8em;
}
.cart__lines,
.cart__top,
.cart__wheel1,
.cart__wheel2,
.cart__wheel-stroke {
	animation: cartLines 2s ease-in-out infinite;
}
.cart__lines {
	stroke: var(--primary);
}
.cart__top {
	animation-name: cartTop;
}
.cart__wheel1 {
	animation-name: cartWheel1;
	transform: rotate(-0.25turn);
	transform-origin: 43px 111px;
}
.cart__wheel2 {
	animation-name: cartWheel2;
	transform: rotate(0.25turn);
	transform-origin: 102px 111px;
}
.cart__wheel-stroke {
	animation-name: cartWheelStroke
}
.cart__track {
	stroke: hsla(var(--hue),10%,10%,0.1);
	transition: stroke var(--trans-dur);
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: hsl(var(--hue),10%,10%);
		--fg: hsl(var(--hue),10%,90%);
	}
	.cart__track {
		stroke: hsla(var(--hue),10%,90%,0.1);
	}
}

/* Animations */
@keyframes msg {
	from {
		opacity: 1;
		visibility: visible;
	}
	99.9% {
		opacity: 0;
		visibility: visible;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}
@keyframes cartLines {
	from,
	to {
		opacity: 0;
	}
	8%,
	92% {
		opacity: 1;
	}
}
@keyframes cartTop {
	from {
		stroke-dashoffset: -338;
	}
	50% {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 338;
	}
}
@keyframes cartWheel1 {
	from {
		transform: rotate(-0.25turn);
	}
	to {
		transform: rotate(2.75turn);
	}
}
@keyframes cartWheel2 {
	from {
		transform: rotate(0.25turn);
	}
	to {
		transform: rotate(3.25turn);
	}
}
@keyframes cartWheelStroke {
	from,
	to {
		stroke-dashoffset: 81.68;
	}
	50% {
		stroke-dashoffset: 40.84;
	}
}

/* Personalizzazione spinner - INIZIO */
#disclaimer_note>a {
    color: #000;
}

#disclaimer_note {
    background-color: transparent;
}

.cart-buttons {
    display: flex;
    justify-content: center;
}


/*SEZIONE SUPPORT*/

.view-toolbar.grid-actions.clearfix .view-select.nav.nav-pills.pull-left li.dropdown#filterDropdownId .selected-view.dropdown-toggle,
.view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left.view-search.entitylist-search input.query.form-control,
.view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left a.btn.btn-primary.pull-right.action.create-action {
    height: 40px;
    margin-top: 0;
}

.view-toolbar.grid-actions.clearfix .view-select.nav.nav-pills.pull-left li.dropdown#filterDropdownId .selected-view.dropdown-toggle {
    padding: 6px 10px;
    margin-right: 10px;
    margin: 0px;
}

.view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left a.btn.btn-primary.pull-right.action.create-action {
    background-color: var(--secondary-color-7);
}

.view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left.view-search.entitylist-search {
    margin-right: 20px;
}

/* .view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left {
    // margin-right: 20px; 
} */

.view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left.view-search.entitylist-search .input-group-btn button.btn.btn-default.btn-hg {
    margin-top: 1px;
    height: 40px;
}

.view-toolbar.grid-actions.clearfix .toolbar-actions .input-group.pull-left.view-search.entitylist-search .input-group-btn button.btn.btn-default.btn-hg:hover {
    background-color: var(--secondary-color-1);
}

.entity-grid .view-grid .details-link {
    text-decoration: none;
}

.view-toolbar>.toolbar-actions {
    display: flex;
    flex-wrap: nowrap;
}

textarea.form-control {
    height: 200px;
}

.crmEntityFormView .cell input[type=text],
.crmEntityFormView .cell select,
.crmEntityFormView .cell textarea {
    width: 93%;
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
    background-color: #E2E2E2;
}

.alert-success {
    background-color: var(--secondary-color-1);
    border-color: var(--secondary-color-1);
    color: #000;
    border-radius: 5px;
}

/*SEZIONE CATALOGO*/

/* body > .container.product-body-container {
    background-color: red;
} */

.invalid-input {
    border: 2px solid red;
}

input#fast-search-input {
    border-radius: 5px;
}

.button-catalog {
    display: flex;
    justify-content: center;
}

div.product-body-container {
    padding-top: 0px;
}

div.filters-container {
    padding: 10px 10px 0px 10px;
    margin-top: 15px;
    border-radius: 0px;
    background-color: #fff;
    border: none;
}

.filter-row input {
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    margin: 0px 6% 0px 0px;
}

.filter-min-max {
    display: flex;
    padding-left: 0px
}


table#product-table {
    width: 100%;
    margin-top: 15px;
    background-color: #fff;
}

#product-table-body {
    padding: 10px;
}

td.product-td-images {
    padding-left: 10px;
}

td.product-td-actions {
    padding-right: 10px;
}

table#product-table tr.product-tr td img,
.current-product-detail-image,
.order-product-detail img {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 170px;
    width: 170px;
    border-radius: 0px;
    border: solid 1px #eeefef;
}

/* .container.product-body-container{
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 3%,rgba(239,239,239,1) 97%,rgba(255,255,255,1) 100%);
} */

.product-table-actions-td button {
    font-size: 30px;
    font-weight: 100;
    width: 30px;
    padding: 0;
    border: solid 1px var(--primary-color);
    border-radius: 5px;
    line-height: 1;
    color: white;
    background-color: var(--primary-color);
}

.product-table-actions-td button.cart-button {
    border-radius: 5px;
    font-size: 15px;
    width: 100%;
    border: 1px solid var(--dentist-green);
    border-radius: 5px;
    padding: 1px;
    background-color: var(--dentist-green);
    color: black;
}

button.request-quote-button {
    text-wrap: nowrap;
    font-size: 15px;
    width: 100%;
    border: none;
    padding: 16px;
    background-color: var(--secondary-color-7);
    color: var(--primary-color);
    margin-top: 10px;
    padding: 0px;
}

button.check-stock-button {
    text-wrap: nowrap;
    font-size: 15px;
    width: 100%;
    border: none;
    background-color: var(--secondary-color-11);
    color: var(--primary-color);
    margin-top: 10px;
    padding: 0px;
	font-weight:bold;
    border-radius: 5px;
}
button.check-stock-button:disabled {
    color: #2f5fef !important;
    background-color: var(--secondary-color-11)!important;
    opacity: 1!important;
}

span.check-stock-result {
    text-wrap: nowrap;
    font-size: 15px;
    width: 100% !important;
	height: 25px !important;
    background-color: var(--secondary-color-11);
    color: var(--primary-color);
    padding: 6px 12px;
	font-weight:bold;
	vertical-align: middle;
	text-align: center;	
}

td.td-check-stock-result {
	padding-bottom: 10px;  
}

p.request-quote-button-description {
    display: inline;
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 700;
    vertical-align: middle;
}

p.request-quote-button-description::before,
div.report-missing-product a::before,
#reportProductsButton::before {
    content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20fill%3D%22%23000000%22%20class%3D%22bi%20bi-envelope-fill%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M.05%203.555A2%202%200%200%201%202%202h12a2%202%200%200%201%201.95%201.555L8%208.414.05%203.555ZM0%204.697v7.104l5.803-3.558L0%204.697ZM6.761%208.83l-6.57%204.027A2%202%200%200%200%202%2014h12a2%202%200%200%200%201.808-1.144l-6.57-4.027L8%209.586l-1.239-.757Zm3.436-.586L16%2011.801V4.697l-5.803%203.546Z%22%2F%3E%0A%3C%2Fsvg%3E);
    padding: 0px 5px 0px 6px;
    vertical-align: middle;
}

#reportProductsButton::before {
    display: inline-block;
    max-height: 15px;
}


#AssetPlanButton, #AssetSparePartButton,#AssetContractsButton ,#AssetModelButton, #AssetDocumentsButton
{
        border-color: transparent;
        border-radius: 7px;
        color: #fff !important;
        background-color: var(--dentist-green);
        display: inline-flex;
        align-items: center;
        justify-content: center;
}

#AssetPlanButton:hover, #AssetSparePartButton:hover,#AssetContractsButton:hover ,#AssetModelButton:hover, #AssetDocumentsButton:hover
{
    background-color: var(--primary-color) !important;
    text-decoration: none;
}

/*
#AssetPlanButton  {
    border-radius: 10px;
    background-color: #F2E863;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
}*/

#AssetPlanButton::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23ffffff' height='20px' width='20px' version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M28,5h-6V3c0-0.6-0.4-1-1-1s-1,0.4-1,1v2h-8V3c0-0.6-0.4-1-1-1s-1,0.4-1,1v2H4C3.4,5,3,5.4,3,6v4h26V6C29,5.4,28.6,5,28,5z '/%3E%3Cpath d='M3,28c0,0.6,0.4,1,1,1h18v-6c0-0.5,0.4-0.9,0.9-1c1.4-0.1,3.5-1.6,4.3-2.6C28.9,17.2,29,16,29,16v-4H3V28z'/%3E%3Cpath d='M24,23.8V29c0.2,0,0.3-0.1,0.5-0.2l0.9-0.9c2-2,3.2-4.6,3.5-7.4c0,0.1-0.1,0.1-0.1,0.2C27.8,21.9,25.8,23.3,24,23.8z'/%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

/* #AssetSparePartButton  {
    border-radius: 10px;
    background-color: #ef5f5f;
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
} */

#AssetSparePartButton::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23ffffff' width='20px' height='20px' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z'/%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
/* #AssetContractsButton  {
    border-radius: 10px;
    background-color: #d98fd9;
    color:var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
} */

#AssetContractsButton::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23ffffff' height='20px' width='20px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M447.147,0H64.853c-9.425,0-17.067,7.641-17.067,17.067v477.867c0,9.425,7.641,17.067,17.067,17.067h382.293 c9.425,0,17.067-7.641,17.067-17.067V17.067C464.213,7.641,456.572,0,447.147,0z M167.253,91.022h177.493 c9.425,0,17.067,7.641,17.067,17.067c0,9.425-7.641,17.067-17.067,17.067H167.253c-9.425,0-17.067-7.641-17.067-17.067 C150.187,98.664,157.828,91.022,167.253,91.022z M256,459.662c-25.095,0-45.511-20.416-45.511-45.511S230.905,368.64,256,368.64 s45.511,20.416,45.511,45.511S281.095,459.662,256,459.662z M381.156,431.218h-36.409c-9.425,0-17.067-7.641-17.067-17.067 s7.641-17.067,17.067-17.067h36.409c9.425,0,17.067,7.641,17.067,17.067S390.581,431.218,381.156,431.218z M381.156,327.68 H130.844c-9.425,0-17.067-7.641-17.067-17.067s7.641-17.067,17.067-17.067h250.311c9.425,0,17.067,7.641,17.067,17.067 S390.581,327.68,381.156,327.68z M381.156,260.551H130.844c-9.425,0-17.067-7.641-17.067-17.067s7.641-17.067,17.067-17.067 h250.311c9.425,0,17.067,7.641,17.067,17.067S390.581,260.551,381.156,260.551z M381.156,193.422H130.844 c-9.425,0-17.067-7.641-17.067-17.067c0-9.425,7.641-17.067,17.067-17.067h250.311c9.425,0,17.067,7.641,17.067,17.067 C398.222,185.781,390.581,193.422,381.156,193.422z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
/* #AssetModelButton  {
    border-radius: 10px;
    background-color: #F2CD60;
    color:var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
} */

#AssetModelButton::before {
    content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%2220px%22%20width%3D%2220px%22%20version%3D%221.1%22%20id%3D%22Filled_Icons%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M22.91%2C6.66v11.88L13%2C23.5V11.62L22.91%2C6.66z%20M12%2C9.88l9.88-4.94L12%2C0L2.12%2C4.94L12%2C9.88z%20M11%2C11.62L1.09%2C6.66v11.88%0A%09%09L11%2C23.5V11.62z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E');
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
/* #AssetDocumentsButton  {
    border-radius: 10px;
    background-color: var(--secondary-color-7);
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    text-align: center;
} */

#AssetDocumentsButton::before {
    content:url("data:image/svg+xml,%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='%2523ffffff' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-220.000000, -1199.000000)' fill='white'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M184,1045.0005 L184,1057.0005 C184,1058.1055 183.105,1059.0005 182,1059.0005 L166,1059.0005 C164.895,1059.0005 164,1058.1055 164,1057.0005 L164,1041.0005 C164,1039.8955 164.895,1039.0005 166,1039.0005 L172,1039.0005 C173.105,1039.0005 174,1039.8955 174,1041.0005 L174,1042.0005 C174,1042.5525 174.448,1043.0005 175,1043.0005 L182,1043.0005 C183.105,1043.0005 184,1043.8955 184,1045.0005' id='folder_fill-%5B%231777%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    /*
    content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='20px' height='20px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7c0-1.4 0-2.1.272-2.635a2.5 2.5 0 0 1 1.093-1.093C3.9 3 4.6 3 6 3h1.431c.94 0 1.409 0 1.835.13a3 3 0 0 1 1.033.552c.345.283.605.674 1.126 1.455L12 6h6c1.4 0 2.1 0 2.635.272a2.5 2.5 0 0 1 1.092 1.093C22 7.9 22 8.6 22 10v5c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C20.1 19 19.4 19 18 19H6c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C2 17.1 2 16.4 2 15V7z' fill='%23000000'/%3E%3C/svg%3E");
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M10 4L12 6H20C21.1 6 22 6.9 22 8V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H10Z"/><path d="M9 16L6 12L9 8L10.5 9.5L8.5 12L10.5 14.5L9 16Z"/><path d="M15 16L13.5 14.5L15.5 12L13.5 9.5L15 8L18 12L15 16Z"/></svg>');
    */
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.current-product-info,
.current-product-info a,
.current-product-info a:hover,
.current-product-info a:active,
.current-product-info a:focus {
    color: var(--primary-color);
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    margin: 10px 0px;
}

.product-td-actions table.product-table-actions {

    margin-top: 10px;
    margin-bottom: 20px;
}

tr.product-table-actions-tr-bottom td {
    padding-top: 0px;
    text-align: center;
}

td.product-td-infos>div>p {
    line-height: 1.4em;
}

b.current-product-delivery-time-p {
    font-size: 14px;
    line-height: 1em;
    display: inline-block;
}

b.current-product-delivery-time-p p {
    line-height: 1em;
}

.current-product-code {
    display: inline;
    color: #868686;
}

.del-time {
    margin-bottom: 0px !important;
}

table#product-table tr.product-tr td p.current-product-price {
    margin-top: 15px;
}

/*SEZIONE ORDERS*/

#entitylist-filters.list-inline {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

#entitylist-filters .apply-filters-btn-li {
    margin-top: 10.5px;
}

div.amounts-row {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: row-reverse;
}

.panel-body {
    padding: 10px;
}

.entitylist-download.btn.btn-info {
    border: none
}

.language-text {
    /* font-family: 'Arial', sans-serif; */
    /*font-weight: bold;*/
    font-size: 16px;
    color: var(--secondary-color-9);
}

.input-group.pull-left {
    border: none;
}

.entity-grid .grid-actions {
    display: flex;
    justify-content: right;
}

.btn-info {
    color: #fff;
    background-color: var(--secondary-color-2);
    border-color: var(--secondary-color-2);
}

.input-group.entitylist-filter-option-text>.form-control,
.input-group>input.form-control.has-tooltip {
    border-radius: 5px;
    border: 1px solid #E2E2E2;
}

.content-panel.panel.panel-default.entitylist-filter {
    border: none;
}

.input-group.entitylist-filter-option-text {
    border: none
}

.entitylist-filter-option-group-label {
    font-size: 16px;
    font-weight: 400;
}

/*SEZIONE MY PRODUCT*/
.btn-dark {
    background-color: var(--primary-color);
}

#checkStock,
.info-tell-me-more {
    color: var(--secondary-color-2);
    margin-bottom: 25px;
    cursor: pointer;
    font-weight: bold;
    font-size: 15px;
    padding: 0;
}

.info-discount  .tooltip-box {
  display: none;
  position: absolute;
  /* width: 220px; */
  background: #333;
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  z-index: 999;
  font-size: 15px;
  min-width: max-content;
    bottom: 20%;
    left: 100%;
}
.info-discount 
{
    position: relative;
    display: table;
}
.tooltip-box .close-btn {
  position: absolute;
  top: 2px;
  right: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}
.tooltip-box p {
    margin: 0;
    padding-top: 5px;
    color: white;
    line-height: inherit;
}

/*SEZIONE SHOPPING CART*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #e7e9f4 inset !important;
}

input:disabled:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px lightgray inset !important;
}

input#purchaseOrderNumber:disabled, #purchaseOrderDate:disabled, #incoterm2:disabled, #incoterm1:disabled, #deliveryAddress:disabled, #singleDelivery:disabled {
    background-color: lightgray !important; 
    color: #6c757d !important;
    opacity:1;
}

/*sostituisci l'autofill del browser*/
input:disabled:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 40px lightgray inset !important; /* Sfondo */
    box-shadow: 0 0 0 40px lightgray inset !important;
    -webkit-text-fill-color: #6c757d !important; /* Forza il colore del testo */
    color: #6c757d !important; /* Colore normale */
    font-weight: bolder !important; /* Forza il font */
    transition: background-color 5000s ease-in-out 0s !important; /* Evita lo sfarfallio */
}

input#purchaseOrderNumber:disabled, #purchaseOrderDate:disabled, #incoterm2:disabled, #incoterm1:disabled, #deliveryAddress:disabled, #singleDelivery:disabled {
    background-color: #cccccc !important;
    color: #6c757d !important;
    opacity: 1;
    font-weight: bolder;
    font-size: medium;
}
 
.freight-tooltip {
    border: 1px solid #727272;
    border-radius: 50px;
    padding: 0px 7px;
    font-size: 12px;
    margin-left: 3px;
    white-space: nowrap;  
    max-width: 250px;  
    word-wrap: break-word; 
    text-overflow: ellipsis;  
}
 
.tooltip-inner {
    max-width: 300px; 
    padding: 10px;
    font-size: 14px;  
}

/* Posizionamento della label con il lucchetto */
/* .deliveryFilter label {
    position: relative;
    display: flex;
    align-items: center; 
} */

/* Lucchetto accanto alla label solo se c'è un campo disabilitato nel contenitore */
/* .deliveryFilter label:has(~ input:disabled),
.deliveryFilter label:has(~ select:disabled),
.deliveryFilter label:has(~ input[type="checkbox"]:disabled) {
    position: relative;
    display: flex;
    align-items: center;
} */

/* .deliveryFilter label:has(~ input:disabled)::after,
.deliveryFilter label:has(~ select:disabled)::after,
.custom-checkbox-container:has(input[type="checkbox"]:disabled)::after {
    content: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24' width='1em' height='1em'%3E%3Cpath d='M12 17a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3'/%3E%3C/svg%3E");
    margin-left: 5px;
    font-size: 1.2em;
    color: #757575;
    pointer-events: none;
} */

button#emptyCartButton,
button#cancelConfirmationButton {
    background-color: #f2f2f2;
    color: #727272;
}



/* START Custom Color Entity lists Status */

/*BOM HEADER (Status Reason)*/
/* GIALLO/ARANCIONE, VERDE, ROSSO */
tr[data-entity="fd_bomheader"] td[data-attribute="statuscode"][aria-label=""],
tr[data-entity="fd_bomheader"] td[data-attribute="statuscode"][aria-label="Active"],
tr[data-entity="fd_bomheader"] td[data-attribute="statuscode"][aria-label="Inactive"],
tr[data-entity="fd_dmodel"] td[data-attribute="statuscode"][aria-label=""],
tr[data-entity="fd_dmodel"] td[data-attribute="statuscode"][aria-label="Active"],
tr[data-entity="fd_dmodel"] td[data-attribute="statuscode"][aria-label="Suspended for revision"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Draft"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Waiting"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Active"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Cancelled"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Expired"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="In Progress"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="On Hold"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Waiting"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Researching"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Problem Solved"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Information Provided"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Cancelled"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Merged"],
tr[data-entity="salesorder"] td[data-attribute="bt_osintegrationstatus"][aria-label="Pending registration"],
tr[data-entity="salesorder"] td[data-attribute="bt_osintegrationstatus"][aria-label="Registered"],
tr[data-entity="salesorder"] td[data-attribute="bt_osintegrationstatus"][aria-label=""],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="To be confirmed"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Execution"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Shipping preparation"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Ready for collection"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Shipped"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Invoiced"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Cancelled"] {
    text-transform: uppercase;
    font-weight: bold;
    background-color: transparent;
}

/* GIALLO/ARANCIONE */
tr[data-entity="fd_bomheader"] td[data-attribute="statuscode"][aria-label=""],
tr[data-entity="fd_dmodel"] td[data-attribute="statuscode"][aria-label=""],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Draft"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Waiting"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="In Progress"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="On Hold"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Waiting"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Researching"],
tr[data-entity="salesorder"] td[data-attribute="bt_osintegrationstatus"][aria-label="Pending registration"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="To be confirmed"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Execution"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Shipping preparation"] {
    color: #F89801;
}

/* VERDE */
tr[data-entity="fd_bomheader"] td[data-attribute="statuscode"][aria-label="Active"],
tr[data-entity="fd_dmodel"] td[data-attribute="statuscode"][aria-label="Active"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Active"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Problem Solved"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Information Provided"],
tr[data-entity="salesorder"] td[data-attribute="bt_osintegrationstatus"][aria-label="Registered"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Ready for collection"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Shipped"],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Invoiced"] {
    color: #62d100;
}

/* ROSSO */
tr[data-entity="fd_bomheader"] td[data-attribute="statuscode"][aria-label="Inactive"],
tr[data-entity="fd_dmodel"] td[data-attribute="statuscode"][aria-label="Suspended for revision"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Cancelled"],
tr[data-entity="entitlement"] td[data-attribute="statecode"][aria-label="Expired"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Cancelled"],
tr[data-entity="incident"] td[data-attribute="statuscode"][aria-label="Merged"],
tr[data-entity="salesorder"] td[data-attribute="bt_osintegrationstatus"][aria-label=""],
tr[data-entity="salesorder"] td[data-attribute="bt_osorderstatus"][aria-label="Cancelled"] {
    color: #e70404;
}

/* END Custom Color entity list status */

/* .catalog_report_missing_product {
	background-color: #9cb9e2 !important; 
	color: #051c2c !important;
	margin:auto;	
} */