/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.2.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all {
	/**
	* Fonts
	*
	* (en) global settings of font-families and font-sizes
	* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
	*
	* @section content-global-settings
	*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * {
		font-size: 12px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	/**
	* (en) reset monospaced elements to font size 16px in all browsers
	* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

	textarea,
	pre,
	code,
	kbd,
	samp,
	var,
	tt {
		font-family: 'lucida grande', Tahoma, Arial, sans-serif, Helvetica;
	}

	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body * {
		font-family: 'lucida grande', Tahoma, Arial, sans-serif, Helvetica;
		color: #444;
		line-height: 1.5em;
	}

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Ubuntu';
		color: #222;
		word-spacing: 0.1em;
		margin: 0 0 20px 0;
	}

	h1 {
		font-size: 25px;
	} /* 24px */
	h2 {
		font-size: 18px;
	} /* 24px */
	h3 {
		font-size: 14px;
	} /* 18px */
	h4 {
		font-size: 16px;
	} /* 16px */
	h5 {
		font-size: 116.67%;
	} /* 14px */
	h6 {
		font-size: 116.67%;
	} /* 14px */

	h1 {
		color: #bb9352;
		font-weight: 300;
		letter-spacing: 0px;
		margin-bottom: 30px;
	}
	h2 {
		color: #aaa;
		font-weight: 300;
		letter-spacing: 0px;
		margin-top: 10px;
		margin-bottom: 15px;
		width: 100%;
		padding-bottom: 3px;
		border-bottom: 1px #ddd solid;
		font-weight: normal;
	}
	h3 {
		color: #aaa;
		letter-spacing: 1px;
		margin-top: 15px;
		margin-bottom: 5px;
		width: 100%;
		padding-bottom: 3px;
		border-bottom: 1px #ddd dotted;
		font-weight: normal;
	}
	h4 {
		color: #555;
		letter-spacing: 0px;
		margin-bottom: 5px;
		width: 100%;
		font-weight: normal;
	}

	/* --- Lists | Listen  -------------------------------------------------------------------------------- */

	ul,
	ol,
	dl {
		line-height: 1.5em;
		margin: 0 0 1em 1em;
	}
	ul {
		list-style-type: disc;
	}
	ul ul {
		list-style-type: circle;
		margin-bottom: 0;
	}
	ul.downloads {
		list-style-type: none;
		margin: 0;
	}
	ul.downloads li {
		background-repeat: no-repeat;
		background-position: left center;
		background-color: #f7f7f7;
		min-height: 20px;
		padding: 3px;
		padding-left: 35px;
		margin-bottom: 5px;
		vertical-align: middle;
	}

	ul.downloads li:hover {
		background-position: left center;
	}

	ol {
		list-style-type: decimal;
	}
	ol ol {
		list-style-type: lower-latin;
		margin-bottom: 0;
	}

	li {
		margin-left: 0.8em;
		line-height: 1.5em;
	}

	dt {
		font-weight: bold;
	}
	dd {
		margin: 0 0 1em 0.8em;
	}

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p {
		line-height: 1.5em;
		margin: 0 0 1em 0;
		text-align: justify;
	}

	blockquote,
	cite,
	q {
		font-family: Georgia, 'Times New Roman', Times, serif;
		font-style: italic;
	}
	blockquote {
		margin: 0 0 1em 1.6em;
		color: #666;
	}

	strong,
	b,
	.bold {
		font-weight: bold;
		color: inherit;
	}
	em,
	i,
	.cursiv {
		font-style: italic;
	}

	small,
	.small {
		font-size: 9px;
		color: #666;
	}
	big,
	.big,
	large,
	.large {
		font-size: 1.2em;
	}
	xlarge,
	.xlarge {
		font-size: 1.7em;
	}

	pre {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}
	pre,
	code,
	kbd,
	tt,
	samp,
	var {
		font-size: 100%;
	}
	pre,
	code {
		color: #800;
	}
	kbd,
	samp,
	var,
	tt {
		color: #666;
		font-weight: bold;
	}
	var,
	dfn {
		font-style: italic;
	}

	span {
		font-size: inherit;
	}

	acronym,
	abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: 0.07em;
		cursor: help;
	}

	sub,
	sup {
		font-size: 91.6667%;
		line-height: 0;
	}

	hr {
		color: #fff;
		background: transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border: 0;
		border-bottom: 1px #eee solid;
	}

	.regStyle {
		font-size: 30px;
		font-weight: bold;
	}

	pageTitle {
		display: none;
	}

	/*--- Colors ---------------------------------------------------------------------------------------- */
	.blue {
		color: #00a;
	}
	.red {
		color: #f00;
	}
	.orange {
		color: #f90;
	}
	.green {
		color: #0a0;
	}
	.gray {
		color: #999;
	}

	.filesize {
		color: #999;
	}

	.bg_gray {
		background: #ddd;
	}
	.bg_lightgray {
		background: lightgray;
	}
	.bg_red {
		background-color: rgba(218, 56, 56, 0.15); /*#f8eaea;*/
	}
	.bg_red_cp {
		background-color: rgb(255, 193, 193) !important; /*#f8eaea;*/
	} /* used in crewplanning */
	.bg_green {
		background-color: rgba(156, 194, 33, 0.15); /*#eaf8eb;*/
	}
	.bg_orange {
		background-color: rgba(255, 198, 49, 0.15); /*#f8f6ea;*/
	}
	.bg_gray {
		background-color: rgba(0, 0, 0, 0.05); /*#f8f6ea;*/
	}

	/*--- Links ----------------------------------------------------------------------------------------- */

	a {
		color: #4d87c7;
		background: transparent;
		text-decoration: none;
		cursor: pointer;
	}
	a:visited {
		color: #4d87c7;
	}

	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
	a:focus {
		text-decoration: underline;
		color: #000;
		background: #fff;
		outline: 3px #f93 solid;
	}
	a:hover,
	a:active {
		color: #182e7a;
		text-decoration: none;
		outline: 0 none;
	}

	a.pdf_link {
		height: 34px;
		line-height: 34px;
		background-image: url(/images/icons/pdf.png);
		background-repeat: no-repeat;
		background-position: center left;
		padding: 8px 5px 8px 40px;
	}

	a.jpg_link {
		height: 34px;
		line-height: 34px;
		background-image: url(/images/icons/jpg.png);
		background-repeat: no-repeat;
		background-position: center left;
		padding: 8px 5px 8px 40px;
	}

	label {
		cursor: pointer;
	}

	/* WARNING in CrewDue */
	i.fa > .red {
		color: red;
		cursor: help;
	}

	i.fa > .orange {
		color: darkorange;
		cursor: help;
	}

	i.fa > .alpha {
		visibility: hidden;
		cursor: help;
	}

	.alpha70 {
		opacity: 0.3;
	}

	/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

	p.icaption_left {
		float: left;
		display: inline;
		margin: 0 1em 0.15em 0;
	}
	p.icaption_right {
		float: right;
		display: inline;
		margin: 0 0 0.15em 1em;
	}

	p.icaption_left img,
	p.icaption_right img {
		padding: 0;
		border: 1px #888 solid;
	}

	p.icaption_left strong,
	p.icaption_right strong {
		display: block;
		overflow: hidden;
		margin-top: 2px;
		padding: 0.3em 0.5em;
		background: #eee;
		font-weight: normal;
		font-size: 91.667%;
	}

	/* FONT AWESOME */
	.fa-info-circle {
		color: #4784eb;
	}
	.fa-left {
		width: 1.7em;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/

	.highlight {
		color: #c30;
	}
	.dimmed {
		color: #888;
	}

	.info {
		background: #f8f8f8;
		color: #666;
		padding: 10px;
		margin-bottom: 0.5em;
		font-size: 91.7%;
	}

	.box {
		background: #f8f8f8;
		color: #666;
		padding: 10px;
		margin-bottom: 1em;
		border: 2px #888 solid;
	}
	.box_gray {
		margin-top: 15px;
		padding: 20px;
		background-color: #ddd;
		border: 1px solid #ccc;
	}
	.box_orange {
		background: rgb(255, 224, 186);
		color: black;
		padding: 10px;
		margin-bottom: 1em;
		border: 2px DarkOrange solid;
	}
	.box_dd_description {
		margin-top: 15px;
		padding: 10px;
		background-color: #f8f8f8;
		border: 1px solid #ccc;
		margin-bottom: 15px;
	}
	.note {
		background: #efe;
		color: #040;
		border: 2px #484 solid;
		padding: 10px;
		margin-bottom: 1em;
	}
	.alert {
		background: #fee;
		color: #400;
		border: 2px #844 solid;
		padding: 10px;
		margin-bottom: 1em;
	}
	.important {
		background: #ffe;
		color: #440;
		border: 2px #884 solid;
		padding: 10px;
		margin-bottom: 1em;
	}

	.float_left {
		float: left;
		display: inline;
		margin-right: 1em;
		margin-bottom: 0.15em;
	}
	.float_right {
		float: right;
		display: inline;
		margin-left: 1em;
		margin-bottom: 0.15em;
	}
	.center {
		display: block;
		text-align: center;
		margin: 0.5em auto;
	}

	.information {
		background-image: url(../../images/icons/Symbol-Information.png);
		background-repeat: no-repeat;
		background-position: 10px 50%;
		padding: 6px 10px 6px 75px;
		background-color: #dff4ff;
		border-top: 1px #4ab3da dotted;
		border-bottom: 1px #4ab3da dotted;
		margin: 10px 0 10px 0;
		min-height: 47px;
	}
	.accept {
		background-image: url(../../images/icons/Symbol-Check.png);
		background-repeat: no-repeat;
		background-position: 10px 5px; /* 50% */
		padding: 6px 10px 6px 75px;
		background-color: #e6f6d8;
		border-top: 1px #4fa606 dotted;
		border-bottom: 1px #4fa606 dotted;
		margin: 10px 0 10px 0;
		min-height: 47px;
	}
	.warning {
		background-image: url(../../images/icons/Symbol-Exclamation.png);
		background-repeat: no-repeat;
		background-position: 10px 5px; /* 50% */
		padding: 6px 10px 6px 75px;
		background-color: #fff9dd;
		border-top: 1px #fdda35 dotted;
		border-bottom: 1px #fdda35 dotted;
		margin: 10px 0 10px 0;
		min-height: 47px;
	}

	.input_saved {
		border-color: #060;
		background-color: #e3ffde;
	}

	.hover:hover {
		background: #eee;
		background-repeat: no-repeat;
		background-position: left top;
	}
	.hover_white:hover {
		background: #fff;
		background-repeat: no-repeat;
		background-position: left top;
	}

	.hide {
		display: none;
	}

	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

	table {
		width: auto;
		border-collapse: collapse;
	}
	table.design {
		width: auto;
		border-collapse: collapse;
		margin-bottom: 0.5em;
	}
	table caption {
		font-variant: small-caps;
	}
	table.full {
		width: 100%;
	}
	table.fixed {
		table-layout: fixed;
	}

	td {
		padding-right: 1em;
		padding-top: 3px;
		padding-bottom: 3px;
		background-color: transparent;
		border: 0;
		box-sizing: border-box;
	}
	th {
		padding: 3px 2px;
		background-color: transparent;
		border-bottom: 1px solid #ddd;
		font-size: 9px;
		font-weight: normal;
		color: #999;
		text-transform: uppercase;
		text-align: left;
	}

	table.design tr.thcenter th {
		text-align: center;
	}

	table.design td {
		border-bottom: 1px solid #eee;
		padding: 7px 2px;
		box-sizing: border-box;
	}

	.hover:hover td {
		background: #f5f5f5;
	}

	td.leftBorder {
		border-left: 5px #ccc solid;
		padding-left: 10px;
	}
	table.design td.leftBorder {
		border-left: 5px #ccc solid;
		padding-left: 10px;
	}

	.tr_ok {
		background-color: #e6f6d8;
	}
	.td_bg_gray,
	tr.tr_bg_gray td {
		background-color: #f5f5f5;
	}
	tr.inactive td {
		color: #a0a0a0;
		background-color: #fafafa;
	}
	tr.inactive td img {
		opacity: 0.7;
	}

	table.engdatalog td {
		border: 1px solid #eee;
		text-align: center;
	}

	table.layout {
		border: 0px;
	}
	table.layout td {
		border: 0px;
	}

	.highliteTr td {
		background-color: #e4d29e;
	}
	.highliteTr td.highliteText {
		font-weight: bold;
	}

	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * INPUTS
  *
  * @section content-misc
  */

	form {
		padding: 0;
		margin: 0;
	}

	input,
	textarea,
	select {
		border: 1px solid #888;
		padding: 3px;
		background-color: #f2f2f2;
		box-sizing: border-box;
		height: 2rem;
	}

	input {
		padding: 4px;
	}

	input[type='submit'],
	input[type='button'] {
		padding: 3px 15px;
		background-color: #666;
		color: #fff;
		cursor: pointer;
	}

	input[type='file'] {
		padding: 3px 15px;
		background-color: #fff;
		color: #000;
		border: 1px solid #ccc;
		cursor: pointer;
	}

	input[type='checkbox'] {
		padding: 0px;
		border: 0;
		margin-right: 5px;
		height: auto;
	}

	input[type='radio'] {
		height: auto;
	}

	input.flat,
	textarea.flat,
	select.flat {
		padding: 0px 3px;
	}

	input[type='submit']:hover,
	input[type='button']:hover {
		background-color: #444;
	}

	input[type='submit'].cancel,
	input[type='button'].cancel {
		background-color: #600;
	}
	input[type='submit'].cancel:hover,
	input[type='button'].cancel:hover {
		background-color: #400;
	}

	.inputError {
		border-color: #955;
		background-color: #fee;
	}

	.checkInput {
		background-repeat: no-repeat;
		background-position: 98%;
	}

	input:disabled,
	input:read-only,
	.inputDisabled,
	select:disabled,
	textarea:disabled {
		color: #9a9a9a;
		border-color: #aaa;
		background-color: #f7f7f7;
	}

	input.uppercase {
		text-transform: uppercase;
	}

	.inputGreen {
		color: #12ad00 !important;
		background-color: #efe !important;
	}

	.inputOrange {
		color: #b76600 !important;
		background-color: #fff4bb !important;
	}

	.inputRed {
		color: #c00003 !important;
		background-color: #fee !important;
	}

	/* SELECT */

	select option:disabled {
		text-decoration: line-through;
		color: #cccccc;
	}

	/* LIST ITEMS */
	ul li.delete:hover {
		color: red;
		text-decoration: line-through;
		cursor: pointer;
	}

	/**
	 *	BUTTON
	 */
	.btnHover {
		opacity: 0.1;
		cursor: pointer;
	}
	.btnHover:hover {
		opacity: 1;
	}

	/**
   * 	CURSOR
   */
	.showHand {
		cursor: pointer;
	}
	.showHelp {
		cursor: help;
		border-bottom: dotted 1px;
	}

	/**
	 * IMAGES
	 */

	.img_alpha {
		opacity: 0.3;
		filter: alpha(opacity=30); /* For IE8 and earlier */
	}

	/**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

	.acft_button_hidden {
		display: none;
		z-index: 10;
		position: relative;
		left: 0;
		top: -150px;
	}

	.acft_button_box {
		height: 150px;
		overflow: hidden;
	}

	.arrow_box_up {
		background: transparent url('../../images/layout/arrow_box_up.png') no-repeat top left;
		height: 20px;
		margin: 0;
		padding: 0;
	}

	.content_boxHowToInput {
		background-color: #e6e6e6;
		padding: 15px;
	}

	#datepicker {
		background-image: url('../../images/icons/calendar.png');
		background-repeat: no-repeat;
		background-position: 98%;
	}

	.service_sub_nav {
		margin-top: 30px;
		border: 0px;
		border-top: 1px solid #aaa;
		padding: 5px;
		background-color: #eee;
	}

	.spanFormSaved {
		margin-left: 20px;
		font-weight: bold;
		display: none;
	}

	.imgLeft {
		text-align: left;
		margin-right: 10px;
		float: left;
	}
	.imgRight {
		text-align: right;
		margin-left: 10px;
		float: right;
	}

	.deleteAcftFromScheduleFilter,
	.deleteAcftFromNotificationFilter {
		cursor: pointer;
	}
	.deleteAcftFromScheduleFilter:hover,
	.deleteAcftFromNotificationFilter:hover {
		cursor: pointer;
		color: red;
		text-decoration: line-through;
	}

	.boxHead {
		font-weight: bold;
		padding: 8px;
		background-color: #eee;
	}

	.icon_duty_request {
		position: absolute;
		right: 5px;
		bottom: 5px;
		z-index: 50;
	}

	.buttonEditInactive {
		opacity: 0.3;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* SCHEDULE
	*
	*/

	.scheduleItem {
		padding: 1px;
		margin: 0px;
		margin-bottom: 1px;
		font-size: 8px;
		line-height: 11px;
	}
	.scheduleItem_OnOff {
		padding: 2px;
		margin-right: 1px;
		margin-bottom: 1px;
		float: left;
		width: 76px;
		border: 1px solid #ccc;
		height: 55px;
	}
	.scheduleItem_OnOff_title {
		padding: 2px;
		margin-right: 1px;
		margin-bottom: 1px;
		float: left;
		width: 76px;
		border: 1px solid #ccc;
		height: 20px;
		text-align: center;
		font-weight: bold;
	}
	.gray_box {
		color: #888;
		background-color: #eee;
	}

	/* OLD */
	.duty_ONSOV {
		background-color: #c6f2e3;
	}
	.ONSOV {
		color: #85f2ce;
	}
	.duty_HAHN {
		background-color: #86f386;
	}
	.HAHN {
		color: #008300;
	}

	/* NEW */
	.duty_ON {
		background-color: #bfb !important;
	}
	.ON {
		color: #00d00a;
	}
	.duty_C525 {
		background-color: #c6f2e3 !important;
	}
	.C525 {
		color: #85f2ce;
	}
	.duty_C680 {
		background-color: #86f386 !important;
	}
	.C680 {
		color: #008300;
	}
	.duty_STBY {
		background-image: linear-gradient(
			135deg,
			#ffef94 20%,
			#98cd8d 20%,
			#98cd8d 40%,
			#ffef94 40%,
			#ffef94 60%,
			#98cd8d 60%,
			#98cd8d 80%,
			#ffef94 80%
		) !important;
	}
	.STBY {
		color: #d0e700;
	}

	.duty_AVAIL {
		background-image: linear-gradient(135deg, #98cd8d 70%, #ffef94 70%) !important;
	}

	.duty_KWN {
		background-image: linear-gradient(
			135deg,
			#ad0000 20%,
			#e20000 20%,
			#e20000 40%,
			#ad0000 40%,
			#ad0000 60%,
			#e20000 60%,
			#e20000 80%,
			#ad0000 80%
		) !important;
		color: white !important
	}

	.duty_OFF {
		background-color: #fbb !important;
	}
	.OFF {
		color: #ff4646;
	}
	.duty_ROFF {
		background-image: linear-gradient(135deg, #ee5050 50%, #ff9999 50%) !important;
	}
	.ROFF {
		color: #ff0000;
	}
	.duty_OT {
		background-color: #f17777 !important;
	} /* ee5050 */
	.OT {
		color: #db0000;
	}
	.duty_OT_T {
		background-image: linear-gradient(135deg, #f17777 70%, #fbb 70%) !important;
	}

	.request_ROFF,
	.request_OT_T {
		background: repeating-linear-gradient(-45deg, #ff0000, #ff0000 10px, #ff9999 10px, #ff9999 20px) !important;
	}

	.duty_BURO {
		background-color: #99f !important;
	}
	.BURO {
		color: #0000ff;
	}
	.duty_TRAV {
		background-image: linear-gradient(
			135deg,
			#99d0ff 20%,
			white 20%,
			white 40%,
			#99d0ff 40%,
			#99d0ff 60%,
			white 60%,
			white 80%,
			#99d0ff 80%
		) !important;
	}
	.TRAV {
		color: #008aff;
	}

	.duty_SIM {
		background-image: linear-gradient(135deg, #68aef0 50%, #99d0ff 50%) !important;
	}
	.duty_TRAIN {
		background-color: #68aef0 !important;
	}

	.duty_VAC {
		background-color: #feb !important;
	}
	.VAC {
		color: #ffbf00;
	}
	.duty_SICK {
		background-color: #ffa96a !important;
	}
	.SICK {
		color: #ff6c00;
	}
	.duty_SICK_VAC {
		background-image: linear-gradient(135deg, #ffa96a 70%, #feb 70%) !important;
	}
	.duty_SICK_OT {
		background-image: linear-gradient(135deg, #ffa96a 70%, #f17777 70%) !important;
	}
	.duty_SICK_ROFF {
		background-image: linear-gradient(135deg, #ffa96a 70%, #ee5050 70%) !important;
	}

	.request_VAC {
		background: repeating-linear-gradient(-45deg, #ffbf00, #ffbf00 10px, #ffdc72 10px, #ffdc72 20px) !important;
	}

	.crewplanningActive {
		border: 2px solid #f00;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* SCHEDULE STAFF
	*
	*/

	.staffRow {
		width: 100%;
		clear: left;
		margin-bottom: 5px;
	}
	.itemScheduleUsername {
		float: left;
		width: 35px;
	}
	.itemPlanningUsername {
		float: left;
		width: 35px;
	}
	.itemScheduleDay {
		float: left;
		width: 32px;
		padding: 2px 0;
		border: 1px solid #ccc;
		font-size: 9px;
		text-align: center;
		color: #555;
	}
	.itemPlanningDay {
		float: left;
		width: 22px;
		height: 18px;
		padding: 2px 0;
		border: 1px solid #ccc;
		font-size: 9px;
		text-align: center;
		color: #555;
	}
	.itemScheduleDayActive {
		border: 1px solid #888;
	}
	.itemScheduleWeekend {
		border: 1px dotted #333;
	}

	.initialDuty_VAC {
		border: 1px solid #f90;
	}
	.initialDuty_ROFF {
		border: 1px solid #f00;
	}

	.class_today {
		border: 1px solid #444;
	}
	.hoverBorder {
		border: 1px solid #000;
	}
	.activeDutyItem {
		border: 1px solid #e800af;
	}

	.dutyConfirmed {
		color: #aaa;
	}
	.dutyWaitForConfirmation {
		color: #f00;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* CREW LIST
	*
	*/

	.Angestellt {
		background-color: #f5e8d3;
	}
	.Freelancer {
		background-color: #efeeff;
	}

	/**
	* ------------------------------------------------------------------------------------------------- #
	*
	* CREW DUE
	*
	*/

	.cdGrace,
	.cdGrace td {
		background-color: #dddff1;
		color: #101ed2 !important;
	}
	.cdPast,
	.cdPast td {
		background-color: #f1dddd;
		color: #f00 !important;
	}
	.cdExpireDay,
	.cdExpireDay td {
		background-color: #f1ddf1;
		color: #dc24da !important;
	}
	.cdToDo,
	.cdToDo td {
		background-color: #ddd;
		color: #000 !important;
	}

	

	/* UPLOAD Progress Bar */
	#pb_outer {
		height: 20px;
		border: 1px inset #000000;
		width: 300px;
		background-color: #ccc;
		display: none;
	}
	#pb_inner {
		font-weight: bold;
		color: #ffffff;
		background-color: #003399;
		height: 20px;
		width: 1px;
		text-align: left;
	}

	/**
	* SORTABLE ULs
	*
	*/

	.sortableUl {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.sortableUl li {
		margin: 0 0 10px 0;
		background: #f5f5f5;
		border: 1px solid #ccc;
		padding: 15px;
	}
	.sortableUl .handle {
		float: left;
		margin-right: 10px;
		cursor: move;
	}

	/**
	* SONSTIGES
	*
	*/

	.regBox {
		font-size: 8px;
		padding: 1px;
		border-top: 1px #ddd dotted;
	}

	.regBox span {
		font-size: 8px;
		color: #aaa;
	}

	.regBox span.in {
		color: #0f0;
	}

	.regBox span.off {
		color: #ffc600;
	}

	.groupItem {
		margin: 3px;
	}

	.UserGroupItem {
		padding: 4px 8px;
		cursor: pointer;
		background-color: #f5f5f5;
	}
	.UserGroupItem:hover {
		font-weight: bold;
	}
	.UserGroupCheckbox {
		display: none;
	}
	.UserGroupItemChecked {
		background-color: #f5e8d3;
	}

	.waitSpan {
		display: none;
		background-image: url(../../images/icons/wait.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 20px;
	}

	.qr-scanner {
		height: 30px;
		background: url(../../images/icons/icon_scanbot.png);
		background-size: contain;
		background-repeat: no-repeat;
		padding-left: 40px;
		line-height: 30px;
		margin-top: 5px;
	}

	.corona-warning {
		display: grid;
		grid-template-columns: 50px 1fr;
		grid-gap: 10px;
		align-items: center;

		padding: 1em;
		border-radius: 0.5em;
		margin-bottom: 0.5em;
		border: 2px solid red;
		background-color: #ffeeee;

		background: repeating-linear-gradient(-45deg, #ffeeee, #ffeeee 10px, #ffe5e5 10px, #ffe5e5 20px);
	}

	/**
	* RISK CLASSIFICATION
	**/

	.rc_tri_1 * {
		color: #00ff2b;
	}
	.rc_tri_2 * {
		color: #00ff00;
	}
	.rc_tri_3 * {
		color: #2aff00;
	}
	.rc_tri_4 * {
		color: #55ff00;
	}
	.rc_tri_5 * {
		color: #80ff00;
	}
	.rc_tri_6 * {
		color: #aaff00;
	}
	.rc_tri_8 * {
		color: #d5ff00;
	}
	.rc_tri_9 * {
		color: #ffff00;
	}
	.rc_tri_10 * {
		color: #ffd400;
	}
	.rc_tri_12 * {
		color: #ffaa00;
	}
	.rc_tri_15 * {
		color: #ff7f00;
	}
	.rc_tri_16 * {
		color: #ff5500;
	}
	.rc_tri_20 * {
		color: #ff2a00;
	}
	.rc_tri_25 * {
		color: #ff0000;
	}

	.rc_item_1 * {
		color: #00ff2b;
	}
	.rc_item_2 * {
		color: #66ff00;
	}
	.rc_item_3 * {
		color: #eeff00;
	}
	.rc_item_4 * {
		color: #ff8800;
	}
	.rc_item_5 * {
		color: #ff0000;
	}

	/**
  *
	*
	* FLIGHTREPORTS LEGS
	*
	*
	*/

	.flightreport_mask_legs td {
		padding: 0;
	}

	/**
  *
	*
	* FUEL 
	*
	*
	*/

	.fuel_temp_class {
		background-color: #ffe2c8;
	}

	.fuel_exists {
		background-color: #bbf7ac;
	}

	.fuel_saved {
		background-color: #a0aaef;
	}

	/**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

	/*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */

	/* OVERLAY #################### */
	#overlay {
		/* set it to fill the whole screen */
		width: 100%;
		height: 100%;

		/* transparency for different browsers */
		background-color: rgba(0, 0, 0, 0.4);

		/* make sure it appear behind the dialog box but above everything else */
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3000;

		/* hide it by default */
		display: none;
	}

	#overlay-box {
		margin: 50px auto;

		/* css3 drop shadow */
		-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);

		/* css3 border radius */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;

		background-color: #fff;
		/* styling of the dialog box, i have a fixed dimension for this demo */
		width: 700px;
		min-height: 200px;
		max-height: 90vh;

		/* make sure it has the highest z-index */
		position: relative;
		z-index: 5000;
		overflow-y: auto;

		/* hide it by default */
		/*display:none;  */
	}

	#overlay-box a.close-overlay {
		float: right;
		font-size: 9px;
		margin: 5px 5px;
	}

	.overlay-content {
		/* style the content */
		text-align: left;
		padding: 10px;
		margin: 10px;
		color: #000;
	}


	/* AVATAR --------------------------------------------------------------- */
	.myAvatar {
		border: 1px solid #c7c7c7;
		width: 50px;
		height: 50px;
	}

	.smallAvatar {
		border: 1px solid #c7c7c7;
		width: 32px;
		height: 32px;
		float: left;
	}

	/* MAINTENANCE ************************************************************/

	.MainGearL {
		float: left;
		width: 230px;
	}

	.MainGearR {
		float: right;
		width: 230px;
	}

	.MainGearL .gboMain {
		float: left;
	}

	.MainGearR .gboMain {
		float: right;
	}

	/* GEAR-SECTION */
	.gearBoxOuter {
		position: relative;
		padding: 0;
	}

	.gboNose {
		/*height:40px;*/
		width: 200px;
		left: 50%;
		margin-left: -100px;
	}

	.gboMain {
		/*height:70px;*/
		width: 230px;
	}

	/*----*/

	.gearBoxInner {
		position: relative;
		width: 50%;
		background-color: #ddd;
		background-repeat: no-repeat;
	}

	.gbiNose {
		height: 40px;
		background-image: url(../../images/gear_nose.png);
	}

	.gbiMain {
		height: 70px;
		background-image: url(../../images/gear_main.png);
	}

	.gearBoxInner div {
		position: absolute;
		background-repeat: no-repeat;
	}

	.gearBoxInner div.nose {
		height: 40px;
		width: 75%;
	}

	.gearBoxInner div.main {
		height: 35px;
		width: 70%;
	}

	.gearBoxInner div.wheel {
		background-image: url(../../images/icons/wheel.png);
	}

	.gearBoxInner div.brake {
		background-image: url(../../images/icons/brake.png);
		margin-top: 30px;
	}

	.gearBoxInner div input {
		position: absolute;
		top: 25%;
		width: 60%;
	}

	/* links */
	.innerLH {
		float: left;
		background-position: right top;
	}

	.innerLH div {
		background-position: left 50%;
	}

	.innerLH div.nose {
		right: 20px;
	}

	.innerLH div.main {
		right: 30px;
	}

	.innerLH div input {
		right: 0;
	}

	/* rechts */
	.innerRH {
		float: right;
		background-position: left top;
	}

	.innerRH div {
		background-position: right 50%;
	}

	.innerRH div.nose {
		left: 20px;
	}

	.innerRH div.main {
		left: 30px;
	}

	.innerRH div input {
		left: 0;
	}

	/* SUPERVISION - SV ######################################################### */

	.rating-description td {
		font-size: 0.9em;
	}

	.rating-description tr {
		vertical-align: top;
	}

	.rating-description .number,
	.rating-description .title {
		font-weight: bold;
	}

	/* LIST-ITEMS ############################################################### */

	.list-items > div {
		padding: 6px;
		border-bottom: 1px solid #eee;
		cursor: pointer;
	}

	.list-items > div:hover {
		background-color: #f9f9f9;
	}

	.list-items > div.item-selected {
		background-color: #defbd1;
	}

	.list-items > div.item-selected:hover {
		background-color: #caf3b8;
	}
}