:root {
	--headline-color: #f4e9c5;
	--panel-color: #f4e9c5;
	--panel-bg-color: #3b6053;
	--menu-item-bg-color: #f4e9c5;
	--menu-item-bg-color-gray: #d6d6d6;
	--menu-item-bg-color-dark: #1a3226;
	--bg-color: #ffffff;
	--bg-color-gray: #d6d6d6;
	--bg-color-hover: #f4e9c5;
	--bg-color-highlight: #1f6542;
    --bg-color-even: #f2f5f9;
    --bg-color-error: #fab9b9;
	--text-color-dark: #000000;
    --text-color-light: #FFFFFF;
	--text-color-dark-800: #1a3226;
	--text-color-gray: #a0a0a0;
	--text-color-gray-light: #c0c0c0;
	--text-color-dark-gray: #777777;
	--text-color-highlight: #f4e9c5;
	--text-color-error: #B94A48;

    --border-color-error: #B94A48;
    --border-color-plan: #ceddd1;
    --text-color-error-light: #fab9b9;
	--text-color-warning: #ff9900;
	--text-color-warning-light: #f9fa82;
	--text-color-info: #3a87ad;
	--text-color-ok: #00e300;

	--border-color-primary: #1a5537;
	--border-color-gray-light: #c0c0c0;

	--border-state-highlight: 1px solid var(--border-color-primary);

	--shadow-color-dark-gray: #777777;
	--shadow-color-light: #6a9a89;
}

:focus {
		outline: none;
		border-color: var(--border-color-primary);
	}

	.align-top {
   	vertical-align: top;
   	}

    .ui-inplace .ui-selectonemenu, .ui-inplace .ui-inputfield {
		vertical-align: middle;
	}

	.ui-state-hover, .ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover {
		background: var(--bg-color-hover);
        color: var(--text-color-dark-800);
	}

    .ui-panelgrid1 tr, .ui-panelgrid1 td {
		border: 0 !important;
	}

	.ui-datalist-content1 div {
	    border: 0 !important;
	}

	.ui-contextmenu {
	    white-space: nowrap;
	    width: auto;
	}

    .ui-button {
        border-radius: 0.25rem;
    }

    .ui-button.rounded-button {
        border-radius: 2rem;
    }

    .ui-button.width-8 {
        width: 8rem;
    }

    .ui-selectonemenu.pw-selectonemenu {
        vertical-align: middle;
    }

    .ui-selectmanymenu.pw-selectmanymenu {
        vertical-align: middle;
    }

    a.pw-headerline-link:link, a.pw-headerline-link:visited, a.pw-headerline-link:hover, a.pw-headerline-link:active {
		color: var(--headline-color);
		text-decoration: none;
	}

	.pw-header {
		vertical-align: top !important;
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.pw-nopadding-nomargin {
		border: none !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.pw-column-borderless {
		border: 0 !important;
	}

	.pw-panel-kiosk-TitleBar > .ui-widget-header {
	    border: 1px solid #687df2;
	    color: #1b1d1f;
	    background: #687df2;
	    background: -moz-linear-gradient(top,#92a0f5 0,#687df2 100%);
	    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#92a0f5),color-stop(100%,#687df2));
	    background: -webkit-linear-gradient(top,#92a0f5 0,#687df2 100%);
	    background: -o-linear-gradient(top,#92a0f5 0,#687df2 100%);
	    background: -ms-linear-gradient(top,#92a0f5 0,#687df2 100%);
	    background: linear-gradient(top,#92a0f5 0,#687df2 100%);
     }

	.pw-panel-error-TitleBar > .ui-widget-header {
	    border: 1px solid #fb5200;
	    color: #1b1d1f;
	    background: #ff8040;
	    background: -moz-linear-gradient(top,#ff8040 0,#fb5200 100%);
	    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff8040),color-stop(100%,#fb5200));
	    background: -webkit-linear-gradient(top,#ff8040 0,#fb5200 100%);
	    background: -o-linear-gradient(top,#ff8040 0,#fb5200 100%);
	    background: -ms-linear-gradient(top,#ff8040 0,#fb5200 100%);
	    background: linear-gradient(top,#ff8040 0,#fb5200 100%);
     }

	.pw-panel-error > .ui-panel-content {
	 	background-color: #ffc5a8 !important;
    }

	.pw-panel-planung-TitleBar > .ui-widget-header {
	    border: 1px solid #e9c10a;
	    color: #1b1d1f;
	    background: #f9dd6f;
	    background: -moz-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9dd6f),color-stop(100%,#e9c10a));
	    background: -webkit-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: -o-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: -ms-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
     }

	.pw-panel-planung .ui-panel-content {
	 	background-color: #fdf3c4;
	 	padding: 0.2em 0.2em;
    }

	.pw-panel-planung-teachers-TitleBar .ui-widget-header {
	    border: 1px solid #e9c10a;
	    color: #1b1d1f;
	    background: #f9dd6f;
	    background: -moz-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9dd6f),color-stop(100%,#e9c10a));
	    background: -webkit-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: -o-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: -ms-linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
	    background: linear-gradient(top,#f9dd6f 0,#e9c10a 100%);
    }

	.pw-panel-planung-teachers .ui-panel-content {
        display: flex;
        flex-wrap: wrap;
	 	gap: 3px;
    }

   .pw-panel-content-chips  > .ui-panel-content {
       display: inline-block;
       padding: 0 2px !important;
    }

	.pw-panel-content-chips-teacher {
		border: 0;
    }

	.pw-panel-content-chips-stundentafel {
		border: 0;
    }

	.pw-panel-content-chips-green * {
	 	background-color: #80ff00;
    }

	.pw-panel-content-chips-yellow * {
	 	background-color: #faf5e4 ;
    }

	.pw-panel-content-chips-red * {
	 	background-color: #ff8080 ;
    }

    .pw-panel-chips-acronym {
    	font-weight: bold;
    }

    .pw-panel-chips-green {
	 	background-color: #80ff00 ;
    }

	.pw-panel-chips-yellow {
	 	background-color: #faf5e4 ;
    }

	.pw-panel-chips-red {
	 	background-color: #ff8080 ;
    }

    .pw-font-4 {
		font-size: 1.2em;
	}

    .pw-font-3 {
		font-size: 1.0em;
	}

    .pw-font-2 {
		font-size: 0.8em;
	}
    .pw-font-1 {
		font-size: 0.7em;
	}
    .pw-font-0 {
		font-size: 0.5em;
	}

	.pw-panel-content-chips-font-4 .ui-panel-content {
		font-size: 1.2em;
	}
	.pw-panel-content-chips-font-3 .ui-panel-content {
		font-size: 1.0em;
	}
	.pw-panel-content-chips-font-2 .ui-panel-content {
		font-size: 0.8em;
    }
   	.pw-panel-content-chips-font-1 .ui-panel-content {
   		padding: 0 1px !important;
		font-size: 0.7em;
    }
	.pw-panel-content-chips-font-0 .ui-panel-content {
		padding: 0 2px !important;
		font-size: 0.5em;
    }

	.pw-panelgrid-cell-chips > .ui-widget-content {
		padding: 1px 4px;
 		border: 0;
    }

	.pw-panelgrid-cell-chips-small .ui-panelgrid-cell {
		padding: 0px 1px !important;
 		border-width: 0;
    }

	.pw-panelgrid-chips .ui-panelgrid-cell {
		border-width: 0;
    }

    .pw-panelgrid-noborder .ui-panelgrid-content {
        border-width: 0;
    }

    .pw-table-noborder tr.ui-widget-content, .pw-table-noborder td.ui-panelgrid-cell, .pw-table-noborder .ui-panelgrid-content {
        border-width: 0;
        padding: 4px 10px;
    }

    .pw-table-text-center td.ui-panelgrid-cell {
        text-align: center;
    }

    .pw-panel-noborder {
		border-width: 0 !important;
	}

	.pw-panel-stundentafel .ui-panel .ui-panel-titlebar-icon {
    	float: left;
	}

	.pw-stundentafelpanel-class-selected {
		font-weight: bold !important;
		color: var(--panel-color);
		background-color: var(--panel-bg-color);
	}

    .pw-footnote-check-group {
        display: flex;
        flex-direction: row;
        gap: 1em;
    }

    .pw-panel .ui-panel-content {
		border: 0;
		padding: 0.2em 0.2em;
	}

	.pw-actionpanel > .ui-panel-content {
		padding: 0 !important;
	}

	.ui-panel-border {
		border-width: 1px !important;
	}

	.pw-panel-messageFrom {
		border: 0 !important;
		background-color: #faf5e4 !important;
	}

	.pw-panel-messageTo {
		border: 0 !important;
		background-color: #c3ecda !important;
	}

	.pw-panel-messageFrom-read {
		border: 0 !important;
		background-color: #faf5e4 !important;
		color: #899d98 !important;
	}

	.pw-panel-messageTo-disabled {
		border: 0 !important;
		background-color: #c3ecda !important;
		color: #899d98 !important;
	}

	.pw-panelgrid-message tr, .pw-panelgrid-message td {
		border: 0 !important;
		background: transparent !important;
	}

	.pw-panelgrid-headerline tr, .pw-panelgrid-headerline td {
		border: 0 !important;
	}

.pw-panelgrid-column-fileupload {
    min-width: 28em;
    border: 0 !important;
    align-content: center;
}

.pw-get-content-from-parent .ui-widget-content {
    background-color: transparent;
    color: inherit;
}

.pw-column-headerline {
	font-size: 90%;
	color: var(--headline-color) !important;
	vertical-align: middle;
	white-space:nowrap;
}

.pw-column-headerline-value {
	font-size: 90%;
	color: var(--headline-color) !important;
	vertical-align: middle;
	white-space:nowrap;
	text-align: left;
}

pw-column-headerline-label {
		font-size:90%;
	}

	.pw-menubar-headerline, .pw-state-hover-headerline:focus {
		background: transparent;
		border: 0 !important;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.pw-state-hover-headerline:hover, .pw-state-hover-headerline.ui-state-hover {
		background-color: var(--panel-bg-color);
		background-image: linear-gradient( to top, var(--menu-item-bg-color-dark), var(--panel-bg-color), var(--menu-item-bg-color));
		color: var(--text-color-highlight) !important;
		box-shadow:0px 0px 8px var(--panel-bg-color) !important;
	}

	.pw-state-hover-headerline:active, .pw-state-hover-headerline-red:active {
		background-color: var(--menu-item-bg-color-gray);
		background-image: linear-gradient( to top, var(--panel-bg-color), var(--menu-item-bg-color));
		color: var(--text-color-highlight) !important;box-shadow:2px 2px 8px var(--shadow-color-dark-gray) !important;
		box-shadow:2px 2px 4px 4px var(--shadow-color-light) !important;
		transform: translate(2px, 2px);
	}

	.pw-state-hover-headerline-red:hover, .pw-state-hover-headerline-red.ui-state-hover {
		background-color: var(--panel-bg-color);
		background-image: linear-gradient( to top, var(--menu-item-bg-color-dark), var(--panel-bg-color), var(--menu-item-bg-color));
		color: var(--text-color-error) !important;
		box-shadow:0px 0px 8px var(--panel-bg-color) !important;
	}

    .pw-panel-titlebar > .ui-panel-titlebar {
		border: none !important;
		background-color: #FFFFFF !important;
	}

	.pw-table-border {
		border: 1px solid var(--border-color-plan);
	}

	.pw-table-border-bold-right {
		border: 1px solid #ceddd1;
		border-right: 3px solid #304409;
	}

    .pw-schedule-header {
		font-weight: bold !important;
		padding: 0.6em !important;
	}

	.ui-icon {
		font-size: 14px !important;
	}

	.ui-menu.ui-menubar {
		padding: 0 !important;
	}

	.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
		margin-right: 0 !important;
		float: left !important;
	}

	.ui-menubar .ui-menuitem-link {
		padding: .4em .6em !important;
	}

	.ui-menuitem-text {
		padding-left: 0.2em;
	}

	.ui-panelgrid .ui-panelgrid-cell {
	    padding: 4px 10px;
	}

    .ui-panelgrid-ok tr, .ui-panelgrid-ok td {
		border: none !important;
		background-color: #bcffb0 !important;
  		border-color: #80ff00 !important;
  		color: #005300!important;
	}

    .ui-panelgrid-info tr, .ui-panelgrid-info td {
		border: none !important;
		background-color: #BDE5F8 !important;
  		border-color: #BCE8F1 !important;
  		color: #3a87ad !important;
	}

    .ui-panelgrid-warning tr, .ui-panelgrid-warning td {
		border: none !important;
		background-color: #fef3cd !important;
  		color: #ff9900 !important;
  		font-weight: bold;
	}

    .ui-panelgrid-error tr, .ui-panelgrid-error td {
		border: none !important;
		background-color: #F2DEDE !important;
  		border-color: #EED3D7 !important;
  		color: #B94A48 !important;
	}

    .ui-panelgrid-leiste tr, .ui-panelgrid-leiste td {
		border: none !important;
	}

    .ui-panel1 {
		border-width: 0 !important;
	}
	.ui-widget-content-error {
		background-color: #F2DEDE !important;
	}
	.ui-widget-content-warning {
		background-color: #ffffe8 !important;
	}
	.ui-widget-content-info {
		background-color: #BDE5F8 !important;
	}
	.ui-widget-content-ok {
		background-color: #bcffb0 !important;
	}

	.ui-panelgrid.large {
		border: none !important;
		width: 1000px !important;
	}

	.ui-widget100 {
		font-size: 100% !important;
	}

	.pw-widget {
		font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;
	}

	.pw-content-error {
		background-color: #F2DEDE;
  		color: #B94A48;
	}

	.ui-widget {
		font-size: 100% !important;
	}
	.ui-widget90 {
		font-size: 90% !important;
	}
	.ui-widget80 {
		font-size: 80% !important;
	}
	.ui-widget1 {
		font-size: 70% !important;
	}
	.ui-widget_4 {
		font-size: 150% !important;
	}
	.ui-widget_3 {
		font-size: 120% !important;
	}
	.ui-widget_2 {
		font-size: 100% !important;
	}
	.ui-widget_1 {
		font-size: 80% !important;
	}
	.ui-widget_0 {
		font-size: 50% !important;
	}
	.ui-widget_s_4 {
		font-size: 80% !important;
	}
	.ui-widget_s_3 {
		font-size: 60% !important;
	}
	.ui-widget_s_2 {
		font-size: 40% !important;
	}
	.ui-widget_s_1 {
		font-size: 30% !important;
	}
	.ui-widget_s_0 {
		font-size: 20% !important;
	}

	.col-hour_4 {
		width: 80px;
	}
	.col-hour_3 {
		width: 65px;
	}
	.col-hour_2 {
		width: 50px;
	}
	.col-hour_1 {
		width: 40px;
	}
	.col-hour_0 {
		width: 30px;
	}

	.col-time_4 {
		width: 110px;
	}
	.col-time_3 {
		width: 90px;
	}
	.col-time_2 {
		width: 70px;
	}
	.col-time_1 {
		width: 60px;
	}
	.col-time_0 {
		width: 50px;
	}

	.pw-menubar {
		border: none;
		background: transparent;
	}

	/* menubar item with an ankor link */
	.pw-menubar-item.ui-state-hover {
		background-color: var(--menu-item-bg-color);
	}

	/* menubar item where a submenu exists and the contained ankor link is expanded */
	.pw-menubar-item.ui-menuitem-active > a[aria-expanded='true']  {
		background-color: var(--menu-item-bg-color-gray);
	}

	table.pw-parameter-table td {
		padding: 0.5em 0.5em;
	}

	.ui-outputlabel {
		font-weight: 600;
	}

	.ui-picklist-list {
		border: 1px solid;
		border-color: var(--border-color-gray-light);
	}

    .ui-picklist.pklasse .ui-picklist-list {
          height: 70px;
          width: 200px;
    }
    .ui-picklist.p {
          height: 100px !important;
          width: 200px !important;
    }
	.ui-picklist-buttons {
          height: 80px !important;
	}
	.ui-picklist.psmall .ui-picklist-list {
		border: 1px solid var(--border-color-gray-light);
          height: 100px !important;
          width: 200px !important;
	}

	.ui-picklist-vertical.large .ui-picklist-list {
           width: 1000px !important;
	}

	.ui

	.ui-picklist-list.auto .ui-picklist-list {
           width: auto !important;
	}

 	ul.ui-menu-child {
              width: 250px !important;
	}

          <!--
    .ui-icon-person-check {
    	background-image: url('/SchulPlaner/images/home/person_check.png') !important;
    }
          -->
    .ui-icon-inspect-on {
    background-image: url('/SchulPlaner/images/home/text_inspect_on.png') !important;
    }
    .ui-icon-inspect-off {
    background-image: url('/SchulPlaner/images/home/text_inspect_off.png') !important;
    }

    .pw-selectonebuttonFilter {
    	margin: 0px !important;
    	padding: 0px !important;
    }

    .pw-buttonFilter .ui-button {
    	margin: 0px !important;
    	padding: 0px !important;
    	font-size: 60% !important;
    }

    .pw-widgetFilter .ui-widget {
    	margin: 0px !important;
    	padding: 0px !important;
    	font-size: 60% !important;
    }

    .pw-button-text-only .ui-button-text-only {
    	margin: 0px !important;
    	padding: 0px !important;
    	font-size: 65% !important;
    }

    .pw-icon-panel-titlebar {
	     padding: 0.15em;
	     width: 1.3em;
	     height: 1.2em;
	     text-align: center;
	     vertical-align: middle;
	     line-height: 1em;
	     float:right;
    }
	.pw-icon-panel-titlebar.ui-state-hover {
		background-color: var(--menu-item-bg-color);
	}

	.pw-icon-panel-titlebar.ui-state-focus {
		border: 1px solid var(--border-color-primary);
	}

	.ui-dialog-titlebar-icon.ui-state-hover, .ui-chkbox-box.ui-state-hover {
		background-color: var(--menu-item-bg-color);
	}

	.ui-datatable-selectable.ui-state-hover {
		background-color: var(--menu-item-bg-color);
		color: var(--text-color-dark-800);
		border-color: var(--border-color-gray-light);
	}

	table {
		border-color: var(--border-color-gray-light);
	}

	.ui-datatable-data tr.ui-state-hover {
		background-color: var(--menu-item-bg-color);
		color: var(--text-color-dark-800);
		border-color: var(--border-color-gray-light);
	}

    .pw-stack {
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

    .pw-icon-panel-titlebar-arrow {
	     padding-top: 0.5em;
	     padding-left: 1.0em;
	     font-size: 65% !important;
	}

    .pw-icon-panel-titlebar-with-arrow {
        padding: 0.15em;
        width: 2em;
        height: 1.2em;
        text-align: left;
        vertical-align: middle;
        line-height: 1em;
        float:right;
    }

    .pw-icon-panel-titlebar-middle {
	     padding: 0.15em;
	     width: 1.4em;
	     height: 1.4em;
	     text-align: center;
	     vertical-align: middle;
	}

	.pw-icon-panel-titlebar-text {
	     padding: 0.05em 0.3em;
	     text-align: center;
	     vertical-align: middle;
	     text-decoration: none;
	}

	.pw-button {
	     padding: 0.15em !important;
	     width: 1.7em !important;
	     height: 1.7em !important;
	     font-size: 0.8em !important;
	     text-align: center !important;
	     vertical-align: middle !important;
	}

	.pw-button-headline {
	     padding-left: 0.15em !important;
	     width: 1.7em !important;
	     height: 1.7em !important;
	     font-size: 0.8em !important;
	     text-align: center !important;
	     vertical-align: middle !important;
	}

	.ui-panelgrid-cell-right {
	     text-align: right !important;
	     margin-right: 0px !important;
    }

    .pw-subtable-incell {
	     font-family: monospace;
	     padding: 1px !important;
	     margin: 1px !important;
    }

    .pw-column-centered {
    	text-align:center !important;
    }

    .pw-column-centered-nopadding {
    	text-align:center !important;
		padding: 0px !important;
		margin: 0px !important;
    }

    .pw-arrow-insert-above {
        /*padding-top: 0.0em;*/
		padding-bottom: 0.6em;
		padding-left: 1.3em;
    	font-size: 0.9em;
    }

    .pw-arrow-insert-below {
    	padding-bottom: 0.2em;
    	padding-left: 0.3em;
    	font-size: 0.9em;
    }

	.pw-list-bg {
		color: var(--text-color-gray);
	}

	.pw-arrow-insert-above-contextmenu {
    	padding-top: 0.4em;
    	padding-left: 0.4em;
    }

    .pw-arrow-insert-below-contextmenu {
    	padding-bottom: 0.6em;
    	padding-right: 0.3em;
    }

    .pw-synchronize {
    	font-size: 0.9em;
	}

    .pw-synchronize-contextmenu {
	}

    .pw-folder-waste {
		color: var(--text-color-gray);
    	padding-bottom: 0.6em;
        font-size: 0.9em;
    }

	.pw-waste-left {
    	padding-top: 0.4em;
    	padding-left: 0.4em;
    	font-size: 0.8em;
    }

    .pw-switch-off {
        padding-top: 0.3em;
        padding-left: 0.3em;
        font-size: 1.1em;
    }

    .pw-search {
        padding-top: 0.3em;
        padding-left: 0.2em;
    }

    .pw-user-wrench {
    	padding-top: 0.4em;
    	padding-left: 0.4em;
    }

    .pw-excel-wrench {
        padding-top: 0.3em;
        padding-left: 0.3em;
    }

    .pw-excel-wrench-background {
		color: var(--text-color-gray-light);
        padding-top: 0.1em;
        padding-right: 0.5em;
        font-size: 0.9em;
    }

    .pw-calendar-bolt {
    	padding-top: -0.3em;
		padding-left: 0.2em;
    }

    .ui-menu.pw-contextmenu-engagement {
        width: 18em;
    }

    .pw-icon-bg-1 {
        color: var(--text-color-gray-light);
    }

    .pw-icon-bg-2 {
        color: var(--text-color-gray);
    }

    .pw-calendar-bolt-background {
        color: var(--text-color-gray);
        padding-top: 0.0em;
        padding-right: 0.4em;
        font-size: 0.8em;
    }

    .pw-calendar-bolt-background-1 {
        color: var(--text-color-gray-light);
        padding-top: 0.0em;
        padding-right: 0.4em;
        font-size: 0.8em;
    }

    .pw-move-file {
    	padding-top: 0.2em;
    }

    .pw-circlechange {
    	padding-top: 0.2em;
    	padding-left: 0.0em;
    	font-size: 0.8em;
    }

    .pw-switch-orientation {
    	padding-top: 0.2em;
    	padding-left: 0.0em;
    	font-size: 0.7em;
    }

    .pw-check-stundentafel {
    	padding-top: 0.2em;
    	padding-left: 0.2em;
    	font-weight: bold;
    }

    .pw-del-stundenplan {
    	padding-top: 0.3em;
    	padding-left: 0.3em;
    	font-weight: bold;
    }

    .pw-user-replace-bg {
        color: var(--text-color-gray);
    	padding-top: 0.0em;
    	padding-right: 0.4em;
    	font-size: 0.8em;
    }

    .pw-user-replace-fg {
    	padding-top: 0.2em;
    	padding-left: 0.2em;
    }

    .pw-room-replace-bg {
        color: var(--text-color-gray);
        padding-top: 0.0em;
        padding-right: 0.4em;
    	font-size: 0.8em;
    }

    .pw-room-replace-fg {
    	padding-top: 0.2em;
    	padding-left: 0.2em;
    }

    .pw-find-free-places-bg {
        color: var(--text-color-gray);
    	padding-top: 0.0em;
    	padding-right: 0.5em;
        padding-left: 0;
    }

    .pw-find-free-places-fg {
    	padding-top: 0.3em;
    	padding-left: 0.3em;
     	font-size: 0.9em;
    }

    .pw-planning4tafel-bg {
        color: var(--text-color-gray);
        padding-right: 0.5em;
        padding-left: 0;
    }

    .pw-planning4tafel-fg {
    	padding-top: 0.3em;
    	padding-left: 0.3em;
     	font-size: 0.8em;
    }

    .pw-panelgridLink tr, .pw-panelgridLink td {
		border: none !important;
		z-index: 10;
		position: absolute;
		padding: 0px;
		margin-top:0.4em;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left:0.4em;
		width:30px;
	}

    .pw-color-picker .clr-picker {
        z-index: 90;
    }

	.pw-text-error {
		color: var(--text-color-error);
	}
	.pw-text-error-light {
		color: var(--text-color-error-light);
	}
	.pw-text-warning {
		color: var(--text-color-warning);
	}
	.pw-text-warning-light {
		color: var(--text-color-warning-light);
	}
	.pw-text-info {
		color: var(--text-color-info);
	}
	.pw-text-ok {
		color: var(--text-color-ok);
	}

	.pw-button-error {
		color: var(--text-color-error);
		background-color: var(--bg-color-error);
		border-color: var(--border-color-error);
	}

	.fa-user-wrench {
	   padding-left: 0px;
	}

	.ui-icon.fa-user-wrench:after, .fa-user-wrench .ui-button-text:after{
	   content:"\f0ad";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-user-wrench:before, .fa-user-wrench .ui-button-text:before{
	   content:"\f007";
	   color: var(--text-color-gray-light);
	   font-size: 1.00em;
	   margin-left: 20%;
	}

	.fa-line-chart-user {
	   padding-left: 0px;
	}

	.ui-icon.fa-line-chart-user:after, .fa-line-chart-user .ui-button-text:after{
	   content:"\f201";
	   color: var(--text-color-gray-light);
	   font-size: 0.9em;
	   position: relative;
	   margin-left: -100%;
	}
	.ui-icon.fa-line-chart-user:before, .fa-line-chart-user .ui-button-text:before{
	   content:"\f0c0";
	   font-size: 1.05em;
	}

	.fa-teacher-course {
	   padding-left: 0px;
	}

	.ui-icon.fa-teacher-course:after, .fa-teacher-course .ui-button-text:after{
	   content:"\f02d";
	   font-size: 0.7em;
	   position: relative;
	   margin-left: -90%;
	}
	.ui-icon.fa-teacher-course:before, .fa-teacher-course .ui-button-text:before{
	   content:"\f0c0";
	   color: var(--text-color-gray-light);
	   font-size: 1.00em;
	}

	.fa-teacher-subject {
	   padding-left: 0px;
	}

	.ui-icon.fa-teacher-subject:after, .fa-teacher-subject .ui-button-text:after{
	   content:"\f187";
	   font-size: 0.7em;
	   position: relative;
	   margin-left: -90%;
	}
	.ui-icon.fa-teacher-subject:before, .fa-teacher-subject .ui-button-text:before{
	   content:"\f0c0";
	   color: var(--text-color-gray-light);
	   font-size: 1.00em;
	}

	.fa-teacher-double {
	   padding-left: 0px;
	}

	.ui-icon.fa-teacher-double:after, .fa-teacher-double .ui-button-text:after{
	   content:"\f007";
	   font-size: 0.7em;
	   position: relative;
	   margin-left: -90%;
	}
	.ui-icon.fa-teacher-double:before, .fa-teacher-double .ui-button-text:before{
	   content:"\f007";
	   color: var(--text-color-gray-light);
	   font-size: 1.00em;
	}

	.fa-kids {
	   padding-left: 0px;
	}
	.ui-icon.fa-kids:after, .fa-kids .ui-button-text:after{
	   content:"\f1ae";
	   font-size: 0.8em;
	   position: relative;
	   margin-left: -100%;
	}
	.ui-icon.fa-kids:before, .fa-kids .ui-button-text:before{
	   content:"\f1ae";
	   font-size: 1.0em;
	   margin-left: 30%;
	}

	.icon-red {
		color: #D62424 !important;
	}
	.icon-green {
		color: #336600 !important;
	}
	.icon-yellow {
		color: #FFC000 !important;
	}

	.pw-label {
		font-weight: 600;
        padding-right: 5px;
	}
	.ui-icon{
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border-radius:3px !important;
	}

	.headerMenu {
		background: linear-gradient( to right, #43695b, #24453c);
	}

	/* PrimeFaces icon reset */
	.ui-widget .ui-icon.fa, .ui-icon.fa {
		background-image:none;
		text-indent:0px;
		background-repeat:no-repeat;
		display:block;
		overflow:visible;
		text-indent:0px;
	}

	.pw_stundenplan_table_column_stunde {
		min-width: 3.5em;
		white-space: nowrap;
	}

	.pw_stundenplan_table_column_zeit {
		min-width: 6em;
		white-space: nowrap;
	}

	.pw_stundenplan_table_column_tag {
		min-width: 4.5em;
	}

	.pw_stundenplan_table_column {
		padding: 0 !important;
		margin: 0 !important;
	}

	.pw-menuitem-text > .ui-menuitem-text {
		font-weight: 900 !important;
		padding: 0 !important;
		margin-left: -20%;
		margin-top: -15%;
	}

    .ui-datatable-pause {
          background: none repeat scroll 0 0 #A0BF99;
    }

    .pw-datatable-odd > .ui-datatable-odd {
		background-color: #f2f5f9 !important;
	}

	.pw-datatable {
		border-collapse: collapse;
		width: 300px;
		table-layout: fixed;
	}

	.pw-hide-table-header thead {
	  display: none !important;
	}

	.pw-cell-selected-from {
		border-width: medium !important;
		border-color: #336600 !important;
	}
	.pw-cell-selected-normal {
		border-width: medium !important;
		border-color: #c4c4c4 !important;
	}
	.pw-cell-unselected {
		border-width: thin !important;
		border-color: #ff00ff !important;
	}
	.pw-cell-selected-to {
		border-width: medium !important;
		border-color: #660033 !important;
	}

	.fc-event {
		background-color: #78aa49;
		border-color: #78aa49;
		color: #ffffff !important;
	}

	.pw-cell-plan {
		padding: 2px !important;
		padding-right:1px !important;
		text-align:center !important;
	}

	.pw-cell-plan-grid {
		padding: 2px !important;
		padding-right:1px !important;
		text-align:left !important;
		border-left-style:solid !important;
	}

	.pw-cell-plan-grid:hover {
		border-width: medium !important;
		border-color: var(--border-color-gray-light);
		box-shadow: 0 12px 16px 0 rgba(0,0,0,0.44),0 17px 30px 0 rgba(0,0,0,0.29) !important;
		z-index: -1 !important;
	}

	.pw-cell-plan-nogrid {
		padding-left:3px !important;
		padding-right:3px !important;
		text-align:left !important;
		border-left-style:solid !important;
	}

	.pw-cell-plan-grid-successor {
		padding-left:3px !important;
		padding-right:3px !important;
		text-align:left !important;
		border-style: none !important;
		border-left-style:solid !important;
	}

	.pw-cell-plan-entry, pw-cell-plan-entry:link, pw-cell-plan-entry:visited, pw-cell-plan-entry:active {
		padding-left:0px !important;
		padding-right:0px !important;
		padding-top:0px !important;
		padding-bottom:0px !important;
		text-align:left !important;
		border: 0 !important;

		text-decoration: none;
		font-family: "Arial Narrow",Tahoma,Arial,Helvetica,sans-serif;

	}

    .pw-cell-plan-subject {
        white-space:nowrap;
        font-weight: bold;
    }

    .pw-cell-plan-class {
        white-space:nowrap;
        font-weight: bold;
    }

    .pw-row-plan {
        background-color: transparent;
    }

    .pw-cell-plan-solitar {
        min-height: 2.5em;
    }

	.pw-event-sh > div > span.fc-time {
		display: none;
	}
	.pw-event-ph {
		background-color: #fa9f25 !important;
		border-color: #fa9f25 !important;
	}
	.pw-event-ph > div > span.fc-time {
		display: none;
	}
	.pw-event-sb {
		background-color: #5b01f1 !important;
		border-color: #5b01f1 !important;
		color: #ffffff !important;
	}
	.pw-event-sb > div > span.fc-time {
		display: none;
	}
	.pw-event-wm {
		background-color: #bb3020 !important;
		border-color: #bb3020 !important;
		color: #ffffff !important;
	}
	.pw-event-wm > div > span.fc-time {
		display: none;
	}
	.pw-event-wm0 {
		background-color: #cce6ff !important;
		border-color: #cce6ff !important;
		color: var(--text-color-dark) !important;
	}
	.pw-event-wm0 > div > span.fc-time {
		display: none;
	}
	.pw-event-wm1 {
		background-color: #cdfee2 !important;
		border-color: #cdfee2 !important;
		color: var(--text-color-dark) !important;
	}
	.pw-event-wm1 > div > span.fc-time {
		display: none;
	}
	.pw-event-wm2 {
		background-color: #fefac2 !important;
		border-color: #fefac2 !important;
		color: var(--text-color-dark) !important;
	}
	.pw-event-wm2 > div > span.fc-time {
		display: none;
	}
	.pw-event-wm3 {
		background-color: var(--text-color-gray-light);
		border-color: var(--border-color-gray-light);
		color: var(--text-color-dark) !important;
	}
	.pw-event-wm3 > div > span.fc-time {
		display: none;
	}
	.pw-event-wm4 {
		background-color: #fdddff !important;
		border-color: #fdddff !important;
		color: var(--text-color-dark) !important;
	}
	.pw-event-wm4 > div > span.fc-time {
		display: none;
	}

	.pw-schoolcalendar > tbody > tr > td {
    	vertical-align: top;
	}

	.fa-school-calendar {
	   padding-left: 0px;
	}

	.ui-icon.fa-school-calendar:after, .fa-school-calendar .ui-button-text:after{
	   content:"\f017";
	   font-size: 0.95em;
	   position: relative;
	   margin-left: -40%;
	}
	.ui-icon.fa-school-calendar:before, .fa-school-calendar .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 10%;
	}

	.fa-create-copy {
	   padding-left: 0px;
	}

	.ui-icon.fa-create-copy:after, .fa-create-copy .ui-button-text:after{
	   content:"\f067";
	   font-size: 0.90em;
	   position: relative;
	   margin-left: -40%;
	}
	.ui-icon.fa-create-copy:before, .fa-create-copy .ui-button-text:before{
	   content:"\f016";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	}

	.fa-check-stundenplan {
	   padding-left: 0px;
	}

	.ui-icon.fa-check-stundenplan:after, .fa-check-stundenplan .ui-button-text:after{
	   content:"\f0f1";
	   font-size: 0.90em;
	   font-weight: bold;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-check-stundenplan:before, .fa-check-stundenplan .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	}

	.fa-check-restrictions {
	   padding-left: 0px;
	}

	.ui-icon.fa-check-restrictions:after, .fa-check-restrictions .ui-button-text:after{
	   content:"\f0f1";
	   font-size: 0.90em;
	   font-weight: bold;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-check-restrictions:before, .fa-check-restrictions .ui-button-text:before{
	   content:"\f0e4";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	}

	.fa-user-replace {
	   padding-left: 0px;
	}

	.ui-icon.fa-user-replace:after, .fa-user-replace .ui-button-text:after{
	   content:"\f007";
	   font-size: 1.00em;
	   position: relative;
	   margin-top: 50%;
	   margin-left: -30%;
	}
	.ui-icon.fa-user-replace:before, .fa-user-replace .ui-button-text:before{
	   content:"\f2c0";
	   color: var(--text-color-gray);
	   font-size: 0.90em;
	   margin-left: -10%;
	}

	.fa-room-replace {
	   padding-left: 0px;
	}

	.ui-icon.fa-room-replace:after, .fa-room-replace .ui-button-text:after{
	   content:"\f015";
	   font-size: 1.00em;
	   position: relative;
	   margin-top: 50%;
	   margin-left: -50%;
	}
	.ui-icon.fa-room-replace:before, .fa-room-replace .ui-button-text:before{
	   content:"\f015";
	   color: var(--text-color-gray);
	   font-size: 0.90em;
	   margin-left: -10%;
	}

	.fa-find-free-places {
	   padding-left: 0px;
	}

	.ui-icon.fa-find-free-places:after, .fa-find-free-places .ui-button-text:after{
	   content:"\f002";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -60%;
	}
	.ui-icon.fa-find-free-places:before, .fa-find-free-places .ui-button-text:before{
	   content:"\f073";
	   color:#a3a3a3;
	   font-size: 0.90em;
	   margin-top: -10%;
	   margin-left: -10%;
	}

	.fa-find-free-places4tafel {
	   padding-left: 0px;
	}

	.ui-icon.fa-find-free-places4tafel:after, .fa-find-free-places4tafel .ui-button-text:after{
	   content:"\f002";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -60%;
	}
	.ui-icon.fa-find-free-places4tafel:before, .fa-find-free-places4tafel .ui-button-text:before{
	   content:"\f00a";
	   color: var(--text-color-gray);
	   font-size: 0.90em;
	   margin-top: -10%;
	   margin-left: -10%;
	}

	.fa-planning4tafel {
	   padding-left: 0px;
	}

	.ui-icon.fa-planning4tafel:after, .fa-planning4tafel .ui-button-text:after{
	   content:"\f085";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -60%;
	}
	.ui-icon.fa-planning4tafel:before, .fa-planning4tafel .ui-button-text:before{
	   content:"\f00a";
	   color: var(--text-color-gray);
	   font-size: 0.90em;
	   margin-top: -10%;
	   margin-left: -10%;
	}

	.fa-del-stundenplan {
	   padding-left: 0px;
	}

	.ui-icon.fa-del-stundenplan:after, .fa-del-stundenplan .ui-button-text:after{
	   content:"\f014";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -30%;
	}
	.ui-icon.fa-del-stundenplan:before, .fa-del-stundenplan .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 0.80em;
	   margin-left: 0%;
	}

	.fa-sb-event {
	   padding-left: 0px;
	}

	.ui-icon.fa-sb-event:after, .fa-sb-event .ui-button-text:after{
	   content:"\f0e7";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -40%;
	}
	.ui-icon.fa-sb-event:before, .fa-sb-event .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 10%;
	}

	.pw-sbevent > tbody > tr > td {
    	vertical-align: top;
	}

	.fa-supply-board {
	   padding-left: 0px;
	}

	.ui-icon.fa-supply-board:after, .fa-supply-board .ui-button-text:after{
	   content:"\f0ad";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-supply-board:before, .fa-supply-board .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 20%;
	}

	.fa-sb-impact {
	   padding-left: 0px;
	}

	.ui-icon.fa-sb-impact:after, .fa-sb-impact .ui-button-text:after{
	   content:"\f002";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-sb-impact:before, .fa-sb-impact .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 10%;
	}

	.fa-sb-action {
	   padding-left: 0px;
	}

	.ui-icon.fa-sb-action:after, .fa-sb-action .ui-button-text:after{
	   content:"\f12e";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-sb-action:before, .fa-sb-action .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 10%;
	}

	.fa-sb-plan {
	   padding-left: 0px;
	}

	.ui-icon.fa-sb-plan:after, .fa-sb-plan .ui-button-text:after{
	   content:"\f00c";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -60%;
	}
	.ui-icon.fa-sb-plan:before, .fa-sb-plan .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 10%;
	}

	.fa-sb-plan-result {
	   padding-left: 0px;
	}

	.ui-icon.fa-sb-plan-result:after, .fa-sb-plan-result .ui-button-text:after{
	   content:"\f06e";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -60%;
	}
	.ui-icon.fa-sb-plan-result:before, .fa-sb-plan-result .ui-button-text:before{
	   content:"\f073";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 10%;
	}

	.fa-supply-board-excel {
	   padding-left: 0px;
	}

	.ui-icon.fa-supply-board-excel:after, .fa-supply-board-excel .ui-button-text:after{
	   content:"\f0ad";
	   font-size: 1.00em;
	   position: relative;
	   margin-left: -50%;
	}
	.ui-icon.fa-supply-board-excel:before, .fa-supply-board-excel .ui-button-text:before{
	   content:"\f1c3";
	   color: var(--text-color-gray);
	   font-size: 1.00em;
	   margin-left: 20%;
	}

	.pw-panelgrid-row {
	 	vertical-align: middle;
	 	border-width: 0;
	}

	.pw-panelgrid-row-al-top {
	 	vertical-align: top;
	 	border-width: 0;
	}

	.pw-sbaction4class-canceled {
		position: relative;
	}

	.pw-sbaction4class-canceled::before {
		content: "\f00d";
		font-family: 'FontAwesome';
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 1;
		overflow: hidden;
		font-size: 2.5em;
		color: red;
		opacity: 0.6;
		text-align: center;
	}

	.pw-cell-sb-canceled {
		position: relative;
	}

	.pw-cell-sb-canceled::before {
		content: "\f00d";
		font-family: 'FontAwesome';
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 1;
		overflow: hidden;
		font-size: 4em;
		color: red;
		opacity: 0.6;
		text-align: center;
	}

	.version_info {
		font-size: 0.5em !important;
		color: var(--text-color-dark-800) !important;
	}

	.pw-spinner {
		color: #7eaf9e;
		position:fixed;
		top:30vh;
		left:45vw;
		z-index:1000;
		font-size: 5vh;
	}

	.pw-menu-overlaypanel-content .ui-overlaypanel-content {
		padding: 0;
	    padding-top: 0.4em;
	    padding-right: 0.4em;
	    height: 1.5em;
	}

	.pw-jg-dialog-zinfo {
		width: 25em;
	}

	.pw-class-dialog-number {
		width: 25em;
	}

	.pw-subject-dialog-name {
		width: 25em;
	}

@media only screen {
    .noScreen {
    	display:none;
    }
}


@media only screen and (min-width: 1330px) {

	.logo_franzplan_schrift_nomenu {
		width: 200px;
		height: 50px;
		background: url('/SchulPlaner/images/home/Franzplan_Logo_schrift.png') no-repeat center center !important;
	}

	.logo_franzplan_schrift {
        background: url('/SchulPlaner/images/home/Franzplan_Logo_schrift.png') no-repeat center center !important;
        width: 200px;
		height: 100px;
	}

	.logo_blackboard {
		width: 200px;
		height: 100px;
		background: url('/SchulPlaner/images/home/Franzplan_Logo.png') no-repeat center center !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 1330px) {

	.logo_franzplan_schrift_nomenu {
		padding: 0px !important;
		margin: 0px !important;
		background: none !important;
	}

	.logo_franzplan_schrift {
		padding: 0px !important;
		margin: 0px !important;
		background: none !important;
	}

	.logo_blackboard {
		width: 200px;
		height: 100px;
		background: url(/SchulPlaner/images/home/Franzplan_Logo.png) no-repeat center center !important;
	}
}

@media only screen and (max-width: 480px) {

	.logo_franzplan_schrift_nomenu {
		padding: 0px !important;
		margin: 0px !important;
		background: none !important;
	}

	.logo_franzplan_schrift {
		padding: 0px !important;
		margin: 0px !important;
		background: none !important;
	}

	.logo_blackboard {
		padding: 0px !important;
		margin: 0px !important;
		background: none !important;
	}
}

@media print {
    page {
        size: landscape;
    }

	body {
		width: 100%;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

	tr, td {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

    .noPrint {
    	display:none;
    }
}