@import url(https://fonts.googleapis.com/css?family=Lato:300,400|Roboto);
body {
  background: #54BA7C;
  font-family: 'Lato', sans-serif;
}
.views,.login-screen {
  background: url(../img/background.jpg) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  -moz-transform: translate3d(0, 0, 0) scale(1);
  -ms-transform: translate3d(0, 0, 0) scale(1);
  -o-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
  -webkit-transition-duration: 400ms;
  -moz-transition-duration: 400ms;
  -ms-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
}
.view-main .navbar {background: rgba(84, 186, 125, 0.7);color: #fff;}
i.icon.icon-bars{width:29px; height:20px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjlweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjkgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPmljbi1tZW51PC90aXRsZT48ZGVmcz48L2RlZnM+PGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkFydGJvYXJkLTEiIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0wLjE4NzcwNCwxOC4zNTA3MzI4IEMwLjE4NzcwNCwxNy40NjcwNzc2IDAuODk5NjE2LDE2Ljc1MDczMjggMS43ODc0NzIsMTYuNzUwNzMyOCBMMjcuMzg3OTM2LDE2Ljc1MDczMjggQzI4LjI3MTQ2NCwxNi43NTA3MzI4IDI4Ljk4NzcwNCwxNy40NjA5MTY4IDI4Ljk4NzcwNCwxOC4zNTA3MzI4IEMyOC45ODc3MDQsMTkuMjM0Mzg4OCAyOC4yNzU3OTIsMTkuOTUwNzMyOCAyNy4zODc5MzYsMTkuOTUwNzMyOCBMMS43ODc0NzIsMTkuOTUwNzMyOCBDMC45MDM5NDQsMTkuOTUwNzMyOCAwLjE4NzcwNCwxOS4yNDA1NDk2IDAuMTg3NzA0LDE4LjM1MDczMjggTDAuMTg3NzA0LDE4LjM1MDczMjggWiBNNy4zODc3MDQsMTAuMzUwNzMyOCBDNy4zODc3MDQsOS40NjcwNzc2IDguMTA2Mzc2LDguNzUwNzMyOCA4Ljk5MzU2OCw4Ljc1MDczMjggTDI3LjM4MTg0LDguNzUwNzMyOCBDMjguMjY4NzM2LDguNzUwNzMyOCAyOC45ODc3MDQsOS40NjA5MTY4IDI4Ljk4NzcwNCwxMC4zNTA3MzI4IEMyOC45ODc3MDQsMTEuMjM0Mzg4OCAyOC4yNjkwMzIsMTEuOTUwNzMyOCAyNy4zODE4NCwxMS45NTA3MzI4IEw4Ljk5MzU2OCwxMS45NTA3MzI4IEM4LjEwNjY3MiwxMS45NTA3MzI4IDcuMzg3NzA0LDExLjI0MDU0OTYgNy4zODc3MDQsMTAuMzUwNzMyOCBMNy4zODc3MDQsMTAuMzUwNzMyOCBaIE0wLjE4NzcwNCwyLjM1MDczMjggQzAuMTg3NzA0LDEuNDY3MDc3NiAwLjg5OTYxNiwwLjc1MDczMjggMS43ODc0NzIsMC43NTA3MzI4IEwyNy4zODc5MzYsMC43NTA3MzI4IEMyOC4yNzE0NjQsMC43NTA3MzI4IDI4Ljk4NzcwNCwxLjQ2MDkxNjggMjguOTg3NzA0LDIuMzUwNzMyOCBDMjguOTg3NzA0LDMuMjM0Mzg4OCAyOC4yNzU3OTIsMy45NTA3MzI4IDI3LjM4NzkzNiwzLjk1MDczMjggTDEuNzg3NDcyLDMuOTUwNzMyOCBDMC45MDM5NDQsMy45NTA3MzI4IDAuMTg3NzA0LDMuMjQwNTQ5NiAwLjE4NzcwNCwyLjM1MDczMjggTDAuMTg3NzA0LDIuMzUwNzMyOCBaIiBpZD0iaWNuLW1lbnUiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==")}
i.icon.icon-back{width:12px;height:20px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E")}
#homepage,#attivita,#riepilogo,#slide {background: #fff url(../img/sfondohome.jpg) no-repeat center top;-webkit-background-size: contain;background-size: contain;}
#slide {background: #fff;}
.welcome {text-align: center; color: #fff; font-family: 'Lato',sans-serif; padding: 5px 10%;}
.welcome h1 {font-weight: 400;}
.welcome p {font-weight: 300;}
#attivita .welcome h2,#riepilogo .welcome h2 {font-weight: 300;}
#attivita .welcome .indirizzo,#riepilogo .welcome .indirizzo {color: #fff;font-weight: 300;}
ul,li {margin: 0; padding: 0; list-style: none;}
.cantieri-list {background: #fff;font-family: 'Lato',sans-serif; }
.cantieri-list li {text-align: center; padding: 20px 15px;background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 70%, rgba(217, 217, 217, 0.4) 100%);}
.cantieri-list li.nopad {padding: 0;}
.subpad {padding: 15px 0;}
.cantieri-list h2 {font-weight: 300; font-size: 30px; margin: 5px 0 10px; line-height: 1.1em;}
.indirizzo {font-size: 14px;color: #A2A2A2; margin-bottom: 10px;}
.list-block {margin: 15px 0 0 0;}
#attivita #orelavoro {font-size: 40px}
.wrpbtnore {background: #FBFBFB;display: flex;}
.wrpbtnore span.a {width: 25%; font-size: 12px; color:#cacaca; padding: 1.2em 0.5em;position: relative;}
.wrpbtnore span.a:hover {background: #ccc;color:#fff;}
.addhr:after {content: ''; position: absolute; right: 0; background: #D4D4D4; width: 1px; top:0; bottom: 0;}
.wrpbtnore span.a span {display: block; font-size: 25px;color:#54BA7C;}
.wrpbtnore span.a i {background: #F1F1F1; border-radius: 1em; font-size: 28px; padding: 0.3em; color:#BABABA;}
.wrapsend {display: flex}
.wrapsend a {width: 50%; letter-spacing: 0.1em; color:#fff; padding: 30px 20px; font-size: 15px;}
.wrapsend a .icon {height: 40px; margin-bottom: 8px;}
.icn-salva {background: url(../img/salvariep.svg) no-repeat center center; width: 29px;}
.icn-addadd {background: url(../img/addadd.svg) no-repeat center center; width: 33px;}
#salvarep {background: #54BA7C;}
#salvaadd {background: #50A27C;}
#salvarep:hover, #salvaadd:hover {background: #328954;}
.riepcont {background: #F2F2F2; padding: 1px 0;}
.riepcont .list-block {margin-left: 15px; margin-right: 15px;}
.content-block-inner {text-align: center;}
.content-block-inner p {margin: 0;}
.c_data {color: #B8B8B8; font-size: 18px; margin-bottom: 10px;}
.c_addetto {color: #61BB79; font-size: 23px;}
.c_ore {color:#515151; font-size: 20px;}
.c_attivita {color: #212127; font-weight: 300;}
.swiper-slide img {width: 100%; max-width: 100%;}
.pages,.page {
  background: none;
}
html.ios .page {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
html.ios .page-content {
  margin-bottom: 1px;
}

.view-main .navbar:after {
  display: none;
}
i.icon-plus {
  color: #fff;
}
#formlogin {padding: 0 10%;}
#formlogin li {margin: 30px 0;}
.login-screen-content {background: transparent;}
.list-block input.rounded-input {background-color: #fff; color: #A9A9A9; border-radius: 1.5em; padding-left: 3em; height: 3.1em;}
.list-block input.icn-user {background-image: url(../img/icn-user.svg); background-position: 10px center; background-repeat: no-repeat;}
.list-block input.icn-password {background-image: url(../img/icn-password.svg); background-position: 15px center; background-repeat: no-repeat;}
.list-block .item-link.rounded-button,.rounded-button {height: 3.1em;border-radius: 1.5em;background-color: #fff; box-sizing: border-box; padding-top: 7px;}
.list-block .item-link.primary-button,.primary-button {background-color: #54BA7C; color:#fff;}
.list-block .item-link.go-button,.go-button {background-color: #50A27C; color: #fff;}
.list-block .item-link.primary-button:hover,.primary-button:hover,.list-block .item-link.go-button:hover,.go-button:hover {background-color: #328954;}
.li_cantiere .primary-button {background-image: url(../img/arrowcanti.svg); background-position:95% 21px;background-repeat: no-repeat;}
#icnback {background-image: url(../img/icnback.svg); background-position:10px center;background-repeat: no-repeat;}
#icnriepilogo {background-image: url(../img/icnriepilogo.svg); background-position:10px center;background-repeat: no-repeat;}
#icnslide {background-image: url(../img/icnslide.svg); background-position:10px center;background-repeat: no-repeat;}
#icnsupporto {background-image: url(../img/icnsupporto.svg); background-position:10px center;background-repeat: no-repeat;}
#icnexit {background-image: url(../img/icnexit.svg); background-position:10px center;background-repeat: no-repeat;}
#icnadd {background-image: url(../img/icnadd.svg); background-position:10px center;background-repeat: no-repeat;}
#icninvia {background-image: url(../img/icninvia.svg); background-position:10px center;background-repeat: no-repeat;}
#formlogin .list-block .item-inner {color:#fff;}
#formlogin .list-block .item-inner::after {background: transparent;}
#formlogin .list-block {margin-top: 30px;}
.login-screen .login-screen-title {margin-top: 50px;}
.content-block {margin: 15px 0;}
.btnright {text-align: right;}
.delact {position: absolute; right: 5px; top: 5px;}
.popup {
  background: rgba(20, 128, 89, 0.9);
}
#attivita .cantieri-list input {text-align: center; font-size: 22px;}
.att-label {font-weight: 300; color: #888; font-size: 15px;}
.icon-close{width:23px;height:23px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2019%2019'%3E%3Cg%3E%3Cpath%20fill%3D'%23fff'%20d%3D'M9.5%2C1C14.2%2C1%2C18%2C4.8%2C18%2C9.5S14.2%2C18%2C9.5%2C18S1%2C14.2%2C1%2C9.5S4.8%2C1%2C9.5%2C1%20M9.5%2C0C4.3%2C0%2C0%2C4.3%2C0%2C9.5%20S4.3%2C19%2C9.5%2C19S19%2C14.7%2C19%2C9.5S14.7%2C0%2C9.5%2C0L9.5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23fff'%20stroke-miterlimit%3D'10'%20x1%3D'5.2'%20y1%3D'5.2'%20x2%3D'13.8'%20y2%3D'13.8'%2F%3E%3Cline%20stroke%3D'%23fff'%20stroke-miterlimit%3D'10'%20x1%3D'14.1'%20y1%3D'4.9'%20x2%3D'4.9'%20y2%3D'14.1'%2F%3E%3C%2Fsvg%3E");background-position:center top;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;position:relative}
.picker-calendar-month-picker {width: 100%;max-width:  100%;}
.popup .navbar {
  color: #fff;
  background: #680222;
}
.smart-select .item-content {background: #c0f1da;}
.list-block .item-after {color:#444; margin: 0}
.list-block .item-link .item-inner {background-image: none;}
.popup .navbar:after {
  display: none;
}

.popup a.link {
  color: #fff;
}
.popup .list-block ul {
  background: none;
  border: none;
  color: #fff;
}
.popup .list-block ul:after,
.popup .list-block ul:before {
  display: none;
}
.popup .list-block input {
  color: #fff;
}
.popup .item-inner:after {
  background-color: rgba(255, 255, 255, 0.2);
}
.popup .button {
  border-color: #fff;
  color: #fff;
}
.popup .button.active-state {
  background: rgba(255, 255, 255, 0.1);
}
.popup span.color {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
  vertical-align: middle;
  margin-right: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100%;
  cursor: pointer;
  position: relative;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -ms-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}
.popup span.color:last-child {
  margin-right: 0;
}
.popup span.color[data-color="orange"] {
  background: #ff8400;
}
.popup span.color[data-color="pink"] {
  background: #cc0442;
}
.popup span.color[data-color="blue"] {
  background: #089efe;
}
.popup span.color[data-color="green"] {
  background: #2df523;
}
.popup span.color[data-color="yellow"] {
  background: #eaff00;
}
.popup span.color[data-color="white"] {
  background: #fff;
}
.popup span.color[data-color="purple"] {
  background: #ff00f0;
}
.popup span.color[data-color="cyan"] {
  background: #00fff6;
}
.popup span.color.selected {
  -webkit-transform: translate3d(0, 0, 0) scale(1.25);
  -moz-transform: translate3d(0, 0, 0) scale(1.25);
  -ms-transform: translate3d(0, 0, 0) scale(1.25);
  -o-transform: translate3d(0, 0, 0) scale(1.25);
  transform: translate3d(0, 0, 0) scale(1.25);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.list-block .notarsz {padding-left: 0;padding-right: 0;}
.notarsz textarea {border: solid 1px #c0f1da;
  -webkit-box-shadow: inset 4px 4px 8px 0px rgba(100, 100, 100, 0.2);
  -moz-box-shadow:    inset 4px 4px 8px 0px rgba(100, 100, 100, 0.2);
  box-shadow:         inset 4px 4px 8px 0px rgba(100, 100, 100, 0.2);
padding-left: 10px;}
@media all and (min-width: 568px) {
  .popup span.color {
    margin-right: 10px;
  }
}
body.with-popup .view-main {
  -webkit-transform: translate3d(0, 0px, 0) scale(0.85);
  -moz-transform: translate3d(0, 0px, 0) scale(0.85);
  -ms-transform: translate3d(0, 0px, 0) scale(0.85);
  -o-transform: translate3d(0, 0px, 0) scale(0.85);
  transform: translate3d(0, 0px, 0) scale(0.85);
  -webkit-filter: blur(5px);
}
body.with-popup .statusbar-overlay {
  background: #680222;
}
@media all and (max-width: 629px) and (max-height: 629px) {
  body.with-popup .statusbar-overlay {
    z-index: 11000;
  }
}
.statusbar-overlay {
  background: #cc0442;
}
.modal {box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.50)}
.modal-inner,.modal-button {
  background: #4b6053;
  color: #fff;
}
.modal-button:after,.modal-inner:after {
  background: #818984;
}
.modal-button.active-state {
  background: #444;
}