.p_control_write{
    padding: 1px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif ;
    color:#0383F6;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
}
.td_p_control_write{
    border:1px solid #FFF;
    height: 5px;
    width: 100%;
    min-width: 25px;
    border-radius: 5px;
}
.mybanner{
    max-width: initial;
}


/* = overlay--- */
#overlay_block {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: #fff;
	top: 0;
	z-index: 100;
}
.blackdiv_overlay{
    z-index:92000;
    opacity:.50;
    display:none;
    position:absolute;
    background-color:#222222;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;    
    
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.blackdiv_overlay_risp_energ{
    z-index:92000;
    opacity:.85;
    background-color:#222222;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;    
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.div_metodo_pag_container{
    display: flex;
    /*border: 1px solid #ddd;*/
    border-radius: 5px;
    overflow: hidden;
    /*background-color: #D1D1D1;*/
    margin-top: 10px;
    position: relative;
    /*margin-left: 20px;*/
    /*margin-right: 20px;*/
    justify-content: right;
    width: 60%;
}
/* Stili specifici per dispositivi mobili */
@media (max-width: 768px) {
  .div_metodo_pag_container {
     width: 100%;
  }
}


#divpagamento{
    z-index: 92001;
    position:absolute;
    top:-20000px;
    width: 100%;
    text-align: center;
}
#divpagamento_new{
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    justify-content: right;
    width: 100%; /* Specifica la larghezza desiderata */
    /*max-width: 800px; !* Specifica la larghezza massima desiderata *!*/
    /*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
}
.divpagamento_cont {
    width: 100%;
    max-width: 600px!important;
    /*height: auto;*/
    /*margin:auto;*/
    /*z-index: 92001;*/
    background: #FFF;
    border-radius: 5px;
    padding:5px;
}

#credit_card_img{
	background: transparent url(../images/powered-by-stripe.jpg) no-repeat center;
	background-size:contain;
    height: 125px;
}
#btn_procedi_pag_pv{
    top: 80px;
    position: relative;
}
        #bs_div_cont_pag{
            padding: 5px;
        }
        .bs_wallet-container{
            width: 97%;
            text-align: center;
            position: relative;
            height: 200px;
            border: 2px solid #52C1C1;
            border-radius: 3px;
            display: inline-block;
            
        }
        .paypal-container{
            position: relative;
            top: 5px;
            width: 97%;
            text-align: center;
            
            height: 200px;
            /*border: 2px solid #FFC439;*/
            border-radius: 3px;
            display: inline-block;
            padding: 5px;
        }
        .paypal-button-container{
            position: relative;
            align-items: center;
            width: 100%;
            height: 45px !important;
        }
        
        .paypal-buttons.paypal-buttons-context-iframe.paypal-buttons-label-unknown.paypal-buttons-layout-horizontal{
            width: 80% !important;
        }

                    .txt_info_card{
                        font-size: 16px;
                        font-weight: normal;
                        color: #222222;
                        line-height: 12px;
                        
                    }
						/* Variables */
						#stripe-container {
                            width: 97%;
                            text-align: center;
                            position: relative;
                            padding-top: 10px;
                            /*padding-bottom: 5px;*/
                            /*border: 2px solid #52C1C1;*/
                            border-radius: 3px;
                            display: inline-block;
                            /*padding: 15px;*/
						}
						#stripe-container * {
						  box-sizing: border-box;
						}
						
						form #stripe-container{
						  width: 30vw;
						  min-width: 500px;
						  align-self: center;
						  box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
							0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07);
						  border-radius: 7px;
						  padding: 40px;
						}
						
						#stripe-container input {
						  border-radius: 6px;
						  margin-bottom: 6px;
						  padding: 12px;
						  border: 1px solid rgba(50, 50, 93, 0.1);
						  height: 44px;
						  font-size: 16px;
						  width: 100%;
						  background: white;
						}
						
						#stripe-container .result-message {
						  line-height: 22px;
						  font-size: 16px;
						}
						
						#stripe-container .result-message a {
						  color: rgb(89, 111, 214);
						  font-weight: 600;
						  text-decoration: none;
						}
						
						#stripe-container .hidden {
						  display: none;
						}
						
						#stripe-container #card-error {
						  color: rgb(224, 67, 51);
						  text-align: left;
						  font-size: 13px;
						  line-height: 17px;
						  margin-top: 12px;
						  margin-left: 15px;
						}
						
						#stripe-container #card-element {
						  border-radius: 4px 4px 0 0 ;
						  border: 1px solid rgba(50, 50, 93, 0.1);
						  height: 44px;
						  background: white;
                          width: 100%;
                          padding: 12px;
						  
						  
                          box-sizing: border-box;
                          margin: 0 auto;
                          max-width: 100%;						  
						}
                        /* Aggiungi stili per una migliore esperienza mobile */
                        @media (max-width: 768px) {
                          #card-element {
                            max-width: 100%; /* Rimuove il limite massimo per schermi piccoli */
                            padding: 10px;
                          }
                        }						
						
						#stripe-container #payment-request-button {
						  margin-bottom: 32px;
						}
						
						/* Buttons and links */
						#stripe-container button {
						  background: #5469d4;
						  color: #ffffff;
						  font-family: Arial, sans-serif;
						  border-radius: 0 0 4px 4px;
						  border: 0;
						  padding: 12px 16px;
						  font-size: 16px;
						  font-weight: 600;
						  cursor: pointer;
						  display: block;
						  transition: all 0.2s ease;
						  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
						  width: 100%;
						}
						#stripe-container button:hover {
						  filter: contrast(115%);
						}
						#stripe-container button:disabled {
						  opacity: 0.5;
						  cursor: default;
						}
						
						/* spinner/processing state, errors */
						#stripe-container .spinner,
						#stripe-container .spinner:before,
						#stripe-container .spinner:after {
						  border-radius: 50%;
						}
						#stripe-container .spinner {
						  color: #ffffff;
						  font-size: 22px;
						  text-indent: -99999px;
						  margin: 0px auto;
						  position: relative;
						  width: 20px;
						  height: 20px;
						  box-shadow: inset 0 0 0 2px;
						  -webkit-transform: translateZ(0);
						  -ms-transform: translateZ(0);
						  transform: translateZ(0);
						}
						#stripe-container .spinner:before,
						#stripe-container .spinner:after {
						  position: absolute;
						  content: "";
						}
						#stripe-container .spinner:before {
						  width: 10.4px;
						  height: 20.4px;
						  background: #5469d4;
						  border-radius: 20.4px 0 0 20.4px;
						  top: -0.2px;
						  left: -0.2px;
						  -webkit-transform-origin: 10.4px 10.2px;
						  transform-origin: 10.4px 10.2px;
						  -webkit-animation: loading 2s infinite ease 1.5s;
						  animation: loading 2s infinite ease 1.5s;
						}
						#stripe-container .spinner:after {
						  width: 10.4px;
						  height: 10.2px;
						  background: #5469d4;
						  border-radius: 0 10.2px 10.2px 0;
						  top: -0.1px;
						  left: 10.2px;
						  -webkit-transform-origin: 0px 10.2px;
						  transform-origin: 0px 10.2px;
						  -webkit-animation: loading 2s infinite ease;
						  animation: loading 2s infinite ease;
						}
						
						@-webkit-keyframes loading {
						  0% {
							-webkit-transform: rotate(0deg);
							transform: rotate(0deg);
						  }
						  100% {
							-webkit-transform: rotate(360deg);
							transform: rotate(360deg);
						  }
						}
						@keyframes loading {
						  0% {
							-webkit-transform: rotate(0deg);
							transform: rotate(0deg);
						  }
						  100% {
							-webkit-transform: rotate(360deg);
							transform: rotate(360deg);
						  }
						}
						
						@media only screen and (max-width: 600px) {
						#stripe-container  form {
							width: 80vw;
						  }
						}


.sign_register_block{
}
.admin-form-block.bs_modale-container {
    width: 450px;
    max-width: 100vw
}
.admin-form-block.bs_modale-container {
    width: 450px;
    max-width: 100vw
}

/* =Custom Form elements---------------
---------------*/
/* =checkbox------------*/
#slider-form .checkbox,
.main-form .checkbox {
	width: 23px;
	height: 23px;
	margin: 0 9px 0 0;
	background: url(../images/checkbox.png) no-repeat;
}
.main-widget .checkbox {
	width: 23px;
	height: 23px;
	margin: -1px 0 0 1px;
	background: url(../images/checkbox.png) no-repeat;
}
#slider-form .checkbox:hover,
.main-form .checkbox:hover,
.checkbox-block_container .checkbox:hover,
.main-widget .checkbox:hover {
	background: url(../images/checkbox.png) no-repeat 0 -46px !important;
}
.checkbox {
	height: 20px;
	margin: 0 5px 5px 2px;
	width: 20px;
	float: left;
	cursor: pointer;
	background: url(../images/checkbox-mini.png) no-repeat;
}
.checkbox:hover,
.main-form.admin-form .checkbox:hover {
	background: url(../images/checkbox-mini.png) no-repeat 0 -44px !important;
}
/* =radio------------*/
input[type="radio"] {
	width: 20px;
	height: 22px;
}
.radio {
	width: 20px;
	height: 22px;
	cursor: pointer;
	float: left;
	background: url(../images/radio.png) no-repeat;
}
.radio:hover {
	background: url(../images/radio.png) no-repeat 0 -44px;
}
.shortcode_radio .radio {
	margin: 4px 6px 0 1px;
}
/* =selectbox------------*/
.sbHolder {
	border: 1px solid #d2d2d2;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #FDFDFD;
	height: 45px;
	width: 198px;
	position: relative;
}
.sbSelector, .sbSelector:link, .sbSelector:visited {
	color: #434b56;
	display: block;
	height: 44px;
	width: 85%;
	left: 0;
	line-height: 44px;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
}
.sbSelector:hover {
	color: #c8cacf;
	outline: none;
	text-decoration: none;
}
.sbToggle {
	background: url(../images/arrow.png) no-repeat scroll right 19px transparent;
	display: block;
	height: 44px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 15%;
}
.sbOptions {
	background-color: #fff;
	border: solid 1px #cdcdcd;
	list-style: none !important;
	margin: 5px 0 0;
	padding: 0 !important;
	position: absolute;
	top: 44px;
	width: 100%;
	z-index: 100;
	font-size: 12px;
	overflow: auto;
}
.sbOptions a:link {
	display: block;
	outline: none;
	padding: 8px 0 8px 9px;
	color: #434b56 !important;
	text-decoration: none;
	text-align: left;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus {
	color: #b5b8be !important;
}
.sbOptions li {
	padding: 0 !important;
}
.sbOptions .sbDisabled {
	color: #868c95;
	background: #eee;
	display: block;
	padding: 8px 0 8px 9px;
}
.shortcode_column .sbHolder {
	margin: 1px 0 9px;
}
.main_form_navigation {
	overflow: hidden;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.main_form_navigation{
background-color: #FFF;
}


/*pannello utente*/
.pannello-user-form-content {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 992001
}
.pannello-user-form-block {
    clear: both;
    margin: 196px auto 0;
    position: relative;
    width: 90%;
    position: relative;
    left: -50%
}
/*fine pannello utente*/

.admin-form-content {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 992001
}

.admin-form-block {
    clear: both;
    margin: 196px auto 0;
    position: relative;
    width: 300px;
    position: relative;
    left: -50%
}

.main-form.admin-form,
.page_unused .main-form.admin-form {
	width: 100%;
	margin: 0 auto;
}
.content-form {
	clear: both;
	padding: 15px 39px 28px;
	background-color: #FFF;
}
.main-form.admin-form .content-form {
	padding: 39px 39px 34px;
	height: auto;
}

.title-form {
	float: left;    
	text-align: center;
	width: 33%;
	font-size: 11px;
	line-height: 21px;
}
.title-form.current {
	border-top: 5px solid #0F72B5;
	padding: 6px 0 12px;
	margin-right: -2px;
}
.title-form.current a{
	color: #434b56;	
}
.title-form a {
	text-decoration: none;
}
.title-form.back,
.main-form.admin-form .title-form.back {
	background: #eee;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	padding: 11px 0;	
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}
.title-form.back a{
	color: #626365;	
}

.main-form.admin-form .title-form,
.main-form.admin-form .title-form.current {
	padding: 6px 0 12px;
	text-align: center;
	width: 50%;
	cursor:pointer;
}
.main-form.admin-form input[type="text"],
.main-form.admin-form input[type="email"],
.main-form.admin-form input[type="password"] {
	color: #434b56;
	width: 100%;
	padding: 1px 0 2px 31px;
}
#sign_in_email, #register_email {
	background: url(../images/signin_email.png) no-repeat  9px 16px #F9F9F9;
	margin-bottom: 19px;
}
#sign_in_pass {
	background: url(../images/signin_pass.png) no-repeat  9px 12px #F9F9F9;
	margin-bottom: 11px;
}
#register_pass {
	background: url(../images/signin_pass.png) no-repeat  9px 12px #F9F9F9;
	margin-bottom: 11px;
}
#register_name {
	background: url(../images/signin_name.png) no-repeat  9px 12px #F9F9F9;
	margin-bottom: 11px;
}
.main-form.admin-form .checkbox {
	height: 20px;
	margin: -1px 8px 0px -1px;
	width: 20px;
	background: url(../images/checkbox-mini.png) no-repeat;
}
.main-form.admin-form .content-form label {
	padding-left: 0;
}
.admin-form-submit {
	background: url(../images/continue.png) no-repeat 140px center #EE7835 !important;
	margin: 20px 0 7px;
	width: 100% !important;
	padding: 0 14px 0 0;
}
.admin_form_link {
	text-align: center;
}
.admin-form-separator {
	margin: 15px 0 14px;
	text-transform: uppercase;
	text-align: center;
	background: url(../images/dotted.png) repeat-x scroll center center transparent;
}
.admin-form-separator .separator {
	background: #FBFBFB;
	width: 38px;
	margin:0 auto;
	font-weight: bold;
}


.main-form:not(.admin-form) {
    box-shadow: unset;
    width: 100% !important;
    border-radius: 0
}

@media all and (min-width: 64em) {
    .main-form:not(.admin-form) {
        max-width: 70%
    }
}

#div_tab_content .title-form {
    width: 100% !important;
    font-size: 2.5rem;
    color: #222222;
    padding: 25px 0
}
#tab_forgot_passwd {
	width: 100%;
}
#tab_forgot_passwd_content {
	background: #F9F9F9;
	border-top: 1px solid #D2D2D2;
	box-shadow: 0 1px 4px #E8E8E8 inset;
	padding: 38px 39px 33px;
}
#forgot_pass_email {
	background: url(../images/signin_email.png) no-repeat  9px 16px #fff;
	margin-bottom: 7px;
}
#forgot_pass_text {
	margin-left: 5px;
	margin-bottom: -4px;
	font-size: 13px;
}

.title-form.current {
    border-top: 0
}

.main_form_navigation {
    display: flex
}

#div_tab_content .title-form {
    margin: 0;
    float: unset;
    width: 33.333%
}

input,
textarea {
	border: 1px solid #d2d2d2;
	font-size: 14px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 46px;
	background: #f9f9f9;
	-moz-box-shadow: inset 0px 1px 4px #e8e8e8; 
	-webkit-box-shadow: inset 0px 1px 4px #e8e8e8; 
	box-shadow: inset 0px 1px 4px #e8e8e8; 
	color: #656d78;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus {
	border: 1px solid #70acee;
	-moz-box-shadow: 0 0 3px #70acee; 
	-webkit-box-shadow: 0 0 3px #70acee; 
	box-shadow: 0 0 3px #70acee; 
	background: #fff;
}
input[type="submit"] {
	text-transform: uppercase; 	
	color: #fff;	
	cursor: pointer;		
	font-weight: bold;
	height: 46px;
	font-size: 14px;
	padding: 1px 28px 3px 28px;
}
input[type="checkbox"] {
	width: 20px !important;
	height: 20px;
	/*vertical-align: bottom;*/
}
input.orange_button:hover {	
	background: #ec702f !important;
	-moz-box-shadow: 0 1px 2px 0 #f5ac7c inset, inset 0 -15px 15px 0 #f08643;
	-webkit-box-shadow: 0 1px 2px 0 #f5ac7c inset, inset 0 -15px 15px 0 #f08643;
	box-shadow: 0 1px 2px 0 #f5ac7c inset, inset 0 -15px 15px 0 #f08643;
}
input.orange_button {
	border: 1px solid #cc692f;
	background: #f08643 !important;
	-moz-box-shadow: 0 1px 2px 0 #f5ac7c inset, inset 0 -15px 15px 0 #ec702f;
	-webkit-box-shadow: 0 1px 2px 0 #f5ac7c inset, inset 0 -15px 15px 0 #ec702f;
	box-shadow: 0 1px 2px 0 #f5ac7c inset, inset 0 -15px 15px 0 #ec702f;
}
input.blue_button:hover {
	background: #2f82ec;
	-moz-box-shadow: 0 1px 2px 0 #7cb7f5 inset, inset 0 -15px 15px 0 #4296f0;
	-webkit-box-shadow: 0 1px 2px 0 #7cb7f5 inset, inset 0 -15px 15px 0 #4296f0;
	box-shadow: 0 1px 2px 0 #7cb7f5 inset, inset 0 -15px 15px 0 #4296f0;
}
input.blue_button {
	background: #4296f0;
	border: 1px solid #2f7acd;	
	-moz-box-shadow: 0 1px 2px 0 #7cb7f5 inset, inset 0 -15px 15px 0 #2f82ec;
	-webkit-box-shadow: 0 1px 2px 0 #7cb7f5 inset, inset 0 -15px 15px 0 #2f82ec;
	box-shadow: 0 1px 2px 0 #7cb7f5 inset, inset 0 -15px 15px 0 #2f82ec;
}
input.wallet_button:hover {
    background-color: #fff ;
    color: #E51420 ;
    box-shadow: none;
    transition: all .3s ease-in-out;
}
input.wallet_button {
    text-align: center;
    width: auto;
    height: 45px ;
    color: #fff ;    
    background-color: #222222 ;
    border: 2px solid #E51420 ;
    background-image: unset ;
    font-size: 1.2rem ;
    font-weight: 400 ;
    -webkit-appearance: none;
    transition: all .3s ease-in-out;
    border-radius: 0 ;
}


input.green_button:hover {
	background: #97C00E;
	-moz-box-shadow: 0 1px 2px 0 #B9D363 inset, inset 0 -15px 15px 0 #97C00E;
	-webkit-box-shadow: 0 1px 2px 0 #B9D363 inset, inset 0 -15px 15px 0 #97C00E;
	box-shadow: 0 1px 2px 0 #B9D363 inset, inset 0 -15px 15px 0 #97C00E;
}
input.green_button {
	border: 1px solid #97C00E;	 
	background: #97C00E;
	-moz-box-shadow: 0 1px 2px 0 #B9D363 inset, inset 0 -15px 15px 0 #97C00E;
	-webkit-box-shadow: 0 1px 2px 0 #B9D363 inset, inset 0 -15px 15px 0 #97C00E;
	box-shadow: 0 1px 2px 0 #B9D363 inset, inset 0 -15px 15px 0 #97C00E;
}
input.grey_button:hover {
	background: #3a414b;	
	-moz-box-shadow: 0 1px 2px 0 #797e85 inset, inset 0 -15px 15px 0 #4f5761;
	-webkit-box-shadow: 0 1px 2px 0 #797e85 inset, inset 0 -15px 15px 0 #4f5761;
	box-shadow: 0 1px 2px 0 #797e85 inset, inset 0 -15px 15px 0 #4f5761;
}
input.grey_button {
	border: 1px solid #2d323a;
	background: #4f5761;
	-moz-box-shadow: 0 1px 2px 0 #797e85 inset, inset 0 -15px 15px 0 #3a414b;
	-webkit-box-shadow: 0 1px 2px 0 #797e85 inset, inset 0 -15px 15px 0 #3a414b;
	box-shadow: 0 1px 2px 0 #797e85 inset, inset 0 -15px 15px 0 #3a414b;
}
/* =form-continue button--*/
input.form-continue.orange_button {
	background: url(../images/continue.png) no-repeat right center #f08643;
}
input.form-continue.orange_button:hover {
	background: url(../images/continue.png) no-repeat right center #ec702f;
}
input.form-continue.blue_button {
	background: url(../images/continue.png) no-repeat right center #4296f0;
}
input.form-continue.blue_button:hover {
	background: url(../images/continue.png) no-repeat right center #2f82ec;
}
input.form-continue.green_button {
	background: url(../images/continue.png) no-repeat right center #97C00E;
}
input.form-continue.green_button:hover {
	background: url(../images/continue.png) no-repeat right center #3a414b;
}
input.form-continue.grey_button {
	background: url(../images/continue.png) no-repeat right center #4f5761;
}
input.form-continue.grey_button:hover {
	background: url(../images/continue.png) no-repeat right center #3a414b;
}
/* =form-back button--*/
input.form-back.orange_button {
	background: url(../images/back.png) no-repeat left center #f08643;
}
input.form-back.orange_button:hover {
	background: url(../images/back.png) no-repeat left center #ec702f;
}
input.form-back.blue_button {
	background: url(../images/back.png) no-repeat left center #4296f0;
}
input.form-back.blue_button:hover {
	background: url(../images/back.png) no-repeat left center #2f82ec;
}
input.form-back.green_button {
	background: url(../images/back.png) no-repeat left center #97C00E;
}
input.form-back.green_button:hover {
	background: url(../images/back.png) no-repeat left center #3a414b;
}
input.form-back.grey_button {
	background: url(../images/back.png) no-repeat left center #4f5761;
}
input.form-back.grey_button:hover {
	background: url(../images/back.png) no-repeat left center #3a414b;
}
/* =form-update button--*/
input.form-update.orange_button {
	background: url(../images/update.png) no-repeat 88px center #f08643;
}
input.form-update.orange_button:hover {
	background: url(../images/update.png) no-repeat 88px center #ec702f;
}
input.form-update.blue_button {
	background: url(../images/update.png) no-repeat 88px center #4296f0;
}
input.form-update.blue_button:hover {
	background: url(../images/update.png) no-repeat 88px center #2f82ec;
}
input.form-update.green_button {
	background: url(../images/update.png) no-repeat 88px center #97C00E;
}
input.form-update.green_button:hover {
	background: url(../images/update.png) no-repeat 88px center #3a414b;
}
input.form-update.grey_button {
	background: url(../images/update.png) no-repeat 88px center #4f5761;
}
input.form-update.grey_button:hover {
	background: url(../images/update.png) no-repeat 88px center #3a414b;
}
/* =form-edit button--*/
input.form-edit.orange_button {
	background: url(../images/edit.png) no-repeat 75px center #f08643;
}
input.form-edit.orange_button:hover {
	background: url(../images/edit.png) no-repeat 75px center #ec702f;
}
input.form-edit.blue_button {
	background: url(../images/edit.png) no-repeat 75px center #4296f0;
}
input.form-edit.blue_button:hover {
	background: url(../images/edit.png) no-repeat 75px center #2f82ec;
}
input.form-edit.green_button {
	background: url(../images/edit.png) no-repeat 75px center #97C00E;
}
input.form-edit.green_button:hover {
	background: url(../images/edit.png) no-repeat 75px center #3a414b;
}
input.form-edit.grey_button {
	background: url(../images/edit.png) no-repeat 75px center #4f5761;
}
input.form-edit.grey_button:hover {
	background: url(../images/edit.png) no-repeat 75px center #3a414b;
}
/* =page continue_button --*/
input.continue_button {	
	font-weight: bold;
	padding: 0 42px 3px 21px;
}
input.continue_button:hover {
	color: #afd2f9;	
}
input.continue_button.orange_button {
	background: url(../images/continue_button.png) no-repeat right center #f08643;
}
input.continue_button.orange_button:hover {
	background: url(../images/continue_button_hover.png) no-repeat right center #ec702f;
}
input.continue_button.blue_button {
	background: url(../images/continue_button.png) no-repeat right center #4296f0;
}
input.continue_button.blue_button:hover {
	background: url(../images/continue_button_hover.png) no-repeat right center #2f82ec;
}
input.continue_button.green_button {
	background: url(../images/continue_button.png) no-repeat right center #97C00E;
}
input.continue_button.green_button:hover {
	background: url(../images/continue_button_hover.png) no-repeat right center #3a414b;
}
input.continue_button.grey_button {
	background: url(../images/continue_button.png) no-repeat right center #4f5761;
}
input.continue_button.grey_button:hover {
	background: url(../images/continue_button_hover.png) no-repeat right center #3a414b;
}	

.form_element div span.bs_asterisc_required{
    font-size: 18px;
    color: #F73535;
    line-height: 10px;
}


body input.blue_button, body input.green_button {
    box-shadow: unset;
    border-radius: 0;
    padding: 0 40px;
    margin: 24px 5px 0;
    text-align: center;
    width: auto;
    height: 45px !important;
    color: #222222 !important;
    background-color: #fff !important;
    border: 2px solid #222222 !important;
    background-image: unset !important;
    font-size: 1.2rem;
    font-weight: 400;
    -webkit-appearance: none;
    transition: all .3s ease-in-out;
    line-height:45px;
}

body input.blue_button:hover, body input.green_button:hover {
    background-color: #222222 !important;
    color: #fff !important;
    box-shadow: none;
    transition: all .3s ease-in-out
}

body input.blue_button .form-continue, body input.green_button .form-continue {
    background: unset !important;
    background-color: #83c241 !important
}

input.grey_button {
    -webkit-appearance: none
}

input.orange_button {
    background-color: #ffab00;
    background: 0 0 !important;
    background-color: #ffab00 !important;
    box-shadow: none;
    border-radius: 0;
    border: 2px solid #ffab00;
    color: #222222;
    font-weight: 400;
    font-size: 1.4rem;
    height: auto;
    padding: 15px 30px;
    transition: all .3s ease-in-out
}

input.orange_button:hover {
    background-color: #222222 !important;
    color: #fff !important;
    box-shadow: none !important;
    transition: all .3s ease-in-out
}

input.grey_button.form-back {
    display: block;
    box-shadow: unset;
    border-radius: 0;
    padding: 0 40px;
    margin: 24px 5px 0;
    text-align: center;
    width: auto;
    height: 45px !important;
    background: unset;
    background-color: #fff !important;
    color: #222222;
    border: 2px solid #222222 !important;
    font-size: 1.2rem;
    font-weight: 400
}

input.grey_button.form-back:hover {
    background: unset;
    background-color: #222222 !important;
    color: #fff;
    box-shadow: none;
    transition: all .3s ease-in-out
}

.admin-form-block .blue_button, .admin-form-block .green_button {
    margin: 24px auto
}
.tab_link_button{
	font-size: 13px;
	line-height: 21px;
	color: #656d78;
}
@media all and (max-width: 47.99em) {
    .access-content {
        padding: 15px 0
    }

    .access-content .menu-icon {
        margin-top: 0 !important
    }
}

@media all and (max-width: 47.99em) {
    .access-content > ul {
        position: fixed
    }
}

            /*stili del carrello */
            .carrello-product-card {
                display: flex;
                /*border: 1px solid #ddd;*/
                border-radius: 5px;
                overflow: hidden;
                /*background-color: #D1D1D1;*/
                margin-top: 10px;
                position: relative;
                margin-left: 20px;
                margin-right: 20px;
                justify-content: right;
				/*width: 40%;*/
				
            }
           .carrello-product-details {
                flex: 1;
                padding: 10px;
                background-color: #f6f6f6;
                border-radius: 5px;
                gap: 20px;
	            }
            .carrello-product-colors{
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
				flex-wrap: wrap;
				justify-content: right;
				width: 100%; /* Specifica la larghezza desiderata */
				/*max-width: 800px; !* Specifica la larghezza massima desiderata *!*/
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
            }
            
            .carrello-color-option {
            	position: relative;
                width: 100px;
                height: 90px;
                border-radius: 5px;
                margin-right: 10px;
                cursor: pointer;
                background-size: auto; /* Imposta la dimensione dell'immagine in modo che copra l'intero div */
                background-position: center; /* Centra l'immagine all'interno del div */
                background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
                border: 1px solid #222222;
                background-color: #FFF;
            }

            .carrello-color-taglie-container{
   				min-height: 90px; /* Aggiunta per consentire il wrapping */
    			margin-bottom: 10px; /* Aggiunta per aggiungere spazio tra i container */
            	position: relative;
                width: 100px;
                height: 90px;
                border: 1px solid #222222;
                border-radius: 5px;
                /*border-radius: 50%;*/
                margin-right: 10px;
                cursor: pointer;
                background-size: auto; /* Imposta la dimensione dell'immagine in modo che copra l'intero div */
                background-position: center; /* Centra l'immagine all'interno del div */
                background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
				text-align: center;
    			line-height: 90px; /* Altezza del div */
				background-color: #FFFFFF;
			}
            
            .carrello-color-taglie{
                font-weight: bold;
                align-items: center;
                position: absolute;
                bottom: 0;
			 	left: 0;
				right: 0;
				top: 5px;
				text-align: center; /* Centro il testo orizzontalmente */                
                cursor: pointer;
                display: inline-block; /* Per applicare line-height */
                color: #222222;
            }
            
            .carrello-product-price-container{
   				min-height: 90px; /* Aggiunta per consentire il wrapping */
    			margin-bottom: 10px; /* Aggiunta per aggiungere spazio tra i container */
            	position: relative;
                width: 150px;
                height: 90px;
                border-radius: 5px;
                /*border-radius: 50%;*/
                margin-right: 10px;
                cursor: pointer;
                background-size: auto; /* Imposta la dimensione dell'immagine in modo che copra l'intero div */
                background-position: center; /* Centra l'immagine all'interno del div */
                background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
				text-align: center;
    			line-height: 90px; /* Altezza del div */
            }
            .carrello-product-price{
                font-size: 24px;
                color: #222222;
                font-weight: bold;
            }
            
            
            .carrello-product-price-totale{
                margin-right: 80px;
                font-size: 24px;
                color: #222222;
                font-weight: bold;
            }
            
            
            .carrello-product-button-container{
				/*justify-content: right; !* Centra il contenuto orizzontalmente *!*/
				align-items: center; /* Centra il contenuto verticalmente */
            }
            
			.carrello-product-button {
				background-color: #222222;
				color: #fff;
				border: none;
				padding: 10px 20px;
				border-radius: 5px;
				cursor: pointer;
				transition: background-color 0.3s;
				width: 100%;
				font-size: 15px;
			}            

            .carrello-product-button:hover {
                background-color: #222222;
            }
            

            .main-cart-align {
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
				flex-wrap: wrap;
				justify-content: center;
				width: 100%; /* Specifica la larghezza desiderata */
            }
            .main-cart {
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
				flex-wrap: wrap;
				justify-content: center;
				width: 100%; /* Specifica la larghezza desiderata */
				/*max-width: 800px; !* Specifica la larghezza massima desiderata *!*/
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
				padding: 10px;
				background-color: #f6f6f6;
				border-radius: 5px;
				gap: 20px;
            }
            .main-cart-totale{
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
				flex-wrap: wrap;
				justify-content: right;
				width: 100%; /* Specifica la larghezza desiderata */
				/*max-width: 800px; !* Specifica la larghezza massima desiderata *!*/
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
				padding: 10px;
				background-color: #c8c8c8;
				border-radius: 5px;
				gap: 20px;
            }
            .main-cart-trash span{
                color: #222222;
                text-decoration: underline;
            	font-size: 13px;
            }
            .left-div-cart{
                font-size: 16px;
                margin-bottom: 10px;
                margin-right: 10px;
                cursor: pointer;
                width: 50%;
                
		    }
            .carrello-product-title {
                font-size: 18px;
                margin-bottom: 0px;
            }
            

            .carrello-product-description {
                font-size: 16px;
                margin-bottom: 10px;
                margin-right: 10px;
                cursor: pointer;
                color: #0b36ea;
                text-decoration: underline;
            }
            
            .carrello-product-button
			.carrello-product-button {
				background-color: #222222;
				color: #fff;
				border: none;
				padding: 10px 20px;
				border-radius: 5px;
				cursor: pointer;
				transition: background-color 0.3s;
				width: 100%;
				font-size: 15px;
			}            

            .carrello-product-button:hover {
                background-color: #222222;
            }            
			.carrello-container-header-product{
                display: flex;
                margin-top: 10px;
                /*margin-bottom: 10px;*/
				flex-wrap: wrap;
				justify-content: left;
				width: 100%; /* Specifica la larghezza desiderata */
				/*max-width: 800px; !* Specifica la larghezza massima desiderata *!*/
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
			}
			

            .img-product-car-container{
   				min-height: 90px; /* Aggiunta per consentire il wrapping */
    			margin-bottom: 10px; /* Aggiunta per aggiungere spazio tra i container */
            	position: relative;
                /*width: 300px;*/
                width: 100%;
                height: auto;
                /*border: 1px solid #222222;*/
                background-color: #FFFFFF;
                border-radius: 5px;
                /*border-radius: 50%;*/
                margin-right: 10px;
                cursor: pointer;
                background-size: auto; /* Imposta la dimensione dell'immagine in modo che copra l'intero div */
                background-position: center; /* Centra l'immagine all'interno del div */
                background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
				text-align: center;
    			line-height: 90px; /* Altezza del div */      
    			justify-content: center;          
            }
            /********************************************/
            /*stili bici evidenza2*/
        .product-card2 {
            /* Specifica l'URL dell'immagine di sfondo */
            background-size: auto 68%; /* Fai in modo che l'immagine copra l'intero div */
            background-position: top; /* Centra l'immagine all'interno del div */
            background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
            padding: 0px;
            /*border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;*/
            text-align: center;
            border: 1px solid #d8d8d8;

            position: relative; /* Per posizionare il testo sopra l'immagine */
            height: 450px;
            cursor: pointer;
            margin-bottom: 20px;
        }
		.product-card2:hover{
			border: 1px solid #222222;
		}
        .product-card2 .discount-price {
            font-size: 26px;
            font-weight: bold;
            color: #18772c;
        }

        .product-card2 .price-line span {
            display: inline-block;
            margin-right: 10px;
        }

        .product-card2 .full-price {
            font-size: 21px;
            text-decoration: line-through;
            color: #666; /* Grigio per il prezzo barrato */
            font-weight: normal; /* Testo in grassetto */
        }

        .product-card2 .dsc-price {
            font-size: 21px;
            color: #222; /* Grigio per il prezzo barrato */
            font-weight: normal; /* Testo in grassetto */
        }
        .product-card2 .codice-line {
			margin-top: 0px;
			font-size: 12px;
			color: #222222;
        }
		
        .section-product-grid2 {
            /*display: grid;*/
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 20px;
            padding: 5px;
            margin-top: 20px;
            margin-bottom: 20px;
        }		
        
        .product-content2 {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #F2F2F2;
            padding: 20px;
            /*border-radius: 0 0 1.6rem 1.6rem;*/
            min-height: 130px;
            white-space: nowrap; 
            
        }
        .product-content2 h3{
        	font-weight: bold;
        	font-size: 16px;
        }        
        .product-card2 .price-line {
            margin-top: 10px;
            border-top: 1px solid #222222;
            padding-top: 10px;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            width: 100%; /* Aggiunto per occupare il 50% dello spazio */
        }
        
		/*********************************************************************/
		/*********************************************************************/
            
            /*stili elenco bici*/
        .product-card {
            /* Specifica l'URL dell'immagine di sfondo */
            background-size: auto 68%; /* Fai in modo che l'immagine copra l'intero div */
            background-position: top; /* Centra l'immagine all'interno del div */
            background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
            padding: 0px;
            border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;
            text-align: center;
            border: 1px solid #d8d8d8;

            position: relative; /* Per posizionare il testo sopra l'immagine */
            height: 350px;
            cursor: pointer;
        }
		.product-card:hover{
			border: 1px solid #222222;
		}
        .product-content {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #F2F2F2;
            padding: 20px;
            border-radius: 0 0 1.6rem 1.6rem;
            min-height: 130px;
            white-space: nowrap; 
            
        }
        .product-content h3{
        	font-weight: bold;
        }

        .section-product-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 20px;
            padding: 5px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .product-card h3 {
            font-size: 18px;
            margin-bottom: 5px;
            text-align: left; /* Allinea il testo a sinistra */
        }

        .product-card p {
            font-size: 14px;
            color: #666;
            text-align: left; /* Allinea il testo a sinistra */
        }

        .product-card .price-line {
            margin-top: 10px;
            border-top: 1px solid #222222;
            padding-top: 10px;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            width: 100%; /* Aggiunto per occupare il 50% dello spazio */
        }
		.product-card .codice-line{
			margin-top: 0px;
			font-size: 12px;
			color: #222222;
		}
        .product-card .discount-price {
            font-size: 26px;
            font-weight: bold;
            color: #18772c;
        }

        .product-card .price-line span {
            display: inline-block;
            margin-right: 10px;
        }

        .product-card .full-price {
            font-size: 18px;
            text-decoration: line-through;
            color: #666; /* Grigio per il prezzo barrato */
            font-weight: normal; /* Testo in grassetto */
        }

        .product-card .dsc-price {
            font-size: 18px;
            color: #666; /* Grigio per il prezzo barrato */
            font-weight: normal; /* Testo in grassetto */
        }
        /*.product-card .dsc-price span{*/
        /*    font-size: 26px;*/
        /*}*/

        .product-promo {
            background-color: #f8f8f8;
            border-radius: 10px;
            padding: 20px;
            text-align: center;
        }

        .product-promo h2 {
            font-size: 24px;
            color: #333;
            margin-bottom: 10px;
        }

        .product-promo p {
            font-size: 18px;
            color: #666;
            margin-bottom: 20px;
        }

            /* Stile per l'overlay */
            .overlay_prod {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.7); /* Colore di sfondo scuro con trasparenza */
                display: none;
                justify-content: center;
                align-items: center;
                z-index: 9999;
                cursor: pointer;
            }

            /* Stile per l'immagine all'interno dell'overlay */
            .overlay_prod img {
                max-width: 90%; /* Massima larghezza dell'immagine nel overlay */
                max-height: 90%; /* Massima altezza dell'immagine nel overlay */
                border-radius: 5px;
                border: 3px solid #3f3e3e;
            }


.container_dati_reg {            
		display: flex;
		margin-top: 140px;
		/*position: absolute;*/
		margin-bottom: 0;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%; /* Specifica la larghezza desiderata */
}		
.container_dati_reg_old {
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 50px;
    padding: 20px;
    padding-bottom: 50px;
    
    border: 1px solid #ccc;
    border-radius: 5px;
    /*background-color: #f9f9f9;*/
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    
}
.datiprofilo{
    padding: 10px;
    background-color: #f6f6f6;
    border-radius: 5px;
    top: 61px;
    position: relative;
    padding-bottom: 100px;    
}    
            @media screen and (max-width: 768px) {
                .datiprofilo  {
                    width: 100%;
                    top: 0px;
                    padding-bottom: 0px;
                }
            }
.button-bonifico {
	background: #222222;
	width: 95%;
	display: initial;
	border: 0;
	border-radius: 5px;
	color: #FFF;
	font-size: 15px;
	height: 45px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}									


.admin_container {
    display: flex;
    flex-wrap: wrap;
}

.admin_wrapper {
    margin-top: 20px;
}

.form_element {
    margin-bottom: 15px;
    
}

.form_element > div {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
}
.form_container_line{
    display: flex;
    flex-direction: row;
}

.form_line_completa{
     width: 100%;
}
.form_sottotitolo_accedi{
    margin-top: 2px;
    font-weight: bold; 
}

input[type="text"],
input[type="password"],
select,
textarea {
    width: calc(100% - 10px);
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
}

.select_public {
    width: calc(100% + 2px);
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 14px;
}

.bs_asterisc_required {
    color: red;
}

.bs_btn_pagasalva_btn {
    text-align: center;
}

.blue_button {
    background-color: #007bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.blue_button:hover {
    background-color: #0056b3;
}

.privacy_check_conteiner {
    margin-top: 20px;
    font-size: 12px;
}
#info_required_data_profile{
    font-size: 12px;
}

.ent_checkbox {
    display: flex;
    align-items: center;
}

.ent_checkbox input[type="checkbox"] {
    margin-right: 10px;
}

/* Optional: Stile per il link nell'informativa sulla privacy */
a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
.form_element > input {
	margin: 4px 0 0;
	padding-left: 10px;
	
}
            
		.left-div-cart-riepilogo{
			font-size: 16px;
			margin-bottom: 10px;
			/*margin-right: 10px;*/
			cursor: pointer;
			/*width: 50%;*/
			
		}
	.product-price-riepilogo{
			font-size: 16px;
			color: #222222;
			font-weight: bold;
			text-align: right;
	  }
	  .product-price-totale-riepilogo{
	 	
            font-size: 26px;
            font-weight: bold;
            color: #18772c;	 	

	 	margin-right: 10px;
		 flex: 1; 
		 text-align: right;
	  }
.product-price-totale-riepilogo-pagabb{
	 	margin-right: 1px;
	    flex: 1; 
        font-size: 16px;
        font-weight: bold;
        color: #18772c;	 	
}	  
	  .product-varianti-riepilogo2{
		font-size: 12px;
		color: #222222;
		font-weight: normal;
		display: flex;
		flex-wrap: wrap;
	  }
	 .product-varianti-riepilogo{
		font-size: 12px;
		color: #222222;
		font-weight: normal;
	 } 
	 .product-description-riepilogo{
                font-size: 12px;
                margin-bottom: 10px;
                margin-right: 10px;
                cursor: pointer;
                color: #0b36ea;
                text-decoration: underline;
	 
	 }
	 .product-title-riepilogo{
		font-size: 12px;
		margin-bottom: 0;
	 }
	 .INTESTAZIONE_DATI_FORM{
	 	font-weight: normal;
	 	font-size: 18px;
	 	margin-bottom: 10px;
	 }
	 .div_container_checkbox_bonifico{
	    display: flex;  
	    margin-top: 15px;
	    margin-left: 5px;
	    margin-right: 5px;
	 }
	 .container_bpttoni_scritte_bonifico{
	    margin-top: 15px;
	 }
	 .SCRITTA_CHECK_BONIFICO{
	 	font-weight: normal;
	 	font-size: 12px;
	 	margin-top: 5px;
	 	margin-left: 5px;
	 }	 
	  .cart-riepilogo {
			/*width: 50%;*/
			/*background-color: #FAAAAA;*/
			position: relative;
			font-size: 16px;
			margin-bottom: 10px;
			margin-right: 10px;
			cursor: pointer;
			/*text-align: right; !* Allinea il testo a destra *!*/
	  }
	 .intesta-riepilogo-carrello{
	 	margin-top: 18px;
	 	margin-left: 20px;
		font-weight: normal;
  		font-size: 18px;	 	
	 }
	 
	 .main-cart-align-riepilogo{
		display: flex;
		/*margin-top: 10px;*/
		/*position: absolute;*/
		margin-bottom: 0;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%; /* Specifica la larghezza desiderata */
     }	
     .main-cart-totale-riepilogo{
            width: 100%;
            /*display: flex; */
            align-items: center; 
            justify-content: center; 
            font-size: 14px; 
            background-color: #f9f9f9; 
            padding: 10px; 
            border-radius: 8px; 
            border: 1px solid #ddd; 
            text-align: right;			
     }
            .main-cart-riepilogo {
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
				flex-wrap: wrap;
				justify-content: center;
				width: 95%; /* Specifica la larghezza desiderata */
				/*max-width: 800px; !* Specifica la larghezza massima desiderata *!*/
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
				padding: 10px;
				background-color: #f6f6f6;
				border-radius: 5px;
				gap: 20px;
            }     


/*stili pagina dettaglio prodotto */
            .detprod-card {
                display: flex;
                flex-wrap: wrap; 
                /*border: 1px solid #ddd;*/
                border-radius: 5px;
                overflow: hidden;
                /*background-color: #D1D1D1;*/
                margin-top: 100px;
                position: relative;
                margin-left: 20px;
                margin-right: 20px;
            }

        .detprod-full-price {
            text-decoration: line-through;
            color: #666; /* Grigio per il prezzo barrato */
            font-weight: normal; /* Testo in grassetto */
            font-size: 20px;
        }
        .detprod-dsc-price {
            color: #666; /* Grigio per il prezzo barrato */
            font-weight: normal; /* Testo in grassetto */
            font-size: 20px;
        }        
        .detprod-price-line {
            margin-top: 10px;
            border-top: 1px solid #222222;
            padding-top: 10px;
            font-size: 16px;
            display: flex;
            justify-content: space-between;
            width: 100%; /* Aggiunto per occupare il 50% dello spazio */
        }
        .detprod-discount-price {
            font-size: 30px;
            font-weight: bold;
            color: #18772c;
        }                

            .detprod-image {
                flex: 1;
                  min-width: 300px; /* Larghezza minima dell'immagine */
            }

            .detprod-image img {
                width: 100%;
                height: auto;
                cursor: pointer;
            }

            .detprod-details {
                flex: 1;
                padding: 10px;
                background-color: #f6f6f6;
                border-radius: 5px;
                gap: 20px;
            }

            .detprod-title {
                font-size: 24px;
                margin-bottom: 0px;
            }

            .detprod-price {
                font-size: 24px;
                color: #222222;
                margin-top: 50px;
                margin-bottom: 10px;
                font-weight: bold;
            }

            .detprod-title-scheda {
                margin-top: 30px;
                margin-bottom:0px;
                font-size: 18px;
                color: #222222;
                font-weight: bold;
            }

            .detprod-title-scheda-varcol {
                margin-top: 20px;
                font-size: 18px;
                color: #222222;
                margin-bottom: 0px;
                font-weight: bold;
                /*border-top:1px solid #222222;*/
                width: 300px;
            }

            .detprod-description {
                font-size: 16px;
                color: #666;
                margin-bottom: 10px;
            }
			.detprod-button-container{
				display: flex;
				justify-content: center; /* Centra il contenuto orizzontalmente */
				align-items: center; /* Centra il contenuto verticalmente */
			}
			
			.detprod-button {
				background-color: #222222;
				color: #fff;
				border: none;
				padding: 10px 20px;
				border-radius: 5px;
				cursor: pointer;
				transition: background-color 0.3s;
				width: 100%;
				font-size: 15px;
				letter-spacing: 2px;
				font-weight: 400;
			}            

            .detprod-button:hover {
                
                background-color: #204f29;
            }

            .detprod-colors {
                display: flex;
                margin-top: 10px;
                margin-bottom: 10px;
                
				flex-wrap: wrap;
				/*justify-content: center;*/
				width: 100%; /* Specifica la larghezza desiderata */
				max-width: 800px; /* Specifica la larghezza massima desiderata */
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
                
            }

            .detprod-color-option {
            	position: relative;
                width: 200px;
                height: 90px;
                border: 1px solid #ccc;
                border-radius: 5px;
                /*border-radius: 50%;*/
                margin-right: 10px;
                cursor: pointer;
                background-size: auto; /* Imposta la dimensione dell'immagine in modo che copra l'intero div */
                background-position: center; /* Centra l'immagine all'interno del div */
                background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
            }

            .detprod-color-option.selected_col {
                border: 1px solid #222222;
                background-color: #FFF;
            }

            .detprod-color-option:hover {
                background-color: #FFF;
            }

            .detprod-color-option:hover + .descr-detprod-color-option {
                color: #222222;
            }
            .detprod-specs  {
                padding-left: 10px;
                padding-right: 10px;
            }
            .detprod-specs ul {
                list-style-type: none;
                padding: 10px;
                display: flex;
                flex-wrap: wrap; /* Consente il wrap degli elementi su più righe */
            }

            .detprod-specs ul li {
                width: calc(33.33% - 20px); /* Imposta la larghezza di ciascun elemento al 33% della larghezza del contenitore, con uno spazio tra gli elementi */
                margin-right: 20px;
                margin-bottom: 20px; /* Aggiunge spazio tra gli elementi */
            }
            /* Mostra 2 colonne per riga su schermi più stretti (dispositivi mobili) */
            @media screen and (max-width: 768px) {
                .detprod-specs ul li  {
                    width: calc(100% - 20px);
                }
            }


            .detprod-specs ul li dl {
                margin: 0;
            }

            .detprod-specs ul li dl dt {
                font-weight: bold;
            }

            .detprod-specs ul li dl dd {
                margin: 0;
                color: #666;
            }

            .detprod-specs ul li dl {
                display: inline-block;
                vertical-align: top;
                margin-right: 20px;
            }

            .detprod-specs .title {
                max-width: 100%;
                border-bottom: 1px solid #222222;
                font-weight: bold;
                margin-left: 10px;
                font-size: 24px; /* Dimensione del carattere del titolo */
                color: #222222; /* Colore del testo */
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; /* Font come quello di Apple */
            }            
            
            /*******************************/
            
            
            
            
            

            .descr-detprod-color-option {
                /*width: 200px;*/
                font-size: 12px;
                
                color: #ccc;
                /*padding-top: 20px;*/
                /*height: 60px;*/
                align-items: center;
                position: absolute;
                bottom: 0;
			 	left: 0;
				right: 0;
				text-align: center; /* Centro il testo orizzontalmente */                
            }

            .descr-detprod-color-option.selected_col {
                color: #222222;
            }
            
            .detprod-taglie-container{
				display: flex;
				flex-wrap: wrap;
				/*justify-content: center;*/
				width: 90%; /* Specifica la larghezza desiderata */
				max-width: 800px; /* Specifica la larghezza massima desiderata */
				/*margin: 0 auto; !* Per centrare il contenitore orizzontalmente *!*/
            }
            
			.detprod-color-taglie-container{
   				min-height: 90px; /* Aggiunta per consentire il wrapping */
    			margin-bottom: 10px; /* Aggiunta per aggiungere spazio tra i container */
    						
            	position: relative;
                width: 100px;
                height: 90px;
                border: 1px solid #ccc;
                border-radius: 5px;
                /*border-radius: 50%;*/
                margin-right: 10px;
                cursor: pointer;
                background-size: auto; /* Imposta la dimensione dell'immagine in modo che copra l'intero div */
                background-position: center; /* Centra l'immagine all'interno del div */
                background-repeat: no-repeat; /* Impedisce che l'immagine si ripeta */
				text-align: center;
    			line-height: 90px; /* Altezza del div */                
			}

			.detprod-color-taglie-container.selected_tg{
			    	background-color: #FFFFFF;
			    	border: 1px solid #222222;
			}
            .detprod-color-taglie-container:hover  { 
                background-color: #FFFFFF;
            }
			.detprod-color-taglie-container:hover .detprod-color-taglie {
				color: #222222;
			}            
            .detprod-color-taglie {
                font-weight: bold;
                align-items: center;
                position: absolute;
                bottom: 0;
			 	left: 0;
				right: 0;
				top: 5px;
				text-align: center; /* Centro il testo orizzontalmente */                
                cursor: pointer;
                color: #ccc;
                display: inline-block; /* Per applicare line-height */
            }
			.detprod-color-taglie.selected_tg{
            	color: #222222;
            }
            .derprod-guida_taglia{
                font-size: 16px;
            }
            
/*stilo div scopri taglia            */
.size-guide-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    background-color: #f2f2f2
}

.size-guide-container:hover {
    /*background-color: #f8f8f8;*/
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
}

.size-guide-icon {
    margin-right: 10px;
}

.size-guide-text {
    font-size: 16px;
    font-weight: bold;
    color: #222222;
    text-decoration: none;
}

.size-guide-text:hover {
    text-decoration: none;
}

.size-guide-subtext {
    font-size: 12px;
    color: #777;
}

        .form_contatto {
            display: none;
            margin-top: 20px;
        }
        .form_contatto_label {
            display: block;
            margin-top: 10px;
font-size: 16px;
  color: #666;
              
        }
        .form_contatto_input, .form_contatto_textarea {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
            
        }
        .form_contatto_textarea {
            height: 254px;
        }
        .form_contatto_button {
            width: 100%;
            background-color: #18772c;
            
            color: #ffffff;
            border: 1px solid #222;
            border-radius: 5px;
            padding: 8px 20px;
            font-size: 15px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        .form_contatto_button:hover {
            background-color: #26c549;
            text-decoration: none;
            /*color:#222222;*/
        }
        .form_contatto_response {
            margin-top: 20px;
        }
        
        .form_contatto_wa_div{
            
            font-size: 15px;
            
        }

.btn-scoprilo {
    background-color: #ffffff;
    color: #222222;
    border: 1px solid #222;
    border-radius: 20px;
    padding: 8px 20px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-scoprilo:hover {
    background-color: #f2f2f2;
    text-decoration: none;
    color:#222;
}
/*fine div scopri taglia*/
            
            
.headder-scritta-titolo{
	background-color: #4f4f4f;
	opacity: 0.7;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.headder-scritta {
	background-color: #4f4f4f;
	opacity: 0.7;
	padding: 15px;
	border-radius: 5px;
	
}

.cookie-button-class{
    background: url(../images/cookie-btn.png) no-repeat right center ;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    border: 0;
    
    display: none;
}
			
.product-label-sezione {
  position: absolute;
  top: 10px;
  left: 10px;
  
  background-color: rgb(34, 34, 34); /* Colore di sfondo con trasparenza */
  padding: 2px 5px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 11px;
  color: #FFF; /* Colore del testo */
  z-index: 1; /* Assicura che l'etichetta sia sopra l'immagine */
  display: flex;
  align-items: center;
  
}  
.arrow-back-sez{
    position: relative;
    top:-1px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid white;
  margin-right: 5px;
}
.product-label-tipobici {
  position: absolute;
  top: 40px;
  left: 10px;
  padding: 2px 5px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 11px;
  color: #FFF; /* Colore del testo */
  z-index: 1; /* Assicura che l'etichetta sia sopra l'immagine */
  
}	
.product-label-tipobici img{
    width: 48px;
}
.additional-labels-prod {
  position: absolute;
  top: 5px;
  right:10px; /* Posizione a destra del product-label-sezione */
}

.additional-labels-prod div {
vertical-align: top;
  display: inline-block;
  /*background-color: rgb(34, 34, 34); !* Colore di sfondo con trasparenza *!*/
  padding: 2px 5px;
  border-radius: 5px;
  font-weight: normal;
  font-size: 11px;
  color: #222222; /* Colore del testo */
  z-index: 1; /* Assicura che l'etichetta sia sopra l'immagine */
}

.menuchisiamo{
    /*color: #cda434;*/
}

/*TOPBAR*/
.top-bar {
    background-color: #343a40;
    color: #ffffff;
    padding: 10px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; /* Assicura che la barra sia sopra a tutti gli altri elementi */
}

.container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}
.margina_sopra{
    margin-top: 40px;
}

.top-bar-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-content {
    margin-top: 50px; /* Altezza della barra superiore + margine aggiuntivo */
    /* Aggiungi altre regole di stile per il contenuto principale se necessario */
}


.topbar {
    /*background-color: #f8f9fa;*/
    color: #212529;
    padding: 8px 15px;
    text-align: right; /* Allinea a destra */
    
}

.container_topbar {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    align-content: normal;
}

.topbar-left {
    display: flex;
    justify-content: flex-end; /* Allinea a destra */
    align-items: center;
}

.topbar-link {
    text-decoration: none;
    color: #fff;
    margin-left: 20px;
    font-size: 14px;
    position: relative; /* Per posizionare la spunta */
}

.topbar-link:before {
    content: "\2713"; /* Codice Unicode per spunta */
    margin-right: 5px; /* Aggiungo spazio tra la spunta e il testo */
}

.topbar-link:last-child {
    margin-right: 0;
}

.topbar-link:hover {
    color: #ccc;
}

/******************/

.spunta {
    text-decoration: none;
    color: #222222;
    margin-left: 20px;
    font-size: 18px;
    position: relative; /* Per posizionare la spunta */
}

.spunta:before {
    content: "\2713"; /* Codice Unicode per spunta */
    margin-right: 5px; /* Aggiungo spazio tra la spunta e il testo */
    color: green;
    font-size: 40px;
}

.spunta:last-child {
    margin-right: 0;
}
.spunta_sottotitolo{
    font-size: 15px;
    font-style: italic;
    padding-left: 60px;
}
.titoletto{
    
}

/* Stile per l'immagine */
.image-container {
    position: relative;
    /*width: 600px;*/
    height: auto;
    overflow: hidden; /* Assicura che l'immagine secondaria non esca dal contenitore */
    
}

/* Stile per l'immagine principale */
.image-container img {
    width: 100%; /* Imposta la larghezza al 100% del contenitore */
    height: auto; /* L'altezza si adatterà automaticamente al mantenimento delle proporzioni */
    display: block; /* Assicura che l'immagine si comporti come un blocco */
    border-radius: 10px; /* Rende i bordi tondi */
}

/* Stile per l'immagine che si mostra solo al passaggio del mouse */
.image-container .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* L'immagine nascosta di default */
    transition: opacity 0.5s ease;
    border-radius: 10px; /* Rende i bordi tondi */
    width: 100%; /* Imposta la larghezza al 100% del contenitore */
    height: auto; /* L'altezza si adatterà automaticamente al mantenimento delle proporzioni */
    display: block; /* Assicura che l'immagine si comporti come un blocco */
}

/* Quando il contenitore è in hover, mostra l'immagine nascosta */
.image-container:hover .hover-image {
    opacity: 1; /* Mostra l'immagine al passaggio del mouse */
}

.piastrelle_tile-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); /* Tessere con larghezza minima di 250px */
    gap: 20px; /* Spazio tra le tessere */
}
.piastrelle_tile {
    padding: 5px;
    border-radius: 20px; /* Arrotonda gli angoli */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative; /* Per posizionare il testo sopra l'immagine */
    flex: 1 0 250px; /* Cresce per occupare lo spazio disponibile, ma non più di 250px */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Transizione fluida */
    cursor: pointer;
    
}
.piastrelle_tile:hover {
    background-color: rgba(242, 242, 242, 1); /* Opacità completa al passaggio del mouse */
    transform: scale(1.01); /* Ingrandisce l'elemento */
}

/* Stile per l'immagine nella tessera */
.piastrelle_tile img {
    background-color: rgba(242, 242, 242, 0.5); /* Trasparenza */
    width: 100%;
    height: auto;
    border-radius: 20px; /* Arrotonda gli angoli */
}
.piastrelle_tile img :hover{
}

/* Stile per il titolo nella tessera */
.piastrelle_tile h3 {
    margin-top: 10px;
    font-size: 18px;
    position: absolute; /* Posiziona il testo sopra l'immagine */
    bottom: 30px; /* Distanza dal basso */
    left: 50%; /* Centrato orizzontalmente */
    transform: translateX(-50%); /* Centra rispetto al contenitore */
    background-color: rgba(255, 255, 255, 0.8); /* Sfondo traslucido */
    padding: 5px 10px; /* Spaziatura interna */
    border-radius: 5px; /* Arrotonda gli angoli */
}

/* css per modulo tessere categorie */
        .categoria_margine_sotto{
            margin-bottom: 40px;
        }
        .categoria_tile {
            position: relative;
            flex: 1 0 200px; /* Imposta una larghezza fissa minima */
            transition: background-color 0.3s ease, transform 0.3s ease;
            cursor: pointer;
            margin-bottom: 20px;
            max-width: 250px; /* Larghezza massima */
        }

        .categoria_tile:hover {
            background-color: rgba(242, 242, 242, 1);
            transform: scale(1.01);
        }

        .categoria_tile img {
            background-color: rgba(242, 242, 242, 0.5);
            width: 100%;
            height: auto;
            border-radius: 20px;
        }

        .categoria_tile h3 {
            margin-top: 10px;
            font-size: 18px;
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(255, 255, 255, 0.8);
            padding: 5px 10px;
            border-radius: 5px;
        }

        @media (max-width: 767px) {
            /* Regola CSS per schermi di larghezza massima di 767px (dispositivi mobili) */
            .categoria_tile {
                flex: 1 0 45%; /* Imposta la larghezza delle tessere al 45% dello spazio disponibile */
            }
            .cat_size_title h1{
                font-size: 30px;
            }
            
        }

        .categoria_tile-grid {
            display: flex;
            flex-wrap: wrap; /* Consente il wrapping dei div */
            justify-content: space-between; /* Distribuisce uniformemente gli elementi */
            gap: 20px; /* Spazio tra le tessere */
        }

/**********************************************/
.feature-partner{
    width: 60%;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}
.feature-partner:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}
.badge_div_partner{
	font-size: 1.0rem;
	text-align: center;
	
}
.badge_partner_h4 {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	text-align: center;
	padding: 5px;
}

.container-row {
    display: flex;
    justify-content: space-between;
}
.feature {
    width: 100%;
    text-align: center;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.feature:hover {
    transform: translateY(-5px);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .container-row {
        display: block;
    }  
    .feature {
        width: 100%;
        margin-bottom: 20px;
    }            
}

.badge-icon {
    margin-bottom: 1rem;
}

.badge_h4{
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.badge_div {
    font-size: 0.9rem;
}

.star-rating-trustpilot {
    height: 50px;
    border-radius: 5px;
}


.floating-wpp {
    left: auto;
    right: 15px;
	position: fixed;
	bottom: 15px;
	left: 15px;
	font-size: 14px;
	transition: bottom .2s;
}
.floating-wpp .floating-wpp-button {
	position: relative;
	border-radius: 50%;
	box-shadow: 1px 1px 4px rgba(60,60,60,.4);
	transition: box-shadow .2s;
	cursor: pointer;
	overflow: hidden;
    width: 72px;
    height: 72px;
    background-color: rgb(37, 211, 102);	
}
.floating-wpp .floating-wpp-button img, .floating-wpp .floating-wpp-button svg {
	position: absolute;
	width: 100%;
	height: auto;
	object-fit: cover;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}

/*POPUP IN CARRELLO PER SCONTO PAGAMENTO BONIFICO*/
#divBB_det_bike{
    position: relative;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}
#importoscontobb_detbike{
    font-weight: bold;
    font-size: 13px;
    color: green;
}

#divBB {
    position: relative;
    font-size: 11px;
}
#importoscontobb {
    font-weight: bold;
    font-size: 13px;
    color: green;
}

#popupbbinfo {
    font-size: 13px;
    display: none;
    position: absolute;
    background-color: black;
    color: white;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    bottom: 100%;
    left: 0;
    transform: translateY(-10px);
    white-space: nowrap; /* Ensures the text doesn't wrap */
}

#popupbbinfo::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20px; /* Adjust to center the arrow */
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

#divBB:hover #popupbbinfo,
#divBB:focus #popupbbinfo,
#divBB:active #popupbbinfo {
    display: block;
}

/* Media queries for responsive design */
@media (max-width: 600px) {
    #popupbbinfo {
        font-size: 13px;
        padding: 5px;
        transform: translateY(-5px);
          left: -60px; /* Adjust to center the arrow */
    }

    #popupbbinfo::after {
        left: 10px; /* Adjust the position of the arrow */
    }
}

.diagonal-strike {
    position: relative;
    display: inline-block;
}

.diagonal-strike::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px; /* Thickness of the line */
    background: red; /* Color of the line */
    transform: rotate(45deg);
    transform-origin: center;
}