@CHARSET "UTF-8";
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/javax.faces.resource/fonts/materialicons/MaterialIcons-Regular.eot.xhtml"); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url("/javax.faces.resource/fonts/materialicons/MaterialIcons-Regular.woff2.xhtml") format('woff2'),
       url("/javax.faces.resource/fonts/materialicons/MaterialIcons-Regular.woff.xhtml") format('woff'),
       url("/javax.faces.resource/fonts/materialicons/MaterialIcons-Regular.ttf.xhtml") format('truetype');
}

input::-ms-clear {
    display: none;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'Modena';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
/*  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
  text-indent: 0px !important;
  background: none !important;
  vertical-align: middle;
}

/* Icons */
.icon-delete-forever:before {
	content: "delete_forever";
}

.icon-edit:before {
	content: "edit";
}

.icon-vpn-key:before {
	content: "vpn_key";
}

.icon-file-download:before {
	content: "file_download";
}

.icon-arrow-upward:before {
	content: "arrow_upward";
}

.icon-arrow-downward:before {
	content: "arrow_downward";
}

.icon-person-add:before {
	content: "person_add";
}

.icon-note-add:before {
	content: "note_add";
}

.icon-add-box:before {
	content: "add_box";
}

.icon-navigate-next:before {
	content: "navigate_next";
}

.icon-navigate-before:before {
	content: "navigate_before";
}

.icon-view-week:before {
	content: "view_week";
}

.icon-view-day:before {
	content: "view_day";
}

.icon-directions-run:before {
	content: "directions_run";
}

.icon-equalizer:before {
	content: "equalizer";
}

.icon-school:before {
	content: "school";
}

.icon-grid-on:before {
	content: "grid_on";
}

.icon-group:before {
	content: "group";
}

.icon-security:before {
	content: "security";
}

.icon-keyboard-arrow-up:before {
	content: "keyboard_arrow_up";
}

.icon-keyboard-arrow-down:before {
	content: "keyboard_arrow_down";
}

.icon-home:before {
	content: "home";
}

.icon-event:before {
	content: "event";
}

.icon-settings:before {
	content: "settings";
}

.icon-person:before {
	content: "person";
}

.icon-assignment:before {
	content: "assignment";
}

.fa.material-icons {
	font-size: 20px;
}

.ui-button-icon-left.ui-icon.ui-c.material-icons {
    width: 22px;
    height: 22px;
    font-size: 22px;
    line-height: 16px;
    left: 40%;
}

/* Anpassungen für Materializecss */

.ui-corner-all {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.btn.ui-state-default, .btn.ui-widget-content .btn.ui-state-default, .btn.ui-widget-header .btn.ui-state-default {
	color:#333333;
	text-shadow:0;
	cursor:pointer;
	background:none;
	border:0px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	filter: none;
	*zoom:1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Picklist/Orderlist */
.permissionlist .ui-picklist-list {
	width: 330px !important;
}

.faehigkeiten .ui-orderlist-list {
	width: 400px !important;
}

.jqui .ui-picklist .ui-picklist-item,.jqui .ui-orderlist .ui-orderlist-item {
	border: 0.8px solid #ffffff;
	margin: 1px;
}
/* Anpassunge damit Materialize und jqui zusammen laufen */
.jqui th.ui-state-default {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
}
.jqui th.ui-state-hover,
.jqui th.ui-state-focus,
.jqui .ui-button:hover,
.jqui .ui-state-default.ui-state-focus.ui-button {
	border: 1px solid #cccccc;
	background: #ededed;
}

#messages_container.ui-widget {
	font-family: "Roboto",Arial,Helvetica,sans-serif;
	font-size: 1em;
}

#messages_container .ui-state-highlight,
#messages_container .ui-widget-content .ui-state-highlight,
#messages_container .ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
}

/* Icons for growl
----------------------------------*/

/* states and images */
#messages_container .ui-icon {
	width: 16px;
	height: 16px;
}
#messages_container .ui-icon,
#messages_container .ui-widget-content .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_444444_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}
#messages_container .ui-widget-header .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_444444_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}
#messages_container .ui-state-hover .ui-icon,
#messages_container .ui-state-focus .ui-icon,
#messages_container .ui-button:hover .ui-icon,
#messages_container .ui-button:focus .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_555555_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}
#messages_container .ui-state-active .ui-icon,
#messages_container .ui-button:active .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}
#messages_container .ui-state-highlight .ui-icon,
#messages_container .ui-button .ui-state-highlight.ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_777620_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}
#messages_container .ui-state-error .ui-icon,
#messages_container .ui-state-error-text .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_cc0000_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}
#messages_container .ui-button .ui-icon {
	background-image: url("/javax.faces.resource/images/ui-icons_777777_256x240.png.xhtml?ln=primefaces-propeople&rv=0.0.2");
}

#messages_container .ui-icon-closethick { background-position: -96px -128px; }

/* dragable table */
.ui-datatable.ui-sortable-helper.ui-widget {
	font-family: "Roboto",Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-datatable.ui-sortable-helper.ui-widget .ui-widget {
	font-family: "Roboto",Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-datatable.ui-sortable-helper.ui-widget .ui-widget .ui-widget {
	font-size: 1em;
}
.ui-datatable.ui-sortable-helper.ui-widget input,
.ui-datatable.ui-sortable-helper.ui-widget select,
.ui-datatable.ui-sortable-helper.ui-widget textarea,
.ui-datatable.ui-sortable-helper.ui-widget button {
	font-family: "Roboto",Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-datatable.ui-sortable-helper.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-datatable.ui-sortable-helper.ui-widget .ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-datatable.ui-sortable-helper.ui-widget .ui-widget-content a {
	color: #333333;
}

/* dropdown */
.jqui .ui-autocomplete-dropdown {
	margin-top: 16px;
	margin-bottom: 16px;
}

.jqui .ui-autocomplete .ui-autocomplete-dropdown {
	height: inherit;
}
.jqui .ui-autocomplete {
	width: 100%;
}
.ui-autocomplete-panel.ui-widget-content {
	background-color: #ffffff;
}
.ui-autocomplete-panel .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-autocomplete-panel .ui-button.ui-state-focus {
	
}

/* Calender */
.ui-calendar select {
	display:inline;
	height: inherit;
}
/* Fehlerhafte Eingaben */
.jqui .ui-inputfield.ui-inputtext.ui-widget.ui-state-error {
	border-bottom: 1px solid #ef5350;
}
html .jqui .ui-state-error, .jqui .ui-widget-content .ui-state-error, .jqui .ui-widget-header .ui-state-error {
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #ef5350;
}
html .jqui input.ui-state-error, .jqui .ui-widget-content input.ui-state-error, .jqui .ui-widget-header input.ui-state-error {
    color: #000000;
}

/* Timetable */
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.selectedCell {
	background-color: #99f;
}

.availableCell {
	background-color: #66ed66;
}

.availableCell.selectedCell {
	background-color: #3d8ea3;
}
.availableCell.bedarfgleich {
	background-color: #aff5af;
}
.availableCell.selectedCell.bedarfgleich {
	background-color: #92c8d6;
}
.possiblyCell {
	background-color: #ffff6a;
}

.possiblyCell.selectedCell {
	background-color: #9999a6;
}

@media print{
	.availableCell {
		background-color: #66ed66 !important;
	}
	.availableCell.bedarfgleich {
		background-color: #aff5af !important;
	}
	.possiblyCell {
		background-color: #ffff6a !important;
	}
}

.timetablecolheader {
	margin-left: -4px;
	margin-top: 17px;
	position: absolute;
	transform: rotate(-90deg);
	transform-origin: left top;
}

.zeitplan {
	/* font-size: 80%; */
	table-layout: fixed;
	width: 100%;
	background-color: #ffffff;
}

.zeitplan td, .zeitplan th {
	padding-left: -20px;
	padding-right: -20px;
}
.zeitplan td {
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
}

.zeitplan td.raster {
	padding: 0px 0px;
}

.daycol {
	width: 30px;
	font-size: 15px;
}

.raster {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	filter: none;
	border: 1px dotted rgba(0, 0, 0, 0.26);
}

.schichtplanen th {
	height: 36px;
}

.schichtplanen .timetablecolheader {
	margin-top: 16px;
}

html .jqui .calwithbutton input[type="text"] {
	width: inherit;
}

input[type="text"][readonly="readonly"].hasDatepicker,
input[type="text"][readonly="readonly"].showasactive {
	color: black;
	background-color: #ffffff;
}

/* Weekview */
.weekview td.daycolumn {
	padding: 0;
	vertical-align: top;
}
.weekview td.daycolumn .schicht {
	background-color: #acffae;
	text-align: center;
	border-bottom: 1px solid gray;
}
.weekview td.daycolumn .schicht:first-child {
	padding-top: 4px;
}
.weekview td.daycolumn .schicht:last-child {
	border-bottom: none;
	padding-bottom: 4px;
}
.weekview td.daycolumn .schicht.manuell {
	background-color: #ffffac;
}
html .jqui .ui-datatable .ui-state-active {
	color: black;
}
html .jqui .ui-datatable .ui-state-active .ui-icon {
    background-image: url("/javax.faces.resource/images/ui-icons_444444_256x240.png.xhtml?ln=primefaces-propeople");
}
html .jqui .ui-datatable .ui-state-active .ui-column-title {
	font-weight: bold;
}
.schicht, .noschicht {
	position: relative;
}
.schicht .schichtactions,
.noschicht .schichtactions {
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}
.noschicht {
	min-height: 1.3em;
}
.schichtactions button.ui-button-icon-only {
	width: 1.2em;
	height: 1.5em;
}
@media print{
	.weekview td.daycolumn *.schicht {
		background-color: #acffae !important;
	}
	.weekview td.daycolumn *.schicht.manuell {
		background-color: #ffffac !important;
	}
}
/* Dayview */
.zeitplan .manamecol {
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.zeitplan.dayview .schicht,
.zeitplan.schichtplanen .schicht {
	background-color: #acffae;
	position: inherit;
}
.zeitplan.dayview .schicht.manuell,
.zeitplan.schichtplanen .schicht.manuell {
	background-color: #ffffac;
}
.zeitplan.schichtplanen .schicht.selectedCell {
	background-color: #5680d6;
	}
.zeitplan.schichtplanen .schicht.manuell.selectedCell {
	background-color: #8080d5;
}
@media print{
	.zeitplan.dayview .schicht,
	.zeitplan.schichtplanen .schicht {
		background-color: #acffae !important;
	}
	.zeitplan.dayview .schicht.manuell,
	.zeitplan.schichtplanen .schicht.manuell {
		background-color: #ffffac !important;
	}
	.zeitplan.schichtplanen .schicht.selectedCell {
		background-color: #5680d6 !important;
		}
	.zeitplan.schichtplanen .schicht.manuell.selectedCell {
		background-color: #8080d5 !important;
	}
}
.zeitplan.dayview th.kumuliert {
	width: 70px;
	text-align: center;
}
/* Deckungsview */
.zeitplan .taetigkeitscol {
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}
.zeitplan th {
	height: 45px;
}
.zeitplan.deckungsview .raster.gedeckt {
	background-color: #acffae;
	position: inherit;
}
.zeitplan.deckungsview .raster.ueberdeckung {
	background-color: #ffffac;
	position: inherit;
}
.zeitplan.deckungsview .raster.unterdeckung {
	background-color: #ffa4a4;
	position: inherit;
}
@media print{
	.zeitplan.deckungsview .raster.gedeckt {
		background-color: #acffae !important;
	}
	.zeitplan.deckungsview .raster.ueberdeckung {
		background-color: #ffffac !important;
	}
	.zeitplan.deckungsview .raster.unterdeckung {
		background-color: #ffa4a4 !important;
	}
}
.main-header .logo .logo-mini {
	padding-top: 0;
}

html .ui-autocomplete {
	width: 100%;
}
.form-control.validationerror {
	background-color: #ffb5b5;
}

.sondertagauswahl .ui-selectlistbox-item td:first-child {
	width: 150px;
}

@media print{
	button.ui-button {
		display: none !important;
	}
	body *.fc *.fc-event{
	 color:#ffffff !important;
	 background-color:#337fab !important;
	}
	*.fc-event,
	*.fc-event *.fc-title,
	*.ui-widget *.fc-event *.fc-title {
 		color:#ffffff !important;
	}
	
}

.ui-autocomplete .ui-autocomplete-dropdown {
	top: 0px;
}
body button.ui-autocomplete-dropdown span.ui-icon-triangle-1-s::before {
	top: -11px !important;
}
body .ui-datatable.maplanunsliste table tbody td {
	padding-left:2px;
}

.callout.regelverstoss {
	margin-bottom: 0px;
}
.beteiligteplaene {
}
.heightconfirm .ui-dialog-content {
    max-height: 300px;
}

.versioninfo {
	display: block;
	position: fixed;
	top: 0px;
	right: 3px;
	color: #fff;
	font-size: 0.8em;
}