*{margin:0px;padding:0px;-moz-box-sizing: border-box;box-sizing: border-box;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial !important;
}

/*PERSONALIZZAZIONE COLORI*/
body a{color: #e30513 ;}
.color-page{ color:#e30513  !important; }
body button{background-color: #e30513 !important;font-size:0.7rem;padding:0px 12px;height: 36px;}
body .panelInput button{height: 46px;}
body button.button-border{background-color:transparent !important; border:1px solid red; border-color: #e30513  !important; color:#e30513 ; height:52px;}
.bk-page{background-color:#e30513  !important; /*border-radius:0px !important; box-shadow:0px 0px 0px !important; */}
body .bk-page{ background-color:#e30513  !important !important !important !important; }
body .filterMenu li.sel{ color:#e30513  !important !important !important !important; }
body ul.tab li.sel{  border-bottom: 2px solid #e30513  !important !important !important; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:#e30513 ; }
.nav-ower .wrapper > ul > li.sel > a{  color:#e30513  !important ;   box-shadow: -0 -2px 0 0 rgb(226,36,43) inset; }
ul.tab li{padding:8px;border-radius:4px;/* background-color:rgba(0,0,0,0.05); */}
ul.tab li:hover{  background-color:rgba(0,0,0,0.1);}
ul.tab li.sel{cursor:default;border-bottom: 2px solid #e30513 ;color:white;background-color: #e30513 ;/* padding:8px; */opacity:1;}
 
.bk-accent{background-color: #f1f1f1!important;color: black !important;}
.bk-secondary{background-color: #009440; color:white;}
button.ic-left, span.ic-left, button.ic-left.loading{ padding-left:36px !important; background-size:14px !important; }
button.tiny{font-size:0.6rem;}


body{background-color:#fafafa;}
body.confirm-account{background-color: #009440;}

.pageWidth{padding:16px 0px;max-width: 540px;margin:auto;}

h2{font-size: 1.2rem;font-weight: 300;}
.p, .p p, .p span , .p{
    font-size: 0.90rem !important;
    line-height: 1.5rem !important;
    /* text-align: justify; */
    font-weight: 400;
    color:rgba(0,0,0,0.87);
    background-color: transparent !important;
}

p.large{
  font-size:1.2rem;
}
p.small{
  font-size:0.7rem;
}


header{  position:relative;  float:left; width:100%; }
header.image{ height:60vh; }
header .box{position:relative;float:left;width:100%;padding: 16px 16px;}
header.image .box{  position:absolute; left:0; top:0; float:left; width:100%; }
header.image h1{color:white;text-shadow:2px 2px 2px black;font-size:3rem;line-height: 3.6rem;font-weight:00;}

p.titles{color:black;padding:12px 0;font-weight:400;text-transform:uppercase;}
p.medium{ font-size:0.9rem; }
.padding-left-menu{  padding-left:13%; }
.padding-right-navigation{  padding-left:9%; }
.right-navigation{right:10%;}
ng-container{
  margin-top: 74px;
  float:left;
  width:100%;
  padding-bottom: 70px;
  font-size: 0.84rem;
  overflow-x: hidden;
  background-color: #fafafa;
}

body.confirm-account ng-container{ background-color:#009440; }
ng-container > div{
  /* padding: 48px 0; */
  max-width: 550px;
  margin: auto;
}
ng-container.scheda {
  padding:0;
}
ng-container #content{
  width:100%;
  overflow-x: hidden;
  padding-top: 0px;
  padding-bottom: 30px;
}
ng-container .absolute-page{padding-top: 80px !important;padding-bottom:100px;}
#maschera #content{
  position:relative;
  width:100%;
  overflow-x: hidden;
  height: calc(100%);
  padding-bottom: 64px;
  padding-top: 50px;
  /* margin-top: 20px; */
  /* padding-right: 88px; */
}
#maschera #windows header{height:60px;line-height: 60px;padding: 0;padding:0 26px !important;border-bottom: 1px solid #eeeeee;}
#maschera #windows .interaction{display:none; }
#maschera #windows .dialogs { box-shadow:0px 0px !important;}
ng-container #content.text{
  width:100%;
  max-width: 100%;
  overflow-x:hidden;
  margin:0;
  padding-top: 24px;
  padding-bottom: 100px;
  text-align:justify;
  font-size: 1.1rem;
  line-height: 1.6rem;
  padding-right: 24px;
  padding-left: 24px;
  color: black;
}
ng-container #content.list-card{
  position:relative;
  overflow: hidden;
}
ng-header{
  /* padding:36px; */
  /* padding-left:48px; */
  float:left;
  width:100%;
  text-transform:uppercase;
  color:rgba(0,0,0,0.87);
  z-index: 40;
  position: fixed;
  background-color: #ffffff;
  height: 74px;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0px 8px rgba(0,0,0,0.6);
}


ng-header:before{
   content:'';
   left:0;
   width: 200%;
   height: 50px;
   /* background-image:url(/public/images/header_onda.png); */
   background-repeat:no-repeat;
   background-size:100%;
   position:absolute;
   /* top: -35px; */
}

    
ng-header h1{
  font-weight: 700;
  color: black;
  padding-right: 180px;
  font-size: 1.2rem;
  line-height: 1.8rem;
  max-width: 100%;
}

ng-menu{
  /* position:absolute; */
  top:0;
  left:0;
  width: 100%;
  color:white;
  z-index: 100000000000000000000;
  text-align:left;
  height: 100%;
  border-radius: 4px;
  opacity: 1 !important;
  float: left;
  z-index: 2;
}

ng-menu li {
  font-weight:500 ;
  z-index:10;
  font-size:0.64rem !important;
  margin-bottom:0px;
}

ng-menu li, .ng-menu li{
  color: white;
  text-transform:uppercase;
  font-size: 1.1rem;
  text-align: center;
}

ng-menu li:hover, .ng-menu li:hover{
  background-color:rgba(255,255,255,0.1)
}
ng-menu li.sel, .ng-menu li.sel{
  background-color:rgba(255,255,255,1);
  color:black;
}

ng-menu li.ic-home-shopping>.square{ border:5px solid #e88100; color:#e88100; font-size:0.8rem;}
ng-menu li.ic-home-welfare>.square{border:5px solid #2196F3;color:#2196F3;font-size: 0.8rem;}
ng-menu li .ic-top {padding-top:24px !important; }

.ng-menu{
    font-weight: 300 !important;
    color:black !important;
    background-color: rgba(255,255,255,0.99) !important;
    text-align: left !important;
    float: left;
    /* height: 100%; */
    /* position: absolute; */
    width: auto;
    top: 0;
    left: 0;
    /* padding: 24px; */
    /* padding: 48px; */
    padding-bottom: 50px;
    z-index: 10;
    overflow-y: auto;
    /* max-width: 500px; */
    width:100%;
    margin-top: 0;
    }
.ng-menu ul li{
  color:black;
  font-weight:600;
  font-size: 0.9rem;
  line-height: 1.2rem;
}

ng-navigation{
  position:fixed;
  bottom:0;
  right:0;
  width: 100%;
  height: 62px;
  background: #956b24;
  background: #ecd2a5;
  background: white;
  background: #f5f5f5;
  border-top: 1px solid #dddddd;
  z-index: 10000;
  text-align:left;
  box-shadow: 0 0px 2px rgba(0,0,0,0.3);
}
ng-navigation:before{
   content:'';
   left:0;
   width:100%;
   height: 50px;
   /* background-image:url(/public/images/navigation.png); */
   background-repeat:no-repeat;
   background-size:100%;
   position:absolute;
   bottom:0;
}



ng-navigation ul{
   /* margin-top: -28px; */
   /* margin-left:260px; */
   height: 100%;
}

ng-navigation ul li{
  float:left;
  margin-left:0%;
  width:42% !important;
  height:100% !important;
  background-size:36px !important;
}
ng-navigation ul li#nav_lang .square{
  max-width:42px;
  max-height:42px;
  
}

ng-navigation ul li:active{
  transform: rotate( 0deg ) scale(0.9);  transition: all .05s ease-in-out; 
}



#maschera.show{background-color: rgba(255,255,255, 0.97);z-index: 5000;height: 100% !important;}
#maschera.show.photo {z-index: 50;background-color: rgba(0, 0, 0, 1);}
#maschera.show.gallery { z-index:1000000000; background-color: rgba(0, 0, 0, 0.97); }
#maschera.show.photo img{box-shadow: 0 0px 0px 0px rgba(0, 0, 0, .85);max-height: 100%;max-width: 100%;}
  
    #maschera.gallery #windows {border:none;font-size:1.0rem;font-weight:400;max-height: 80% !important;color: rgba(0,0,0,0.87);}

  
#maschera.show .fixed.full .col-xs-8{padding-top:130px; font-size:1.2rem;}
#maschera.show .fixed.full .col-xs-8 p, #maschera.show .fixed.full .col-xs-8 p span{ 
  padding-top:8px; font-size:18px !important; line-height:26px !important; color:rgba(0,0,0,0.8);

   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   line-height: 26px;        /* fallback */
   max-height: 58px;  

   
  }

  #maschera .close-dialog{ position:fixed; bottom:0; left:0; z-index:99999999; width:60px; height:60px; padding:10px; }
 



/* MENU RESPONSIVE PRINCIPALE */
#responsive-menu{outline:none;width:100%;float: left;background-repeat: no-repeat;background-image:none;position: relative;z-index: 0;     outline: none !important;}
#responsive-menu .overlay{ display:none; }
#responsive-menu>ul{width:100%;top:0;}
#responsive-menu ul li{ width:auto; float:left; position:relative; padding:12px 24px; }
#responsive-menu>ul>li>a{ position:absolute; top:0; left:0; width:100%; height:100%;}
#responsive-menu>ul>li.submenu.ic-arrow-bottom-b{background-position:right 8px center;background-size:24px;padding-right:42px;}

#responsive-menu > ul > li.submenu > .content{display:none;position:absolute;left:0;margin-top:12px;background-color:white;padding:12px 0;width:100%;min-width:320px;float:left;}
#responsive-menu > ul > li.submenu > .content > ul{ float:left; width:100%;  }
#responsive-menu > ul > li.submenu > .content > ul li{ float:left; width:100%; clear:both;  position:relative; }
#responsive-menu > ul > li.submenu:hover .content{ display:block; }


#responsive-menu.always{width: 100%;left: 0;height:74px;float: left;position: absolute;background-repeat: no-repeat;background-size: 50%;cursor:pointer;z-index: 100;background-color: rgba(0,0,0,0);background-position:center;outline: none !important;background-image: none;}
#responsive-menu.always > .overlay{display:inherit;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.67);z-index: -1;opacity: 0;visibility: hidden;-webkit-transition:all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);-moz-transition:all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);-ms-transition:all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);-o-transition:all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);transition: all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);}
#responsive-menu.always:focus{z-index: 100; }
#responsive-menu.always:focus > .overlay{ opacity: 1; visibility: visible; pointer-events:all; }

#responsive-menu.always > ul{display:none;position:fixed;background-color:white;width:70%;height:100%;overflow-y:scroll;overflow-x: hidden;max-width: 360px;min-width: 30%;/* padding: 24px 0px; */}
#responsive-menu.always > ul > li{width: 100% !important;background-color:#ffffff;padding: 0px 24px;line-height: 56px;height: 56px !important;clear: both;border-bottom:1px solid #eeeeee;}
#responsive-menu.always > ul > li > a{margin-left:16px;color: black;width:100%;font-weight: 600;}
#responsive-menu.always > ul>  li.submenu.ic-arrow-bottom-b{background-position:top 16px right 16px;background-size:24px;padding-right:0;}
#responsive-menu.always > ul > li.submenu > .content{top:0;  box-shadow:0px 0px; overflow: hidden;display: inline-block;position:relative;left:0;margin-left: -12px;float:left;clear:both;margin-top: 0;/* background-color:#eeeeee; */padding:0 0;width:100%;max-width:100%;max-height:0;}
#responsive-menu.always > ul > li.submenu:hover .content{max-height:1000px;margin-top:12px;transition: max-height 0.85s ease-in-out;/* margin-left:-24px; */padding: 0;}

/*SIDEBAR LEFT*/
#responsive-menu.always > ul.left{transition-delay: 0.3s !important;display:inherit;opacity: 0;visibility: hidden;left:-400px;opacity:0;padding-bottom\: 6;padding-bottom\: 60;padding-bottom\: 60p;padding-bottom\: 60px;-o-transition: all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);transition: all 0.260s cubic-bezier(0.39, 0.58, 0.57, 1);padding-bottom: 100px;}
#responsive-menu.always:focus > ul.left{left:0; opacity: 1; visibility: visible; transition-delay: 0.0s !important; }

#responsive-menu.always:focus > ul{ display:inherit;  }

.pageWidth.minHeight, .minHeight  {min-height: 50vh;position: relative;}

  
.title-comune{padding:36px;position:relative;text-align:center;/* margin-top: 30%; */width:100%;text-transform:uppercase;font-weight: 300;font-size: 2rem;color:white;}
.title-comune:before{position:absolute;top: 0;left: 50%;-ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%, 0%);width:50%;background:white;height:2px;content:'';}
.title-comune:after{ position:absolute;  bottom: 0;  left: 50%;  -ms-transform: translate(-50%,0%);-webkit-transform: translate(-50%,0%);transform: translate(-50%, 0%); width:25%; background:white; height:2px; content:'';}

.ic-i-luoghi-b {  background-image:  url(http://inc.etnasoft.it/include/icons/ic_location_city_black_24dp_2x.png); }
.ic-il-progetto-b {  background-image:  url(/public/images/logo_black.png); }
.ic-la-storia-b {  background-image:  url(http://inc.etnasoft.it/include/icons/ic_chrome_reader_mode_black_24dp_2x.png); }
.ic-itinerari-b {  background-image:  url(http://inc.etnasoft.it/include/icons/ic_card_travel_black_24dp.png); }

.panelInfoSup .label{ font-size:0.8rem; background-size:14px; font-weight:600;}
.panelInfoSup .value{ font-size:0.8rem; }

qr-codes img{ transform: rotate( 0deg ) scale(1.3); }
qr-codes{ display:block;overflow:hidden; }

@media (min-width:1700px){
  ng-navigation:before{top: -150px;}
  ng-header:before{height:180px;}
}
@media (max-width:960px){
  ng-navigation ul li{ background-size: 24px !important; }
  .pageWidth{padding:16px;}
  body.transazioni .pageWidth{padding: 0px 0;}

}

.list-days .day{width:10%;}
.list-days .day:after{content:''; position:relative; float:left;padding-top:100%;}
.list-days .day span{width:80%;height:80%;cursor:pointer;color:white;font-size: 6rem;background-color:#809aa7;-webkit-transition:0.260s !important;transition: 0.260s !important;border-radius:400px;}
.list-days .day span:hover{background-color:#607D8B;   -webkit-transition:0.260s !important;      transition: 0.260s !important;  }
.list-days .day.sel span{ background-color:#e2242b; width:84%;height:84%; }
.list-days .day.sel span:hover{ color:transparent; }
.list-days .day.sel span:hover:after{ content:''; position:absolute; width:100%; height:100%;  background-image:url(https://i.etnasoft.it/include/icons/ic_close_white_24dp_2x.png) !important; background-size:60%; background-position:center; background-repeat:no-repeat; }
.list-days .day center{color:white;font-weight: 900;font-size: 4rem; }

.list-days .day{width:10%; margin-top:12px;}
.list-days .day span{width:80%;height:80%;cursor:pointer;color:white;font-size: 1rem;background-color:#809aa7;-webkit-transition:0.260s !important;transition: 0.260s !important;border-radius:400px;}


span.date-orario{font-size: 1.25rem;float:left;margin-left:-24px;text-align:left;display:block;/* overflow: hidden; */width: 50%;border-radius: 400px;position:relative;z-index:10;top:120px;}
span.date-orario:after{content:'';position:absolute;left: -30px;border-radius:400px;top: 0px;width: 24px;height: 24px;background-color: #fff;background-image: url(https://i.etnasoft.it/include/icons/ic_alarm_black_24dp.png);background-size: 80%;background-repeat: no-repeat;background-position: center;}
span.date-event{font-size:2rem;float:left;text-align:center;display:block;/* overflow: hidden; */background-color:#fff;width: 50%;border-radius: 400px;position:relative;z-index:10;}
span.date-event:before{content:'';padding-top:100%; float:left;}
span.date-event:after{content:'';position:absolute;left:50%;top: 100%;width:1px;height:600px;z-index:-10000;background-color: #ccc;}
span.date-event b{ font-size:1.45rem !important; clear:both; display:block; text-align:center}

span.date-orario{font-size: 1.25rem;float:right;margin-left:-24px;text-align:left;display:block;/* overflow: hidden; */width: auto;border-radius: 400px;position:relative;z-index:10;top:0px;}
span.date-event{font-size:2rem;float:left;height: 60px;text-align:left;display:block;width: 60%;background-color:#fff;border-radius: 0;position:relative;z-index:10;/* margin-top: 24px; */}
span.date-event .absolute.center{position:relative !important;text-align: left;/* margin-top: 24px; */}
span.date-event:before{content:'';padding-top:0%; width:0; height:0; float:left;}
span.date-event:after{content:'';position:absolute;left:50%;top: 100%;width:1px;height: 0;z-index:-10000;background-color: transparent;}
span.date-event b{font-size:1.45rem !important;clear:both;display:block;text-align: left;}

.card-event{position:relative;margin-bottom:24px;float:left;width:100%;font-size:0.9rem;background-color:#f5f5f5;z-index: 10;}
.card-event .card-title{font-size: 1.25rem;font-weight: 800;padding-top: 24px;}
.card-event .card-type{font-size: 1rem;/* margin-top:4px; */font-style:italic;clear:both;width:100%;float:left;}
.card-event .card-date{ width:10%; float:left; margin-top:8px; margin-bottom:8px; }
.card-event .card-date b{ color:#E2242B;  }
.card-event .ic-left{background-position:left center !important;margin-bottom: 12px;line-height: 1.2rem;}
.card-event .ic-left a{color:black !important;}

.card-event{margin-bottom:24px; float:left; width:100%; font-size:0.9rem; background-color:#f5f5f5;}
.card-event .card-title{padding-left:24px; margin:0; padding-top:0;}
.card-event .card-type{padding-left:24px;}
.card-event .card-date{ width:10%; float:left; margin-top:8px; margin-bottom:8px; }
.card-event .card-date b{ color:#E2242B;  }
.card-event .ic-left{ margin-left:24px; margin-bottom:12px; }


.bk-shopping{background-color: #e08230   !important;}
.bk-welfare{background-color: #2196F3   !important;}
    .card.partner.shopping {border-color:orange;}
    .card.partner.welfare {border-color:#2196F3;}
    .card.partner {height: 316px; border:3px solid white; border-radius:4px; }
    .card.partner .distance{position:absolute;font-size: 0.8rem;top:auto;top: 0;left: 0;margin:6px;background:rgba(0,0,0,0.4);color:white;padding: 4px 8px;border-radius: 4px;}
    .card.partner .distance:after{ content:' km'; }
    .card.partner .card-image { height:180px; }
    .card.partner .card-content { font-size: 1rem; color: rgba(0,0,0,.54);  margin-top: 4px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;    word-break: break-all;padding:0; margin:16px; }
    .card.partner .card-address {font-size: 0.8rem;color: rgba(0,0,0,.44);line-height: 1rem;}
    .card.partner .card-content .card-title {font-size: 0.9rem;line-height: 20px;padding-bottom:4px;font-weight:600;max-height: 42px;overflow: hidden;text-overflow: initial;word-break: initial;display: inherit;white-space: initial;}



/* CARD */
    .card.news .card-title{font-size:16px;line-height:22px;overflow:hidden;/* white-space:inherit; */display:inline;max-height:none !important;height:auto !important;padding-bottom:4px;}
    .card.news .card-content{ max-height:120px; line-height:1.4rem;}
    .card.news .card-interaction{ height:56px;}
    .card.news .card-interaction button{  background-color:rgba(0,0,0,0.1) !important; color:black; }


    .card.location .card-image{height: auto; display:block;overflow:hidden;position: relative;}
    .card.location .card-image img{position:absolute;}
    .card.location .card-image:after{content: ""; display: block; padding-bottom: 80%; }
    .card.location .card-image .card-title{font-size:0.9rem; font-weight:300; ;line-height:1rem; padding:8px 18px !important;}
    .card.location .card-title{font-size:0.9rem; font-weight:600; ;line-height:1rem; padding:0; text-transform:uppercase;}
    .card.location .card-address{font-size:0.9rem;font-weight: 300;line-height:1rem;padding:0;}
    .card.location .card-content{max-height: 120px;line-height:1.4rem;padding:0px;margin:18px;}
    .card.location .card-interaction{ height:56px;}
    .card.location .card-interaction button{  background-color:rgba(0,0,0,0.1) !important; color:black; }


    .card.gift { min-height:auto;  }
    .card.gift .card-title {text-align:left;float:left;font-size: 0.9rem;color: rgba(0,0,0,.87);height:auto;max-height:none;overflow: hidden;display:inline;text-overflow: inherit;white-space: normal;line-height: 1.2rem;font-weight:600;}
    .card.gift .card-address { text-align:left; float:left;  }
    .card.gift .card-image {height:auto;font-size: smaller;float: left;}
    .card.gift .card-content {height: 72px;text-align:left;float:left;position:relative;padding: 16px;margin: 0;width: 100%;}
    .card.gift .card-interaction {-webkit-transition:0.260s !important;transition: 0.260s !important;line-height:2rem;color:black;font-size: 0.9rem;text-align:left;float:left;position:relative;z-index: 10;font-weight: 400;padding: 8px 8px;border-top:1px solid #eee;background-image: url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_black_48dp_1x.png);background-position:right 12px center;background-repeat:no-repeat;background-size:22px;cursor: pointer;text-transform: uppercase;margin-top: 0;}
    .card.gift .card-interaction:hover {background-position:right 8px center; }
    .card.gift .card-interaction b {color: #006c12;font-size:1.2rem;}
    .card.gift.small .card-content { height: 100px;text-align:left;float:left; position:relative; z-index:100;}


    .card.attivita { min-height:auto;  }
    .card.attivita .card-title { text-align:left; float:left; font-size:1rem; color:#e30613;  height:auto; max-height:none; overflow: hidden; display:inline; text-overflow: inherit; white-space: normal; line-height:1.6rem; font-weight:600; }
    .card.attivita .card-address { text-align:left; float:left; font-size:0.9rem;   }
    .card.attivita .card-image {height:auto;font-size: smaller;float: left;}
    .card.attivita .card-content {height: 120px;text-align:left;margin: 0;padding: 16px;position:relative;}
    .card.attivita .card-interaction button {background-color:white !important; height:36px;}
    .card.attivita.small .card-content { height: 100px;text-align:left;float:left; position:relative; }


    .card.offerte .card-content {max-height: none;clear: both;color: #828282;font-weight: 300;float: none;margin: 0px;height: 110px;overflow: hidden;text-overflow: ellipsis;padding: 24px;}
    .card.offerte {min-height: 158px;}
    .card.offerte.sel .card-content, .card.offerte.sel  {background-color: #e1ffeb;}
    .card.offerte  .card-image{ height:160px; }
    .card.offerte  .card-price span.old { float:none; margin-right:6px;  color: #888888;font-weight: 300 !important; text-transform:lowercase; text-decoration:line-through; font-size:15px; }
    .card.offerte  .card-price {  position:absolute; width:100%; padding:0; margin:0; left:0; padding: 24px;  bottom:0; }
    .card.offerte  .card-price span {  color: #00a1e15; color:#212121; font-weight: 500 !important; color:rgb(67, 160, 71); float:right; font-size:17px; }
    .card.offerte:hover .addCart { opacity: 1; margin-top: 24px;  }
    .card.offerte .card-content .card-title { text-align:left; padding:0; white-space: normal !important; line-height:16px; max-height:none; font-size: 16px; color:rgba(0,0,0,0.87);text-overflow: ellipsis;     display: -webkit-box;     -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .card.offerte .card-content .card-address {text-align:left;padding:0;/* white-space: normal !important; */line-height: 16px;max-height:none;font-size: 14px;color: rgba(0,0,0,0.87);padding-top: 12px;}
    .card.offerte .card-interaction { display:none; visibility:hidden;}

    .card.eventi {height: auto;min-height:auto;max-height:none;margin-bottom: 0px;}
    .card.eventi .expired{margin-top: -740px;z-index:999999;cursor:pointer;width: 80px;bottom: -40px !important;right: 6px;}
    .card.eventi .expired:hover, .card.eventi .expired:hover b{color:transparent !important; -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260ss;}
    .card.eventi .expired .buttons{ opacity:0; font-weight:500; transition-delay: 0.0s; }
    .card.eventi .expired:hover .buttons{ opacity:1;  color:white; transition-delay: 0.16s; -webkit-animation: anim-b 0.3s cubic-bezier(0.69, 0.01, 0.21, 0.99); animation: anim-b 0.3s cubic-bezier(0.69, 0.01, 0.21, 0.99); }
    .card.eventi b { color:white;  font-size:1.5rem;}
    .card.eventi .expired b {font-size: 1.1rem;}
    .card.eventi .card-image {height:auto;}
    .card.eventi .card-content {padding:18px 8px 18px 18px;margin:0;height: 100px;text-align:left;float:left;position:relative;z-index:100;width: 100%;}
    .card.eventi .card-title {text-align:left;float:left;font-size: 0.9rem;font-weight:800;height:auto;line-height: 1rem;max-height:none;overflow: hidden;display:inline;text-overflow: inherit;white-space: normal;line-height: 1.2rem;width: 100%;}
    .card.eventi .card-address {  text-align:left; float:left; font-size:0.9rem;  }


    .card.ricette {height: 320px;}
    .card.ricette .card-content .card-title{/* color: #e84c3d; *//* display: inline-block; */font-size: 0.9rem;font-weight: 600;text-align: left;line-height: 1.4rem;overflow: hidden;text-overflow: ellipsis;max-height: none;min-height: 1.2rem;white-space: inherit;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.2rem;/* max-height: 50px; */}
    .card.ricette .card-content  span{ font-size:0.8rem ;}
    .card.ricette .card-image .card-title{ font-size:0.9rem; padding:0px 16px !important; }
    .card.ricette .card-content {padding: 16px;margin:0;height: 80px;}
    .card.ricette .card-interaction {padding: 0px 16px!important;background: #f5f5f5;height:50px;margin: 0;width: 100%;}
    .card.ricette .card-interaction .col-xs-3{font-size:0.8rem;color:black;opacity:0.57; font-weight:500; height:100%;background-size: 22px;background-position:top 6px center;text-align:center;paddin;padding-top: 28px;}
   
    .card.gourmet {height: 320px;}
    .card.gourmet .card-content .card-title{font-size: 0.9rem;font-weight: 600;text-align: left;line-height: 1.4rem;overflow: hidden;text-overflow: ellipsis;max-height: none;min-height: 1.2rem;white-space: inherit;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;line-height: 1.2rem;}
    .card.gourmet .card-content  span{ font-size:0.8rem ;}
    .card.gourmet .card-image .card-title{ font-size:0.9rem; padding:0px 16px !important; }
    .card.gourmet .card-content {padding: 16px;margin:0;height: 80px;}
    .card.gourmet .card-interaction { font-weight:600; color:green; padding: 8px 16px!important;background: #f5f5f5;height:auto;margin: 0;width: 100%;}
   
   

    .volantino  {margin-bottom: 12px;}
    .volantino .image {display:block; overflow:hidden;}
    .volantino .image b{font-weight:800;padding-top:36px;float:left; font-size:1.4rem;background-image:  url(http://inc.etnasoft.it/include/icons/ic_remove_red_eye_white_24dp_2x.png);background-position:top center;background-repeat:no-repeat;text-align:center; background-size:36px;width:100%;color: white;}
    .volantino .image .scopri{background:rgba(0, 148, 64,0.8);opacity:0;transform: rotate( -2deg ) scale(0.7);visibility:hidden;position:relative;text-align:center;width:96%;height: 40%;margin:2%;margin-top: 20%;text-transform:uppercase;font-weight:300;font-size:1.8rem;color:white;line-height:2.2rem;/* border-radius:400px; */padding:10px;}
    .volantino .image:hover .scopri{opacity:1; visibility:visible; cursor:pointer; transition: all 0.3s ease-in-out; transform: rotate( 0deg ) scale(1.02); }
    .volantino .image img{transition: all 0.4s ease-in-out;  }
    .volantino .image:hover img{transition: all 0.2s ease-in-out; transform: rotate( 0deg ) scale(0.99); }

    ul.listMov>li.header { background-color:#dddddd; font-size:0.5rem; text-transform:uppercase; font-weight:600; }
    ul.listMov>li { font-size:0.7rem; }

/* SCHEDA */

    body .infoPage h1{font-size:2rem;line-height: 2.4rem;font-weight:600;padding-top: 12px;margin-bottom: 24px;color:black;}
    body .infoPage .points:before{ position:absolute; left:0; top:8px; width:10px; height:10px; background:#e30613; border-radius:400px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
    body .infoPage .points{ font-size:0.9rem; font-weight:300; color:black; padding-left:20px; line-height:1.6rem; margin-top:20px;}
    body .infoPage .points b{color: #036f20;font-size:1rem;}
    body .infoPage .points i{ float:left; width:100%;  font-size:0.9rem; color:rgba(0,0,0,0.67) }

    body .infoPage .info-recipts .ic-top{ background-position:top 8px center; padding-top:28px !important; }

    .pdf-reader{padding-bottom: 50px !important;}


    #maschera.show #windows {
          height: 90% !important;
        top: -10px !important;
        position: fixed;
        width: 100% !important;
        max-width: 100%;
    }
/* SCHEDA */

   header.eventi.foto img.blur{-webkit-filter: blur(20px);-moz-filter: blur(50px);-o-filter: blur(50px);-ms-filter: blur(50px);filter: blur(10px);visibility: hidden;}
   header.eventi.foto{height: auto;display: block;overflow: hidden;min-height: 600px;background: black;}
   header.eventi.foto .pageWidth.img{height: 100% !important;display: block;overflow: hidden;float:right;/* width: 60%; *//* width: auto; */max-width: 50%;max-height: 640px;}
   header.eventi.foto .pageWidth.img:before{content:'';padding-top: 100%;float:left;position:relative;}
   
   header.eventi .info{padding-top: 32px;max-width: 48%;}
   header.eventi .info h1{color:white;font-size: 1.6rem;line-height: 2rem;margin-bottom: 12px;font-weight: 600;min-height: 65px;margin-top: 32px;text-align:right;}
   header.eventi .info h2{text-transform:uppercase;text-align: right;color:white;font-size: 1rem;line-height: 2rem;margin-bottom: 12px;font-weight: 500;font-style: italic;}
   header.eventi .info h3.date{max-width:10%;float:left;padding:0;color:white;font-size: 0.9rem;font.w:;line-height: 1.1rem;margin-bottom: 24px;font-weight: 500; text-align:right; }
   header.eventi .info h3{float: right;/* padding:0; */color:white;font-size: 0.9rem;font.w:;line-height: 1.4rem;margin-bottom: 24px;font-weight: 500;text-align:right;}
   header.eventi .info h3.date b{color:#e2242b;}
   header.eventi .info .line-red{/* border-left:1px solid #e2242b; */float: right;padding-left:16px;}
   header.eventi button{padding-left:8px; padding-right:8px; min-width:30%;}


   body header.eventi img.blur{-webkit-filter: blur(20px);-moz-filter: blur(50px);-o-filter: blur(50px);-ms-filter: blur(50px);filter: blur(10px);visibility: hidden;}
   body header.eventi{height: auto;display: block;overflow: hidden;min-height: 600px;}
   body header.eventi .pageWidth.img{height: 100% !important;display: block;overflow: hidden;float:right;/* width: 60%; *//* width: auto; */max-width: 100%;max-height: 640px;position: relative;}
   body header.eventi .pageWidth.img:before{content:'';padding-top: 100%;float:left;position:relative;}
   
   body header.eventi .infos{position:relative !important;padding-top: 12px;}
   body header.eventi .info{padding-top: 0;max-width:100%;}
   body header.eventi .info h1{color:white;font-size: 1.6rem;line-height: 2rem;margin-bottom: 12px;font-weight: 600;min-height: 65px;margin-top: 32px;text-align:right;}
   body header.eventi .info h2{text-transform:uppercase;text-align: right;color:white;font-size: 1rem;line-height: 2rem;margin-bottom: 12px;font-weight: 500;font-style: italic;}
   body header.eventi .info h3.date{max-width:10%;float:left;padding:0;color:white;font-size: 0.9rem;font.w:;line-height: 1.1rem;margin-bottom: 24px;font-weight: 500; text-align:right; }
   body header.eventi .info h3{float: right;/* padding:0; */color:white;font-size: 0.9rem;font.w:;line-height: 1.4rem;margin-bottom: 24px;font-weight: 500;text-align:right;}
   body header.eventi .info h3.date b{color:#e2242b;}
   body header.eventi .info .line-red{/* border-left:1px solid #e2242b; */float: right;padding-left:16px;padding-bottom: 24px;}
   body header.eventi button{padding-left:8px; padding-right:8px; min-width:30%;}



ul#menuHome li .ic{background-size: 100% ;background-repeat:no-repeat; margin-bottom:12px; cursor:pointer;}
ul#menuHome li .ic-home-your-card  {background-image:url('/public/images/icons/ic_home_card.png');}
ul#menuHome li .ic-home-transazioni  { background-image:url('/public/images/icons/ic_home_transazioni.png');}
ul#menuHome li .ic-home-punti-vendita  { background-image:url('/public/images/icons/ic_home_pdv.png');}
ul#menuHome li .ic-home-volantini  { background-image:url('/public/images/icons/ic_home_volantino.png');}
ul#menuHome li .ic-home-gourmet  { background-image:url('/public/images/icons/ic_home_gourmet.png');}
ul#menuHome li .ic-home-ricette  { background-image:url('/public/images/icons/ic_home_ricette.png');}
ul#menuHome li .ic-home-iniziative  { background-image:url('/public/images/icons/ic_home_iniziative.png');}
ul#menuHome li .ic-home-raccolta-punti  { background-image:url('/public/images/icons/ic_home_raccolta.png');}
ul#menuHome li .ic-home-contacts  { background-image:url('/public/images/icons/ic_home_contacts.png'); }
ul#menuHome li .ic-home-facebook  { background-image:url('/public/images/icons/ic_facebook.png'); background-size: 100% ;background-repeat:no-repeat; }
ul#menuHome li .ic-home-instagram  { background-image:url('/public/images/icons/ic_instagram.png'); background-size: 100% ;background-repeat:no-repeat; }


body.signin .panelInput input[type="text"],body.signin  .panelInput input[type="password"],body.signin .panelInput input[type="email"],body.signin .panelInput input[type="number"],body.signin .panelInput input[type="date"],body.signin .panelInput select,body.signin .panelInput textarea{ background-color:rgba(255,255,255,0.77) !important; border-radius:6px; min-height:50px;}
body.signin button {height:50px; border-radius:6px;}
body.signin a { color:white; font-weight:800: }

.panelInput.rows .input{margin-bottom:6px;}
.panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], .panelInput select, .panelInput textarea{min-height: 46px;background-color: white !important;border-radius: 4px;border: 1px solid #DDC;font-size: 0.9rem;}
.panelInput.rows p.title {border:0;/* margin-bottom:24px; */text-transform:uppercase;background-color:#eeeeee;padding:12px;}
.panelInput.rows p.title+.row { padding:24px !important;}
.panelInput.rows p.title+.row .label{font-size:0.76rem; text-transform:uppercase;}
.panelInput.rows p.title+.row input,.panelInput.rows p.title+.row select {border:1px solid #ddd;height:42px !important;line-height:42px !important;min-height: 52px; padding-left:12px; }
input + .ic, textarea + .ic { top:10px;}

    .backtoSearch button{background-color: rgba(0,0,0,.37) !important;height: 38px;margin-bottom:6px;border:0px solid white !important;border-color:rgba(255,255,255,0.37) !important;border-radius:4px !important;text-align:right;max-width: 100%;}
    .backtoSearch{position:relative !important;line-height:32px;padding: 8px !important;}
    .backtoSearch button{line-height:28px; font-size:0.9rem; height:32px !important;}

    header.scheda .backtoSearch{position:absolute;line-height:32px;padding: 8px !important;opacity:.97;z-index: 100;}
    header.scheda .backtoSearch .pageWidth{padding:0 0px;}
    .backtoSearch button{content:'';color:transparent;width: 40px;padding:0 !important;}