#main {
  margin: 20px;
  height: 650px;
}
#mask1 select {
  margin-bottom: 0;
}
.page-header {
  overflow: hidden;
}
.page-header .btn-toolbar {
  float: right;
  margin: 0;
  display: none;
}
a.cal-event-week {
  display: block;
}
.modal-body {
  min-height: 20%;
}
.modal-body #event-meta {
  text-align: right;
}
/*
#loading {
  display: none;
  text-align: center;
  height: 36px;
}
*/
#week-bar {
  display: none;
  margin: 1rem 0;
}
#week-bar h2 {
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 0 300px;
}
#week-bar h2 span {
  font-size: inherit;
}
#calendar-header {
  height: 40px;
  display: none;
}

#calendar {
  width: 100%;
  overflow: hidden;
}
#calendar .day {
  float: left;
  width: 20%;
}
/*#calendar .day:first-child .crane-container {*/
  /*border-left: 1px solid #aaaaaa;*/
/*}*/
#calendar .clear {
  clear: both;
}

#calendar .headline-container {
  width: 14%;
  float:left;
  margin-left: -15%;
}

#calendar .headline-container .headline {
  display: block;
}


/*#calendar .headline-container .headline.crane-fit-to-1 {*/
  /*width: 100%;*/
/*}*/
/*#calendar .headline-container .headline.crane-fit-to-2 {*/
  /*width: 49%;*/
/*}*/
/*#calendar .headline-container .headline.crane-fit-to-2.crane-number-2 {*/
  /*left: 51%;*/
/*}*/
/*#calendar .headline-container .headline.crane-fit-to-3 {*/
  /*width: 32.33333333%;*/
/*}*/
/*#calendar .headline-container .headline.crane-fit-to-3.crane-number-2 {*/
  /*left: 34.33333333%;*/
/*}*/
/*#calendar .headline-container .headline.crane-fit-to-3.crane-number-3 {*/
  /*left: 68.66666667%;*/
/*}*/
#calendar .crane-container {
  height: 40px;
  position: relative;
  margin-bottom: 5px;
  width: 85%;
  margin-left: 15%;
}
#calendar .day {
  border-bottom: 1px solid #aaaaaa;
}

.slot-background {
  -webkit-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -moz-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -ms-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -o-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -webkit-background-size: 22px 10px;
  -moz-background-size: 22px 10px;
  -ms-background-size: 22px 10px;
  -o-background-size: 22px 10px;
  background-size: 22px 10px;

  margin-bottom: 5px;
}

.slot-container {
  width:100%;
  height:40px;
}
/*#calendar .crane-container .slot.crane-fit-to-1 {*/
  /*width: 100%;*/
/*}*/
/*#calendar .crane-container .slot.crane-fit-to-2 {*/
  /*width: 49%;*/
/*}*/
/*#calendar .crane-container .slot.crane-fit-to-2.crane-number-2 {*/
  /*left: 51%;*/
/*}*/
/*#calendar .crane-container .slot.crane-fit-to-3 {*/
  /*width: 32.33333333%;*/
/*}*/
/*#calendar .crane-container .slot.crane-fit-to-3.crane-number-2 {*/
  /*left: 34.33333333%;*/
/*}*/
/*#calendar .crane-container .slot.crane-fit-to-3.crane-number-3 {*/
  /*left: 68.66666667%;*/
/*}*/
/*#calendar .crane-container .slot-background.crane-fit-to-1 {*/
  /*width: 100%;*/
/*}*/
/*#calendar .crane-container .slot-background.crane-fit-to-2 {*/
  /*width: 49%;*/
/*}*/
/*#calendar .crane-container .slot-background.crane-fit-to-2.crane-number-2 {*/
  /*left: 51%;*/
/*}*/
/*#calendar .crane-container .slot-background.crane-fit-to-3 {*/
  /*width: 32.33333333%;*/
/*}*/
/*#calendar .crane-container .slot-background.crane-fit-to-3.crane-number-2 {*/
  /*left: 34.33333333%;*/
/*}*/
/*#calendar .crane-container .slot-background.crane-fit-to-3.crane-number-3 {*/
  /*left: 68.66666667%;*/
/*}*/

/*#calendar .crane-container {*/
  /*margi*/
/*}*/

#calendar .crane-container .slot {
  position: absolute;
  /*overflow-y: hidden;*/
  overflow: hidden;
}
#calendar .crane-container .slot > .time {
  position: absolute;
  /*left: 3px;*/
  font-size: 1.2rem;
  cursor: default;
}
#calendar .crane-container .slot > .time.start {
  left: 0;
}
#calendar .crane-container .slot > .time.dash {
  top: 0;
}
#calendar .crane-container .slot > .time.end {
  right: 0;
}
#calendar .crane-container .slot.free {
  background-color: #cfc;
}
#calendar .crane-container .slot.free.highlighted {
  background-color: #af9;
}
#calendar .crane-container .slot.free.invalid {
  opacity: 0.5;
}
#calendar .crane-container .slot.not-free {
  background-color: #ddd;
  line-height: 1.2rem;
  overflow: hidden;
  filter: alpha(opacity=40);
  opacity: 0.4;
  -moz-opacity: 0.4;
}
#calendar .crane-container .slot.not-free > .time.start {
  padding: 0.5em;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
}

.slot {
  width:20px;
  height: 40px;
  float:left;
}
/*.pause-slot {*/
  /*background-color: red;*/
/*}*/

/*.booking-slot{*/
  /*background-color: green;*/
/*}*/

#candidate {
  background-color: #ffff5a;
  z-index: 100;
  cursor: move;
  font-size: 1.2rem;
  box-sizing: content-box;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  line-height: 2rem;
}
#candidate span {
  font-size: inherit;
}
#loadingmessage {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 15rem;
  margin-left: -7.5rem;
}
.slot-dummy-free {
  background-color: #cfc;
}
.slot-dummy-not-free {
  background-color: #ddd;
}
.slot-background-dummy {
  background-color: #eee;
  -webkit-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -moz-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -ms-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -o-background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  background-image: linear-gradient(25deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee);
  -webkit-background-size: 22px 10px;
  -moz-background-size: 22px 10px;
  -ms-background-size: 22px 10px;
  -o-background-size: 22px 10px;
  background-size: 22px 10px;
}
.slot-candidate-dummy {
  background-color: #ffff5a;
}
.legend {
  float: left;
  width: 2em;
  height: 1em;
  margin-right: 0.5em;
}
.legend.small {
  width: 1em;
  margin-right: 0;
}
.legend.small.last {
  margin-right: 0.5em;
}

.legend--fixed {
  position: fixed;
  width: 10%;
  padding: 1rem;
}

.legend--fixed > div{
  margin: 1em 0;
}