body { font-family: 'Roboto', sans-serif; font-size: 1.1em; background: var(--grey-l4); }

/* stycky footer */
/*body { display: flex; min-height: 100vh; flex-direction: column; }
main { flex: 1 0 auto; }*/
/* end sticky footer */


/* NAVIGATION */
.background { margin:0; padding:0; }
.sidenav { z-index:100000; }
.sidenav-overlay { z-index:20000; }
.sidenav .user-view { margin-bottom:3px; padding:20px; }
.user-view { height:130px; margin:0; padding:0; }

.nav-wrapper .brand-logo img { height:32px; margin-top:12px; }
.nav-color { background: var(--blue-d3); color:white; }
.right_spacer { display:block; width:15px; height: 15px; }
#app-install { cursor:pointer; }
#install-login-ico { height:25px; margin-top:15px; }


.nav-left { background: var(--grey-l4); color:black; }
.nav-left-logo { margin:0; padding:0; height:40px; margin-top:0; margin-bottom: 0.5em; }
.nav-left-t1 { color:white; font-size:1.4em; font-weight:bold; margin:0; padding:0; line-height:1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* gli ultimi tre servono per trocare il nome se troppo lungo */
.nav-left-t2 { color:white; font-size:1em; font-weight:bold; margin:0; padding:0; line-height:1em; }

.nav-left-menu-icon { margin-left:-10px; margin-right: 5px; background: var(--blue-d3); }
.nav-left-menu-icon:hover { margin-left:-10px; margin-right: 5px; background: var(--blue-d1); }
.nav-left-text { font-size:1.1em; color: var(--grey-d3); }

@media (min-width: 993px) {
  /* desktop */
  .user-view { height:160px; margin:0; padding:0; }    
  .sidenav .user-view { margin-bottom:3px; padding:20px; }
  .nav-wrapper .brand-logo img { height:32px; margin-top:16px; }
  .nav-left-logo { margin:0; padding:0; height:40px; margin-top:5px; margin-bottom: 1em; }
  .nav-left-t1 { color:white; font-size:1.4em; font-weight:bold; margin:0; padding:0; line-height:1.4em; }
  .nav-left-t2 { color:white; font-size:1em; font-weight:bold; margin:0; padding:0; line-height:1em; margin-top:10px; }    
}

@media (min-width: 1200px) {
  /* desktop */
  .user-view { height:160px; margin:0; padding:0; }
  .sidenav .user-view { margin-bottom:3px; padding:20px; }
  .nav-wrapper .brand-logo img { height:32px; margin-top:16px; }
  .nav-left-logo { margin:0; padding:0; height:40px; margin-top:5px; margin-bottom: 1em; }
  .nav-left-t1 { color:white; font-size:1.4em; font-weight:bold; margin:0; padding:0; line-height:1.4em; }
  .nav-left-t2 { color:white; font-size:1em; font-weight:bold; margin:0; padding:0; line-height:1em; margin-top:10px; }
}



.homeClock { 
    
    background-color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-weight: bold;
    font-size:1.1em;
}

.app_content { margin-bottom: 40px; }

.page-title { font-size:1.2em; margin-top:10px; background:var(--blue-d3); color:white; text-align: center;   }

.btn-tike { width:40px; text-align: center; padding:0; margin:0; }
#btn_attivita { background: var(--blue-d3); }

.tike-search-container { 
    top:55px;
    height:80px;
    width: 100%;
    left:0;
    position: fixed;
    padding:10px;
    padding-bottom:0; 
    background: #fff; 
    text-align: center;     
    border-bottom: 1px solid #ccc; 
    z-index: 3000!important;
}

.tike-btn-color { background: var(--blue-d3); }
.tike-btn-color:hover { background: var(--blue-d1); }
.tike-btn-lg { color:white; display:block; border-radius: 5px; font-size:1.5em; width:40px; height:40px; background: var(--blue-d3); line-height: 40px; text-align: center; float:left; }
.tike-btn-sm { color:white; display:block; border-radius: 5px; font-size:1.0em; width:30px; height:30px; background: var(--blue-d3); line-height: 30px; text-align: center; float:left; }
.border-white { border:1px solid #fff; }
.tike-btn { color:white; display:block; border-radius: 5px; width:30px; height:30px; background: var(--blue-d3); line-height: 30px; text-align: center; margin-left: auto; margin-right:auto; }
.tike-btn-mi { font-size:1.5em; margin-top:3px; margin-left: 1px; }
.tike-btn-pdf { color:red; font-size:1.5em; }
.tike-btn-ico { font-size:1.5em; }
.tike-input-label { color:#666!important; }
.tike-active { color: var(--blue-d1)!important; }
.tike-table { 
     width:100%;
     /*height:$height; */
     overflow-y:scroll;
     -webkit-overflow-scrolling: touch;
  }

.tike-offline { background: #f44336; color:#fff; padding:5px; }
.margin-top-bar { margin-top:80px; }
.margin-bottom-bar { margin-bottom:40px; }
.tike-qr-badge canvas { width:100%; }
.tike-selected-td { background: var(--blue-d1); color:white; }
.tike-unread { font-weight: bold; }


/* personalizzazioni materialize css */

.datepicker-date-display { background: var(--blue-d3); }
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done { color: var(--blue-d3); }
.datepicker-table td.is-selected { background: var(--blue-d3); }
.datepicker-table td.is-today { color: var(--blue-d3); }
.datepicker-controls .select-month input  { width:80px; }

.timepicker-digital-display { background: var(--blue-d3); }
.timepicker-tick:hover { background: var(--blue-d3) !important; }
.timepicker-canvas line { stroke: var(--blue-d1) !important; }
.timepicker-canvas-bearing { fill: var(--blue-d1); !important; }
.timepicker-canvas-bg { fill: var(--blue-d1); !important; }
.timepicker-clear, .timepicker-close { color: var(--blue-d3); !important; }


ul.dropdown-content.select-dropdown li span {
    color: var(--blue-d3); /* no need for !important :) */
}


/* questi servono per le voci della tabella */
table.pointer tbody tr:hover {
    cursor:pointer;
}

td, th {
    border-radius: 0!important;
}

#btn_timbra { font-size:1.5em; }
#btn_attivita { font-size:1.5em; }

/* CALENDARIO */

.fc .fc-toolbar-title { font-size:1.2em; text-transform: capitalize; }

a.fc-col-header-cell-cushion { color:var(--blue-d3); }
a.fc-daygrid-day-number { color:var(--blue-d3); }