/*PROGETTO*/


.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: #bbcfe8 #bbcfe8 transparent transparent;
  z-index: 10;
}



.esaurito-bg-variante{
  top: 0px;
  left: 0px;
  border-width: 25px;
  border-style: solid;
  width: 0px;
  height: 0px;
  border-color: #bbcfe8 #bbcfe8 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;
}











.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: #524CBA!important;/*COLORE 1*/
	color:white!important;
	font-weight:bolder!important;
}

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

.voceMenuSelezionabile .active{
	border-right:solid 4px #4a7fb6;
	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:#4a7fb6!important }
.mercury-bg2{background-color:#233E5D!important }
.mercury-bg3{background-color:#bbcfe8!important }

/*TESTI*/
.mercury-text1{color:#4a7fb6!important }
.mercury-text2{color:#233E5D!important }
.mercury-text3{color:#bbcfe8!important }


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


/* COLORI Pallette */

/*BG*/
.mercury-p-bg1{background-color:#4a7fb6!important }
.mercury-p-bg2{background-color:#839CBA!important }
.mercury-p-bg3{background-color:#524CBA!important }
.mercury-p-bg4{background-color:#8683BA!important }
.mercury-p-bg5{background-color:#83B7BA!important }

/*TESTI*/
.mercury-p-text1{color:#4a7fb6!important }
.mercury-p-text2{color:#839CBA!important }
.mercury-p-text3{color:#524CBA!important }
.mercury-p-text4{color:#8683BA!important }
.mercury-p-text5{color:#83B7BA!important }



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


/* COLORI Neutri */
/*BG*/
.mercury-n-bg1{background-color:#E1E1E1!important }
.mercury-n-bg2{background-color:#A4A3A6!important }
.mercury-n-bg3{background-color:#233E5D!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:#233E5D!important }
.mercury-n-text4{color:#1D1D1D!important }

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




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


.mercury-brd-bg1{border-color:#4a7fb6!important }
.mercury-brd-bg2{border-color:#839CBA!important }
.mercury-brd-bg3{border-color:#524CBA!important }
.mercury-brd-bg4{border-color:#8683BA!important }
.mercury-brd-bg5{border-color:#83B7BA!important }






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




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

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





/* COLORI BTN  */
.mercury-notifica{ background: #D9DEFF!important ; color:#bbcfe8!important}
.mercury-btn-1{background-color:#bbcfe8!important;color:#FFFFFF}
.mercury-btn-2{background-color:#FFFFFF!important;border-color:#479CD1;color:#bbcfe8}
.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;
	}
/* --------------------------------------------*/
/* --------------------------------------------*/


/* --------------------------------------------*/
/*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: #839CBA; /* 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: #4a7fb6; /* 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: #4a7fb6; /* 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);
  }
}