:root {
    --header-height: 63px;
    --header-term-height: 45.5px;
    --header-height-term: calc(var(--header-height) + var(--header-term-height));
    --website-header-height: 35px;
    --header-color: #2e3047;
    --website-header-color: #707793;
}


.fs-12-px,
.fs-12-px * {
    font-size: 12px;
}

.fs-13-px,
.fs-13-px * {
    font-size: 13px;
}

.fs-14-px,
.fs-14-px * {
    font-size: 14px;
}

.fs-16-px,
.fs-16-px * {
    font-size: 16px;
}

.fs-22-px,
.fs-22-px * {
    font-size: 22px;
}

main {
    min-height: 100dvh;
}

body.company {
    /* background: url(/images/project-placeholders/company.png); */
    background-size: 100%;
    background-repeat: no-repeat;
}

body.company > main > header {
    height: var(--header-height);
    background-color: var(--header-color);
    position: relative;
    z-index: 999;
}

body.company > main:has(.row.info.sticked) > header {
    height: var(--header-height-term);
}

body.company > main > header > .container-fluid,
body.company > main > .website-header > .container-fluid {
    max-width: 96dvw;
    height: calc(100% - var(--header-term-height));
}

body.company > main > header > .container-fluid img.img-logo {
    height: 23px;
}

body.company > main > header .company-header-position span {
    color: white;
    font-size: 14px;
    line-height: 1;
}

body.company > main > header span:last-child {
    margin-top: 3px;
}

body.company > main > .website-header {
    height: var(--website-header-height);
    background-color: var(--website-header-color);
}

body.company > main > header .btn-login {
    height: 50px;
    background-color: var(--website-header-color);
    color: white;
}

body.company > main > footer > section:not(:first-child),
body.page-product > main > footer > section:not(:first-child) {
    background-color: var(--header-color);
}

body.company > main > footer img.logo-footer,
body.page-product > main > footer img.logo-footer {
    height: 28.5px;
}

body.company > main > footer img.logo-company,
body.page-product > main > footer img.logo-company {
    height: 75px;
    border-radius: 5px;
    background-color: white;
}

#main-content {
    width: 100vw;
}

header:not(.header-company) {
    position: sticky;
    top: 0;
    z-index: 999;
}

.topnav {
    /* background: white; */
    padding: 0 15px;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: relative !important;
    margin: 0 !important;
    z-index: 998 !important;
    /* border-bottom: 1px solid var(--colore-grigio-chiaro2-taduoo); */
    /* min-height: 60px; */
}

.topnav.topnav-login {
    background: white;
}

.topnav img {
    transition: all .2s;
}

.menu-visitatore {
    position: relative !important;
    background: white;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    z-index: 999;
    border-bottom: 1px solid var(--colore-grigio-chiaro2-taduoo);
    top: 0;
}

.menu-visitatore .menu-v-link {
    color: grey;
    text-decoration: none;
    font-size: 12px;
}

.menu-visitatore .menu-v-link:hover,
.menu-visitatore .menu-v-link.all {
    color: black;
}

.menu-visitatore-sub-menu {
    display: flex;
    position: absolute;
    width: 100%;
    left: 0;
    background: white;
    top: 100%;
    padding-top: 35px;
    overflow-x: scroll;
    min-height: 150px;
}

.menu-visitatore-sub-menu.hidden {
    display: none;
}

.menu-visitatore-sub-menu > div {
    min-width: 12%;
    max-width: 12%;
    height: 100%;
    display: inline-block;
    padding: 10px 15px;
}

.menu-visitatore .menu-tecnologia {
    width: 100%;
}

.menu-visitatore-sub-menu a {
    text-decoration: none;
}

.menu-visitatore-sub-menu > p {
    position: absolute;
    font-size: 13px;
    left: 15px;
    top: 10px;
}

.sidebar-menu-taduoo {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 25vw;
    height: 100vh;
    background: white;
}

.sidebar-menu-taduoo .all-principal {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-menu-taduoo ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.sidebar-menu-taduoo ul li {
    padding-left: 15px;
}

.sidebar-menu-taduoo li:not(.all-principal) {
    cursor: pointer;
    margin-bottom: 1rem;
    font-weight: 500;
    font-size: 15px;
}

.sidebar-menu-taduoo a {
    color: black;
    text-decoration: none;
}

.sidebar-prodotto.anchored {
    position: fixed;
    background: white;
    width: min(27dvw, 400px);
    right: 0;
    top: 25%;
    /* transform: translateY(-50%); */
}

.sidebar-prodotto.tdo-desktop:not(.anchored) h1.second-title,
.sidebar-prodotto.tdo-desktop.anchored h1:not(.second-title),
.sidebar-prodotto.tdo-desktop:not(.anchored) .company-contact-string-1,
.sidebar-prodotto.tdo-desktop.anchored .company-contact-string-2 {
    display: none;
}

.sidebar-prodotto:not(.anchored) .btn-go-up {
    display: none;
}

.sidebar-prodotto.anchored .btn-go-up {
    display: block
}


.offcanvas.request-offcanvas {
    width: 45dvw;
}

.request-offcanvas select {
    cursor: pointer;
}

.request-offcanvas .request-product-label img {
    background-color: white;
    height: 60px;
}

.request-offcanvas .offcanvas-info {
    font-size: 13px;
    color: gray;
}

.request-offcanvas select:has(option[value=""]:checked) {
    color: grey;
}

.request-offcanvas select:has(option[value=""]:checked) + label {
    display: none !important;
}

#floating-objects {
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
}

.request-offcanvas .request-dropdown {
    position: absolute;
    display: none;
    border: 1px solid #dee2e6;
    font-size: 1rem;
    width: 100%;
    z-index: 9999;
    background: white;
    max-height: 200px;
    overflow-y: scroll;
}

#offcanvasSampling .request-dropdown:not(#phones-dropdown),
#offcanvasQuotation .request-dropdown:not(#phones-dropdown),
#offcanvasDocument .request-dropdown:not(#phones-dropdown) {
    bottom: 100%
}

.request-offcanvas .request-dropdown:not(#objects-dropdown) .sub-options-container {
    display: none;
}

.request-offcanvas .request-dropdown .request-option {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px .75rem;
    cursor: pointer;
}

.request-offcanvas .request-dropdown .request-option.selected,
.request-offcanvas .request-dropdown .request-option:not(.back-to-main):hover {
    background-color: #dee2e6;
}

.request-offcanvas .request-dropdown .request-option.back-to-main {
    border-bottom: 1px solid #dee2e6;
    justify-content: start;
    font-size: 0.7rem;
    color: gray;
}

.request-offcanvas .request-dropdown .request-option .icon-selected {
    color: green;
}

.request-offcanvas .request-dropdown .request-option:not(.selected) .icon-selected {
    display: none
}

.request-offcanvas .request-dropdown .request-option.back-to-main:hover {
    color: black;
}

#phones-dropdown {
    width: max-content;
}

#phones-dropdown .request-option {
    justify-content: start;
    gap: 10px;
}

#phones-dropdown .request-option .dial-code {
    color: grey;
}

#floating-dial:not(:has(option[value=""]:checked)) {
    padding-left: 2.5rem !important;
    padding-right: 1.75rem !important;
}

.img-dial {
    width: 20px;
    display: block;
    position: absolute;
    top: 50%;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("../images/phone-flags/flags.png");
    background-repeat: no-repeat;
    left: 1.25rem;
    transform: translate(-50%, -50%);
}

#input-day {
    width: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    left: 50%;
}

.titolo-pagina-informativa {
    min-height: 25vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #228295;
    color: white;
}

.pe-6 {
    padding-right: 3.5rem !important;
}

@media only screen and (max-width: 670px) {
    /* header img.img-logo-taduoo {
        width: 30dvw;
    } */

    header .topnav-ricerca-globale {
        width: 50dvw !important;
        height: 35px;
    }

    header .span-topnav-ricerca-globale {
        height: 35px;
    }

}

.btn-to-enable {
    font-size: 15px;
}

.btn-to-enable.invia-email {
    color: black;
    border-color: #faa329;
    background-color: #faa329;
}

.btn-to-enable.invia-email:hover {
    border-color: #ff8400;
    background-color: #ff8400;
}

.btn-to-enable.invia-call {
    color: black;
    border-color: #fdd72d;
    background-color: #fdd72d;
}

.btn-to-enable.invia-call:hover {
    border-color: #ffce12;
    background-color: #ffce12;
}

.btn-to-enable.invia-whatsapp {
    color: black;
    border-color: black;
    background-color: #48d26b;
}

.btn-to-enable.show-contact {
    color: white;
    border-color: black;
    background-color: black;
}

#floating-objects option:not(:first-child) {
    display: none;
}

.form-select.is-invalid[multiple] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    padding-right: 4.125rem !important;
    background-position: right .75rem center,center right 2.25rem !important;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) !important;
}

#header {
    top: 0;
    position: sticky;
    transition: .3s;
}

#header.tdo-not-sticky {
    top: calc(-1 * var(--header-height));
}

@media (min-width: 576px) {
    #interation-success-modal .modal-dialog {
        max-width: 400px !important;
    }
}

.breadcrumb-mktplc a {
    text-decoration: none;
}

.breadcrumb-mktplc a {
    font-size: 14px;
}

.breadcrumb-mktplc i {
    font-size: 12px;
}

.breadcrumb-mktplc a:hover {
    text-decoration: underline;
}

.breadcrumb-mktplc a {
    color: #2a63b6;
}

.results-cat-name,
.breadcrumb-mktplc a:last-child {
    color: #bf5409;
}

#products_counter {
    color: black;
}