/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --cnvs-body-font: "Public Sans", sans-serif;
    --cnvs-primary-font: "Public Sans", sans-serif;
    --cnvs-secondary-font: "Public Sans", serif;
}

/* ----------------------------------------------------------------
	Bootstrap Adjustments
-----------------------------------------------------------------*/
a:hover {
    cursor: pointer!important;
    color: #7c7c7c!important;
}

.link-disabled {
    pointer-events: none!important;
}

.button-disabled {
    cursor: not-allowed;
}

#page-title {
    padding: 2rem 0;
}

div.bg-overlay:hover {
    cursor: pointer;
}

.bg-future-stock {
    background-color: #f8f8f8!important;
}

/* ##### LOGIN ##### */
div#brands {
    display:flex;
    justify-content: space-evenly;
}

.brand-image {
    width: 120px;
    height: auto;
}

/* ##### LOGO HEADER ##### */
#logo img {
    width: 200px;
    height: auto!important;
}

/* ##### RICERCA CLIENTI ##### */
table#customerSearch tbody tr:hover, table#resultCustomerSearch tbody tr:hover {
    cursor: pointer;
}

/* Thumb colore griglia articoli */
#product-color-dots.owl-dots {
    display: flex;
    justify-content: flex-start;
}

#product-color-dots .owl-dot {
    background-color: transparent;
    width: 25px;
    height: 25px;
    margin: 0 2px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #000;
    box-shadow: 0 0 0 1px rgba(0,0,0,0);
    transform: scale(1);
    -webkit-transition: box-shadow .2s ease, transform .2s ease;
    -o-transition: box-shadow .2s ease, transform .2s ease;
    transition: box-shadow .2s ease, transform .2s ease;
}


#product-color-dots .owl-dot:hover {
    cursor: auto!important;
}

#page-title {
    background-color: #DDD7D2!important;
}

/* Dettaglio Ordine */
button.remove {
    border: none;
    background: transparent;
    color: red;
}

input[type=number] {
    width: 70px;
}

td.product-cart-img {
   padding: 0.3rem;
    height: auto;
}

div.note-wrapper {
    overflow-x: auto;
    max-height: 200px;
}

@media (min-width: 1440px) {
    .container { max-width: 1920px; }
}

@media (max-width: 575px) {
    div#brands {
        flex-direction:column;
        align-items: center;
    }

    .brand-image {
        width: 100px;
        margin: 10px;
    }
}