.table-planning,
.table-planning > thead > tr > th,
.table-planning > thead > tr > td,
.table-planning > tbody > tr > th,
.table-planning > tbody > tr > td,
.table-tight > tbody > tr > td {
  //font-size: .75em;
  padding: 0 3px;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}

.table-bezetting,
.table-bezetting > thead > tr > th,
.table-bezetting > thead > tr > td,
.table-bezetting > tbody > tr > th,
.table-bezetting > tbody > tr > td {
  padding: 0 3px;
  line-height: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.table-bezetting > thead > tr > th,
.table-bezetting > thead > tr > td,
.table-bezetting > tbody > tr > th,
.table-bezetting > tbody > tr > td {
  width: 200px;
}

.row_days > td {
  /*
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  */
  word-break: break-all !important;
  overflow: visible !important;
  text-overflow: unset !important;
  white-space: normal !important;
  line-height: 1em !important;
}

.projects_row {
  border-top: 2px solid #747678;
}


.offerte {
  background-color: #ffeecf;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.milestone,
.todo {
  font-weight: bold;
  font-size: 13px !important;
  line-height: 18px !important;
}
.current_day,
.current_day > td
 {
  background-color: #CCC;
  border-left: 2px solid #F00;
}


.rooster_weekend {
  display: none;
}
.weekend {
  background-color: #f6fbce;
}
.freeday {
  background-color: #fbf1db;
}


.row_project > td {
  padding: 2px 0 2px 0 !important;
}

.first_project {
  border-top: 2px solid #777;
}


.row_months > td,
.row_months > th,
.row_years > td,
.row_years > tr {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}










.calendar-day {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  height: 80px;
}

.selected {
  background-color: #eee;
}
.outside .date {
  color: #ccc;
}
.timetitle {
  white-space: nowrap;
  text-align: right;
}
.event {
  border-top: 1px solid #b2dba1;
  border-bottom: 1px solid #b2dba1;
  background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
  background-repeat: repeat-x;
  color: #3c763d;
  border-width: 1px;
  font-size: .75em;
  padding: 0 3px;
  line-height: 17px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px;
}
.event.begin {
  border-left: 1px solid #b2dba1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event.end {
  border-right: 1px solid #b2dba1;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}



.blue {
  border-top: 1px solid #9acfea;
  border-bottom: 1px solid #9acfea;
  background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
  color: #31708f;
}
.blue.begin {
  border-left: 1px solid #9acfea;
}
.blue.end {
  border-right: 1px solid #9acfea;
}

.green {
  border-top: 1px solid #86e98d;
  border-bottom: 1px solid #86e98d;
  background-image: linear-gradient(to bottom, #b0fdb5 0px, #d0ffd3 100%);
  color: #2b3b2c;
}
.green.begin {
  border-left: 1px solid #86e98d;
}
.green.end {
  border-right: 1px solid #86e98d;
}

.red {
  border-top: 1px solid #ea9a9a;
  border-bottom: 1px solid #ea9a9a;
  background-image: linear-gradient(to bottom, #f7d9d9 0px, #f0b9b9 100%);
  color: #8f3131;
}
.red.begin {
  border-left: 1px solid #ea9a9a;
}
.red.end {
  border-right: 1px solid #ea9a9a;
}

.grey {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  background-image: linear-gradient(to bottom, #EEE 0px, #CCC 100%);
  color: #777;
}
.grey.begin {
  border-left: 1px solid #AAA;
}
.grey.end {
  border-right: 1px solid #AAA;
}



.event.all-day {
  border-top: 1px solid #9acfea;
  border-bottom: 1px solid #9acfea;
  background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
  background-repeat: repeat-x;
  color: #31708f;
  border-width: 1px;
}
.event.all-day.begin {
  border-left: 1px solid #9acfea;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.event.all-day.end {
  border-right: 1px solid #9acfea;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.event.clear {
  background: none;
  border: 1px solid transparent;
}

.table-tight {
  table-layout: fixed;
  line-height: 1.1;
  font-size: 12px !important;
}

.table-tight > thead > tr > th,
.table-tight > tbody > tr > th,
.table-tight > tfoot > tr > th,
.table-tight > thead > tr > td,
.table-tight > tbody > tr > td,
.table-tight > tfoot > tr > td {
  padding-left: 3px;
  padding-right: 3px;
}
.table-tight-vert > thead > tr > th,
.table-tight-vert > tbody > tr > th,
.table-tight-vert > tfoot > tr > th,
.table-tight-vert > thead > tr > td,
.table-tight-vert > tbody > tr > td,
.table-tight-vert > tfoot > tr > td {
  padding-top: 0;
  padding-bottom: 0;
}