/*Style*/

/* Global */
body {background: #E1F0EB;}

.col-container {
  display: table;
  width: 100%;
}

.col-height {
  display: table-cell;
  padding: 16px;
}

h1{
	margin: 0;
	padding: 0;
}

.bi-yellow {color: #FFC108;}
.bi-red {color: #CC0000}

.center{text-align: center;}

.card-header{text-transform: uppercase;}


/*  Header  */
.logo {height: 80px; padding: 20px 0;}
.header-container{background: #89D9C0;}
.logout {height: 80px; padding: 20px 0; font-size: 1.5em;}
.logout a {color: #000;}


/* Sidebar */
.sidebar-container{background: #CDE7DF;}


/* Scheda utente */
h2.user{text-align: center;}


/* Calendar  */
.calendar-month a{ color: #000; font-size: 0.8em;}
.calendar-week a.fc-col-header-cell-cushion {text-decoration: none; color: #000;}
.time-slot{font-size: 0.8em;}
.time-nr {border-radius: 5px; background: #fff; padding: 2px 5px; margin-right: 10px;}

/* lista presenti */
.slot {background: #cde7df;}
.user .card-title{text-transform: uppercase;}

/* timeline */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
ul.timeline .date{font-weight: bold;}
ul.timeline p{margin-bottom:0;}
ul.timeline .comment{font-style: 0.8em; color: #333; font-style: italic;}


/* Dev (da eliminare alla fine) */
.dev{margin: 40px 0; border-top: solid 1px #ccc;  }
.dev a {color: #666; font-style: italic; margin: 0 10px;}