@daywidth: 15%;

//from bootstrap variables:

@state-success-text: #3c763d;
@state-success-bg: #dff0d8;
@state-info-text: #31708f;
@state-info-bg: #dd27a7;
@color1-text: darken(@colore1,15%);
@color1-bg: darken(@colore1,-35%);
@color2-text: darken(@colore2, 15%);
@color2-bg: darken(@colore2, -35%);
@color3-text: darken(@colore3, 15%);
@color3-bg: darken(@colore3, -35%);
@color4-text: darken(@colore4, 15%);
@color4-bg: darken(@colore4, -35%);
@color5-text: darken(@colore5, 15%);
@color5-bg: darken(@colore5, -35%);
@color6-text: darken(@colore6, 15%);
@color6-bg: darken(@colore6, -35%);
@color7-text: darken(@colore7, 15%);
@color7-bg: darken(@colore7, -35%);
@color8-text: darken(@colore8, 15%);
@color8-bg: darken(@colore8, -35%);
@color9-text: darken(@colore9, 15%);
@color9-bg: darken(@colore9, -35%);
@color10-text: darken(@colore10, 15%);
@color10-bg: darken(@colore10, -35%);
//@state-warning-text: #8a6d3b;
//@state-warning-bg: #fcf8e3;
//@state-danger-text: #a94442;
//@state-danger-bg: #f2dede;


.calendar-day { 
  width: @daywidth; 
  min-width: @daywidth;
  max-width: @daywidth;
  height: 80px; 
  vertical-align:top!important;
}
.calendar-table { margin: 0 auto; width: @daywidth * 7;}

.selected { background-color: #eee;}
.outside .date {color: #ccc; }
.timetitle {
    white-space: nowrap;
    text-align: right;
}

.colors(@color, @text) {
        @top: @color;
        @border: darken(@color, 15%);
        @bottom: darken(@color, 7.5%);
        border-top: 1px solid @border;
        border-bottom: 1px solid @border;
        background-image: linear-gradient(to bottom, @top 0px, @bottom 100%);
        background-repeat: repeat-x;
        color: @text;
        border-width: 1px;
  
        &.begin { 
          border-left: 1px solid @border;
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px; }
        &.end { 
          border-right: 1px solid @border;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
        }
}

.event {
          .colors(@state-success-bg, @state-success-text);
        font-size: .75em;
        padding: 0 .75em;
        line-height: 2em; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 1px;
        &.color10 { .colors(@color10-bg, @color10-text); }
		&.color1 { .colors(@color1-bg, @color1-text);  }
		&.color2 { .colors(@color2-bg, @color2-text);  }
		&.color3 { .colors(@color3-bg, @color3-text);  }
		&.color4 { .colors(@color4-bg, @color4-text);  }
		&.color5 { .colors(@color5-bg, @color5-text);  }
		&.color6 { .colors(@color6-bg, @color6-text);  }
		&.color7 { .colors(@color7-bg, @color7-text);  }
		&.color8 { .colors(@color8-bg, @color8-text);  }
		&.color9 { .colors(@color9-bg, @color9-text);  }
        &.clear { background: none; border: 1px solid transparent; }
}


.cell-styles(@ruleset) {
  & > thead > tr, & > tbody > tr, & > tfoot > tr {
      & > th, & > td {
        @ruleset();
      }
    }
}

.table-tight {
  .cell-styles({ padding-left: 0; padding-right: 0; });
}
.table-tight-vert {
  .cell-styles({ padding-top: 0; padding-bottom: 0; });
}
@media screen and (max-width: 768px) {
 .titolo {
  display: none;
 }
}