.no_desk{
  display: none;
}
body{
  font-size: 1vw;
}

/*animazione titoli*/

.anispa{
  opacity: 0;
}

.animate_h1 span{
    width: 100%;
  /*  float: left;*/
      -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
    transform: translateY(-50px);
    opacity: 0;
  }
.animate_h1 span{
  /*animation-delay: 0.6s;*/
  -webkit-animation-fill-mode: forwards;
}
@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      clip-path: polygon(0% 50%, 100% 100%, 100% 100%,0% 100%);
      /*
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
          */
  }
  100% {
      transform: translateY(0);
      opacity: 1;
          /*
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
          */
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%,0% 100%);
  }
}




.animate_h1 p{
transition: all 0.5s linear;
opacity:0;
}

.animate_h1 .visible p{
opacity:1 ;
}


.melograno{
  color: #FF3F78;
}


header{
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 350;
  transition: all 0.2s linear;
padding: 0 0 0 0vw;
  padding: 3vh 0;
}



.shrink{
  background-color: rgba(255,255,255,0.85);
  padding: 2vh 0;
  transition: all 0.2s linear;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}


     .logo_shrink{
      width: 22%;
      opacity: 0;
      text-align: right;
     }


.logo_shrink img{
  height: 9vh !important;
}


.shrink .logo_shrink img{
  height: 7vh !important;
}



.menu_div{
  opacity: 0;
  width: 72%;
  padding: 0vh 0.5vw 0 0.5vw;
  position: relative;
}

.menu_div ul{
  width: 100% !important;
padding: 0 !important;
margin: 0 !important;
list-style-type: none;
}


.menu_div li{
  display: inline-block !important;
  padding: 0;
  margin: 0;
  position: relative;
}

.menu_div li a {
  display: block;
  font-size: 74% !important;
  padding: 0 0.3vw;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s;
}


.shrink .menu_div li a {
  display: block;
  font-size: 67% !important;
  padding: 0 0.3vw;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s;
}

.link_fcc{
  position: absolute !important;
    top: -5.5vh !important;
    right: 0.5vw !important;
    font-size: 70% !important;
    /* display: none; */
    background-color: #222 !important;
    border-radius: 0.8vw !important;
    padding: 0.5vh 0.8vw !important;
    color: #fff !important;
}

.link_fcc::after{
  display: none !important;
}

.link_fcc:hover{
  background-color: #FF3F78 !important;
  color: #fff !important;
}

.shrink .link_fcc {
  top: -4vh !important;
  font-size: 65% !important;
  padding: 0.3vh 0.8vw !important;
}

.menu_div li::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70%;
  top: 17%;
  right: -0.2vw;
  background-color: #fff;
  transition: all 0.4s;
  z-index: 99999;
}

.menu_div li:last-child:after {
display: none;
}


.menu_div::before{
  content: '';
  position: absolute;
  width: 110%;
  height: 18vh;
  background-image: url(../images/sfondo_menu.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 110%;
  z-index: -1;
  left: -2vw;
  top: -7vh;
}


.shrink .menu_div::before {
  content: '';
  position: absolute;
  width: 110%;
  height: 17vh;
  background-image: url(../images/sfondo_menu.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100%;
  z-index: -1;
  left: -1vw;
  top: -7vh;
}

.menu_div a{
  display: block;
  font-size: 76%;
  padding: 0 0.3vw;
  color: #fff;
  position: relative;
  text-decoration: none;
  transition: 0.4s;
}

.menu_div a:hover{
  color: #FF3F78;
  text-decoration: none;
}


.menu_div a::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 70%;
  top: 17%;
  right: -0.2vw;
  background-color: #fff;
  transition: all 0.4s;
  z-index: 99999;
}

.menu_div a:last-child:after {
display: none;
}




.shrink .menu_div a{
  font-size: 66%;
}

#lingue{
  position: absolute;
  top: -5.4vh;
  left: 80%;
}

.shrink #lingue {
  position: absolute;
  top: -4.4vh;
  left: 80%;
}

#lingue img{
	/*height:1.6vh !important;*/
	width:auto !important;
}

#lingue .lang-item-en::after {
  display: none !important;
  content: "";
}
#lingue li a {
font-size: 70% !important;
background-color: #fff !important;
border-radius: 0.2vw !important;
padding: 0.2vh 0.40vw 0 0.40vw !important;
}

#lingue .lang-item-it::after {
  display: none !important;
  content: "";
}


.shrink .menu_div {
  width: 66%;
  padding: 0vh 0.5vw 0 0.5vw;
}

.intro{
  width: 100%;
  height: 100vh;
  padding-top: 24vh;
  position: relative;
}


.intro h1{
  color: #222;
  font-size: 280%;
  /*/*font-family: Rockwell;*/*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 6vh;
}

.content_intro{
  width: 85%;
  margin: 0 auto;
}

.grafica_intro{
  display: inline-block;
  margin-left: 6vw;
  height: 45vh;
}

.forma_intro{
  width: 90%;
  height: 52vh;
  display: block;
  position: absolute;
  left: 1vw;
  bottom: -12vh;
  z-index: -1;
}


.img1_intro{
  width: auto;
  height: 50vh;
  display: block;
  position: absolute;
  right: 12vw;
  bottom: 14vh;
  z-index: 1;
}

.img2_intro{
  width: auto;
  height: 45vh;
  display: block;
  position: absolute;
  right: 2vw;
  bottom: -12vh;
  z-index: 2;
}



.img3_intro{
  width: auto;
  height: 40vh;
  display: block;
  position: absolute;
  right: 22vw;
  top: 0;
  z-index: 3;
}



.chi_siamo_hp{
  width: 100%;
  padding: 8vh 0 16vh 0;
  position: relative;
}



.content_chi_siamo_hp{
  width: 80%;
  margin: 0 auto;
}

.content_chi_siamo_hp p{
  width: 40%;
  color: #222;
  font-size: 90%;
  line-height: 1.6;
}

.content_freccia{
  width: 35%;
  margin: 4vh 0;
  text-align: center;
}

.freccia_box{
height: 20vh;
}




.box_hp_sx{
  width: 100%;
  padding: 14vh 0 16vh 0;
  position: relative;
}

#assistenza_regolatoria{
  padding: 11vh 0 18vh 0 !important;
}


.box_hp_dx{
  width: 100%;
  padding: 14vh 0 16vh 0;
  position: relative;
}

.forma_intest{
  width: 95%;
  height: 52vh;
  display: block;
  position: absolute;
  left: 1vw;
  top: -8vh;
  z-index: -1;
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}


.content_box_hp_sx{
  width: 80%;
  margin: 0 auto;
}


.content_box_hp_dx{
  width: 45%;
  margin: 0 auto;
}

.empty_box_hp{
  width: 50%;
}

.content_box_hp_sx h1{
  color: #fff;
  font-size: 280%;
  /*/*font-family: Rockwell;*/*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 13vh;
}

.content_box_hp_sx p{
  width: 40%;
  color: #222;
  font-size: 90%;
  line-height: 1.6;
}



.content_box_hp_dx h1{
  color: #fff;
  font-size: 280%;
  /*/*font-family: Rockwell;*/*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 13vh;
}

.content_box_hp_dx p{
  width: 80%;
  color: #222;
  font-size: 90%;
  line-height: 1.6;
}


.grafica_assistenza{
  position: absolute;
  height: 55vh;
  top: -6vh;
  right: 2vw;
}


.grafica_prove{
  position: absolute;

  height: 55vh;
  top: 8vh;
  right: 6vw;
}



.grafica_etichettatura{
  position: absolute;
  height: 55vh;
  top: 8vh;
  right: 10vw;
}



.grafica_moca{
  position: absolute;
  height: 70vh;
  top: -3vh;
  left: 10vw;
}



.grafica_sostenibilita{
  position: absolute;
  height: 45vh;
  top: 5vh;
  left: 10vw;
}



.read_more{
  display: inline-block;
  margin-top: 3vh;
  padding: 1vh 2vw;
  border-radius: 20px;
  background-color: #222;
  color: #fff !important;
  text-decoration: none;
}

.read_more:hover{

  background-color: #FF3F78;
  color: #fff !important;
  text-decoration: none;
}


  .left {
    width: 50%;
    left: 0;
    }

  .right {
    width: 50%;
    right: 0 !important;
    }

    .anima_left{
      animation: left 1.5s ease-in-out 0.5s 1 normal forwards;
    }

    .anima_right{
     animation: right 1.5s ease-in-out 0.5s 1 normal forwards;
        }


  @keyframes left {
      0%{
          opacity: 1;
      }


      100% {
          opacity: 1;
  width: 0;
      }
  }

  @keyframes right {
    0%{
      opacity: 1;
    }
    100% {
      opacity: 1;
      width: 0;
    }
  }




footer{
  background-color: #cacaca;
  padding: 4vh 0 0 0;
}

.foot{
  width: 90%;
  margin: 0 auto;
  color: #222;
  font-size: 75%;
}

.foot a{
  color: #222;
}
.foot a:hover{
  color: #CE1D09;
}

.foot img{
  height: 6vh !important;
  margin-bottom: 0;
}

.txt_foot{
  padding-bottom: 3vh;
  font-size:90%;

}


.img_logo_foot{
  height: 20vh;
}

.img_logo_foot img{
  height: 8vh;
}





.location{
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 0;
  overflow: hidden;
}

#map{
  width: 100%;
  height: 80vh;
}

.txtmaps {
  padding: 20px 20px;
  font-size: 13px;
  text-align: center;
  color: #222;
}

.txtmaps img{
  height:6vh;margin-bottom:10px;
}

.txtmaps h2{
  font-weight:bold;font-size:150%;
}


.txtmaps p{
line-height:1.5;
font-size:100%;
}





/*form scheda*/

#form_info{
  display: none;
}

.form_info{
	width: 100%;
	background-color: #f5f5f5;
	padding: 5vh 0 10vh 0;
  position: relative;
}




	.container-contact-info {
	  width: 60%;
		margin: 0 auto 0 auto;
	  padding:1vh 0;
	}



	.cont-form{
		width: 100%;
	}


.form_info h2{
    color: #00AF1A;
    font-size: 280%;
    /*/*font-family: Rockwell;*/*/
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 2vh;
    text-align: center;
  }


.page .form_info h2 {
  color: #00AF1A;
  font-size: 215% !important;
  /*/*font-family: Rockwell;*/*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 2vh;
  text-align: center;
}


	.text-modulo {
    padding: 10vh 0;
    width: 70%;
    margin: 0 auto;
   text-align:center;
   min-height:30vh;
	}


	.text-modulo h1{
  	font-size: 200%;
		font-weight: 800;
	  color: #222;
	}

	.text-modulo p{
		margin: 20px 0 30px 0;
}

	.text-modulo a{
		color: #033E5B;
		text-decoration: none;
	}
	.text-modulo a:hover{
		color: #222;
		text-decoration: none;
	}



  /*pagina interna*/

  .intest_page{
    width: 85%;
    margin: 0 auto;
    padding-top: 30vh;
    position: relative;
  }

  .circle_page{
    position: absolute;
    top: 13vh;
    left: -31vw;
    width: 100vw;
    height: 55vh;
    text-align: center;
  }

  .forma_intest_page{
    width: 95%;
    height: 52vh !important;
    display: block;
    position: absolute;
    right:32vw;
    top: 2vh;
    z-index: -1;
  }
  

  .tit_categoria{
    color: #fff;
    font-size: 300%;
    /* font-family: Rockwell; */
    font-weight: normal;
    line-height: 1.2;
    padding: 0;
    position: absolute;
    top: 21.5vh;
    left: 0;
    right: 0;
    margin: auto;

}


  .empty_page{
    width: 40%;
  }

  .circle_page img{
    height: 48vh !important;
    }


.title_page{
  width: 53%;
}


.breadcrumb_page{
  margin-bottom: 2vh;
  font-size: 90%;
  color: #333;
  text-transform: uppercase;
}

.breadcrumb_page a{
  font-size: 90%;
  color: #333;
  text-decoration: none;
}

.breadcrumb_page a:hover{
  font-size: 90%;
  color: #00AF1A;
  text-decoration: none;
}


.title_page h1{
  color: #222;
  font-size: 280%;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  text-align: left;
}


.content_page{
  width: 70%;
  margin: 26vh auto;
}


.wp-block-image img{
  width: 18vw;
height: auto;
}

.img_full img{
  width: 100% !important;
  height: auto;
}

/*
.single-post img{
  width: 100% !important;
  height: auto;
}*/

.content_page p{
  padding: 1.5vh 0.5vw;
font-size: 90%;
line-height: 1.6;
color: #222;
}

.content_page ul{
  font-size: 90%;
  line-height: 1.6;
  color: #222;
}

.wp-block-column figure{
  margin-bottom: 5vh;
}

.fig_chi_siamo figure{
  margin: 0 auto 2vh auto !important;
  text-align: center;
}

.box30{
  width: 30% !important;
}
.box35{
  width: 35% !important;
}

.box65{
  width: 65% !important;
}



.read_more_page a{
  display: inline-block;
  margin-top: 3vh;
  padding: 1vh 2vw;
  border-radius: 20px;
  background-color: #FF3F78;
  color: #fff !important;
  text-decoration: none;
}

.read_more_page a:hover{

  background-color: #222;
  color: #fff !important;
  text-decoration: none;
}



/*pagina chi siamo*/



.about{
  width: 100%;
  height: 100vh;
  padding-top: 33vh;
  position: relative;
}


.about h1{
  color: #fff;
  font-size: 280%;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 11vh;
}


.about p{
/*padding: 1.5vh 0.5vw;*/
font-size: 90%;
line-height: 1.6;
color: #222;
width: 40%;
}


.content_about{
  width: 82%;
  margin: 0 auto;
  padding-top: 3vh;
}

.grafica_about{
  display: inline-block;
  margin-left: 6vw;
  height: 45vh;
}

.forma_about{
  width: 80%;
  height: 44vh;
  display: block;
  position: absolute;
  left: 4vw;
  top: 17vh;
  z-index: -1;
}


.img_about{
  width: auto;
  height: 64vh;
  display: block;
  position: absolute;
  right: 5vw;
  bottom: 10vh;
  z-index: 1;
}



.page_about{
  width: 100%;
  /*background-color: #f5f5f5;*/
  background-color: rgba(0,175,26,0.2);
  margin-top: 8vh;
  padding: 5vh 0;
}


.content_page_about{
  width: 80%;
  margin: 0 auto;
}

.img_chi_siamo{
  margin-bottom: 2vh !important;
}


.img_chi_siamo img{
  width: 15vw;
height: auto;
display: block;
margin: 0 auto;
border-radius: 100%;
}



.content_page_about h2{
  padding:0vh 0.5vw;
  margin: 0;
font-size: 120%;
font-weight: bold;
color: #222;
text-align: center;
}


.content_page_about p{
  padding: 1vh 0.5vw;
font-size: 80%;
line-height: 1.6;
color: #222;
}



/*WOOCOMMERCE STYLE*/

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  font-size: 250% !important;
  text-transform: capitalize;
  color: #FF3F78;
  /*font-family: Rockwell;*/
  font-weight: normal;
  line-height: 1.2;
  padding: .5em 0;
margin: 0;
}

.cart_totals h2{
  font-size: 200% !important;
  text-transform: capitalize;
  color: #FF3F78;
  /*font-family: Rockwell;*/
}

.woocommerce-billing-fields h3{
  font-size: 180% !important;
  text-transform: capitalize;
  color: #FF3F78;
  /*font-family: Rockwell;*/
  margin-bottom: 3vh !important;
}

#order_review_heading{
  font-size: 180% !important;
  color: #FF3F78;
  /*font-family: Rockwell;*/
  margin-top: 3vh !important;
  margin-bottom: 1vh !important;
}


#ship-to-different-address{
  margin-top: 2vh;
  margin-bottom: 3vh !important;

}

.woocommerce-form__label span{
  font-size: 100% !important;
  color: #FF3F78 !important;
  /*font-family: Rockwell !important;*/
  padding-top: 0.5vh;
}


.woocommerce ul.products li.product a img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 0 1em;
  box-shadow: none;
  display: none !important;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  float: left;
  margin: 0 3.8% 2.992em 0;
    margin-left: 0px;
  padding: 0;
  position: relative;
  width: 45% !important;
  margin-left: 0;
  background-color: #ededed;
  padding: 5vh 0 0 0 !important;
  text-align: center;
}

.woocommerce{
  padding-top: 5vh !important;
}

.woocommerce ul.products li.product .button {
width: 100% !important;
padding: 2vh !important;
background-color: #222 !important;
color: #fff !important;
}

.woocommerce ul.products li.product .button:hover {
  background-color: #00af1a !important;
  color: #fff !important;
  }

  .place-order button{
padding: 2vh !important;
background-color: #222 !important;
color: #fff !important;
}

.place-order button:hover {
  background-color: #00af1a !important;
  color: #fff !important;
  }


  /*disattivo il click sul pacchetto*/
  .woocommerce-LoopProduct-link{
    pointer-events: none !important;
cursor: auto !important;
  }



  .checkout-button{
    background-color: #222 !important;
    color: #fff;
  }


  .checkout-button:hover {
    background-color: #00af1a !important;
    color: #fff;
  }


  .woocommerce table.shop_table {
    border: 1px solid rgba(255,63,120,.3) !important;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
  }


  .woocommerce table.shop_table td {
    border: 1px solid rgba(255,63,120,.3) !important;
    padding:9px 12px;
    vertical-align:middle;
    line-height:1.5em
   }

   .woocommerce-cart .cart-collaterals .cart_totals tr th{
    border: 1px solid rgba(255,63,120,.3) !important;

   }

   .shop_table thead{
    background-color: #ff3f78 !important;
color: #fff !important;
   }

   .product-thumbnail{
    display: none !important;
   }

   .product-name a{
    pointer-events: none !important;
    cursor: auto !important;
   }


   .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
    padding: 1.5vh 1vw !important;
    border: 1px solid #ccc !important;
  }



/*LOGIN*/

.logdiv{
	/* width:50%; */
	width: 100%;
	font-size: 0.7em !important;
}


 .login-wrap{text-align:left;}
.login-wrap h2{
	font-size: 1.5em;
	text-align: center;
}
        .login-wrap
        {
        position:absolute;
        display:none;
        width:40vw;
        height: 60vh !important;
		padding: 1vw 0;
        top: 0 !important;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 999999999999999999999999999999999999999999999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;
        }

		.login-wrap h1 {
  font-size: 1.7em;
  margin: 20px auto;
  text-align: center;
  color: #00af1a;
  text-transform: uppercase;
}

.registration-wrap h2{
	font-size: 1.3em;
	text-align: center;
}
   .registration-wrap{
        position:absolute;
        display:none;
        width:60vw;
        min-height:50vw;
		padding: 2vw 0;
        top: 0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 99999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;

        }

.form-content{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}




#login form{
	background-color: #f5f5f5  !important;
padding: 10px 20px  !important;

}

#loginform .login-username input, #loginform .login-password input{
width: 100%;
background-color: #fff;
padding: 2vh 0.5vw;
margin: 0.5vh 0 1.5vh 0;
border-radius: 0.2vw;
}

#loginform .login-remember{
text-align: center;
	font-size: 0.8em;
}


#loginform .login-remember input{
width: 30px !important;
}

/*Forms */
#loginform  .button,
#loginform button,
#loginform input[type="button"],
#loginform input[type="reset"],
#loginform input[type="submit"] {
  transition: background 150ms ease-in-out;
  background: #00af1a;

  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 90%;
font-weight: 700;
line-height: 1.2;
outline: none;
padding: 0.76rem 1rem;
width: 30% !important;
margin: 4vh auto !important;
text-decoration: none;
display: block;
}

.content_login{
  width:100%; margin-top:4vh;
}

.content_login h2{
  text-transform: capitalize;font-size:1em;
}

.link_resetta_psw{
  display:block;margin:0 auto;width:100%;;text-transform: capitalize; font-size:1em;text-align:center;
}





  /*PAGINA CALENDARIO WEEKLY*/

  .logout{
    position:absolute;top:16vh; right:0;z-index:320;text-align:center;padding:0;text-transform:uppercase;color:#222;font-size:70%;padding:5px;width:35%;

  }

  .cont_weekly{
    min-height: 90vh;
  }

  .div_acquista{
    height:80vh;width:100%;
  }

  .accedi_calendario{
    width:60%;text-align:center;margin:10vh auto 0 auto;padding:5vh; background-color:#f5f5f5;
  }

  .accedi_calendario img{
    height:150px;
  }

  .h2_cal_appuntamenti{
    olor:#00af1a !important;
  }

  .pulsante_software span{
    font-size:0.7em;display:block;color:#222;line-height:1.2;
  }
#prenotazione_successo img, #prenotazione_delete img, #ore_residue img{
  height:70px;
}


.riepilogo{
  width: 100%;
  padding: 7vh 0 3vh 0;
  background-color: #f5f5f5;
  text-align: center;
  font-size: 0.8em;
  margin-top: 11vh;
}

.cont-rep{
  width: 85%;
  margin: 0 auto;
}

.cont-repdiv{
  width: 40%;
}

.empty_riep{
  width: 18%;
}
/*
.link_calendario{
  width: 36%;
}

.link_calendario a{
padding: 5px 14px;
background-color: #00af1a;
  color: #fff !important;
border-radius: 5px;
}

.link_calendario a:hover{
  background-color: #222;
  color: #fff;
}

*/
.ore_residue{
  padding: 1vh 2vw;
border-radius: 20px;
  color: #fff;
  /* background: linear-gradient(90deg, #00af1a 0%, #FF3F78 100%); */
  background-color: #FF3F78;
}

.riep_acquista a{
  padding: 5px 8px;
background-color: #00af1a;
  color: #fff !important;
}

.riep_acquista a:hover{
  background-color: #222;
  color: #fff;
}


.riep_acquista a:first-child{
  margin-right: 10px;
}

#acquista{
  display: none;
}

.vaishop{
  background-color:#00af1a;color:#fff !important;width:250px;margin:0 auto;padding:10px;
  text-decoration: none;
}

.vaishop:hover{
  background-color:#222;color:#fff;
}

.nome_assistente{
  font-size: 1.1vw;
  display: inline !important;
  margin: 0 20px 0 10px;
  padding: 0;
  font-weight: normal;
}

.cont-scelta{
  width: 95%;
  margin: 0 auto;
}


.assistenti{
  padding: 2px;
border: 1px solid #00af1a;
color: #00af1a;
  width: 75%;
  margin: 0 auto;
}

.software{
  padding: 2.2vh 2px;
border: 1px solid #00af1a;
color: #00af1a;
  width:23%;
  margin: 0 auto;
}

.software h6{
  font-size: 1.1vw;
  display: inline !important;
  margin: 0 0 0 10px;
  padding: 0;
  color: #00af1a;
  font-weight: normal;
}

.axis-item{
  margin-top: 2px;
}
  
  
 
  
  /*SI NASCONDO GLI ORARI CHE NN SI DEVONO VEDERE NEL CALENDARIO*/
  .axis-item:nth-child(1),    
  .axis-item:nth-child(2),    
  .axis-item:nth-child(3),    
  .axis-item:nth-child(4),    
  .axis-item:nth-child(5),    
  .axis-item:nth-child(6),    
  .axis-item:nth-child(7),    
  .axis-item:nth-child(8),
  .axis-item:nth-child(9),
  .axis-item:nth-child(18),
.axis-item:nth-child(19),
  .axis-item:nth-child(20),
  .axis-item:nth-child(21),    
  .axis-item:nth-child(22),    
  .axis-item:nth-child(23),    
  .axis-item:nth-child(24),
  .axis-item:nth-child(25){
    display: none !important;
  }


/*SI NASCONDO LE RIGHE CORRISPONDENTI AGLI ORARI NEL CALENDARIO*/
.ora-00,
.ora-01,
.ora-02,
.ora-03,
.ora-04,
.ora-05,
.ora-06,
.ora-07,
.ora-08,
.ora-17,
.ora-18,
.ora-19,
.ora-20,
.ora-21,
.ora-22,
.ora-23{
  display: none !important;
}

.mezzora{
/*  border-top:1px dashed #FF3F78;*/
  background-color: #f5f5f5; 
  border-bottom: 1px solid #ccc !important;

}




.tiva-timetable .timetable-week {
  width: 80% !important;
  float: none !important;
  margin: 0 auto;
}

.tiva-timetable .timetable-week .timetable-column .timetable-column-grid .grid-item{
  position: relative;
  border-right: 1px solid #ccc !important;
  border-left: 1px solid #ccc !important;
}

/*.tiva-timetable .timetable-week .timetable-column .timetable-column-grid .grid-item::after {
  content:'';
  position: absolute;
  z-index:330;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  width: 100%;
  height:2px;
  border-bottom:1px dashed #FF3F78;
}*/


.tiva-timetable .timetable-week .timetable-column .timetable-column-content .timetable-name {
  font-size: 13px !important;
  margin-bottom: 0px !important;
}

.tiva-timetable .timetable-week .timetable-column .timetable-column-header {
  background-color: #FF3F78 !important;
}



.item_backred{ /*classe da aggiungere al div timetable-item*/
  background-color:#ff5e52;padding:5px 0 2px 0;
  opacity: 1;
}
.item_backred:hover{
opacity: 0.7;
}

.item_backred a{
  text-decoration: none;
}

.name_color{ /*classe da aggiungere al div timetable-name*/
color:#fff;font-size:0.85em;
  margin-bottom: 0;
}

.time_color{ /*classe da aggiungere al div timetable-time*/
color:#fff;font-size:0.8em;
}



#winapp{
  display: none;
  width: 40vw;
  padding:0;
  background-color: #fff;
  line-height: 1.3;
  color: #222;
  text-align: center;
  height: 40vh;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* margin: auto; */
  }
  
  
  #assistente_not_checked{
  display: none;
  width: 40vw;
  padding:2vh 2vw;
  background-color: #fff;
  line-height: 1.3;
  color: #222;
  text-align: center;
  height: 280px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* margin: auto; */
  }
  
  #cancella_app{
  display: none;
  width: 30vw;
  padding:0;
  background-color: #fff;
  line-height: 1.3;
  color: #222;
  text-align: center;
  height: 200px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  }
  
  
  #prenotazione_successo{
  display: none;
  width: 40vw;
  padding:40px 0 0 0;
  background-color: #fff;
  line-height: 1.3;
  color: #222;
  text-align: center;
  height: 260px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  }
  
  #ore_residue{
  display: none;
  width: 40vw;
  padding:40px 0 0 0;
  background-color: #fff;
  line-height: 1.3;
  color: #222;
  text-align: center;
  height: 260px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  }
  
  #prenotazione_delete{
  display: none;
  width: 40vw;
  padding:40px 0 0 0;
  background-color: #fff;
  line-height: 1.3;
  color: #222;
  text-align: center;
  height: 260px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  }
  
  .text_winapp{ padding: 30px; line-height: 1.8;font-size: 0.9em;}

  .text_winapp select {
    font-size: 0.7vw !important;
    background-color: #fff;
    border: 1px solid #00AF1A;
    border-radius: 0.2vw;
    padding: 0.6vh 0.6vw;
    display: inline-block;
    margin: 0 0.3vw;
color: #00AF1A;
width: 14%;
  }
  
  
    .text_cancella_app{ padding: 50px 0; line-height: 1.8;font-size: 0.9em;}
  
    .text_prenotazione_successo{ padding: 20px; line-height: 1.8;font-size: 1.2em; font-weight: bold;color: #FF3F78;}
  
  
    .text_ore_residue{ padding: 10px 20px; line-height: 1.8;font-size: 1em; color: #222;}
  
  
    .text_prenotazione_delete{ padding: 20px; line-height: 1.8;font-size: 1.2em; font-weight: bold;color: #FF3F78;}
    .text_prenotazione_delete{ padding: 20px; line-height: 1.8;font-size: 1.2em; font-weight: bold;color: #00af1a;}
  
  .text_winapp div{ display: inline;color: #00af1a;}
  
  #winapp h1{
  width: 100%;
  background-color: #FF3F78;
  color: #fff;
  text-align: center;
  padding: 15px 0;
    margin: 0;
    font-size: 1.5em;
  }
  
  #assistente_not_checked h1{
  width: 100%;
  background-color: #FF3F78;
  color: #fff;
  text-align: center;
  padding: 15px 0;
    margin: 0;
    font-size: 1.5em;
  }
    .text_cancella_app div{ display: inline;color: #00af1a;}
  
  #cancella_app h1{
  width: 100%;
  background-color: #00af1a;
  color: #fff;
  text-align: center;
  padding: 15px;
    margin: 0;
    font-size: 1.2em;
  }
  
  
  
  .btn {
      border: none;
      font-family: inherit;
      font-size: inherit;
      color: inherit;
      background: #555;
    color: #fff;
      cursor: pointer;
      padding: 5px 8px;
      display: inline-block;
      margin: 0 0 0;
      text-transform: uppercase;
      letter-spacing: 1px;
      outline: none;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
    font-size: 1em;
  }
  
  
  .btn2 {
      border: none;
      font-family: inherit;
      font-size: inherit;
      color: inherit;
      background: #FF3F78;
      color: #fff;
      cursor: pointer;
      padding: 15px 8px;
      display: inline-block;
     text-transform: uppercase;
      letter-spacing: 1px;
      outline: none;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s;
      font-size: 1em;
      width: 40% !important;
      margin-bottom: 10px;
  }
  
  
    .text_cancella_app 	.btn {
      padding: 15px 8px;
    }
  
  
  /* Button 1a */
  .btn_blue:hover,
  .btn_blue:active {
    background-color: #00af1a;
    color: #fff;
    border: none;
  
  }
  
  /* Button 1a */
  .btn_blue2:hover,
  .btn_blue2:active {
    background-color: #555;
    color: #fff;
    border: none;
  
  }
  
  .btn_green:hover,
  .btn_green:active {
    background-color: #FF3F78;
    color: #fff;
    border: none;
      }
  
  .btn_blue:focus, .btn_green:focus {
    background-color: #555;
    color: #fff;
    border: none;
  }
  
    .motivo{
      width: 85%;
      display:block !important;
      margin:15px auto 15px auto;
      padding: 10px 0;
      border-top:1px solid #dedede;
      border-bottom:1px solid #dedede;
    }
    .motivo div{
      width: 50%;
      color: #FF3F78 !important;
    }
  
    .motivo textarea{
    font-size: 11px;
  border: 1px solid #ccc;
  width: 40%;
    }
  
    .motivo textarea:focus{
    border-color: #FF3F78 !important;
  }
  
    .deselect_software{
  display:block;
    }
  
    .deselect_software p{
      color:#222;font-size:0.8em;
      line-height: 1.3;
      margin-bottom: 8px !important;
    }
  
    .deselect_software .btn{
    font-size:0.7em !important;
      float: none !important;
      /* display: block !important; */
      margin: 0 auto 20px auto !important;
    }
  
    .addsoft{
      display: none;
    }
  
  
    .pulsante_software{
      color:#222 !important;
    }





/*PAGINE SHOP*/

.logout{
  position: absolute;
  top: 15vh;
  right: 0;
  z-index: 320;
  display: none;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  color: #222;
  font-size: 70%;
  padding: 5px;
  width: 27%;
  z-index: 999;
}


.back_grey{
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  display: none;
  width: 28%;
  height: 26vh;
  background-color: #F5F5F5;
  border-bottom-left-radius: 1vw;
}

 .link_calendario{
  width: 25%;
  position: absolute;
  top: 19vh;
  display: none;
  right:1vw;
  z-index: 321;
}

.link_calendario a{padding: 8px 15px;background-color: #FF3F78;color: #fff !important;border-radius: 5px;font-size: 90%;margin: 0 0.5vw;}
.link_calendario a:hover{
  background-color: #222;
  color: #fff;
}


/*PAGE USER CALENDAR - Riepilogo ore*/


.page-template-user_calendar_FCS .riepilogo{
  width: 80%;
  margin: 0 auto;
}

.page-template-user_calendar_FCS .acquisti{
  width: 20%;
  border: 1px solid #FF3F78;;

}


.page-template-user_calendar_FCS .prenotazioni{
  width: 78%;
  border: 1px solid #00af1a;;
}

.page-template-user_calendar_FCS .acquisti h1{
  width: 100%;
background-color: #FF3F78;
color: #fff;
text-align: center;
padding: 15px 0;
margin: 0;
font-size: 1.5em;
}

.page-template-user_calendar_FCS .prenotazioni h1{
  width: 100%;
background-color: #00af1a;
color: #fff;
text-align: center;
padding: 15px 0;
margin: 0;
font-size: 1.5em;
}



.page-template-user_calendar_FCS .column-acquisti div{
  width: 50%;
  text-align: center;

}
.page-template-user_calendar_FCS .column-acquisti div:first-child{
  width: 49.5%;
  text-align: center;
  border-right: 1px solid #FF3F78;
}

.page-template-user_calendar_FCS .column-acquisti h2{
  color: #FF3F78;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 0.8em;
}

.page-template-user_calendar_FCS .column-acquisti p{
  color: #555;
  padding: 12px 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #FF3F78;
      font-size: 0.65em;
}

.page-template-user_calendar_FCS .column-prenotazioni div{
  /*width: 16%;*/
  text-align: center;
  border-right: 1px solid #00af1a;
}
.page-template-user_calendar_FCS .column-prenotazioni div:last-child{
  border-right: 1px solid transparent;
}

.page-template-user_calendar_FCS .column-prenotazioni h2{
  color: #00af1a;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 0.8em;
}

.page-template-user_calendar_FCS .column-prenotazioni p{
  color: #555;
  padding: 12px 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #00af1a;
      font-size: 0.65em;
  min-height: 80px;
}

.page-template-user_calendar_FCS .column-prenotazioni a{
  color: #222;
  text-decoration: none;
}

.page-template-user_calendar_FCS .column-prenotazioni a{
  color: #00af1a;
  text-decoration: none;
}


.page-template-user_calendar_FCS .cont_tit{
  width: 80%;
  padding: 7vh 0 3vh 0;
  /* background-color: #f5f5f5; */
  text-align: center;
  font-weight: bold;
  margin: 11vh auto 3vh auto;
}


.page-template-user_calendar_FCS .cont_tit_div{
  width: 95%;
  margin: 0 auto;
}


.page-template-user_calendar_FCS .cont_back{
  width: 80%;
  padding: 20px 0 20px 0;
  text-align: center;
  margin: 30px auto;
  position: relative;
}

.page-template-user_calendar_FCS .vuoto{
  width: 15%;
}

.page-template-user_calendar_FCS .vuoto_back{
  width: 75%;
}

.page-template-user_calendar_FCS .ore_residue{
  font-size: 0.8em;
  font-weight: 500;
  width: 15%;
  padding: 5px 10px;
  color: #fff;
  /* background: linear-gradient(90deg, #FF3F78 0%, #00af1a 100%); */
  background-color: #222;
  border-radius: 10px;

}




.page-template-user_calendar_FCS .tit_riepilogo{
  width: 100%;
  text-align: center;
  color: #00af1a;
  font-size: 230%;
  /*font-family: Rockwell !important;*/
  margin: 3vh 0 0 0;
  position: relative;
}



.page-template-user_calendar_FCS .link_calendario{
  /* width: 38%; */
  top: 5vh;
}

/*.page-template-user_calendar_FCS .link_calendario a{
padding: 5px 9px;
background-color: #00af1a;
  color: #fff !important;
border-radius: 5px;
font-size: 80%;
}*/

.page-template-user_calendar_FCS .link_calendario a{padding: 8px 15px;background-color: #FF3F78;color: #fff !important;border-radius: 5px;font-size: 90%;margin: 0 0.5vw;}


.page-template-user_calendar_FCS .link_calendario a:hover{
  background-color: #222;
  color: #fff;
}


/*eng*/



.page-template-user_calendar_FCS_ENG .riepilogo{
  width: 80%;
  margin: 0 auto;
}

.page-template-user_calendar_FCS_ENG .acquisti{
  width: 20%;
  border: 1px solid #FF3F78;;

}


.page-template-user_calendar_FCS_ENG .prenotazioni{
  width: 78%;
  border: 1px solid #00af1a;;
}

.page-template-user_calendar_FCS_ENG .acquisti h1{
  width: 100%;
background-color: #FF3F78;
color: #fff;
text-align: center;
padding: 15px 0;
margin: 0;
font-size: 1.5em;
}

.page-template-user_calendar_FCS_ENG .prenotazioni h1{
  width: 100%;
background-color: #00af1a;
color: #fff;
text-align: center;
padding: 15px 0;
margin: 0;
font-size: 1.5em;
}



.page-template-user_calendar_FCS_ENG .column-acquisti div{
  width: 50%;
  text-align: center;

}
.page-template-user_calendar_FCS_ENG .column-acquisti div:first-child{
  width: 49.5%;
  text-align: center;
  border-right: 1px solid #FF3F78;
}

.page-template-user_calendar_FCS_ENG .column-acquisti h2{
  color: #FF3F78;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 0.8em;
}

.page-template-user_calendar_FCS_ENG .column-acquisti p{
  color: #555;
  padding: 12px 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #FF3F78;
      font-size: 0.65em;
}

.page-template-user_calendar_FCS_ENG .column-prenotazioni div{
  /*width: 16%;*/
  text-align: center;
  border-right: 1px solid #00af1a;
}
.page-template-user_calendar_FCS_ENG .column-prenotazioni div:last-child{
  border-right: 1px solid transparent;
}

.page-template-user_calendar_FCS_ENG .column-prenotazioni h2{
  color: #00af1a;
  padding: 15px 0;
  background-color: #f5f5f5;
  width: 100%;
  margin: 0;
  font-size: 0.8em;
}

.page-template-user_calendar_FCS_ENG .column-prenotazioni p{
  color: #555;
  padding: 12px 0;
  width: 100%;
  margin: 0;
  border-top: 1px solid #00af1a;
      font-size: 0.65em;
  min-height: 80px;
}

.page-template-user_calendar_FCS_ENG .column-prenotazioni a{
  color: #222;
  text-decoration: none;
}

.page-template-user_calendar_FCS_ENG .column-prenotazioni a{
  color: #00af1a;
  text-decoration: none;
}


.page-template-user_calendar_FCS_ENG .cont_tit{
  width: 80%;
  padding: 7vh 0 3vh 0;
  /* background-color: #f5f5f5; */
  text-align: center;
  font-weight: bold;
  margin: 11vh auto 3vh auto;
}


.page-template-user_calendar_FCS_ENG .cont_tit_div{
  width: 95%;
  margin: 0 auto;
}


.page-template-user_calendar_FCS_ENG .cont_back{
  width: 80%;
  padding: 20px 0 20px 0;
  text-align: center;
  margin: 30px auto;
  position: relative;
}

.page-template-user_calendar_FCS_ENG .vuoto{
  width: 15%;
}

.page-template-user_calendar_FCS_ENG .vuoto_back{
  width: 75%;
}

.page-template-user_calendar_FCS_ENG .ore_residue{
  font-size: 0.8em;
  font-weight: 500;
  width: 15%;
  padding: 5px 10px;
  color: #fff;
  /* background: linear-gradient(90deg, #FF3F78 0%, #00af1a 100%); */
  background-color: #222;
  border-radius: 10px;

}






.page-template-user_calendar_FCS_ENG .tit_riepilogo{
  width: 100%;
  text-align: center;
  color: #00af1a;
  font-size: 230%;
  /*font-family: Rockwell !important;*/
  margin: 3vh 0 0 0;
  position: relative;
}



.page-template-user_calendar_FCS_ENG .link_calendario{
  /* width: 38%; */
  top: 5vh;
}

/*.page-template-user_calendar_FCS_ENG .link_calendario a{
padding: 5px 9px;
background-color: #00af1a;
  color: #fff !important;
border-radius: 5px;
font-size: 80%;
}*/

.page-template-user_calendar_FCS_ENG .link_calendario a{padding: 8px 15px;background-color: #FF3F78;color: #fff !important;border-radius: 5px;font-size: 90%;margin: 0 0.5vw;}


.page-template-user_calendar_FCS_ENG .link_calendario a:hover{
  background-color: #222;
  color: #fff;
}

.page-template-weekly_FCS .logout {
  position: absolute;
  top: 17vh !important;
  right: 0;
  z-index: 320;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  color: #222;
  font-size: 70%;
  padding: 5px;
  width: 22%;
  z-index: 999;
}


.page-template-weekly_FCS .link_calendario{
  width: 22%;
  margin-top: 3vh;
}
/*
.page-template-weekly_FCS .link_calendario a{
  padding: 5px 14px;
  background-color: #00af1a;
    color: #fff !important;
  border-radius: 5px;
  font-size: 100%;
}*/

.page-template-weekly_FCS .link_calendario a{padding: 8px 15px;background-color: #FF3F78;color: #fff !important;border-radius: 5px;font-size: 90%;margin: 0 0.5vw;}


.page-template-weekly_FCS .link_calendario a:hover{
  background-color: #222;
  color: #fff;
}


.page-template-weekly_FCS_ENG .logout {
  position: absolute;
  top: 17vh !important;
  right: 0;
  z-index: 320;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  color: #222;
  font-size: 70%;
  padding: 5px;
  width: 22%;
  z-index: 999;
}


.page-template-weekly_FCS_ENG .link_calendario{
  width: 22%;
  margin-top: 3vh;
}
/*
.page-template-weekly_FCS_ENG .link_calendario a{
  padding: 5px 14px;
  background-color: #00af1a;
    color: #fff !important;
  border-radius: 5px;
  font-size: 100%;
}*/

.page-template-weekly_FCS_ENG .link_calendario a{padding: 8px 15px;background-color: #FF3F78;color: #fff !important;border-radius: 5px;font-size: 90%;margin: 0 0.5vw;}


.page-template-weekly_FCS_ENG .link_calendario a:hover{
  background-color: #222;
  color: #fff;
}





/*.page-template-user_calendar_FCS .tit_riepilogo::after{
  content: "";
  width: 30px;
  height: 4px;
  background-color:#FF3F78;
  position: absolute;
  bottom: -15px;
  margin: auto;
  left: 0;
  right: 0;
}*/

.page-template-user_calendar_FCS .totale_acquisti{
  width: 99.5%;
  text-align: center;
  /*padding-right: 40px;*/
  border-top: 1px solid #FF3F78;
}

.page-template-user_calendar_FCS  .totale_acquisti p{
  color: #FF3F78;
  padding: 15px 0;
  /*width: 80%;*/
  margin: 0 auto;
  font-size: 1.2em;
    font-weight: 500;
}



.page-template-user_calendar_FCS .totale_prenotazioni{
  width: 99.5%;
  text-align: right;
  /*padding-right: 40px;*/
  border-top: 1px solid #00af1a;
}

.page-template-user_calendar_FCS  .totale_prenotazioni p{
  color: #00af1a;
  padding: 15px 0;
  width: 85%;
  margin: 0 auto;
  font-size: 1.2em;
    font-weight: 500;
}

.page-template-user_calendar_FCS .green{
  color: #00af1a;
}


.page-template-user_calendar_FCS .prenot14{
  width:14%
}

.page-template-user_calendar_FCS .prenot16{
  width:16%
}


/*ENG*/

.page-template-user_calendar_FCS_ENG .totale_acquisti{
  width: 99.5%;
  text-align: center;
  /*padding-right: 40px;*/
  border-top: 1px solid #FF3F78;
}

.page-template-user_calendar_FCS_ENG  .totale_acquisti p{
  color: #FF3F78;
  padding: 15px 0;
  /*width: 80%;*/
  margin: 0 auto;
  font-size: 1.2em;
    font-weight: 500;
}



.page-template-user_calendar_FCS_ENG .totale_prenotazioni{
  width: 99.5%;
  text-align: right;
  /*padding-right: 40px;*/
  border-top: 1px solid #00af1a;
}

.page-template-user_calendar_FCS_ENG  .totale_prenotazioni p{
  color: #00af1a;
  padding: 15px 0;
  width: 85%;
  margin: 0 auto;
  font-size: 1.2em;
    font-weight: 500;
}

.page-template-user_calendar_FCS_ENG .green{
  color: #00af1a;
}


.page-template-user_calendar_FCS_ENG .prenot14{
  width:14%
}

.page-template-user_calendar_FCS_ENG .prenot16{
  width:16%
}

#id_motivo p{
  font-size: 12px !important;
}


.prenot8{
  width:11%
}

.prenot33{
  width:33%
}

.page-template-user_calendar_FCS .vaishop{
  background-color:#FF3F78;color:#fff !important;width:250px;margin:0 auto;padding:10px;
  text-decoration: none;
}

.page-template-user_calendar_FCS .vaishop:hover{
  background-color:#222;color:#fff;
}


.page-template-user_calendar_FCS_ENG .vaishop{
  background-color:#FF3F78;color:#fff !important;width:250px;margin:0 auto;padding:10px;
  text-decoration: none;
}

.page-template-user_calendar_FCS_ENG .vaishop:hover{
  background-color:#222;color:#fff;
}


.morecontent span {
  display: none;
}
.morelink {
  display: block;
}


.timetable-desc a{
text-align: center;
    width: 50%;
    display: block;
    color: #fff;
    margin: 2vh auto;
    background-color: #FF3F78;
    padding: 1vh 1vw;
    border-radius: 15px;
}

.timetable-desc a:hover{

      background-color: #222;

  }






/*LOGIN*/

.logdiv{
	/* width:50%; */
	width: 100%;
	font-size: 0.7em !important;
}


 .login-wrap{text-align:left;}
.login-wrap h2{
	font-size: 1.5em;
	text-align: center;
}
        .login-wrap
        {
        position:absolute;
        display:none;
        width:40vw;
        height: 70vh !important;
		padding: 1vw 0;
        top: 0 !important;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 99999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;
        }

.registration-wrap h2{
	font-size: 1.3em;
	text-align: center;
}
   .registration-wrap{
        position:absolute;
        display:none;
        width:60vw;
        min-height:50vw;
		padding: 2vw 0;
        top: 0;
        right:0;
        bottom:0;
        left:0;
        margin:auto;
        z-index: 99999999;
        background:white;
      /*  border: 2px solid #385AC4;*/
			border:none;
			color: #222;

        }

.form-content{
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

.fullform{
	width: 100% !important;
	clear: both;
}

.privacyform{
	padding: 30px 0 !important
}

.halfform{
	width: 49% !important;
}

.halfform:last-child{
clear: both;
}

.thirdform{
	width: 31% !important;
}

.thirdform:last-child{
clear: both;
}

.thirdform-middle{
margin-left: 30px !important;
width: 31% !important;
}

.left{
	float: left !important;
}

.right{
	float: right !important;
}

        .registration-wrap h1, .login-wrap h1{
font-size: 1.7em;
		margin: 20px auto;
		text-align: center;
	color: #FF3F78;
		text-transform: uppercase;
        }


   #close
        {
        	position:relative;
        	display:block;
        	width: 30px;
        	height: 30px;
        	float:right;
        	cursor:pointer
        }


#wp-registration-box p{
		 		font-size: 1em;
		 		display:block;
		 	}

		 	#wp-registration-box .show_description{
		 		font-size: 0.8em;
		 		color: #CCCCCC;
		 	}


		 	#wp-registration-box input[type="text"], input[type="date"],input[type="number"],input[type="email"],select{
		 		width:80%;
				margin: 0 auto;
		 		}

		 	#wp-registration-box span.errors{
		 		display:block;
		 		}

				#wp-registration-box select{
			 		border: 1px solid #dedede;
					background-color: #fff;
					color:#222;
			 		}

		.wp-registration-box{ margin:0 auto;width: 90%;text-align: center;} .logout-input, .wpregistration-save-button input {border: 1px solid rgba(255,255,255,0); position:relative; display:block; width: 150px; padding: 15px; box-sizing:border-box; margin:50px auto; background: #385AC4; color:white; font-size: 12pt; transition: 0.8s ease; -moz-transition: 0.8s ease; -webkit-transition: 0.8s ease; text-align:center;} .logout-input:hover, .wpregistration-save-button input:hover {color:#385AC4; background:white; border: 1px solid #0088aa; } #wpregistration-meta input, #loginform input{ border:1px solid #dedede; width:150px;}


.erf-content-above{
	display: none !important;
}

.rendered-form{
	background-color: #f5f5f5  !important;
padding: 10px  !important;
margin-bottom: 10px  !important;

}

#login form{
	background-color: #f5f5f5  !important;
padding: 10px 20px  !important;

}

#loginform .login-username input, #loginform .login-password input{
width: 100%;
}

#loginform .login-remember{
text-align: center;
	font-size: 0.8em;
}


#loginform .login-remember input{
width: 30px !important;
}

#log-in{
  border: 1px solid #FF3F78;
  padding: 0.5vh 0.5vw;
  color: #FF3F78;
  font-weight: bold;
}

#log-in:hover{
  border: 1px solid #FF3F78;
  padding: 0.5vh 0.5vw;
  background-color: #FF3F78;
  color: #fff;
  font-weight: bold;
}



.content_box_cat{
  width: 80%;
  margin: 0 auto;
  padding: 25vh 0;
}

.box_cat{
  display: block;
  width: 30%;
  text-align: left;
  cursor: pointer;
  padding: 3vh 1vw;
  border-radius: 0.5vw;
  background-color: #d7edda;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
margin: 0 1vw 3vh 0;
}

.tit_box_cat{
  font-size: 150%;
  color: #222 !important;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}
.tit_box_cat:hover{
  color: #FF3F78 !important;
  text-decoration: none;
}

.box_cat p{
  color: #555;
  font-size: 80%;
}

.img_box_cat{
  width: 100%;
  height: 25vh;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 0.5vw;
  margin-bottom: 2vh;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
filter: grayscale(0.5);
}

.box_cat:hover{
  background-color: #f5f5f5;
  transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
}

.box_cat:hover .img_box_cat{
  background-size: 110%;
  filter: grayscale(0);
}

.box_cat:hover h1{
  color: #FF3F78 !important;
  text-decoration: none;
}

.data_post{
  color: #FF3F78;
  font-size: 90%;
  margin-bottom: 1vh;
}



/*search*/
/* Stile del form di ricerca */
.search-form {
  display: flex;
  max-width: 100%;
  margin: 2vh auto;
  border: 2px solid #00AF1A;
  border-radius: 0.5vw;
  overflow: hidden;
  background: #fff;
}

/* Stile dell'input di ricerca */
.search-form .search-field {
  flex: 1;
  padding: 10px 15px;
  border: none;
  outline: none;
  font-size: 100%;
  color: #555;
}

/* Stile del pulsante di invio */
.search-form .search-submit {
  background: #ededed;
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  font-size: 16px;
  transition: background 0.3s ease;
}

.search-form .search-submit:hover {
  background: #ededed;
}

.content_search{
top: 58vh;
  position: absolute;
  width: 20%;
  right: 3vw;
}

.search-form .search-field::placeholder {
  color: #888; /* Cambia con il colore che preferisci */
  opacity: 1; /* Assicura che il colore sia visibile in alcuni browser */
}

.tit_form{
 /* border-bottom: 1px solid #FF3F78;
  padding-bottom: 0.2vh;
  margin-bottom: 2vh;
  font-size: 110%;
  margin-top: 2vh;
  color: #FF3F78;
  font-weight: 500;*/
  padding: 0.8vh 0.8vw;
  margin-bottom: 2vh;
  font-size: 100%;
  margin-top: 2vh;
  background-color: /*#FF3F78;*/ #333;
  font-weight: 500;
  color: #fff;
  line-height: 1.6;
  border-radius: 0.8vw;

}

.descrizione_corso{
  width: 40%;
background-color: #f5f5f5;
padding: 5vh 0vw;
}

.descrizione_corso p{
  width: 90%;
  margin: 0 auto;
}

.descrizione_corso h2{
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
}

.questionario{
  width: 55%;
}


.result-box {
  padding: 3vh 2vw 3vh 4vw;
  border-radius: 8px;
  font-family: Arial, sans-serif;
  margin-top: 2vh;
}

.result-box h2{
  font-size: 200% !important;
}

.result-box p{
  font-size: 110% !important;
  padding: 0 !important;
}

.result-verde {
  border: 3px solid green;
  background-color: #e0f7e0;
  color: green;
  position: relative;
}

.result-verde::before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: green;
  position: absolute;
  left: 4%;
  top: 3.5vh;
}
.result-arancione {
  border: 3px solid orange;
  background-color: #fff4e0;
  color: orange;
  position: relative;
}

.result-arancione::before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: orange;
  position: absolute;
  left: 4%;
  top: 3.5vh;
}
.result-rosso {
  border: 3px solid red;
  background-color: #fbe0e0;
  color: red;
  position: relative;
}

.result-rosso::before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: red;
  position: absolute;
  left: 4%;
  top: 3.5vh;
}
.result-error {
  border: 3px solid red;
  background-color: #fbe0e0;
  color: red;
  position: relative;
}

.result-error::before {
  content: '';
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: red;
  position: absolute;
  left: 4%;
  top: 3.5vh;
}


.result_more{
  display: inline-block;
  margin-top: 3vh;
  padding: 1vh 2vw;
  border-radius: 20px;
  background-color: #FF3F78;
  color: #fff !important;
  text-decoration: none;
}

.result_more:hover{

  background-color: #222;
  color: #fff !important;
  text-decoration: none;
}




#result{
  margin: 6vh 0;
  font-size: 80%;
}


.tit_testimonial{
  font-size: 200%;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 1vh;
    background-color: #f5f5f5;
    padding: 2vh 0;
    border-radius: 2vw;
    color: #333;
    display: none; /*FINChè nn saranno inserite le testimonianze*/
}

.wptww-testimonials-list{
  display: none !important;
}


.box66{
  width:55%;
}

.box33{
  width:40%;
}