@charset "UTF-8";
/*!
 * Waves v0.7.4
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }
  .waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none; }
  .waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
  .waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2); }
  .waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4); }

.waves-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }

.waves-button,
.waves-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  outline: none;
  color: inherit;
  background-color: rgba(0, 0, 0, 0);
  text-align: center;
  text-decoration: none;
  z-index: 1; }

.waves-button {
  border-radius: 0.2em; }

.waves-button-input {
  margin: 0; }

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%; }

.waves-float {
  -webkit-mask-image: none;
  -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
  -webkit-transition: all 300ms;
  -moz-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms; }
  .waves-float:active {
    -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }

.waves-block {
  display: block; }

/* Firefox Bug: link not triggered */
a.waves-effect .waves-ripple {
  z-index: -1; }

/* SHADOWS */
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-floating:hover {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }

.z-depth-2 {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.z-depth-3 {
  -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }

.z-depth-4, .modal {
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }

.z-depth-5 {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }

/* CSS RESET */
button:active {
  box-shadow: none !important;
  outline: none !important; }

button:focus {
  box-shadow: none !important;
  outline: none !important; }

::-webkit-scrollbar {
  display: none; }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

/* STRUTTURA DEL SITO */
body {
  font-size: 0.8rem;
  background-color: #F4F7F9; }

#body {
  margin: 0;
  width: 88vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 12vw; }

#content {
  height: 100%;
  overflow: auto; }

.no-padding {
  padding: 0; }
  .no-padding.important {
    padding: 0 !important; }

.center {
  text-align: center; }

.hidden {
  display: none !important; }

div.grigio-piu-chiaro {
  background-color: #f4f4f4; }

div.grigio-chiaro {
  background-color: #e5e5e5; }

div.grigio {
  background-color: #4b585e;
  color: #fff; }

div.grigio-scuro {
  background-color: #3c494f;
  color: #fff; }

div.grigio-piu-scuro {
  background-color: #3f4749;
  color: #fff; }

div.nero-chiaro {
  background-color: #333b3d;
  color: #fff; }

.section {
  padding-top: 1em; }

/* LINKS */
a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

/* LISTE */
ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul li.separator {
    border-top: 2px solid #333b3d; }
  ul.anagrafica > li > span, ul.riferimento > li > span {
    padding: 1em 0;
    display: block;
    padding-left: 15px; }
  ul.dropdown-menu {
    border-radius: 0;
    border: 0;
    padding: 0;
    margin: 0; }
    ul.dropdown-menu > li > a {
      padding: 13px 20px; }
      ul.dropdown-menu > li > a.divider {
        padding: 2px;
        margin: 0; }
  ul.filter {
    padding-top: 1em; }
    ul.filter li > a {
      color: #3f4749;
      padding: 10px 0;
      display: block;
      text-decoration: none;
      margin-right: -15px;
      margin-left: -15px;
      padding-left: 15px; }
      ul.filter li > a:hover {
        background-color: #D4D4D4; }
      ul.filter li > a.active {
        border-left: 7px solid #00C853;
        color: #49BA9C;
        font-weight: 400;
        padding-left: 7px; }
  ul.action-icons > li {
    display: inline-block;
    width: 28%;
    text-align: right;
    font-size: 27px;
    height: 29px; }
    ul.action-icons > li > a {
      color: #fff;
      cursor: pointer; }
  ul.action-icons.menu {
    position: absolute;
    text-align: right;
    right: 25px;
    bottom: 4px;
    width: 80px; }
    ul.action-icons.menu > li {
      display: inline;
      width: 50%;
      padding-left: 10px; }

/* PANEL */
.panel-group {
  margin: 0; }

.panel-riferimento {
  box-shadow: none;
  background: inherit;
  border: 0;
  border-radius: 0; }
  .panel-riferimento .panel-heading {
    border: 0;
    border-radius: 0;
    background: inherit;
    padding: 1em 15px; }
    .panel-riferimento .panel-heading h4 {
      font-size: 14px;
      font-weight: normal; }
      .panel-riferimento .panel-heading h4 a {
        text-decoration: none; }
        .panel-riferimento .panel-heading h4 a span {
          margin-top: -4px; }
  .panel-riferimento .panel-body {
    padding: 0;
    border: 0 !important; }
    .panel-riferimento .panel-body .col-xs-12 {
      padding: 0; }

/* FOOTER */
#footer {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
  color: #e5e5e5; }

/* LOGIN */
.sfondo {
  background: #00BBD5;
  height: 100vh; }

.secondary-square {
  position: absolute;
  margin: 0 !important;
  width: 40vw;
  height: 80vh;
  background: #fff;
  left: 30vw;
  border: none;
  bottom: 0;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.25); }
  .secondary-square img {
    width: 60%;
    margin: 0 auto;
    padding: 50px 0px; }
  .secondary-square h1 {
    color: #fff;
    padding-top: 11%;
    font-size: 3em; }
  .secondary-square .password-dimenticata {
    color: #6f7a7e;
    margin-top: 30px; }

#header {
  background-color: #FEFEFE;
  min-height: 7vh;
  width: 100%; }
  #header .tabs .tab a.active {
    color: #000; }
  #header .chip {
    float: right;
    background-color: transparent;
    border: 1px solid #c9d2d7; }
    #header .chip.modifica {
      background-color: #00BBD5;
      border-color: #00BBD5;
      color: #fff;
      text-transform: uppercase;
      font-size: 0.7rem; }
    #header .chip.salva {
      background-color: #00C853;
      border-color: #00C853;
      color: #fff;
      text-transform: uppercase;
      font-size: 0.7rem; }
    #header .chip.annulla {
      background-color: #FF1744;
      border-color: #FF1744;
      color: #fff;
      text-transform: uppercase;
      font-size: 0.7rem; }
    #header .chip span {
      border-radius: 50%;
      padding: 5px;
      margin-right: 5px;
      font-size: 0rem;
      vertical-align: super; }
      #header .chip span.attiva {
        background-color: #00C853; }
      #header .chip span.standby {
        background-color: #FFC400; }
      #header .chip span.inattiva {
        background-color: #FF1744; }
  #header h5 {
    font-weight: 300;
    font-size: 1.6rem;
    display: inline-block;
    text-transform: capitalize; }
  #header .logo {
    text-align: center; }
    #header .logo img {
      border: 0;
      padding-top: 2vh;
      height: 5vh;
      position: relative;
      margin: 0 auto; }

#palestra-container {
  background-color: #FEFEFE;
  margin-bottom: 25vh;
  padding-bottom: 5vh; }

#tabs-container {
  margin: 0;
  border-bottom: 1px solid #C9D2D7; }
  #tabs-container .tabs {
    background-color: transparent;
    margin: 0;
    margin-bottom: -1px;
    width: 100% !important; }
    #tabs-container .tabs .tab {
      background: transparent;
      cursor: pointer; }
      #tabs-container .tabs .tab a {
        color: #6f7a7e; }
    #tabs-container .tabs .indicator {
      background-color: #00BBD5; }

#edit-informazioni, #edit-recapiti, #edit-ultimiContatti, #edit-ultimeOfferte, #edit-riferimenti, #edit-informazioni-legali {
  margin: 0 !important; }

.box-container {
  padding: 0 !important; }
  .box-container.even {
    padding-left: 10px !important; }
  .box-container.odd {
    padding-right: 10px !important; }

.odd, .even {
  margin-top: 10vh; }

.box {
  padding: 20px;
  border: 1px solid #c9d2d7;
  border-radius: 3px;
  margin-bottom: 20px; }
  .box .icon {
    text-align: center;
    padding-bottom: 20px; }
    .box .icon i {
      padding: 20px;
      border-radius: 50%; }
      .box .icon i.verde {
        background-color: #00C853;
        color: #fff; }
      .box .icon i.rosso {
        background-color: #FF1744;
        color: #fff; }
      .box .icon i.arancio {
        background-color: #FFC400;
        color: #fff; }
      .box .icon i.viola {
        background-color: #D500F9;
        color: #fff; }
      .box .icon i.blu {
        background-color: #00BBD5;
        color: #fff; }
      .box .icon i.grigio-blu {
        background-color: #37474F;
        color: #fff; }
  .box .no-data {
    text-align: center;
    padding: 10px;
    font-size: 1.25rem;
    font-weight: 300; }
  .box form .caret.disabled {
    display: none; }
  .box form input[type="text"]:disabled {
    color: #000;
    text-transform: capitalize;
    font-weight: 300;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
    .box form input[type="text"]:disabled + label {
      color: rgba(0, 0, 0, 0.46); }
  .box form input[type="email"]:disabled {
    color: #000;
    font-weight: 300;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
    .box form input[type="email"]:disabled + label {
      color: rgba(0, 0, 0, 0.46); }
  .box form input[type="number"]:disabled {
    color: #000;
    font-weight: 300;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
    .box form input[type="number"]:disabled + label {
      color: rgba(0, 0, 0, 0.46); }
  .box form input[type="checkbox"]:disabled:not(:checked) + label {
    cursor: default; }
    .box form input[type="checkbox"]:disabled:not(:checked) + label:after {
      border-color: #000;
      background-color: transparent; }
  .box form input[type="checkbox"]:disabled:checked + label {
    cursor: default; }
    .box form input[type="checkbox"]:disabled:checked + label:after {
      border-color: #00BBD5;
      background-color: #00BBD5; }
  .box form input[type="checkbox"] + label {
    color: #000;
    font-weight: 300;
    left: 0;
    padding-left: 30px; }
    .box form input[type="checkbox"] + label:after, .box form input[type="checkbox"] + label:before {
      top: 1px !important; }
  .box form textarea:disabled {
    color: #000;
    font-weight: 300;
    margin-bottom: 0;
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
  .box form .dropdown-content li > a, .box form .dropdown-content li > span {
    color: #000;
    font-weight: 300; }
  .box form .select-dropdown li.disabled, .box form .select-dropdown li.disabled > span, .box form .select-dropdown li.optgroup {
    color: rgba(0, 0, 0, 0.3) !important; }

.contatti-container {
  position: relative;
  margin-top: 10vh;
  border: 1px solid #c9d2d7;
  border-radius: 3px;
  padding: 0 !important; }
  .contatti-container:last-child {
    border-bottom: 0 !important; }

.no-contatti {
  font-size: 15px;
  padding: 75px;
  display: block;
  text-align: center;
  font-weight: 200;
  border-bottom: 1px solid #c9d2d7; }

.contatto {
  padding: 20px !important;
  border-bottom: 1px solid #c9d2d7; }
  .contatto .icon {
    text-align: right; }
  .contatto a {
    margin-left: 10px; }
  .contatto.box {
    padding: 20px !important; }
  .contatto span {
    font-size: 15px; }
  .contatto p {
    margin: 0;
    font-size: 15px;
    font-weight: 200; }
  .contatto i {
    background-color: rgba(234, 238, 240, 0.92);
    border-radius: 50%;
    padding: 5px !important;
    font-size: 1rem;
    color: #7f96a1; }

.offerte-container {
  margin-top: 10vh;
  border: 1px solid #c9d2d7;
  border-radius: 3px;
  padding: 0 !important; }
  .offerte-container:last-child {
    border-bottom: 0 !important; }

.no-offerte {
  font-size: 15px;
  padding: 75px;
  display: block;
  text-align: center;
  font-weight: 200;
  border-bottom: 1px solid #c9d2d7; }

.picker__weekday-display {
  background-color: #0096af !important; }

.picker__date-display {
  background-color: #00BBD5 !important; }

.picker__day--infocus {
  padding: 0.6rem 0 !important; }

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
  background-color: #00BBD5 !important; }

.picker__close, .picker__today, .picker__day.picker__day--today {
  color: #00BBD5 !important; }

.picker__day.picker__day--today.picker__day--selected {
  color: #fff !important; }

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-color: #00BBD5 !important;
  box-shadow: 0 1px 0 0 #00BBD5 !important; }

input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #00BBD5 !important; }

.input-field input[type=search]:focus {
  background-color: transparent; }

.input-field label {
  left: 0; }

.btn {
  background: #00BBD5; }
  .btn.contatto-create {
    position: absolute;
    top: -55px;
    right: 0; }

.pagination li.active {
  background: #00BBD5; }

#sidebar-left {
  height: 100%;
  overflow: auto; }

#sidebar-right {
  height: 100%;
  overflow: auto; }

#sidebar {
  width: 12vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  color: #7F96A1;
  box-shadow: -10px 0px 70px -5px rgba(0, 0, 0, 0.3);
  z-index: 99; }
  #sidebar a {
    color: inherit; }
  #sidebar .menu {
    padding: 15px;
    padding-bottom: 40px; }
    #sidebar .menu i {
      vertical-align: bottom;
      font-size: 1.5rem;
      cursor: pointer; }
    #sidebar .menu span {
      padding-left: 10px;
      font-size: 1rem;
      text-transform: uppercase;
      font-weight: 500; }
  #sidebar ul {
    padding: 0; }
    #sidebar ul li a {
      display: block;
      padding: 15px;
      text-transform: uppercase;
      cursor: pointer; }
      #sidebar ul li a:hover {
        background-color: rgba(229, 229, 229, 0.3); }
      #sidebar ul li a i {
        vertical-align: bottom;
        font-size: 1.2rem; }
      #sidebar ul li a span {
        padding-left: 15px;
        font-weight: 500;
        font-size: 0.7rem; }
    #sidebar ul li.selected {
      border-left: 5px solid #00BBD5; }
      #sidebar ul li.selected i {
        margin-left: -5px;
        color: #00BBD5; }
      #sidebar ul li.selected span {
        color: #000; }
    #sidebar ul .separatore {
      width: 80%;
      height: 1px;
      background-color: rgba(127, 150, 161, 0.4);
      margin: 10% 10%; }

.sidebar-collapsed #body {
  width: auto;
  min-width: 88vw;
  right: 1.5vw;
  left: 0; }

.sidebar-collapsed #sidebar {
  width: auto; }
  .sidebar-collapsed #sidebar span {
    display: none; }

@media (min-width: 993px) {
  .sidebar-collapsed #body {
    right: -4vw; } }

/* TESTI */
html,
body {
  font-family: 'Roboto', sans-serif; }

p.bianco {
  color: #fff; }

span.logo {
  font-weight: lighter;
  font-size: medium;
  letter-spacing: 1px; }

span.medium {
  font-size: medium; }

.text-middle {
  padding-top: 1em;
  padding-bottom: 1em; }

.text-footer {
  padding-top: 3%;
  padding-bottom: 3%;
  font-size: larger;
  font-weight: 300;
  color: #FFF; }

.text-light {
  font-weight: lighter; }

.text-bold {
  font-weight: 500; }

/* TITOLI */
h1, h2, h3, h4, h5 {
  margin: 0;
  color: #252525; }
  h1.verde, h2.verde, h3.verde, h4.verde, h5.verde {
    color: #00C853; }
  h1.bianco, h2.bianco, h3.bianco, h4.bianco, h5.bianco {
    color: #fff; }

h1 {
  font-size: xx-large; }

h2 {
  font-size: x-large; }

h3 {
  font-size: large; }

h4 {
  font-size: larger; }

h5 {
  font-size: medium; }

h1 small {
  display: block;
  text-align: center;
  margin-top: 0.5em; }

.modal {
  border-radius: 0 !important;
  box-shadow: none !important; }
  .modal .modal-header {
    padding: 40px 24px;
    margin: 0;
    background-color: #00BBD5; }
  .modal .modal-icon {
    width: 60px;
    margin: 0 auto;
    padding-bottom: 10px; }
  .modal h4 {
    font-size: 1.5rem;
    font-weight: 300;
    margin-bottom: -5px;
    color: #fff; }
    .modal h4 span {
      text-transform: capitalize; }
  .modal .modal-content {
    padding: 24px 24px 0 24px;
    margin: 0; }
    .modal .modal-content .content {
      font-size: 1.5em;
      font-weight: 300; }
    .modal .modal-content textarea.materialize-textarea {
      overflow-y: scroll;
      height: auto !important; }

.datepicker-modal {
  width: auto;
  top: 0 !important; }
  .datepicker-modal .modal-content {
    padding: 0; }

.select-wrapper .caret {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 0;
  fill: rgba(0, 0, 0, 0.87); }

ul.dropdown-content {
  top: 15px !important; }

input {
  margin: 0; }
  input:focus {
    background: transparent !important; }

/* TABELLE */
.dataTable {
  table-layout: fixed;
  width: 100%;
  border: none !important; }
  .dataTable th:before, .dataTable th:after {
    bottom: 1.4em !important; }
  .dataTable tr {
    cursor: pointer; }
    .dataTable tr :first-child {
      padding-left: 15px !important; }
    .dataTable tr :last-child {
      padding-right: 15px !important; }

.dataTables_filter, .dataTables_info {
  display: none; }

.dataTables_scrollBody {
  height: 100% !important;
  border: none !important; }

.dataTables_scroll {
  padding-bottom: 15px; }

.dataTables_length {
  display: none; }

.dataTables_paginate {
  cursor: pointer;
  text-align: right;
  padding: 15px 0 0 0; }
  .dataTables_paginate .previous {
    color: transparent !important;
    font-size: 0; }
    .dataTables_paginate .previous:after {
      content: 'chevron_left';
      font-family: 'Material Icons';
      font-size: 1.2rem;
      color: #666 !important;
      vertical-align: sub; }
    .dataTables_paginate .previous.disabled :after {
      cursor: default;
      color: #999 !important; }
  .dataTables_paginate .next {
    color: transparent !important;
    font-size: 0; }
    .dataTables_paginate .next:before {
      content: 'chevron_right';
      font-family: 'Material Icons';
      font-size: 1.2rem;
      color: #666 !important;
      vertical-align: sub; }
    .dataTables_paginate .next.disabled :before {
      cursor: default;
      color: #999 !important; }
  .dataTables_paginate a {
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    vertical-align: top;
    height: 30px;
    color: #444;
    font-size: 1rem;
    padding: 0 10px;
    line-height: 30px; }
    .dataTables_paginate a.current {
      color: #fff;
      background-color: #00BBD5; }
  .dataTables_paginate .ellipsis {
    font-size: 1rem;
    padding: 0 5px; }

#anagraficaHeader, #contattiHeader, #offerteHeader {
  display: flex;
  align-items: center;
  padding-top: 5vh;
  padding-bottom: 1vh;
  position: absolute;
  z-index: 99;
  background-color: #f4f7f9; }
  #anagraficaHeader h5, #anagraficaHeader .ricerca, #anagraficaHeader .aggiungi, #contattiHeader h5, #contattiHeader .ricerca, #contattiHeader .aggiungi, #offerteHeader h5, #offerteHeader .ricerca, #offerteHeader .aggiungi {
    display: inline-block; }
  #anagraficaHeader h5, #contattiHeader h5, #offerteHeader h5 {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 300;
    vertical-align: bottom; }
  #anagraficaHeader .ricerca, #contattiHeader .ricerca, #offerteHeader .ricerca {
    margin: 0;
    width: 100%;
    padding: 0; }
    #anagraficaHeader .ricerca input, #contattiHeader .ricerca input, #offerteHeader .ricerca input {
      padding-left: 0;
      margin: 0;
      border: none; }
    #anagraficaHeader .ricerca label, #contattiHeader .ricerca label, #offerteHeader .ricerca label {
      left: 0; }
  #anagraficaHeader .aggiungo, #contattiHeader .aggiungo, #offerteHeader .aggiungo {
    float: right; }
    #anagraficaHeader .aggiungo span, #contattiHeader .aggiungo span, #offerteHeader .aggiungo span {
      font-size: 0.8rem;
      padding-left: 5px; }

#anagraficaTable, #contattiTable, #offerteTable {
  margin-top: 12vh; }
  #anagraficaTable .header, #contattiTable .header, #offerteTable .header {
    background-color: #EAEEF0; }
    #anagraficaTable .header th, #contattiTable .header th, #offerteTable .header th {
      border: none;
      color: #99A5A6;
      text-transform: uppercase;
      font-size: 0.7rem;
      padding: 15px 0; }
  #anagraficaTable tr.active td, #contattiTable tr.active td, #offerteTable tr.active td {
    font-weight: 500; }
  #anagraficaTable tr :nth-child(1n + 2), #contattiTable tr :nth-child(1n + 2), #offerteTable tr :nth-child(1n + 2) {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  #anagraficaTable tr > td :last-child, #anagraficaTable tr > td :first-child, #contattiTable tr > td :last-child, #contattiTable tr > td :first-child, #offerteTable tr > td :last-child, #offerteTable tr > td :first-child {
    padding: 0 !important; }
    #anagraficaTable tr > td :last-child i, #anagraficaTable tr > td :first-child i, #contattiTable tr > td :last-child i, #contattiTable tr > td :first-child i, #offerteTable tr > td :last-child i, #offerteTable tr > td :first-child i {
      background-color: rgba(234, 238, 240, 0.92);
      border-radius: 50%;
      padding: 5px !important;
      font-size: 1rem;
      color: #7f96a1; }
      #anagraficaTable tr > td :last-child i:hover, #anagraficaTable tr > td :first-child i:hover, #contattiTable tr > td :last-child i:hover, #contattiTable tr > td :first-child i:hover, #offerteTable tr > td :last-child i:hover, #offerteTable tr > td :first-child i:hover {
        color: #00BBD5; }
  #anagraficaTable td, #contattiTable td, #offerteTable td {
    padding: 15px;
    border-bottom: 1px solid;
    border-radius: 0;
    border-color: #DDE5EA;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap; }

#anagrafica #edit-riferimenti .separatore-riferimenti, #contatti #edit-riferimenti .separatore-riferimenti, #offerte #edit-riferimenti .separatore-riferimenti {
  padding: 0 0 20px 0; }
  #anagrafica #edit-riferimenti .separatore-riferimenti i, #contatti #edit-riferimenti .separatore-riferimenti i, #offerte #edit-riferimenti .separatore-riferimenti i {
    color: #C9D2D7; }

#contatti p {
  display: none; }

#contatti tr td :first-child {
  display: block;
  overflow: hidden;
  margin: 0;
  margin-right: 15px; }

#contatti tr td a:first-child {
  display: inherit; }

#contatti .contatto div {
  font-size: 15px;
  font-weight: 300; }

#contatti .contatto p {
  display: inherit; }

#filter_col1 label {
  z-index: -1; }