/*#F44336*/
/*PERSONALIZZAZIONE COLORI*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:,100,300,400,400italic,500,500italic,700|Roboto+Mono:400,500,700'); */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700,800');

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

/*PERSONALIZZAZIONE COLORI*/
body a{color: #0067b0 !important; text-decoration:underline; }
.color-page{color:  #0067b0 !important; }
body a:hover{color:  #0067b0 !important; }
body button{background-color: #0067b0;font-size:0.9rem;height:46px;border-radius:4px;font-weight:500;font-size:0.87rem;}
body a.button{color:white !important;line-height:44px; }
body button.submit{background-color: #0067b0 !important;font-size:0.9rem;height:46px;color: white !important;}
body button.button-border{background-color: transparent !important;color:#102027;border: 1px solid #102027;box-shadow:0 0; border-radius:6px; }
.bk-page{background-color: #0067b0   !important;}
body .bk-page{background-color: #0067b0 !important;}
body .filterMenu li.sel{ color:#0067b0  !important ; }
body ul.tab li.sel{  border-bottom: 2px solid #0067b0 !important ; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span { background-color:#0067b0 ; }
body button.bk-confirm{color:white;}
.bk-accent{background-color:#455A64 !important;}

/*BODY*/

html{
    font-size:0.95rem;
}

html:before{

    background-image: url(/public/images/bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    content:'';
    position:fixed; width:100%;
    height:100%;
    left: 0;
    top: 0;
}
body {
    overflow-x: hidden;
    overflow-y: scroll;
    margin: 0;
    padding:0;
    font-size: 0.87rem;
    font-weight: 500;
    line-height: 1.3rem;
    letter-spacing: 0.00em;
    color: rgba(0,0,0,0.87);
    /* padding-top: 90px; */
    float: left;
    width: 100%;
}

.pageWidth{
    position: relative;
    width:1000px;
    margin:auto;
    text-align:left;
    float: none !important;
    margin: auto !important;
}

p {font-size: 1.1rem;text-align:justify;font-weight: 400;line-height: 1.8rem;}
p.small{font-size: 0.87rem;text-align:justify;font-weight: 500;line-height: 1.2rem;}

.ic-home-citizien, .ic-home-citizien:hover { background-image:  url(/public/images/icon-citizien.png); padding-left:46px !important;  background-size:36px !important; display:block; text-decoration:none; }
.ic-home-store, .ic-home-store:hover { background-image:  url(/public/images/icon-store.png);  color:#c81617 !important; padding-left:46px !important;  background-size:36px !important; display:block; text-decoration:none; }
.button.home{height:146px; line-height:146px; margin-bottom:24px; font-size:1.6rem;  }

.divHome.white{background:#fff}
.divHome.dark{background:0 0}
.divHome.grey{background:#f5f5f5;border-top:1px solid #eee!important;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.06),0 0 1px 0 rgba(0,0,0,.12)}
.divHome.sparo{background-color:#fafafa}
.divHome{padding: 36px 0;clear:both;text-align:center;z-index:5;margin:0;background-color:#fff;border-top:1px solid #000;border-color:rgba(0,0,0,.05);}
.divHome.grey .pageWidth:after{box-shadow:inset 0 0 3px 0 rgba(0,0,0,.06),0 0 0 0 rgba(0,0,0,.12);right:0;top:-85px;width:40px;height:40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);z-index:-10000000;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee}
.shadow-card{border-radius:8px;}
.infoWindowContent{min-width:200px;min-height: 60px; text-align:center; font-weight:400;  overflow-x:hidden; padding-right:8px; }
.infoWindowContent *{ box-shadow:0 0 !important; }
/*FONT*/
a{cursor:pointer;}
.p{ font-size: 0.90rem !important; line-height: 1.4rem !important; /* text-align: justify; */ color:rgba(0,0,0,0.87); background-color: transparent !important; }

h1{}
#page h2 {font-size: 1.2rem;font-weight: 600;color: #212121;padding-bottom:16px;line-height: 1.5rem;}
#page h3 {font-size: 2rem;font-weight: 600;color: #ffff;padding-bottom:16px;line-height: 2.6rem;}

.infoPage h1{font-size:2rem; line-height:2.4rem; color:#0067b0; margin-bottom:12px;}
.infoPage p.titles,.divHome p.titles{ color:#00000; margin-bottom:12px; font-weight:500; font-size:1.1rem;}

#page .p, #page .p p, .p{  font-size: 0.90rem !important; line-height: 1.4rem !important;  color:rgba(0,0,0,0.87); background-color: transparent !important; }
#page .p, #page .p p, #page .p span, #page , .p{  font-size: 0.90rem !important; line-height: 1.4rem !important;  color:rgba(0,0,0,0.87); }
p.title {font-weight:800;}
button{font-weight:600 !important;}
/*.round.ic-48{    border: 1px solid #0067b0 !important; }*/

/*INPUT*/
.panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], select, textarea{border-radius:0px;border:0;border: 1px solid #ddd;border-radius: 8px;}
.panelInput input[type="text"]:focus, .panelInput input[type="password"]:focus, .panelInput input[type="email"]:focus, .panelInput input[type="number"]:focus, .panelInput input[type="date"]:focus, select:focus, textarea:focus{box-shadow:0px 0px;border-color: #0067b0;}
label.checkbox { line-height:1.4rem !important;}
input + .ic, textarea + .ic{top:8px;}
#user-panel .panelInput input, #user-panel .panelInput select, #user-panel .panelInput textarea{ font-size:0.87rem; font-weight:400; }
#user-panel .panelInput.rows .label{font-size: 0.7rem;color:black;font-weight: 600;min-height:18px;text-transform: uppercase;}
p.title{ margin-top:24px; }
.panelInput input[type="text"].code, .panelInput select.code{border:1px solid #ddd;border-radius:6px;font-weight: 500;font-size: 1.1rem;min-height:64px;padding-left:56px !important;background-position:left 16px center;background-size:24px !important;}
.panelInput select.code{border:1px solid #ddd; text-transform:initial !important; border-radius:6px;font-weight: 500;font-size: 1.1rem;min-height:64px;padding-left:56px !important;background-position:left 16px center;background-size:24px !important;}
.panelInput input[type="text"].code:focus, .panelInput select.code:focus{border:1px solid #455a64; }
.panelInput input[type="text"].code + span.info{width:32px; height:32px; margin:16px;}

#page{/* padding-top: 90px; */margin-top: 120px !important;}
/*.panelInput form input.ng-valid.ng-not-empty,
.panelInput form input.ng-valid.ng-not-empty,
.panelInput form textarea.ng-valid.ng-not-empty,
.panelInput form select.ng-valid.ng-not-empty{box-shadow: -2px 0 0 0 #E8F5E9 inset; border-radius:4px 0px 0px 4px; background-color:#E8F5E9;  }*/

/*.panelInput input.ng-invalid.ng-not-empty,
.panelInput input.ng-invalid.ng-not-empty,
.panelInput textarea.ng-invalid.ng-not-empty,
.panelInput select.ng-invalid.ng-not-empty{box-shadow: -2px 0 0 0 #d12e26 inset; border-radius:4px 0px 0px 4px; background-color:#FFEBEE;  }*/
.panelInput form input.ng-invalid.ng-not-empty + span.error{ position:absolute;  width:24px; height:24px; right:0; border-radius:60px; margin:12px; background-image: url(https://i.etnasoft.it/include/icons/ic_error_outline_red_24dp_2x.png); background-size:100%;}
.panelInput form input + span.info{ position:absolute;  width:24px; height:24px; right:0; opacity:0.67; border-radius:60px; margin:12px;  background-size:100%;}
.panelInput form input + span.info:hover{opacity:1;}

.panelInput p.titles{position:relative;padding: 24px 24px 12px 24px;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: white;color: #607d8b;font-size: 1.1rem;border-top: 3px solid #607d8b;}

.panelAdmin .panelInput.filter input,
.panelAdmin .panelInput.filter .dropdown.dropdown-button,
.panelAdmin .panelInput.filter select,
.panelAdmin .panelInput.filter textarea{background-color:#f0f5f5;box-shadow:0 0;border-radius: 4px;border:0 !important;font-size: 0.7rem !important;font-weight: 500;}

.panelAdmin .panelInput.filter .label,
.panelAdmin label.checkbox.small{font-weight:600;min-height:18px;line-height: 0.7rem !important;font-size:0.70rem;height: 18px;}
.panelAdmin .panelInput.filter label.checkbox input[type="checkbox"] + span{ margin-top:-3px;}

.panelAdmin .panelInput.filter input::-webkit-input-placeholder,
.panelAdmin .panelInput.filter input:focus::-webkit-input-placeholder,
.panelAdmin .panelInput.filter textarea::-webkit-input-placeholder{ font-size: 0.74rem !important; font-weight:400;}
.panelAdmin .breadcrumb { padding:0 !important; margin:0;}
.panelAdmin h1 { font-weight:500 !important; font-size:1.5rem !important;}
.panelAdmin .breadcrumb div.separator{margin-top:4px;}

.dashboard .box{ border-radius:10px; }
.dashboard .box.pos{ padding:0; }
.dashboard .box.pos button{border-radius:0 0 10px 10px;margin-top: 24px;}

.PageAdmin.pos-fuel .pageWidth.ng-view, .PageAdmin.pos .pageWidth.ng-view{ max-width: 100%; width: 100%; padding-top: 0px; }

.pos-fuel ul.tab.no-border, .pos ul.tab.no-border { border-radius:10px 10px 0 0; display:block; overflow:hidden; }
.pos-fuel ul.tab.no-border li, .pos ul.tab.no-border li { border-radius:10px 10px 0 0; border:0 !important;  background-color:#ddd; border-radius:0; font-weight:800; font-size:0.86rem; }
.pos-fuel ul.tab.no-border li.sel, .pos ul.tab.no-border li.sel {  background-color:white; }

.form-input .pos .input select,
.form-input .pos .input input,
.form-input .pos .input .dropdown.dropdown-button>span,
.form-input .pos .input .dropdown.dropdown-button>label,
.form-input .pos .input .dropdown.dropdown-button{
    font-size:0.9rem;
    height:52px;
}
.form-input .pos .input p.values{
    height:52px ;
    font-size:0.9rem;
    line-height:52px ;
}
.form-input .input select,
.form-input .input input,
.form-input .input textarea,
.form-input .input input,
.form-input .input .dropdown.dropdown-button
{border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 1px #dfe5ea6e inset;border-radius:6px;    font-size: 0.87rem; font-weight: 500; color: #000000; letter-spacing: -.00em;  }



/* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
.form-input .input{margin-bottom:12px;float: left;width: 100%;}
.form-input .input button.small{ height:40px; border-radius:6px;  box-shadow:0 0;  }

/* LABEL */
.form-input .title-search{position:relative;padding: 16px 24px;/* background-color: #607D8B; */border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 1rem;border-top: 3px solid #0f5f8b;font-weight: 800;}
.form-input .label, .form-input .title-put, .form-input .sub-title-put{font-size:0.64rem;line-height: 1rem;text-transform:uppercase;font-weight:800;color:#343741;letter-spacing: -.005em;margin-top: 0;float: left;width: 100%;}
.form-input .label{;margin-top: 12px;float: left;width: 100%;}

/* BACKGROUND */
.form-input .input select,
.form-input .input input,
.form-input .input textarea,
.form-input .input input,
.form-input .input .dropdown.dropdown-button
{border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 1px #b6bcc06e inset;border-radius:6px;}
.form-input .input input.ic-search-b{ padding-right:36px; }

.form-input .title-search .input select,
.form-input .title-search .input input,
.form-input .title-search .input textarea,
.form-input .title-search .input input,
.form-input .title-search .input .dropdown.dropdown-button
{ border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 0px #dfe5ea inset;border-radius:6px;}

.form-input .input .switch { margin-top:8px; }
.form-input .input textarea { min-height:100px; }

.form-input .dropdown.dropdown-button.desktop-tab  { padding:0; }
.form-input .dropdown.desktop-tab .content {background-color: #f5f5f5; border:1px solid #eee; border-radius:4px; padding:0; display:block; overflow:hidden;}
.form-input .dropdown.desktop-tab .content ul { background-color:transparent; border:0; padding:0 !important;}
.form-input .dropdown.desktop-tab .content ul li {border-left: 1px solid #ddd; /* background-color:transparent; *//* margin:0; */-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;}
.form-input .dropdown.desktop-tab .content ul li.title-icon {background-color:rgba(0,0,0,0.05); border:0; }
.form-input .dropdown.desktop-tab .content ul li.sel { background-color:rgb(15, 95, 139,0.8); color:white; }

.form-input .title-put, .form-input .title-put + .row .sub-title-put{width:100%;position:relative;padding: 16px 24px;background-color:white;border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 1.1rem;border-radius: 6px 6px 0 0;border:1px solid #eee;border-bottom:1px solid #f5f5f5;clear: both;float: left;line-height:1.5rem;text-align: left;}
.form-input .title-put label.checkbox { color: #0f5f8b ;font-size: 0.96rem; }
.form-input .title-put + .row .sub-title-put{width:100%;position:relative;padding: 12px 24px;background-color:white;border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 0.96rem;border-radius:0;border:1px solid #ccc;border-bottom:1px solid #f5f5f5;clear: both;float: left;border-left:0;border-right:0;border-radius:0;}
.form-input .title-put + .row{background-color:white;padding:24px;margin-bottom:24px;border-radius:0 0 6px 6px;border: 1px solid #ddd;border-top:0;}

.form-input .title-put.title-sub{width:100%;position:relative;padding: 12px 0px;background-color:white;border-bottom: 0px solid #f5f5f5;color: #0f5f8b;font-size: 0.96rem;border-radius:0;border:0px solid #ccc;border-bottom:0px solid #f5f5f5;clear: both;float: left;border-left:0;border-right:0;border-radius:0;}
.form-input .title-put.title-sub + .row{background-color:white;padding:0;margin-bottom: 0;border-radius:0 0 6px 6px;border: 0px solid #ddd;border-top:0;}


.form-input  label.checkbox.w100  {font-size:0.87rem;/* text-transform:inherit; */font-weight: 700;}

.form-input .title-put + .row input.ng-invalid-required,
.form-input .title-put + .row input.ng-invalid-requireds,
.form-input .title-put + .row input.invalid,
.form-input .title-put + .row input.ng-invalid-minlength,
.form-input .title-put + .row input.ng-invalid-maxlength,
.form-input .title-put + .row input.ng-invalid,
.form-input .title-put + .row textarea.ng-invalid-required,
.form-input .title-put + .row input.ng-invalid-required,
.form-input .title-put + .row input.ng-invalid-pattern,
.form-input .title-put + .row select.ng-invalid-pattern,
.form-input .title-put + .row select.ng-invalid-required{box-shadow:  -0px -0px 0px  1px  #ffc5c2 inset;background-color: #fff1f4 !important;}

.form-input .title-put + .row input.ng-valid.ng-not-empty,
.form-input .title-put + .row input.ng-valid.ng-not-empty,
.form-input .title-put + .row input.valid,
.form-input .title-put + .row textarea.ng-valid.ng-not-empty,
.form-input .title-put + .row select.ng-valid.ng-not-empty{box-shadow: -0px -0px 0px  1px  #baecbe inset;  background-color:#E8F5E9;  }


.form-input  p {font-size:1rem ; line-height:1.2rem;  color: rgba(31, 37, 50,0.87);
    font-size: 0.96rem;
    font-weight: 500; }

.pos-fuel  .input select,
.pos-fuel  .input input,
.pos-fuel  .input textarea,
.pos-fuel  .input input
{ border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 0px #dfe5ea inset;border-radius:10px; height:56px; font-size:1rem; }


/*MENU*/
.dropmenu.ic-user-b .option-menu {border-radius:6px;width:220px;transition-delay: 0.2s;}
.dropmenu.ic-user-b:focus .option-menu { transition-delay: 0.0s; }

#fb-root{height: 120px;float:left;display:initial;width: 100%;position: relative;/* background: rebeccapurple; *//* z-index: 90000; */}
nav#menu{height: 120px;width:100%;border-collapse: collapse;float:left;background: #ffffff;position: fixed;z-index: 1000;top:0;outline: none;/* 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); *//* box-shadow: 0 0px 8px rgba(0,0,0,0.6); */}
nav#menu .menu-topbar { background-color:#f5f5f5; border-bottom:1px solid #eee; padding:2px; }
nav#menu #logo{ height:96px !important; }
nav#menu .fixed-on-top{height: 96px;}
nav#menu .interaction-user{margin-top:24px; }
nav#menu:after{bottom: -5px;box-shadow: inset 0px 4px 8px -3px rgba(17, 17, 17, .06);content: "";height: 5px;left: 0px;opacity: 1;pointer-events: none;position: absolute;right: 0px;width: 100%;z-index: 0;}
header.no {height:0;padding:0;border:none;visibility:hidden;margin-top: 0;}
nav#menu #logo div{-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;/* background-image:url(/logo.png); *//* background-position: left center; */height: 100%;width: 100%;background-size: 100%;background-repeat:no-repeat;float: left;color:black;font-size: 2rem;padding-top: 0;text-transform: uppercase;max-width: 100%;}

nav#menu #logo .logo-city{max-width: 20% !important;float:left;height:80%;top:10%;border-right:1px solid #eee;}
nav#menu #logo .logo-city img{/* padding-right: 12px !important; */}

nav#menu #logo .logo-bonuspesa{max-width: 80% !important;float:left;height:80%;top:10%;padding-left: 16px;font-size:1rem;padding-top: 12px;font-weight:300;color:rgba(0,0,0,0.67);text-transform:inherit;}
nav#menu #logo .logo-bonuspesa .city-name{font-size: 1.8rem;font-weight:600;line-height:2.1rem;color:black;}

nav#menu #responsive-menu { width:auto; float:right;}
nav#menu #responsive-menu > ul {}
nav#menu #responsive-menu > ul > li {font-weight: 500;-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;display: table-cell;margin: 0;position:relative;padding: 0px;color: rgba(0,0,0,.67);cursor:pointer;line-height: 90px;font-size: 0.82rem;text-align:center;letter-spacing: 0.0rem;float: left !important;padding: 0 12px;padding-top: 0px;text-transform: uppercase;border: 0px;border-radius:0px;}
nav#menu #responsive-menu > ul > li.ic-right{ padding-right:42px !important; background-size:26px; }
nav#menu #responsive-menu > ul > li > a {position:absolute;left:0;top:0;width:100%;height:100%;text-decoration:none;padding:0 0;text-align:center;/* color: white !important; */}
nav#menu #responsive-menu > ul > li > a:hover { /* text-decoration:none; */ }
nav#menu #responsive-menu > ul > li.ic-right { padding-right:36px;}
nav#menu #responsive-menu > ul > li.disabled {  text-align:left;  cursor:default;  padding-left:16px; width:300px; }
nav#menu #responsive-menu > ul > li.disabled:hover { background-color:#617900; text-align:left;  color:rgba(255,255,255,0.87);  cursor:default;  padding-left:16px; width:300px; }
nav#menu #responsive-menu > ul > li.sel, nav#menu #responsive-menu > ul > li:hover{color: #0067b0;}
nav#menu #responsive-menu > ul > li:after {content:''; position:absolute; left:0; top:50%; margin-top:-7px; height:14px; width:1px; background:rgba(0,0,0,0.17); }

nav#menu #responsive-menu > ul > li.dropdown:hovser:before{content:''; width:0%; background-color:#ebad77; height:0px; position:absolute; top:50%; margin-top:20px; }
nav#menu #responsive-menu > ul > li:before{content:''; width:0%; background-color:#0067b0; height:2px; position:absolute; top:50%; margin-top:20px; -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s; }
nav#menu #responsive-menu > ul > li:hover:before, nav#menu #responsive-menu > ul > li.sel:before {width:36%;  }


nav#menu #responsive-menu > ul > li.btn{background-color: transparent;color:#0067b0;border:2px solid #0067b0;border-radius:4px;height:38px;line-height: 36px;opacity:1;margin-top:26px;margin-left:16px;}
nav#menu #responsive-menu > ul > li.btn:hover{background-color:#0067b0; color:#ffffff;  }
nav#menu #responsive-menu > ul > li.btn:after, nav#menu #responsive-menu > ul > li.btn:before{display:none;}


nav#menu #responsive-menu > ul > li:nth-child(2):after {width:0px;  }
nav#menu .content li.sel{color: #0067b0 !important;color: rgba(146,3,9,0.95); background-color:rgba(0,0,0,.1); cursor:default;}

menu .logo{-webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s;background-image:url(/logo.png);background-position: center;height: 100%;width: 100%;background-size: 30%;background-repeat:no-repeat;text-transform: uppercase;height: 64px;}

.dashboard menu > ul.content { background-color:#212121 !important; }
.dashboard menu ul>li.ic-left { font-weight:400; }
.dashboard menu ul>li{ font-size:0.74rem !important; }

.dashboard menu ul>li.ic-left span { float:right; width:24px; height:24px; background-color:red;  border-radius:400px;  text-align:center;  background-color:transparent; color:white; font-weight:800; font-size:1rem !important; line-height:38px; }

/*HEADER*/
header {padding:24px 0;/* border-bottom:1px solid #eee; */position: relative;background: #0067b0;float: left;width: 100%; background-color:transparent;}
header h1{font-size:1.5rem;line-height: 2.2rem;font-weight:800;color: white; clear:both;}
header h2{font-size:1.5rem;line-height:2rem;font-weight:300;color:rgba(0,0,0,0.67);}
body.aderisci-cittadino header{ height:180px;}
body.aderisci-attivita header{ height:180px;}

body.privacy-policy .bk-accent.min-height-200{display:none}
body.regolamento .bk-accent.min-height-200{display:none}
.backtoSearch  {line-height: 32px; color:white;/* background: #fafafa; */font-size:0.9rem;}
.backtoSearch .right {margin-top:4px;}
.backtoSearch button {height: 42px;line-height: 38px;/* padding: 0; */border:2px solid rgb(255, 255, 255);background-color:transparent;color:rgb(255, 255, 255);box-shadow:0px 0px;font-weight:500;}
/*DIALOG*/
#maschera #windows .dialogs { border-radius:12px;}
#maschera #windows header{padding-bottom:2px !important;font-size: 1.3rem !important;font-weight: 600;/* color: #0067b0; */}
#maschera #windows .interaction a.button{ color:white !important; background-color:#0067b0;}

/*CONTENT*/
.breadcrumb{padding: 4px 0;font-size:0.8rem; font-weight:400; color:white; }
.breadcrumb a, .breadcrumb a:hover, .breadcrumb span{font-size:0.8rem;font-weight:300 !important;color: white !important;}
.breadcrumb div.separator{   background-image:  url(https://i.etnasoft.it/include/icons/ic_keyboard_arrow_right_white_24dp_2x.png); opacity:1; margin-top:4px;}

body.home #content { background-color:#f4f4f4;  ;}
#content {font-size:0.87rem;background-color: #e6ecef;float: left;width: 100%;position: relative;}
.infoPage{}
.panelInfoSup .label{ font-weight:600; font-size:0.9rem;}
.panelInfoSup .value{ font-weight:300; font-size:0.9rem; border-bottom:0;}


/*CARD*/

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

.card.partner.shopping {border-color: orange;}
.card.partner.welfare {border-color:#2196F3;}
.dropdown.dropdown-button{border-radius:10px;}
.card.partner {margin:0; height: auto;border:3px solid white;border-radius:10px; }
.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;height: auto;font-size:0.8rem;}
.card.partner .card-content .border-radius-4{ border-radius:10px; padding:5px 8px }
.card.partner .card-title {line-height: 1.3rem;font-weight: 700 !important;color:black !important;}
.card.partner .card-address {font-size: 0.8rem;color: rgba(0,0,0,.8);line-height: 1rem;}
.card.partner .card-desc {font-size: 0.84rem;color: rgba(0,0,0,0.87);line-height: 1rem; font-weight:400; }
.card.partner .card-content .card-title {font-size: 1rem;line-height: 20px;padding-bottom:4px;font-weight:600;max-height: none;overflow: hidden;text-overflow: initial;word-break: initial;display: inherit;white-space: initial;}
.card.partner .card-interaction {height:auto;position: relative;margin-top: 0; font-size: 0.84rem; padding:8px 0px; }
.card.partner .card-interaction b{ margin-top:8px; float:left; }
.card.partner .card-interaction button { height:36px; background-color:#eee; border-radius:10px;}
.card.partner.shopping  .card-interaction .price, .card.partner.shopping .card-content .card-title { color:orange;}
.card.partner.welfare  .card-interaction .price, .card.partner.welfare .card-content .card-title { color:#2196F3;}

.listReview{width:100%;cursor:default}
.listReview ul li{position:relative;padding:0;list-style:none;clear:both;width:100%}
.listReview ul li a{color:#000}
.listReview ul li div.descript{padding:16px 16px 16px 64px;border-top:1px solid #ddd}
.listReview ul li.first div.descript{border:none}
.listReview ul li span.nickname{clear:both;width:100%;color:rgba(0,0,0,1);font-size:1rem;font-weight:500;line-height:1rem}
.listReview ul li span.testo{clear:both;width:100%;color:rgba(0,0,0,.67);font-weight:400;font-size:.9rem}
.listReview ul li button.contact{float:right;border-radius:400px;width:36px;height:36px;padding:0;background-position:center}
.listReview ul li img.avatar{position:absolute;top:18px;left:0;border-radius:400px;width:48px;height:48px;display:block;overflow:hidden;object-fit:cover;object-position:center;background:#ddd;padding:2px;border:2px solid #fff}

.table.medium > tbody > tr > td { font-weight:400; }

.box-info {font-weight:400; }
/*FOOTER*/
.overview b{font-size:1.3rem; line-height:1.5rem; }
footer{ bottom:0;left:0;width:100%;background: #f1f1f1; }
footer{background: #ffffff;padding: 0;color: #212121; margin-top:100px; line-height:2rem; position:relative; }
footer:after{ content:''; background-color:white; position:absolute; top:-16px; left:0; height:8px; width:100%; z-index:100; }
footer a{color: rgba(0,0,0,1) !important;}
footer > .row{  padding: 16px 0; }


/*footer{  font-size: 1rem; background: #558B2F; padding: 24px 0; color:rgba(255,255,255,0.67); }
footer a, footer a:hover{  color:rgba(255,255,255,1) !important; }
footer > .row{  padding: 16px 0; }*/

@media (min-width: 992px){
    nav#menu #responsive-menu > ul > li.dropdown > .content{top:80px;}
    footer #logo-footer{background: #ffffff;position:absolute;width:20%;left:auto;right:0;top: -20%;z-index: 10;height: 120%;padding: 0;background-color:#fff;}
    footer #logo-footer:before{content:''; height:100%; position:absolute; top:0; left:-20%; height:100%; width:400%; background-color:#fff;    transform: skew(30deg); z-index:-1; box-shadow: 0 5px 4px 6px rgba(0, 0, 0, 0.26); }
    footer #logo-footer img{ width:100%; height:100%; object-fit: contain !important;object-position: center !important; }

}

@media (max-width: 992px){
    body{font-size: 1em; padding-top:70px; }
    .pageWidth{padding:  0 16px; width:100%;}
    #content .pageWidth, footer .pageWidth, header .pageWidth{padding:  0px 16px; width:100%;}
    #page {/* padding-top:24px; */margin-top: 0 !important;}
    footer{background: #ffffff;padding: 0;color: #212121; margin-top:100px; line-height:1.5rem; font-size:0.87rem;  position:relative; }
    footer a { clear:both; width:100%; float:left;  padding:8px 0 ;}
    footer label { display:none;}
    footer #logo-footer{ padding:24px; margin:0; margin-top:24px; }
    nav#menu #responsive-menu > ul > li.btn{height:56px;line-height:56px;opacity:1;margin-top:26px;margin-left:2%;width:96%;}
    #fb-root{visibility:hidden; display:none; }

    /*INPUT*/
    .panelInput input[type="text"], .panelInput input[type="password"], .panelInput input[type="email"], .panelInput input[type="number"], .panelInput input[type="date"], .panelInput select, .panelInput textarea{ height:52px; }

    .marign-top--64{ margin-top:-90px !important; }

    /*MENU*/
    nav#menu .pageWidth{padding:  0 0px; width:100%;}
    nav#menu{height: 70px;}
    nav#menu .menu-topbar{ visibility:hidden; display:none; }
    nav#menu .fixed-on-top {height: 100%;}
    nav#menu #logo { height:100% !important; }
    nav#menu #responsive-menu { width:70px; height:70px; background-size:50%; background-color:#eeeeee; float:right; left:0; top:0; position:absolute; background-position:top 14px center;}
    nav#menu #responsive-menu:after {content:'MENU';position:absolute;bottom:8px;width:100%;text-align:center;font-size:0.57rem;font-weight:500;z-index: -10;}
    nav#menu #responsive-menu > ul > li {line-height: 64px;text-align:left; border-bottom:1px solid #eee; width:100%;}
    nav#menu #responsive-menu > ul > li:after {width:0px;}
    nav#menu #logo{float:left;margin-left: 70px;position:absolute;width:calc(100% - 50px);padding:0;}
    
nav#menu #logo .logo-city{max-width: 70px !important;}
nav#menu #logo .logo-city img{ padding:0 !important;}
nav#menu #logo .logo-bonuspesa img{ padding-right:0px !important;}
nav#menu #logo .logo-bonuspesa{max-width: 70% !important; padding-left: 16px;float: left !important;padding-top: 7px;font-size: 0.87rem;}
nav#menu #logo .logo-bonuspesa .city-name { font-size:1.3rem; line-height:1.7rem; }

    nav#menu +*{margin-top: 0;}
    nav#menu #responsive-menu > ul > li:before {width:0% !important;  }
    nav#menu #responsive-menu > ul > li.sel {  font-weight:800; }
    
    p {font-size: 1rem;text-align:justify;font-weight: 400;line-height: 1.6rem;}

    .margin-top--64{margin-top: -90px !important;}


    /*FOOTER*/
    .button.home{height:146px; line-height:146px; margin-bottom:24px; font-size:1.2rem;  }



}