/*PROGETTO*/

.dimFoto{
	min-height: 190px;
    max-height: 190px;
    max-width: 100%;
}





.sticky{
	 position: fixed;
    right: 20px;
    bottom: 40px;

    z-index: 1030
}



/*FILIGRANA OUTLEYT*/
.outlet-bg{
  position: absolute;
  top: 0px;
  left: 0px;
  border-width: 25px;
  border-style: solid;
  width: 0px;
  height: 0px;
  border-color: #fb434a transparent transparent #fb434a;
  z-index: 10;
}



.outlet-bg-variante{
  top: 0px;
  left: 0px;
  border-width: 25px;
  border-style: solid;
  width: 0px;
  height: 0px;
  border-color: #fb434a transparent transparent #fb434a;
  z-index: 10;
}
    
    
.outlet-text{
  position: relative;
  top: 0;
  left: -20px;
  display: block;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #ffffff !important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}






/*FILIGRANA ESAURITO*/
.esaurito-bg{
  position: absolute;
  top: 0px;
  right: 0px;
  border-width: 25px;
  border-style: solid;
  width: 0px;
  height: 0px;
  border-color: #34759D #34759D transparent transparent;
  z-index: 10;
}



.esaurito-bg-variante{
  top: 0px;
  left: 0px;
  border-width: 25px;
  border-style: solid;
  width: 0px;
  height: 0px;
  border-color: #34759D #34759D transparent transparent;
  z-index: 10;
}
    
    
.esaurito-text{
	position: relative;
    top: -27px;
    left: -6px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(48deg);
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
}



.alt-bg {
   position: absolute;
    top: 8%;
    right: 2.4%;
    border-width: 25px;
    border-style: solid;
    width: 0px;
    height: 0px;
    border-color: #FFA500 #FFA500 transparent transparent;
    z-index: 10;
}

.alt-text {
    position: relative;
    top: -29px;
    left: -11px;
    display: block;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(48deg);
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 8px;
    font-weight: bold;
}

.alt-subtitle{
	    position: absolute;
    right: 1%;
    bottom: -10%;
}




* {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}





.bgModal{
	background: rgb(112,112,112,0.7)
}

.loadingCard{
	background: #eee;
    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
    border-radius: 5px;
    background-size: 200% 100%;
    animation: 1.5s shine linear infinite;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

/*STILE BOTTONI DATATABLE*/
.dt-button {
	border-radius: 15px!important;
	border-color: white !important;
	background: #F9B63E!important;/*COLORE 1*/
	color:white!important;
	font-weight:bolder!important;
}

.sidebar-nav ul .sidebar-item{
	width:unset!important;
}

.voceMenuSelezionabile .active{
	border-right:solid 4px #F28E00;
	color:black;
	background: #E1E1E1;
	
}


.disableBodyDatatable{
	filter: blur(4px)!important;
    pointer-events: none!important; 
}



/*PC*/

*{
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-style: normal;
}


.avvisoSelezionaCombinazioneModalProdotto-pc{
	position: absolute;
    top: 50%;
    width: 100%;
    font-weight: 900;
    font-size: 23px;
    text-transform: uppercase;
    text-align: center;
}




.iconaCercaHome-pc{
    position: absolute;
    right: 2%;
    top: 25%;
}


.iconaCercaResetHome-pc{
    position: absolute;
    right: 3.5%;
    top: 25%;
}



.text-boxCategoriaDash{
    opacity: 0.8;
    font-size: 25px;
    position: absolute;
    top: 40%;
    left: 18%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 10%;
    padding-right: 10%;
    border-radius: 17px;
	text-transform:uppercase;
}
/**/











/*GENERALI*/
/* COLORI PRIMARI */


/*BG*/
.mercury-bg1{background-color:#F28E00!important }
.mercury-bg2{background-color:#67666B!important }
.mercury-bg3{background-color:#34759D!important }

/*TESTI*/
.mercury-text1{color:#F28E00!important }
.mercury-text2{color:#67666B!important }
.mercury-text3{color:#34759D!important }


/* ---------- */


/* COLORI Pallette */

/*BG*/
.mercury-p-bg1{background-color:#F28E00!important }
.mercury-p-bg2{background-color:#F5A21F!important }
.mercury-p-bg3{background-color:#F9B63E!important }
.mercury-p-bg4{background-color:#FCC95D!important }
.mercury-p-bg5{background-color:#FFDD7C!important }

/*TESTI*/
.mercury-p-text1{color:#F28E00!important }
.mercury-p-text2{color:#F5A21F!important }
.mercury-p-text3{color:#F9B63E!important }
.mercury-p-text4{color:#FCC95D!important }
.mercury-p-text5{color:#FFDD7C!important }



/* ---------- */


/* COLORI Neutri */
/*BG*/
.mercury-n-bg1{background-color:#E1E1E1!important }
.mercury-n-bg2{background-color:#A4A3A6!important }
.mercury-n-bg3{background-color:#67666B!important }
.mercury-n-bg4{background-color:#1D1D1D!important }


/*TESTI*/
.mercury-n-text1{color:#E1E1E1!important }
.mercury-n-text2{color:#A4A3A6!important }
.mercury-n-text3{color:#67666B!important }
.mercury-n-text4{color:#1D1D1D!important }

/* ---------- */




/*BORDER*/
.mercury-n-border1{border-color:#E1E1E1!important }
/* ---------- */




/*onHover gain color*/
.unselectedUntilHover{
	    filter: grayscale(1);
}

.unselectedUntilHover:hover{
	    filter: grayscale(0);
}





/* COLORI BTN  */
.mercury-notifica{ background: #D9DEFF!important ; color:#34759D!important}
.mercury-btn-1{background-color:#34759D!important;color:#FFFFFF}
.mercury-btn-2{background-color:#FFFFFF!important;border-color:#479CD1;color:#34759D}
.mercury-btn-disabled{background-color:#E1E1E1!important;color:#1D1D1D}
/* ---------- */


/**/
.occhioPass{
	position: absolute;
    top: 61%;
    right: 7%;
}



/* --------------------------------------------*/
/*MODAL ABSOLUTE PER AGGIUNTA RIMOZIONE QTA*/
	.absoluteMinusNumberInput{
		
		-webkit-transition: color 1s;
		-moz-transition:    color 1s;
		-ms-transition:     color 1s;
		-o-transition:      color 1s;
		transition:         color 1s;
		
		position: absolute;
		top: 31%;
		left: 15%;
	}

	.absoluteMinusNumberInput:hover{
		position: absolute;
		top: 31%;
		left: 15%;
		color:red!important;
	}

	.absolutePlusNumberInput{
		-webkit-transition: color 1s;
		-moz-transition:    color 1s;
		-ms-transition:     color 1s;
		-o-transition:      color 1s;
		transition:         color 1s;
		
		position: absolute;
		top: 31%;
		right: 15%;
	}

	.absolutePlusNumberInput:hover{
		position: absolute;
		top: 31%;
		right: 15%;
		color:green!important;
	}
	
	
	.hasCampione{
			top: 19%!important;
	}
/* --------------------------------------------*/
/* --------------------------------------------*/


/* --------------------------------------------*/
/*CARRELLO ABSOLUTE PER AGGIUNTA RIMOZIONE QTA*/
	.absoluteCarrelloMinusNumberInput{
		
		-webkit-transition: color 1s;
		-moz-transition:    color 1s;
		-ms-transition:     color 1s;
		-o-transition:      color 1s;
		transition:         color 1s;
		
		position: relative;
		top: 41px;
    left: 7%;
	}

	.absoluteCarrelloMinusNumberInput:hover{
		position: relative;
		top: 41px;
    left: 7%;
		color:red!important;
	}



	.absoluteCarrelloPlusNumberInput{
		-webkit-transition: color 1s;
		-moz-transition:    color 1s;
		-ms-transition:     color 1s;
		-o-transition:      color 1s;
		transition:         color 1s;
		
		position: relative;
		bottom: 25px;
    left: 80%;
	}

	.absoluteCarrelloPlusNumberInput:hover{
		position: relative;
	bottom: 25px;
    left: 80%;
		color:green!important;
	}
/* --------------------------------------------*/
/* --------------------------------------------*/





/*GENERALI END*/


/*MOBILE */


@media only screen and (max-width: 767px){
	.avvisoSelezionaCombinazioneModalProdotto-pc{
		position: absolute;
        top: 5%;
        width: 100%;
        font-weight: 900;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        z-index: 999999;
	}
}









/*MOBILE END*/



































/*CSS LOADER*/
.loader-container {
  position: relative;
  width: 100px; /* Adjust size as needed */
  height: 100px; /* Adjust size as needed */
}

.loaderz {
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #F5A21F; /* Main color similar to #31344B */
  animation: rotation 1.5s linear infinite;
}

.loaderz::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #F28E00; /* Secondary color similar to #99A1BA */
  animation: rotation 1s linear infinite reverse;
}



.loaderz::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  border: 4px solid transparent;
  border-top-color: #F28E00; /* Secondary color similar to #99A1BA */
  animation: rotation 1s linear infinite reverse;
}


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

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