/*#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: #00b3fe;text-decoration:underline;}
.color-page{color:  #00b3fe !important; }
body a:hover{color:  #00b3fe ; }
body button{background-color: #008b3b;font-size:0.9rem;height:46px;border-radius:4px;font-weight:500;font-size:0.87rem;}
body button.submit{background-color: #00b3fe !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: #00b3fe   !important;}
body .bk-page{background-color: #00b3fe !important;}
body .filterMenu li.sel{ color:#00b3fe  !important ; }
body ul.tab li.sel{  border-bottom: 2px solid #00b3fe !important ; }
label.checkbox input[type="checkbox"]:checked + span, label.checkbox input[type="radio"]:checked + span {background-color: #008c3c;}
body button.bk-confirm{color:white;}
.bk-accent{background-color:#455A64 !important;}

.border-color-attivita{border-color: #00b3fe !important;}
.border-color-clienti{border-color:#00b3fe !important;}
.color-genitore{color:#00b3fe !important;}
.color-figlio{color:#00893b !important;}
.bk-genitore{background-color:#00b3fe !important;}
.bk-figlio{background-color:#00893b !important;}
.border-color-genitore{border-color:#00b3fe !important;}
.border-color-figlio{border-color:#00893b !important;}


a.button,  a.button:hover {background-color: #008b3b;/* font-size:0.9rem; *//* height:42px; */border-radius:4px;font-weight:500;/* font-size:0.87rem; */color: white;/* border:0 !important; */}

/*BODY*/http://bonusmensa.login/
html{
    font-size:0.95rem;
}


body {
    background-color: #fafafa;
    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;
    background: #fefefe;
    width: 100%;
}

.pageWidth{
    position: relative;
    width:1000px;
    margin:auto;
    text-align:left;
    float: none !important;
    margin: auto !important;
}
.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;}
/*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; }

#page h1 {font-size: 4.7rem;font-weight: 900;color: #212121;padding-bottom:16px;line-height: 4.2rem;}
#page h2 {font-size: 1.56rem;font-weight: 500;color: #212121;padding-bottom:16px;line-height: 1.5rem;}
#page h3 {font-size: 1.36rem;font-weight: 600;color: #212121;padding-bottom:16px;line-height: 1.5rem;}

.infoPage h1{font-size:2rem; line-height:2.4rem; color:#00b3fe; 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 #00b3fe !important; }*/

.label-credit { font-size: 1rem;}
/*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: #00b3fe;}
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: 90px !important;/* background: #fafafa; */}
/*.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: 800 !important;font-size:1.5rem !important;}
.panelAdmin h2 {font-weight: 500 !important;font-size:1.3rem !important; line-height:1.6rem;}
.panelAdmin .breadcrumb div.separator{margin-top:4px;}

.dashboard .box{ border-radius:10px;   }
.dashboard .box.pos{padding: 0 !important; padding-top:12px !important;}
.dashboard .box.pos button.sbmt{border-radius:0 0 10px 10px;margin-top: 12px;}


.form-input .pos .input {
    margin:0;
}

.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,
.form-input .pos .input p.values{
    font-size: 0.97rem;
    height:52px;
    letter-spacing: 0.01rem;
    border-radius:10px;
    line-height:52px ;
    font-weight:600;
}
.form-input .pos label.checkbox input[type="checkbox"] + span{ width:20px; height:20px; }
#logo img{/* padding:8px !important; */margin-top: 0; margin-left:-12px;}
body.home .box.box-home{/* margin-top:100px !important; */}

/* - - - - - - - - - - - - - - - - - - - - - -
  FORM
- - - - - - - - - - - - - - - - - - - - - - - */
.form-input .input{margin-bottom:12px;float: left;width: 100%;}

/* 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,
.form-input .input p.values
{border:0;box-shadow:0 0;background-color: #f3f5f7;box-shadow: 0px 0px 0px 1px #dfe5ea6e inset;border-radius:6px; padding-left:12px;   font-size: 0.87rem; font-weight: 500; color: #000000; letter-spacing: -.00em;  }
.form-input .input input.ic-search-b{ padding-right:36px; }
.form-input label.checkbox{font-size:0.87rem;padding:0;margin:0;font-weight: 500;text-transform: initial;}
.form-input label.checkbox input[type="checkbox"] + span{width:20px; height:20px;}

.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(0 139 59); color:white; }

.form-input .title-put, .form-input .title-put + .row .sub-title-put{width:100%;position:relative;padding: 24px 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;}
.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 0; margin:0 12px 0 0; background-color:white;border-bottom: 1px solid #f5f5f5;color: #0f5f8b;font-size: 0.96rem;border-radius:0;border:0px solid #ccc;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 #eee; border-top:0;  }
.form-input .title-put + .row{   box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);  }

.form-input .title-put + .row input[type="checkbox"].ng-invalid-required + span,
.form-input .title-put + .row input[type="checkbox"].required + span,
.form-input .title-put + .row input[type="radio"].ng-invalid-required + span,
.form-input .title-put + .row input[type="radio"].required + span { background-color: #ffc5c2 !important; border-color:#dc8985; }{ background-color: #ffc5c2 !important; border-color:#dc8985; }



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

.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-search + .row input.ng-invalid-required,
.form-input .title-search + .row input.ng-invalid-requireds,
.form-input .title-search + .row input.invalid,
.form-input .title-search + .row input.ng-invalid-minlength,
.form-input .title-search + .row input.ng-invalid-maxlength,
.form-input .title-search + .row input.ng-invalid,
.form-input .title-search + .row textarea.ng-invalid-required,
.form-input .title-search + .row input.ng-invalid-required,
.form-input .title-search + .row input.ng-invalid-pattern,
.form-input .title-search + .row select.ng-invalid-pattern,
.form-input .title-search + .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;  }



.pos  .input select,
.pos  .input input,
.pos  .input textarea,
.pos  .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; }

.pos ul.tab.no-border, .pos ul.tab.no-border { border-radius:10px 10px 0 0; display:block; overflow:hidden; }
.pos ul.tab.no-border li {border-radius:10px 10px 0 0;border:0 !important;background-color:#eee;border-radius: 10px;font-weight: 600 !important;font-size:0.86rem;padding: 8px 8px;color: rgba(0,0,0,0.77);opacity: 1;  padding: 0 12px; margin-right: 8px; line-height:30px; margin-right:8px !important;}
.pos ul.tab.no-border li:hover { background-color:#ccc; color:black;}

.pos ul.tab.no-border li.sel {  background-color:#00b3fe; color:white }

/*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: 90px; */float:left;display:initial;width: 100%;position: relative;/* background: rebeccapurple; *//* z-index: 90000; */}
nav#menu{height: 90px;width:100%;border-collapse: collapse;float:left;background: transparent;position: absolute;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 .fixed-on-top{ height:100%;}
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 #responsive-menu { width:auto; float:right;}
nav#menu #responsive-menu > ul {}
nav#menu #responsive-menu > ul > li {font-weight: 800;-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: #00b3fe;}
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:#00b3fe; 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:#00b3fe;border:2px solid #00b3fe;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:#00b3fe; 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: #00b3fe !important;color: rgba(146,3,9,0.95); background-color:rgba(0,0,0,.1); cursor:default;}


#fb-root{height: 90px;float:left;display:initial;width: 100%;position: relative;/* background: rebeccapurple; *//* z-index: 90000; */}
nav#menu{height: 90px;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 .fixed-on-top{ height:100%;}
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: 100px !important;float:left;height:80%;top:10%;border-right:1px solid #eee;}
nav#menu #logo .logo-bonuspesa{max-width: 160px !important;float:left;/* padding-left:24px !important; */height:80%;top:10%;margin-left: 24px;}
nav#menu #logo .logo-city img{padding-right: 12px !important;}

nav#menu #responsive-menu { width:auto; float:right;}
nav#menu #responsive-menu > ul {}
nav#menu #responsive-menu > ul > li {font-weight: 700;-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: #00b3fe;}
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:#00b3fe; 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:#00b3fe;border:2px solid #00b3fe;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:#00b3fe; 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: #00b3fe !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: 100%;background-repeat:no-repeat;text-transform: uppercase;height: 64px;}

.dashboard menu > ul.content {background-color: #102027 !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:auto;text-align: right;height:24px;background-color:red;border-radius:400px;text-align:center;background-color:transparent;color:white;/* color: #5cb406; */font-weight:800;font-size:1.1rem !important;line-height:38px;padding-right: 4p;}
.panelAdmin menu ul>li.ic-left.ic-title{color: #00b3fe;color: #b63836 ;}
.panelAdmin menu ul>li.sel{background-color: #a91b19  !important;}

/*HEADER*/
header {padding:24px 0;/* border-bottom:1px solid #eee; */position: relative;float: left;width: 100%;padding-top: 110px;}
body.home header.home {min-height: 200px;}

header:before, header:after{content:'';position:absolute;left:-350%;top:0;margin-top:-780%;background-color: #80D8FF;width:800%;height:auto;padding-bottom: 800%;border-radius:10000px;z-index:-2;}

body.home  header:before, body.home  header:after{  ;margin-top:-762%; }

header:after{background-image:url(/public/images/header/pattern2_white.png);background-size: 400px;opacity: 0.2;z-index:-1;}

.panelAdmin  header:before, .panelAdmin  header:after {
                                                           margin-top: -785%;
                                                           margin-left:180px;
                                                           -webkit-transition:all 0.218s;
                                                           -moz-transition:all 0.218s;
                                                           -ms-transition:all 0.218s;
                                                           -o-transition:all 0.218s;
                                                           }
                                                          
                                                          }

body.home header:before, body.home  header:after{padding-bottom: 819%;}


.panelAdmin .home header:before, .panelAdmin .home header:after {margin-top: -779%;margin-left:180px;}


header h1{font-size: 1.8rem;line-height: 2rem;font-weight:800;color: black; }
header h2{font-size:1.5rem;line-height:2rem;font-weight:300;color:rgba(0,0,0,0.67);}
#maschera #windows header h2{ text-overflow:initial; white-space:initial; }
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: #00b3fe; */}
#maschera #windows .interaction a.button{ color:white !important; background-color:#00b3fe;}

/*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: 600 !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: #fafafa;}
.infoPage{}
.panelInfoSup .label{ font-weight:600; font-size:0.9rem;}
.panelInfoSup .value{ font-weight:300; font-size:0.9rem; border-bottom:0;}
.PageAdmin.pos .pageWidth.ng-view,
.PageAdmin.pos .pageWidth.ng-view,
.PageAdmin.dashboard,
.PageAdmin.home .pageWidth.ng-view ,
.PageAdmin.eroga .pageWidth.ng-view,
.PageAdmin.send-payment .pageWidth.ng-view
{ padding:0 !important;}


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


.PageAdmin .pageWidth.ng-view { z-index:100; }

/*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;}
.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.partner .card-interaction .price { line-height:36px; padding-right:4px;}
.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}


ul.list-schedule-receipts {  position:relative;  }
ul.list-schedule-receipts  li:before {  width:3px; height:120%; content:''; position:absolute; left:32px; top:0;  background:#777; }
ul.list-schedule-receipts  li:last-child:before {  width:0px;  }
ul.list-schedule-receipts li {  margin-bottom:16px;  }
ul.list-schedule-receipts li .schedule-receipts-content { background-color:#f5f5f5; padding:24px;  border-radius:10px; cursor:pointer; -webkit-transition:all 0.260s;-moz-transition:all 0.260s;-ms-transition:all 0.260s;-o-transition:all 0.260s; }
ul.list-schedule-receipts li .schedule-receipts-content:hover { background-color:#eeeeee; }



.table.medium > tbody > tr > td { font-weight:400; }
.overview b{font-size:1.3rem;line-height:1.5rem;text-shadow: 1px 1px #00000038;}
.box-info {font-weight:400; }
/*FOOTER*/

footer{background: #A5D6A7;padding: 36px 0; font-size:1rem;}
body.home footer{bottom:0;left:0;width:100%;background: transparent;}
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;}
}

@media (max-width: 992px){

    body{font-size: 1em;padding-top: 0;}
    .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;}

    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; }

    /*MENU*/
    nav#menu .pageWidth{padding:  0 0px; width:100%;}
    nav#menu{height: 70px;}
    nav#menu #responsive-menu {width:70px;height:70px;background-size:50%;background-color: transparent;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: none;margin: auto;position:absolute;max-width: 60%;left: 22%;}
    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; }

    /* POS */
    #POS{padding: 24px 12px !important;}
    #POS .pos-title{ width:100%; height:36px; font-size:1rem; }
    #POS .pos-title .text-verical{ writing-mode: inherit;  text-orientation: inherit;}
    .pos ul.tab.no-border li, .pos ul.tab.no-border li{ font-size:0.76rem; }
    .home .margin-top--64{ margin-top:-90px !important; }

    /*FOOTER*/
    body.home footer{position:relative; bottom:0; left:0; width:100%; background: #f4f4f4;}
    body.home footer>.row{background: #e2e2e2;}
    body.dashboard header:before, body.dashboard header:after { margin-top:-728%; margin-left:0px !important; }
    body.dashboard .home header:before, body.dashboard .home  header:after {margin-top: -688%;margin-left:0px;}


    #page h1 {font-size: 2.7rem;font-weight: 900;color: #212121;padding-bottom:8px;line-height: 2.8rem;}
    #page h2 {font-size: 1.2rem;font-weight: 500;color: #212121;padding-bottom:16px;line-height: 1.3rem;}
    #page h3 {font-size: 1.36rem;font-weight: 600;color: #212121;padding-bottom:16px;line-height: 1.5rem;}
    header {padding:24px 0;/* border-bottom: 3px solid #bbe3be; */position: relative;/* background: #d2edd4; */float: left;width: 100%;min-height: 100px; padding-top:150px;  z-index:0; }

    header.text .box h1{text-align:center;}
    body.home header.home {min-height: 80px;}

    header:before, header:after{margin-top:-700%;}



}