body.openover:before{content:"";display:block;width:100vw;height:100vh;position:fixed;top:0px;left:0px;z-index:+1;background:rgba(0,0,0,0.4);}

a.btn.icon-right i{margin-left:10px;}
button,.btn{padding: 14px 20px;background: var(--green);border: 0px 0px;border-radius: 8px;cursor: pointer;color: #ffffff;font-size: 1rem;line-height: 1;border:0px;}
.btn-small{font-size:1rem;padding: 10px 14px;background: var(--green);border: 0px 0px;border-radius: 5px;cursor: pointer;color: #ffffff;line-height: 1;border:0px;white-space:nowrap;}
button:hover,.btn:hover,
button:active,.btn:active{background:var(--main-color);}
button.secondary,a.btn-secondary{display:inline-flex;align-items:center;padding:8px 16px;background:#f5f5f5;color:#444;}
button.secondary:hover,a.btn-secondary:hover,
button.secondary:active,a.btn-secondary:active{background:var(--main-color);color:#fff;}
button.secondary i,a.btn-secondary i{margin-right:10px;position:relative;top:1px;}
.red{background:#dd0000!important;}
.red:hover,
.red:active{background:#dd0000!important;opacity:0.6;}

.loadingGeneral{position:fixed;z-index:+99999;top:0px;left:0px;height:100vh;width:100%;background:var(--main-color);display:flex;align-items:center;justify-content:center;}

.form__el input:not([type="radio"]):not([type="checkbox"]),select{padding:9px;min-height:40px;border-radius:var(--border-radius);border:1px solid var(--border-input);}
.form__el select{width:100%;background:#fff;font-size:.9rem;}
.choices__inner{background:#fff;border: 1px solid #bbb;border-radius:var(--border-radius);min-height:40px;padding-left:10px;display:flex;align-items:center;}
.choices__list--single{padding:0px 16px 0px 0px;}
.choices__list--single .choices__item{line-height:1;}
.input__full{width:100%;}

select.selectTemplate{width:100%;padding:10px;border-radius:var(--border-radius);border-color:#bbb;}
textarea{padding:9px;border-radius:var(--border-radius);border:1px solid var(--border-input);width:100%;}

/* SIDEBAR */
.aside__sidebar{padding:20px 12px;border-right: 0px solid var(--border-color);background:var(--main-color);position:sticky;min-height:100vh;width:250px;max-width:250px;min-width:250px;}
.li__sidebar{list-style-type:none;}
.a__sidebar{font-weight:400;padding:10px 16px;border-radius:var(--border-radius);color:#fafafa;opacity:0.8;margin-bottom:5px;}
.a__sidebar:hover{background:var(--main-hover);opacity:1;}
.label__sidebar{margin-left:10px;}
.arrow__sidebar{margin-left:auto;}

/* ASIDE CONTENT */
.aside__content{max-width:100%;background:var(--bg);width:100%;overflow:hidden;}

section.page.close-menu .aside__sidebar{margin-left:-250px;visibility:hidden;}
section.page.open-menu .aside__sidebar{margin-left:0px;visibility:visible;}

/* LOGO */
div.logo{padding:30px 0px;text-align:left;font-size:40px;color:#ffffff;font-style:italic;font-weight:700;}
div.logo img{max-width:60%;}

/* TOP */
.top{background:#ffffff;font-size:22px;box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);}
.top .container{padding:10px 20px!important;}
.top__logo img{height:50px;}
.top__title{margin-left:20px;color:var(--font-color-dark);}

/* TOP ASSISTENZA */
.top__assistenza{font-size:1rem;margin-right:20px;}
.top__assistenza a{margin-left:30px;display:inline-block;}

/* TOP BADGE */
.top__badge{margin-left:20px;font-size:15px;line-height:1;cursor:pointer;}
.top__sub{display:none;position:absolute;z-index:+1;top:40px;right:0px;background:#ffffff;min-width:200px;box-shadow:0 3px 12px #d6e4f1}
.top__badge.open{background:var(--bg);}
.top__badge.open .top__sub{display:block;}
.li__sub{width:100%;}
.a__sub{padding:12px 20px;font-size:14px;}
.a__sub:hover{background:rgba(248,248,252,0.5);}
.a__sub i{margin-right:5px;}

/* USER SECTION */
.user__top{position:relative;}
.user__top .top__badge{cursor:pointer;}

/* SECTION HEAD */
section.head{padding:20px 0px;}

/* PAGE HEAD */
.page__head{background-image:url('../../asset/images/bglogingld.jpg');background-size:cover;background-position:center;width:100%;min-height:200px;max-height:300px;height:300px;}
.page__head-caption{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;color:#ffffff;}

/* SECTION CONTENT */
section.content{padding:0px 0px;}

/* FOOTER */
footer{background:#2B2B2B;color:#ffffff;font-size:16px;}
footer a,footer h1,footer h2,footer h3{color:#ffffff;}

/* MENU */
.menu__ul{display:flex;width:100%;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;border-top:1px solid #cccccc;}
.menu__li{margin-right:20px;}
.menu__a{color:#444444;font-size:16px;font-weight:400;text-decoration:none;text-transform:uppercase;padding:10px 0px;display:block;}
.hamburger_menu{display:none;justify-content:flex-end;font-size:30px;}
.menu__close{width:100%;text-align:right;font-size:30px;display:none;}

/* CONTENT FLOAT */
.el__float{background:#ffffff;border-radius:var(--border-radius);flex:1;max-width:100%;margin-right:var(--gap);position:relative;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);}
.el__float:last-child{margin-right:0px;}
.el__float-head{display:flex;position:relative;}
.el__float-title{font-size:1.3em;font-weight:500;display:flex;align-items:center;padding-right:40px;}
.el__float-title i{margin-right:5px;font-size:.8em;}
.el__float-title.center{margin-left:auto;margin-right:auto;}
.el__float-back{position:absolute;top:0px;left:0px;font-size:1.3em;font-weight:500;}

/* FORM */
form{width:100%;display:flex;flex-wrap:wrap;}
.form__el{width:100%;margin-bottom:0px;padding:10px;border-radius:6px;}
.form__el.focus{background:#eee;}
.form__el:first-child{margin-top:0px;/* padding-top:0px; */}
.form__el:last-child{margin-bottom:0px;}
.form__el label{width:100%;display:flex;justify-content:space-between;font-weight:600;}
.form__el label a{font-weight:400;font-size:0.9rem;text-decoration:underline;}
.form__el input:not([type="checkbox"]):not([type="radio"]),
.form__el textarea,
.form__el select{width:100%;display:block;border:1px solid #ccc;background:#fff;}
.form__el textarea{height:150px;}

/* LIST */
div.list{width:100%;}
div.list div.row{gap:20px;width:100%;padding:8px 20px;border-bottom:1px solid #eee;}
div.list div.row div.el{text-overflow:ellipsis;overflow:hidden;}

div.list div.row:hover,
div.list div.row:active{background:#eee;cursor:pointer;}
div.list div.row div.control div:hover{background:var(--green);color:#fff;border-color:var(--green);}
div.list div.row a{display:block;color:#000;text-decoration:none;}
div.list div.control div{display:inline-block;padding:3px 14px;border-radius:4px;border:1px solid #555;cursor:pointer;white-space:nowrap;}
/* div.list div.control div:hover{background:var(--green);color:#fff;border-color:var(--green);} */
div.list [data-href]{cursor:pointer;}
div.list .cell-xs{min-width:50px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
div.list .cell-s{min-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
div.list .cell-l{min-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
div.list .cell-m{min-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
div.list .cell-xl{max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
div.row .cell-ctrl{aspect-ratio:1/1;display:inline-flex!important;align-items:center;width:25px;}
div.listTaskComplete{margin:10px 0px 20px 0px;}
div.titleList{font-size:1.2rem;padding:0px 20px;}
div.openList{cursor:pointer;}
div.openList i{margin-left:10px;}
div.listPayment .grid{grid-template-columns:1fr 3fr 1fr 1fr 1fr;}
div.listPaymentByMonth .grid{grid-template-columns:1fr 1fr 1fr 2fr 1fr;}
div.listPaymentByDay .grid{grid-template-columns:1fr 1fr 1fr 2fr 1fr;}

div.modalNewPayment{width:720px;}

.serviceRow svg{opacity:0.6;height:30px;width:60px;cursor:pointer;position:relative;bottom:10px;}
.totalDiv{font-size:1.3rem;}
.deleteService{padding-top:6px;}
.virginRow{display:none!important;}
.typePayment{display:inline-block;padding:3px 8px;border-radius:var(--border-radius);color:#fff;background:#555;font-size:.8rem;}
.typePayment.tP{background:#294089;}
.typePayment.tC{background:#2f7915;}

/* .dateinput{display:flex;flex-wrap:wrap;} */
/* .dateinput label{flex-grow:1;width:100%;display:block;} */
/* .dateinput input{width:auto!important;flex:1;} */
.dateinput .dateinputcontainer{position:relative;}
/* .dateinput div{border-left:0px;align-items:center;display:flex;justify-content:center;cursor:pointer;} */
.dateinput div.clear{position:absolute;bottom:0px;right:0px;color:#dd0000;display:flex;align-items:center;justify-content:center;width:40px;aspect-ratio:1/1;border-radius:var(--border-radius);border-left:0px;cursor:pointer;}
.dateinput div.clear:hover,
.dateinput div.clear:active{background:#eee;}

div.checkbox{position:relative;}
div.checkbox input[type=checkbox] {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  color: #363839;
  border: 1px solid #bdc1c6;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 0;
  cursor: pointer;
  transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
}
div.checkbox input[type=checkbox]::before {
  position: absolute;
  content: "";
  display: block;
  top: 1px;
  left: 6px;
  width: 6px;
  height: 12px;
  border-style: solid;
  border-color: #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  box-sizing:border-box;
}
div.checkbox input[type=checkbox]:checked {
  color: #fff;
  border-color: var(--secondary);
  background: var(--secondary);
}
div.checkbox input[type=checkbox]:checked::before {
  opacity: 1;
}
div.checkbox input[type=checkbox]:checked ~ label::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

div.checkbox label {
  position: relative;
  cursor: pointer;
  /* font-size: 1.5em; */
  width:auto;
  display:flex;
  gap:10px;
  justify-content:flex-start;
  align-items:center;
  font-weight: 600;
  padding: 0 0 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
div.checkbox label::before {
  position: absolute;
  content: attr(data-content);
  color: #9c9e9f;
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  text-decoration: line-through;
  text-decoration-thickness: 3px;
  -webkit-text-decoration-color: #363839;
          text-decoration-color: #363839;
  transition: -webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-clip-path 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.accordition_content{display:none;overflow:hidden;}
.accordition_open{display:block;overflow:auto;}