#organizerContainer {
  display: flex;
}

#organizerContent {
	position: relative;
}

#day-headers-container, #daily-container {
  /*border: 1px solid red;*/
  /*  min-height: 600px;*/
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  padding-right: 5px;
  outline: none;
}

.organizer-day, .organizer-dayheader {
  flex-basis: 0;
  flex-grow: 1;
  position: relative;
  padding: 0 5px;
}

.organizer-day-weektype  {
  width: 20%;
}

.organizer-daypart-hour {
  height: 60px;
  border-top: 1px solid rgb(200, 200, 200);
  border-bottom: 1px solid rgb(200, 200, 200);
  padding-left: 10px;
}

.organizer-daypart-hour + .organizer-daypart-hour {
  border-top: 0px;
  border-bottom: 1px solid rgb(200, 200, 200);
}

.organizer-daypart-hour-time {
  margin-top: 5px;
}

.organizer-appointment-container {
  position: absolute;
}

#appointment-tooltip {
  display: none;
  position: absolute;
  top: 75px;
  width: 25%;
  background-color: rgb( 228, 236, 244 );
  border: 1px solid rgb( 0,40,71 );
  z-index: 10;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0,40,71,0.6);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0,40,71,0.6);
  box-shadow: 0px 0px 5px 3px rgba(0,40,71,0.6);
  padding: 5px 30px 5px 10px;
}
.appointment-tooltip-left {
  left: 15px;
}
.appointment-tooltip-right {
  right: 15px;
}
#appointment-tooltip > #appointment-tooltip-title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}
#appointment-tooltip > #appointment-tooltip-text {
  font-size: 12px;
  padding: 10px 0;
}

#appointment-tooltip-subject {
  padding: 5px 0;
  font-weight: bold;
  font-size: 12px;
}

#cross-day-container {
	padding: 11px 0 1px 0px;
	background-color: rgb(246,248,250);
	margin-bottom: 10px;
	border: 1px dashed rgb(230, 230, 230);
	overflow: hidden;
}

.organizer-appointment, .organizer-appointment-crossday {
  box-sizing: border-box;
  z-index: 4;
  position: absolute;
  font-size: 10px;
  /*
  -webkit-box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.4);
  -moz-box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.4);
  box-shadow: 2px 2px 2px 0px rgba(150, 150, 150, 0.4);
  */
  /*
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  */
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  background: rgb(250, 250, 250);
  border-color: rgb(170, 170, 170);
}

.organizer-appointment-selected {
  border-width: 2px !important;
  border-color: #003c64;
  background-color: #E8F1F8;
}

.organizer-appointment-crossday {
	position: relative;
	margin-bottom: 10px;
}

.organizer-appointment-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 3px;
}

.organizer-dayheader {
  padding: 5px 0 10px 0;
  margin-bottom: 10px;
  flex-basis: 0; /* make sure, all items have same width */
}

.organizer-dayheader-today {
  background-color: #003c64;
  color: white;
}

.organizer-dayheader > table {
  border-collapse: separate;
  border-spacing: 0 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.organizer-dayheader-day {
  font-size: 40px;
  font-weight: bold;
  padding: 0 20px 0 10px;;
  vertical-align: middle;
}

.organizer-appointment-subjectcolor {
  float:left;
  width: 33%;
  max-width: 20px;
  height: 100%;
}

.organizer-appointment-title {
  box-sizing: border-box;
  padding: 2px 0;
  font-weight: bold;
  font-size: 12px;
}

.appointment-work {
    font-weight: normal;
    
    display: inline-block;
/*  
	background-repeat: no-repeat;
	background-position: 2px 50%;
	background-size: auto 12px;
*/	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	border: 1px solid rgb(47, 85, 151);
}

.organizer-appointment .appointment-work {
    font-size: 9px;
	
	margin: 1px 1px;
	padding: 0 5px;
}

#appointment-tooltip-subject > span.appointment-work {
	padding: 0px 5px;
	margin: 2px 1px;
	font-weight: bold;
}

.organizer-appointment-emphasize-mfk, .organizer-appointment-emphasize-expert, .organizer-appointment-emphasize-important {
	border: 1px solid rgb(255, 0,0);
	background-color: rgb(255, 224, 224);
}

.organizer-appointment-emphasize-windscreen {
	border: 1px solid rgb(134, 134, 225);
	background-color: rgb(225, 237, 255);
}

.organizer-appointment-emphasize-absence {
	border: 1px solid rgb(101, 35, 147); 
	background-color: rgb(245, 229, 251);
}

.organizer-appointment-emphasize-track-steering {
	border: 1px solid rgb(237,125,49);
	background-color: rgb(255, 224, 197);
}

.organizer-appointment-emphasize-wheel, .organizer-appointment-emphasize-tire {
	border: 1px solid rgb(142, 142, 142);
	background-color: rgb(227, 227, 227);
}

.organizer-appointment-emphasize-replacementcar {
	border: 1px solid rgb(198, 148, 0);
	background-color: rgb(255, 250, 224);
}

.organizer-appointment-mfk-color, .organizer-appointment-expert-color, .organizer-appointment-important-color {
  background-color: rgb(255, 174, 174);
}

.organizer-appointment-track-steering-color {
  background-color: rgb(255, 196, 153);
}

.organizer-appointment-absence-color {
  background-color: rgb(224, 191, 242);
}

.organizer-appointment-service-color {
  background-color: rgb(172, 232, 172);
}

.organizer-appointment-tirewheel-color {
  background-color: #CCC;
}

.organizer-appointment-wheel-color {
  background-color: #FFD369;
}

.organizer-appointment-replacementcar-color {
  background-color: #FDFF6F;
}

.organizer-appointment-windscreen-color {
  background-color: #E3E4FF	;
}

.organizer-appointment-text {
  box-sizing: border-box;
  font-weight: normal;
  padding-bottom: 5px;
}

td.datepicker-cell {
  padding-right: 20px;
}

.editableBox {
  width: 75px;
  height: 23px;
}

.timeTextBox {
  width: 48px;
  margin-left: -78px;
  /*    height: 25px;*/
  border: none;
}

.organizerDateDate {
  font-size: 150%;
  font-weight: bold;
  margin: 10px 0 10px 0;
}

.organizer-appointment-holderlink, .organizer-appointment-vehiclelink {
  background-position: top 2px right 2px;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}
#appointment-tooltip.organizer-appointment-holderlink, #appointment-tooltip.organizer-appointment-vehiclelink {
  background-position: top 4px right 6px;
  background-size: 16px 16px;
}

/*
.organizer-appointment-holderlink {
  background-image: url(../images/holder_16.png);
}
.organizer-appointment-vehiclelink {
  background-image: url(../images/vehicle_16.png);
}

#appointment-tooltip-subject-service {
	background-image: url(../images/work/service.png);	
}

#appointment-tooltip-subject-wheel {
	background-image: url(../images/work/wheel.png);	
}

#appointment-tooltip-subject-tire {
	background-image: url(../images/work/tire_16.png);	
}

#appointment-tooltip-subject-mfk {
	background-image: url(../images/work/mfk_16.png);	
}

#appointment-tooltip-subject-peugeot {
	background-image: url(../images/work/peugeot.png);	
}

#appointment-tooltip-subject-nissan {
	background-image: url(../images/work/nissan.png);	
}

#appointment-tooltip-subject-windscreen {
	background-image: url(../images/work/windscreen.png);	
}
*/