:root {
    --primary-color: #000000;
  }


@media (min-width: 576px)
{
	.col-sm-12-art {
		flex: 0 0 100%;
    		max-width: 100%;
		}

	.col-12-art {
		flex: 0 0 100%;
    		max-width: 100%;
		}

}

@media (min-width: 768px)
{
	.col-md-6-art {
		flex: 0 0 50%;
    		max-width: 50%;
		}
}

@media (min-width: 992px)
{
	.col-lg-3-art {
	    flex: 0 0 25%;
	    max-width: 25%;
	}
}

@media (min-width: 1650px)
{
	.col-xl-3-art {
    	flex: 0 0 20%;
    	max-width: 20%;
	}
}

.sidebar-light .ace-scroll::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) !important;
}


.page-content {
    padding: 0rem 1.225rem 0rem;
}


#sfondo {
    background: #f8f9fa;
    padding: 100%;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--primary-color);
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}



/*NON MOSTRARE LE FRECCETTE SULL'AGGIUNGI AL CARRELLO */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
   -webkit-appearance: none;
   margin: 0;
}





.img-product img {
    width: 220px;
    height: 250px;
}

.title-product {
    font-size: 12px !important;
    font-weight: 600;
    color: #333 !important;
    height: 60px;
}

@media (max-width: 1650px){
    .title-product {
        height: 105px;
    }
}

.valorel1{
    color: #000000 !important;
    font-size: 13px;
    font-weight: 600;
}


.valorel2{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    text-align: end;
}

.div1{
    padding:5px;
    margin-bottom: 25px;
}

.valorel3{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
}


.valorel4{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
    text-align: end;
}

.div2{
    padding:5px;
    margin-bottom: 25px;
}

.valorel5{
    color: var(--primary-color);
    font-size: 13px;
    font-weight: 600;
}

.valorel6{
    text-align: end;
}


.valorel6list{
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.valorel6sc{
    font-size: 13px;
    font-weight: 700;
    background-color: var(--primary-color);
    color: #fff;
    padding: 3px;
    margin-left: 5px;
}

.valorel6vend{
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}

.div3{
    padding:5px;
    margin-bottom: 25px;
}


.prezzi{
    padding: 5px;
}


.info-product {
    font-size: 10px;
    font-weight: 700;
    padding-top: 10px;
    color: #000000a8;
}


span.price-product {
    margin-left: 100px;
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
}



.space-pd5-nofun{
    padding: 5px;
    margin-top: 25px;
}

.space-pd5{
    padding: 5px;
    margin-top: 0px;
}

.btn-default {
    color: #fff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.btn-default:hover {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border-color: #000000 !important;
}

.form-control[disabled] {
    color: #333 !important;
    background-color: #fff !important;
}

.brc-warning-m3, .brc-h-warning-m3:hover {
    border-color: var(--primary-color) !important;
}

.dcard.brc-transparent.p-3.brc-h-warning-m3 {
    margin-bottom: 10px;
}

.title-page {
    color: #333;
    font-size: 20px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
}

.category-filter {
    padding-right: 5px;
    padding-left: 5px;
}

span.cat-filter {
    text-transform: capitalize;
}

input[type=checkbox][class*="bgc-"]:checked {
    background-color: var(--primary-color) !important;
}

.color-site{
    background-color: var(--primary-color) !important;
}

.color-site:hover{
    background-color: var(--primary-color);
}

.background-nav{
    background-color: #fff !important;
}

.burger-color{
    background-color: var(--primary-color) !important;
}

.modal-content.brc-dark-l4.border-y-0.border-l-0.pr-lg-3 {
    background-color: #f1f3f6;
}

.sidebar-inner {
    background-color: #fff !important;
}

.background-nav.navbar-intro.justify-content-xl-between {
    border-bottom: none!important;
    padding-top: 10px;
}

.flex-grow-1.ace-scroll {
    border-bottom: 1px solid var(--primary-color);
}

.navbar-content {
    background-color: var(--primary-color);
}

.navbar-nav {
    background-color: var(--primary-color);
}


.navbar-blue .navbar-input:not(:focus):hover {
    border: none !important;
    border-color: transparent !important;
}

form.d-flex.align-items-center.ml-lg-4.py-1 {
    border-bottom: 2px solid #fff;
}

.navbar-blue .navbar-input:focus {
    border-color: transparent !important;
    border: none;
}

a.search-advanced.nav-link.dropdown-toggle {
    color: #fff;
}

li.nav-item.dropdown.dropdown-mega a.search-advanced {
    border: 2px solid #000000;
    padding: 11px;
    margin-left: 1px;
    background-color: #000000;
}

@media (max-width: 768px){
    ul.nav a.search-advanced {
        display: none;
    }
}

.main-menu {
    text-transform: capitalize !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

a.link-second span.second-menu {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 600;
    color: #333;
    
}
.link-second{
    text-decoration: none !important;
    padding: 0.625rem 0 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    min-height: 3rem !important;
    position: relative !important;
}

a.link-second:hover span {
    color: var(--primary-color) !important;
}


span.copirights {
    font-size: 15px !important;
    color: #333 !important;
}

a.copirights {
    font-size: 15px !important;
    color: #333 !important;
}

.colore-sito {
    color: var(--primary-color);
}

.powered{
    background: #ecf4fcd1;
    padding: 10px;
    font-weight: 600;
    font-size: 14px;
}

.link-register:hover{
    color: var(--primary-color);
}

.button-site{
    background-color: #000000; 
    color: #fff;
    border: 2px solid #000000;
}

.button-site:hover{
    background-color: #fff;
    color: #000000;
    border: 2px solid #000000;
}

.bordo-sito, .bordo-sito:hover{
    border-color: var(--primary-color);
}

.m-bot20{
    margin-bottom: 20px;
}

.sezione1{
    margin-bottom: 10px;
    margin-top: 10px;
}

.label-filter{
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.button-site-neg{
    background-color: #000000;
    color: #fff !important;
    border: 2px solid #000000 !important;
}

.button-site-neg:hover{
    background-color: #fff;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

.form-control:focus {
    border-color: #333 !important;
    box-shadow: none !important;
}

.m-top55{
    margin-top: 25px;
}

.modal-content.brc-dark-l4.border-y-0.border-l-0.pr-lg-3 {
    background-color: #fff !important;
}

.acard {
    background-color: #f2f4f6 !important;
}

.close-pop-up{
    background-color: #fff;
    color: #bf0000;
}

.button-wishlist-add{
    background-color: #c91c1c;
    color: #fff;
    border: 2px solid #c91c1c;
}

.button-wishlist-add:hover{
    background-color: #fff;
    color: #c91c1c;
    border: 2px solid #c91c1c;
}

.button-wishlist{
    background-color: #fff;
    color: #c91c1c;
    border: 2px solid #c91c1c;
}

.button-wishlist:hover{
    background-color: #c91c1c;
    color: #fff;
    border: 2px solid #c91c1c;
}

.img_cart{
    height: 100px;
    width: 100px;
    padding-right: 15px;
}

.label-for-price {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 5px;
}

.price-single {
    color: var(--primary-color);
    font-weight: 700;
}

.price-row {
    color: var(--primary-color);
    font-weight: 700;
}

.pdr20{
    padding-right: 20px;
}

.width60{
    width: 60%;
}

.nota-ordine{
    padding-right: 20px;
}

.det_cart {
    border: 2px solid;
    border-radius: 3px;
    padding: 10px;
}

.title-cart {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.title-infoc {
    font-size: 16px;
    font-weight: 600;
}

.label-cart {
    font-size: 14px;
    color: var(--primary-color);
    font-weight: 600;
}

.result-cart {
    font-size: 16px;
    font-weight: 600;
}

.info-customer {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
}

.info-cart {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 10px;
}


.filter-order{
    margin-bottom: 20px;
    background-color: #f2f4f6;
    padding: 20px;
}


.title-detail{
    color: #333;
    font-weight: 500;
}

.detail-id-order{
    color: #333;
    font-weight: 600;
}

.navbar-blue .navbar-nav > .nav > .nav-item > .nav-link:not(.disabled) {
    background-color: var(--primary-color) !important;
}

.mobile-title{
    color: #333 !important;
    font-weight: 600;
}

a.dettaglio:hover {
    color: var(--primary-color);
    text-decoration: none;
}

a.dettaglio {
    color: #fff;
}

.price-product-1 {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    float:left
}

.price-product-2 {
    font-size: 18px;
    font-weight: 700;
    color: var(--primary-color);
    float: right;
}

.discount{
    font-size: 13px;
    font-weight: 700;
    background-color: var(--primary-color);
    color: #fff;
    padding: 3px;
    float: left;
    margin-left: 5px;
}

.input-group.number-spinner {
    padding-top: 5px;
}

.fun-product {
    margin-top: 25px;
    font-size: 11px;
    padding: 5px;
    font-weight: 600;
    color: var(--primary-color);
    float: left;
}

.fun-product2 {
    margin-top: 25px;
    font-size: 11px;
    padding: 5px;
    font-weight: 600;
    color: var(--primary-color);
    float: right;
}

.link-detail-product{
    text-decoration: none !important;
}

.modal-zoom{
    max-width: 75% !important;
}

.img-zoom{
    max-width: 58%;
    max-height: 58%;
}

@media (max-width: 600px){
    .z-modal{
        display: none;
    }
}

.z-modal:hover {
    cursor: pointer;
}

.img-detail-pr{
    max-width: 100%;
    max-height: 100%;
    padding: 15px;
}

.container-img{
    border: 1px solid #c6c6c6;
    margin-top: 70px;
    margin-left: 95px;
}

.container-info-pr{
    margin-top: 100px;
}

.rif-pr {
    color: #333;
    padding: 10px;
}

.titolo-pr {
    padding: 10px;
    color: #333;
    font-size: 25px;
}

span.c-pr {
    background-color: #000000 !important;
    padding: 3px;
    color: #fff;
    font-weight: 600;
}

.categoria-pr {
    padding: 10px;
}

.marchio-pr {
    padding: 10px;
}

span.m-pr {
    color: #000000 !important;
    font-weight: 700;
}

.prezzi-pr {
    padding: 10px;
}

span.pr-list {
    color: #333;
    margin-right: 20px;
}

span.sc {
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 600;
    padding: 3px;
    margin-right: 20px;
}

span.pr-sc {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 700;
}

.agg-cart {
    padding: 10px;
    width: 35%;
}

.tabs-pr {
    margin-right: 50px;
    margin-left: 10px;
    margin-top: 10px;
}

.brc-blue {
    border-color: var(--primary-color) !important;
}

.preferiti-pr {
    padding: 10px;
    width: 35%;
}

@media (max-width: 900px){
    .container-img{
        margin-left: 10px;
    }
}

@media (max-width: 768px){

    .agg-cart {
        width: 100%;
    }

    .preferiti-pr {
        width: 100%;
    }
}

.profile{
    margin-top: 50px;
}

* {
    font-family: montserrat;
}


.dropdown-menu {
    top: 97%;
}

a.select-link span {
    color: var(--primary-color) !important;
}

ul.submenu-inner {
    background: #c6c6c642;
}

ul.submenu-inner li a span {
    font-size: 12px !important;
    padding-left: 2rem;
}

i.z-modal.fas.fa-search-plus:hover {
    cursor: pointer;
}

@media (max-width: 1500px) and (min-width: 500px){
    .pd-left{
        padding-left: 35px;
    }
}


td {
    padding: 0.5rem !important;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.th-inner {
    color:var(--primary-color) !important;
    font-size: 13px !important;
    text-align: center;
}

* {
    font-size: 15px;
}


/*DATE MODAL*/
.dp {
    border-top: 0.25rem solid var(--primary-color) !important;
}

.dp-selected:hover, .dp-selected:focus, .dp-selected, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus {
    background: var(--primary-color) !important;
}

.dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus {
    background: var(--primary-color) !important;
}

.dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
/*FINE DATE MODAL*/

.page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}

.page-link {
    color: #000000 !important;
}

.mt20px{
    margin-top: 20px;
}

a.return {
    border: 1px solid var(--primary-color);
    padding: 5px;
    color: var(--primary-color) !important;
    text-decoration: none;
    font-weight: 500;
}

.row.torna {
    margin-top: 30px;
    margin-left: 5px;
}


.m30-ca 
{
    margin-top: 30px;
    margin-left: 10%;
    margin-right: 10%;
}

.main-container{
    background-color: transparent;
}


.none{
    display:none;
}

@media (min-width: 1600px){
.container.container-plus {
    max-width: 1630px;
}
}

.nondisp {
    background-color: #df4b30;
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.b-modale {
    margin-top: 10px;
}





/*CAPATCHA*/
input[type=text] {
    padding: 12px 20px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
button{
  background-color: #4CAF50;
    border: none;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}
canvas{
  /*prevent interaction with the canvas*/
  pointer-events:none;
}
/*FINE CAPTCHA*/

.bar-search {
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 2px;
    background-color: #FFFFFF;
}

.headerM{
padding: 30px;
}

.contentM{
top: 15%;
}

.footerM{
    background-color: #33333329;
}


table#ordini th {
    padding: 0.5rem !important;
}
table#ordini td {
    padding: 1rem !important;
}
table#ordini td {
    font-size: 15px;
}

table#ordini th {
    font-size: 16px !important;
}

.dp-prev:before, .dp-next:before {

    margin: 0px 0 40px 4px !important;
}

.dp-prev:before, .dp-next:before {

    margin: -6px -5px 8px -5px !important;
}

.order {
    float: right;
    margin-top: 5px;
}

.order:hover {
    cursor: pointer;
}


div#OrdineDet .float-right.pagination {
    display: block !important;
}

.nonvisibile{
    display:none;
}

.visibile
{
    display:flex;
}

@media (min-width: 990px)
{
    .mobile-title {
        display: none !important;
    }
}

.toast {

    background-color: var(--primary-color) !important;
    border: 2px solid var(--primary-color) !important;
}

.mbottom15{
    margin-bottom:15px !important;
}

.b-label{
    border: 2px solid #33333338;
}

.pag-mat{
    margin-top: 40px;
}

.sidebar-light:not(.sidebar-h) .nav {
    margin-top: 20px!important;
}

.navbar-blue {
    background-color: #FFFFFF!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #333333!important;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #333333!important;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #333333!important;
  }

  .pos-rel {
      color: #333333!important;
  }

  .sidebar-light .caret {
      padding: 10px;
  }

  .sidebar-light .nav > .nav-item.active{
      border: none!important;
  }

  .show > .btn.btn-light-black.dropdown-toggle, .btn-light-black:not(:disabled):not(.disabled):active, .btn-light-black:not(:disabled):not(.disabled).active {
    color: #FFFFFF!important;
    background-color: #000000 !important;
  }

  #register{
    display: flex;
    align-items: center;
    justify-content: center;
  }


.label-bold{
    font-weight: 600;
}

.navbar-blue .navbar-input {
    color: #333 !important;
}

.bgc-red{
    background-color: #bf0000 !important;
}

#zoom .modal-header {
    display: block !important;
}

.colore-dett{
    color: var(--primary-color);
    background-color: transparent;
    border: none !important;
}

.colore-dett:hover{
    color: var(--primary-color);
    background-color: transparent;
    border: none !important;
}

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

.sidebar-light .nav > .nav-item > .nav-link:hover {
    background-color: #fff !important;
    color: var(--primary-color) !important;
}

.sidebar-light .submenu .nav-item.active > .nav-link {
    color: var(--primary-color) !important;
}

div#OrdineDet .pagination-info {
    display: none;
}


.a-menu {
    font-size: 18px !important;
    border-bottom: 1px solid #c6c6c6 !important;
}


.a-menu:hover {
    background-color: #ffffff !important;
    color: #666666 !important;
}


.i-menu{
    font-size: 20px;
}

.i-fatt{
    color: #aa0f0f;
}

.i-mov{
    color: #007d1c;
}

.i-estr{
    color: #cfa423;
}

.i-prof{
    color: var(--primary-color);
}

.div-estr
{
    background-color: #cfa423 !important;
    border-color: #efe3bf !important;
}


.div-mov
{
    background-color: #007d1c !important;
    border-color: #a8d4b2 !important;
}


@media (max-width: 1000px){
    .logo-front{
        width: 70%;
    }
}

@media (max-width: 600px){
    .text-125 {
        font-size: 14px !important;
    }

    .pr-3, .px-3 {
        padding-right: 0rem !important;
    }

    .img-detail-pr {
        max-width: 80%;
        max-height: 80%;
        padding: 0;
    }

    .container-img {
        margin: 20px;
    }

    .container-info-pr {
        margin-top: 0px;
    }
}

.a-mobile{
    color: var(--primary-color) !important;
}

.a-mobile:hover{
    color: var(--primary-color) !important;
}

@media (max-width: 990px){
.navbar-inner {
    box-shadow: 0px 6px 5px 4px #33333326 !important;
}
}

.sidebar-light .nav > .nav-item.active > .nav-link {
    color: var(--primary-color);
}

.body-login{
    background-image: linear-gradient(#9ea2a5, #222325) !important;
}

.sidebar-light .submenu .nav-item > .nav-link:hover > .nav-text::before {
    display: none !important;
}

.block-img{
    height: 250px;
    overflow: hidden;
}

.bground-site{
    background-color: #000000 !important;
}

.c-site{
    color: #000000 !important;
}

i.z-modal.fas.fa-search-plus {
    color: #000000;
}