/*
	@pcwebagency.it
*/

/*********************************************************************************/
/* Cart                                                                         */
/*********************************************************************************/



/* ARROW BREADCRUMP */

.arrow-steps .step {
	font-size: 14px;
	text-align: center;
	color: #666;
	cursor: default;
	margin: 0 3px;
	padding: 8px 10px 7px 30px;
	min-width: 180px;
	float: left;
	position: relative;
	background-color: #eee;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
  transition: background-color 0.2s ease;
}
.arrow-steps .step:after,
.arrow-steps .step:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -17px;
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 17px solid #eee;	
	z-index: 2;
  transition: border-color 0.2s ease;
}
.arrow-steps .step:before {
	right: auto;
	left: 0;
	border-left: 17px solid #fff;	
	z-index: 0;
}
.arrow-steps .step:first-child:before {
	border: none;
}
.arrow-steps .step:first-child {
	
}
.arrow-steps .step span {
	position: relative;
}
.arrow-steps .step span:before {
	opacity: 0;
	content: "✔";
	position: absolute;
	top: -2px;
	left: -20px;
	color: #06ac77;
}
.arrow-steps .step.done span:before {
	opacity: 1;
	-webkit-transition: opacity 0.3s ease 0.5s;
	-moz-transition: opacity 0.3s ease 0.5s;
	-ms-transition: opacity 0.3s ease 0.5s;
	transition: opacity 0.3s ease 0.5s;
}
.arrow-steps .step.current {
	color: #fff;
	background-color: rgb(76,84,92);
}
.arrow-steps .step.current:after {
	border-left: 17px solid rgb(76,84,92)	
}
.arrow-steps .step.clousure:after {
	border-left:0!important;
            border-top-left-radius: 4px!important;
            border-bottom-left-radius: 4px!important;
}
@media (min-width:320px)  { 
.arrow-steps .step {
		min-width: 20px;
                width:auto!important;
                font-size:12px;
                padding: 10px 5px 7px 20px;

	}
        .medium-text{
          font-size:12px!important;
          line-height: 16px!important;
            
        }
}
@media (min-width:481px)  {
    .arrow-steps .step {
		min-width: 25px;
                font-size:13px;
                width:32%!important;
                padding: 8px 5px 7px 20px;
	}
        .medium-text{
          font-size:12px!important;
          line-height: 16px!important;
            
        }

}
@media (min-width:641px)  {
    .arrow-steps .step {
                font-size:14px!important;
                width:32%!important;
    }
    .medium-text{
          font-size:13px!important;
          line-height: 18px!important;
            
        }
}
@media (min-width:961px)  { 
     .arrow-steps .step {
            font-size:16px!important;
                width:32%!important;
                 padding: 6px 5px 6px 20px;
     }
     .medium-text{
          font-size:14px!important;
          line-height: 19px!important;
            
        }
}
@media (max-width: 765px) {
	
} 
.no-border{
    border:0!important;

}
.no-bkg{
   background:none!important;     
    
}
.btnCart{
  background: linear-gradient(-135deg,#4c545c,#646f7a);
    /* background: linear-gradient(-135deg,#4d6a79,#6a93a8,#4d6a79,#6a93a8); */
color:#FFF;
   padding:10px;

    
}
.btnCart:hover{
   background: linear-gradient(-135deg,#646f7a,#4c545c);
    color:#FFF;
}

/* SELECT2 */
  .select2election__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 35px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000!important;
    font-size:14px;
    font-style: italic;
    line-height:32px!important; 
}
/* SELECT2 */

#register-client h3{
         
         color:#333!important;
     }
     
#choosepayment h3{
    margin-bottom: 40px;
}

.cc-selector{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px; /* spazio tra le immagini */
}

.cc-selector input:hover{
    opacity: 0.8;
    transform: scale(1.03);
}
.cc-selector input.actived{
    opacity: 1;
    transform: scale(1.05);
}
.cc-selector input{
    display: block;
}
#cartadicredito{
    background: url(../uploads/icon_payments/cartadicredito_grey.png) center center!important;
    background-repeat: no-repeat;
   
    width:182px;
    height: 112px;
}



#cartadicredito.actived{
    background:url(../uploads/icon_payments/cartadicredito_green.png)center center!important;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
#bonifico{
    background: url(../uploads/icon_payments/bonificobancario_grey.png) center center!important;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
#bonifico.actived{
    background:url(../uploads/icon_payments/bonificobancario_green.png)center center!important;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
#contrassegno{
    background: url(../uploads/icon_payments/contrassegno_grey.png) center center;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
#contrassegno.actived{
    background:url(../uploads/icon_payments/contrassegno_green.png)center center;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
#paypal{
    background: url(../uploads/icon_payments/paypal_grey.png) center center;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
#paypal.actived{
    background:url(../uploads/icon_payments/paypal_green.png)center center;
    background-repeat: no-repeat;
    width:182px;
    height: 112px;
}
.bg-orange{
    
    background-color: rgba(255, 127, 0, 0.9);
    padding:3px;
}

.text-dark{
    
    color:#333!important;
}