.headline > * {
	margin-top: 0;
}
.headline {
	min-width: 976px;
	width: auto;
	top: 0;
}
.month {
	width: auto;
	margin-bottom: 20px;
}
.month.invisible {
	visibility: hidden;
}




/* TABLE VIEW */

table.month-header {
	width: 100%;
}
table.month-header th {
	width: 14.2%;
	padding: 8px 0 6px;
	line-height: 20px;
	color: #666;
	text-transform: uppercase;
	font-weight: 500;
}

.month-view.usecase-header #usecase-content {
/*
	margin-top: -36px;
	padding-top: 36px;
*/
	height: calc(100% - 68px);
}



.month-view .month table.duties tr td {
	position: relative;
	padding: 1px 0 0 1px
}
.month-view .month table.duties tr td:after{
	content:'';
	display:block;
	margin-top:90%;
}
.layout-md.month-view .month table.duties tr td:after {
	margin-top: 85%;
}
.layout-lg.month-view .month table.duties tr td:after,
.layout-xl.month-view .month table.duties tr td:after {
	margin-top:140px;
}


.month table.duties tr th {
	background: transparent;
	text-transform: uppercase;
	font-weight: 500;
	padding: 0 0 10px 0;
	height: 14px;
	line-height: 14px;
	max-height: 24px;
	border: none;
}
.month table.duties tr td .day-info {
	font-size: 20px;
	line-height: 20px;
	height: 24px;
	text-align: left;
}
.month table.duties tr td .date b {
	font-weight: normal;
}
.month table.duties tr td .date i  {
	display: none;
}

.month-view h3 {
	margin: 0 0 16px 0;
}
.month-view .month table.duties tr td .click-area {
	min-width: 60px;
	background: transparent;

	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	
	border: 1px solid #aab1b3;
	border-left-width: 0; 
	background: #fff;
}

.month table.duties tr td:first-child .click-area {
	border-left-width: 1px; 
}

.month table.duties tr td.other-month .click-area div.day-info,
.month table.duties tr td.other-month .click-area div.display-full {
	opacity: 0.15;
}

.display-full .allocation-info {
	border: 0 !important;
	border-radius: 4px !important;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset;
	min-height: 62px;
}

.display-full .allocation-info .allocation-name, .display-full .allocation-info .duty-nr, .display-full .allocation-info .caption {
	height: 20px;
}





.message {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mdl-list__item--three-line .mdl-list__item-primary-content {
	overflow: hidden;
}

.message .message-time {
    text-align: right;
    width: 85px;
}



/* LIST VIEW */ 

.list-view #usecase-header {
	display: none;
}

.list-view h3 {
	margin:0;
	padding: 0px 16px 16px 0px;
}
.list-view .month {
	padding: 0;
}
.list-view .month table.duties tr {
	display: inline-block;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.2);
	margin-bottom: 16px;
	
}
.list-view .month table.duties tr th {
	display: none;
}
.list-view .month table.duties tr td {
	display: block;
	width: 100%;
	border: 0 !important;
	border-bottom: 1px solid rgba(0,0,0,.2) !important;
	border-left:   1px solid rgba(0,0,0,.2) !important;
	border-right:  1px solid rgba(0,0,0,.2) !important;
	background: transparent !important;
}
.list-view .month table.duties tr td.other-month {
	display: none;
}
.list-view .month table.duties tr td .click-area {
	padding: 8px;
	min-height: 60px;
}
.list-view .month table.duties tr td .day-info {
	width: 40px;
	float: left;
	padding-top: 0;
	padding-left: 2px;
}
.list-view .month table.duties tr td .date i {
	display: block;
	font-style: normal;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
}
.list-view .month table.duties tr td .date b {
	font-size: 24px;
	line-height: 30px;
}
.list-view .month table.duties tr td .display-full {
	margin-left: 48px;
	width: calc(100% - 48px);
}
.list-view .month .display-full .allocation-info {
	padding: 8px;
	min-height: 48px;
}
.list-view .month .display-full .allocation-info .allocation-name, 
.list-view .month .display-full .allocation-info .duty-nr, 
.list-view .month .display-full .allocation-info .caption {
	min-width: 80px;
	width: 40%;
	padding: 10px;
	margin: -8px;
	float: left;
	text-align: left;
	height: 48px;
}
.list-view .month .display-full .allocation-info div.time-location-info.begin,
.list-view .month .display-full .allocation-info div.time-location-info.end {
	width: 55%;
	float: right;
	margin: 0;
	padding: 6px;
}
.list-view .allocation-info .time {
	width: 60px;
}
.list-view .allocation-info .location {
	float: none !important;
}


.layout-xs h3,
.layout-sm.landscape h3 {
	padding-left: 8px;
	margin-top: -20px;
	font-size: 24px !important;
	line-height: 28px !important;
}
.layout-xs #load-more,
.layout-sm.landscape #load-more  {
	margin-left: 18px;
}

.layout-xs .display-full .allocation-info,
.layout-sm .display-full .allocation-info {
	min-height: 0;
	height: 15px;
}

.layout-lg-ui.layout-sm.list-view .month table.duties tr td .display-full,
.layout-lg-ui.layout-xs.list-view .month table.duties tr td .display-full {
	margin-left: 80px;
	width: calc(100% - 88px);
}




#load-more {
	margin-bottom: 16px;
}

#set-year-view {
	display: none;
}






/* flat colors */

.allocation-info.singleduty {
                background: #f3f3f3 !important;
}
.allocation-info.uneditable_duty {
                background: #f3f3f3 !important;
}
.allocation-info.dutyplaceholder {
                background: #f3f3f3 !important;
}
.allocation-info.shiftclass {
                background: #f3f3f3 !important;
}
.allocation-info.standby {
                background: #f3f3f3 !important;
}
.allocation-info.timesegment.type_offday {
                background: #f3f3f3 !important;
}
.allocation-info.timesegment.type_absence {
                background: #f3f3f3 !important;
}
.allocation-info.type_presence {
                background: #f3f3f3 !important;
}
.allocation-info.work_in_progress {
                background: #f3f3f3 !important;
} 


.allocation-info.singleduty .duty-nr {
                background: #3086bf !important;
}
.allocation-info.uneditable_duty .allocation-name {
                background: #B6B6B6 !important;
}
.allocation-info.dutyplaceholder .caption {
                background: #30B8BF !important;
}
.allocation-info.shiftclass .allocation-name {
                background: #30C0A3 !important;
}
.allocation-info.standby .allocation-name {
                background: #BFBF40 !important;
}
.allocation-info.timesegment.type_offday .allocation-name {
                background: #8acc66 !important;
}
.allocation-info.timesegment.type_absence .allocation-name {
                background: #c32729 !important;
}
.allocation-info.type_presence .allocation-name {
                background: #C38227 !important;
}
.allocation-info.work_in_progress .allocation-name {
                background: #dddddd !important;
} 




.allocation-info {
	border-radius: 3px !important;
	overflow: hidden;
}

.display-full .allocation-info .allocation-name, 
.display-full .allocation-info .duty-nr, 
.display-full .allocation-info .caption {
	margin: -6px -6px 2px;
	padding: 6px;
	height: inherit;
	text-shadow: none;
}


.allocation-info.timesegment {
	min-height: 16px;
	height: 16px;
}

.allocation-info .time-location-info.begin {
	margin: 0px -6px;
	padding: 6px;
}
.allocation-info .time-location-info.end {
	margin: 0px;
	padding: 2px 0 2px;
}
.allocation-info .time,
.allocation-info .location {
	margin: 0 !important;
	color: #444 !important;
	text-shadow: none;
}