/*  cssMain.css
    Created by Mo4Jo iT-Solutions http://www.mo4jo.at

	v2.00 | 2013-12-02  Kompatiblität IE = IE9
	v2.01 | 2013-12-06	NEW Checkboxlist moCbl
	v2.02 | 2013-12-10	Modifications Checkboxlist moCbl
	v2.03 | 2013-12-16	Modifications .radioList
	v2.04 | 2013-12-19	NEW #workInProgress and .html5-progress-bar
	
	v2.50 | 2013-12-20	Color Picker Plugin (.simpleColor) - old settings deleted, new modified
	v2.51 | 2014-08-20	Asset Care tables for intervals with following classes: AC_IntMonths, AC_IntDays, AC_IntWeeksCycle
	v2.52 | 2014-10-21	.formGrid fieldset legend -> margin auf 0 gestellt
	v2.53 | 2014-10-24	#infoHeader, .showHideNextSibling
*/

/*
    Cascading Stylesheet for screen AND print.
    Note: The distinctions between screen and print
    are considered in the stylesheet: "cssMainPrint.css".
*/

/**************************************************************/
/*                                                            */
/*                       M A I N                              */
/*                                                            */
/**************************************************************/


/**************************************************************/
/**************************************************************/
/**                                                          **/
/**                       CSS RESET                          **/
/**                                                          **/
/**************************************************************/
/**************************************************************/

/* HTML5 Tag reset */
a, abbr, address, area, article, aside, audio, b, base, bdi,
bdo, blockquote, body, br, button, canvas, caption, cite,
code, col, colgroup, command, datalist, dd, del, details,
dfn, div, dl, dt, em, embed, fieldset, figcaption, figure,
footer, form, h1, h2, h3, h4, h5, h6, head, header, hgroup,
hr, html, i, iframe, img, input, ins, keygen, kbd, label,
legend, li, link, map, mark, menu, meta, meter, nav, noscript,
object, ol, optgroup, option, output, p, param, pre, progress,
q, rp, rt, ruby, s, samp, script, section, select, small,
source, span, strong, style, sub, summary, sup, table, tbody,
td, textarea, tfoot, th, thead, time, title, tr, track, u, ul,
var, video, wbr
{
	margin: 0;
	padding: 0;
	border: 0;
    outline: none;	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html, body
{
    width: 100%;
    height: 100%;
}

input, select, .inputFake, .formInfo
{
    vertical-align: middle;
}

ol, ul
{
    list-style: none;
}

ol.horizon li, ul.horizon li
{
	float: left;
}

ol.decimal, ul.decimal
{
	list-style: decimal;
}

blockquote, q
{
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after
{
	content: '';
	content: none;
}

/**************************************************************/
/**************************************************************/
/**                                                          **/
/**                       PAGE FORMAT                        **/
/**                                                          **/
/**************************************************************/
/**************************************************************/

/*************************************
  ROOT and BODY
 *************************************/
html 
{
    /* iPhone */
    /* -webkit-text-size-adjust: auto; */ /* default */
    /* -webkit-text-size-adjust: none; */ /* no auto adjust */
}

    /* --------------------------------
            modules (applications)
       -------------------------------- */
    html.MODULE_Cloud       /* SmartView Cloud              Cloud (Login)       Cloud (Login) */ {}
    html.MODULE_Time        /* SmartView Time and Task      Time and Task   	Zeit-/Leistungserfassung */ {}
    html.MODULE_Quality     /* SmartView Quality           Quality     	    Qualität */ {}
    html.MODULE_Claim       /* SmartView Claim         	    Claim           	Reklamation */ {}
    html.MODULE_Order       /* SmartView Order         	    Order           	Bestellung */ {}
    html.MODULE_MTrack      /* SmartView MachineTracking	Machine Tracking	Maschinen Tracking */ {}
    html.MODULE_VTrack      /* SmartView VehicleTracking	Vehicle Tracking	Fahrzeug Tracking */ {}
    html.MODULE_Training    /* SmartView Training       	Training        	Training */ {}
    html.MODULE_AssetCare   /* SmartView AssetCare     	Asset Care      	Inventar und Pflege */ {}


    /* --------------------------------
                   usage
       -------------------------------- */
    html.USAGE_Report       /* specific styles for Reports (print) */ {}

/* ------------------
        reports
      body.report
   ------------------ */
/* specific styles for HTML reports (screen) */

/* MORE ABOUT REPORT SPECIFIC STYLES
   AT THE BOTTOM OF THIS FILE !! */	
	
body
{
    background-color: EDEEEE; /*#f5fdff*/
	line-height: 1.375em;
	color: #333;
	border-bottom: 1px solid EDEEEE;
}

body,
body .defaultFont
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
}


/*************************************
    TAGS
 *************************************/

/* ------------------
    headings
   ------------------ */
h1, h2, h3, h4, h5, h6, p
{
	margin: 1.8em 0 0.9em;
	font-size: 1.8em;
	line-height: 2.2em;
	color: #000;
}
h2 { margin: 1.375em 0 0.7em; font-size: 1.375em; line-height: 2.0em; }
h3 { margin: 1.3em 0 0.7em;	font-size: 1.3em; line-height: 1.7em; }
h4 { margin: 1.2em 0 0.6em; font-size: 1.2em; line-height: 1.6em; }
h5 { margin: 1.1em 0 0.5em; font-size: 1.1em; line-height: 1.5em; }
h6 { margin: 1.0em 0 0.5em; font-size: 1.0em; line-height: 1.375em; }

/* ------------------
    paragraphs
   ------------------ */
p 
{
	margin: 2em 0;   
	font-size: 1em;
	line-height: 1.375em;
}
    header p, footer p 
    {
        margin: 0;
    }

/* -----------------------------
    images
   ----------------------------- */
/* we have to set width and height with absolute pixels in
 * the width="" and height="" parameters of the <img> tag!
 */
img, input[type="image"]
{
    width: auto;
    height: auto;
}

/*
	Pictogram
	see also .tddPict
 */
img.pict
{
	min-width: 6.25em;
	max-width: 12.5em;
}

/*
	--------------------------------------------------
			Charts, Comments, Thumbnails and more, ...
	--------------------------------------------------
 */
.thumbH {
	clear: both;
	margin: 20px 0 5px 20px;
	font-weight: bold;
	color: #666;
}
.chartH {
	font-size: 90%;
}
.thumbDetails, .chartDetails {
	margin: 10px 0 0 20px;
}
.thumbDetails {
	display: block;
}
.chartDetails {
    display: block;
}

.chartBox {
	float: left;
	margin-left: 20px;
}

.chartBox:child(2n+1) { /* alternate for the first (+1) element and every 2nd (2n) */
	position: relative;
	margin-left: 40px;
}

#chartBox .chart {
	width: 450px;
	height: 300px;
}
	
/* rooms */
.mainGroup {
	padding-left: 20px;
	/* display: none; */
}

.thumbGroup {
}

.thumbBox {
	position: relative;
	float: left;
	margin: 10px 32px 30px 0;
	text-align: center;
	width: 150px; /* .thumbBox a width + .thumbBox a border-left and border-right  */
}

.thumbBox:nth-of-type(1),
.thumbBox:nth-of-type(6n) { /* alternate for every 1st element and every 6th */
	margin-left: 20px;
}

.thumbBox:nth-of-type(5n) { /* alternate for every 5th element, starting at the 5th element */
	margin-right: 0;
}

.thumbDescr {
	margin: 8px auto 0;
	font-size: 12px;
	color: #666;
}

.thumbBox a {
	position: relative;
	display: block;
	width: 140px;
	height: 140px;
	border: 5px solid #fff;
	background-color: #ccc;
	text-align: center;
	/* box shadow */
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.thumbBox a:hover {
	border-color: #fff;
	background-color: #aaa;
	top: 1px;
	left: 1px;
	/* box shadow */
	-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.85);
	-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.85);
	box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.85);
}
.thumbBox a:focus {
	border-color: #aaa;
	background-color: #bbb;
}

.thumbBox img {
	max-width: 140px;
	max-height: 140px;
	margin: auto;
	vertical-align: middle;
	display: block;
}

.comment {
	margin: 10px 0 0 40px;
}

.commentShowHideNext {
	font-size: 14px;
	font-weight: bold;
	color: #4991b7;
	margin-right: 40px;
	padding-left: 0;
}

.commentShowHideNext:hover {
	cursor: pointer;
	color: #3b7493;
}

.commentGroup {
}

.commentText {
	font-family: Arial;
	font-size: 15px;
	margin: 10px 60px 0 20px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 5px;
	/* display: none; */
}

.hidden {
	display: none;
}


/* -----------------------------
    links
   ----------------------------- */
a, .link
{
    color: #666;
    font-weight: bold;
    text-decoration: underline;
}

a:hover, .link:hover
{
    color: #F39C17; /* OLD: #0496F4; */
}

.link:hover {
	cursor: pointer;
}

/* -----------------------------
    blockquote and quote
   ----------------------------- */
blockquote, q
{
    quotes: "«" "»" "'" "'";
}

blockquote:lang(en), q:lang(en)
{
    quotes: "«" "»" "'" "'";
}

blockquote:lang(de), q:lang(de)
{
    quotes: "„" "”" "‘" "’";
}

strong 
{
    font-weight: bold;
}


/********************
    DIV CONTAINER
 ********************/
#wrapper
{
	z-index: 10;
    position: relative;
    margin: 0 auto;
    width: 61.25em; /*980px;*/
    background-color: #fff;
    min-height: 100%;
    overflow: hidden;
}
	#wrapper.tableau {
		width: 1000px;
	}

	#wrapper iframe#tableauSite {
		width: 100%;
		min-height: 100%;
		overflow: hidden;
	}
	
    #wrapper.hide
    {
	    z-index: 1;
        position: absolute;
	    top: -10000em;
	    left: -10000em;
    }

    #wrapperCover
    {
	    z-index: 5;
	    position: absolute;
	    top: 0;
	    left: 0;
        width: 100%;
        height: 100%;
        background-color: EDEEEE;
    }

/* ----------------------------------
    Alert Message
    (Example: "!!! TESTSYSTEM !!!")
   ---------------------------------- */
#messageBoxImportant
{
    z-index: 999;
	display: none;
    position: absolute;
    top: 30%;
    left: 0;
    margin: 0 auto;
    padding: 0.3125em;
    background-color: #cc3333;
    color: #fff;
    font-weight: bold;
}


/* -----------------------------
    Ajax Panel
   ----------------------------- */
#ajaxPanel
{
    z-index: 999;
    position: fixed;
    height: 0;
    padding: 0;
    margin: 0;
    width: 14%;
    min-width: 12em;
    top: 1em;
    left: 1em;
    background-color: #000;
    color: #fff;
    font-size: 0.9em;
}

    #ajaxPanel #lblAjaxMessage 
    {
        margin: 0;
        padding: 0;
    }

    #ajaxPanel h1,
    #ajaxPanel li
    {
        margin: 0;
        padding: 0.5em 1em;
        color: #dfdfdf;
        background-color: #333;
    }
        #ajaxPanel li:nth-child(2n+1) /* alternate for every 2nd message, starting at the second message */
        {
            background-color: #444;
        }
    #ajaxPanel h1
    {
        padding: 0 0.6em 0.4em;
        background-color: #000;
    }
    #ajaxPanel li.error
    {
        color: #ff0000;
        font-weight: bold;
        background-color: #cccccc;
    }
    #ajaxPanel li.success
    {
        color: #fff;
    }

	
#uploadHideBox
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
}	
	
/********************
    GLOBAL CLASSES
 ********************/
 
 /* -----------------
    minMax
   ------------------ */
 
 .minMax {
	position: relative;
	width: 100%;
}
	.minMax .area {
		background-color: #f0f0f0;
		min-height: 2em;
	}
	
	.minMax .area.clickAction:hover,
	.minMax .area.hoverAction:hover	{
		background-color: #e0e0e0;
		cursor: pointer;
	}


	.minMax .area .txtExtend,
	.minMax .area .txtReduce {
		margin: 0 0 0 3em;
		padding: 0;
		line-height: 2em;
	}

	.minMax-save {
		z-index: 5;
		position: absolute;
		right: .5em;
	}
	
	.minMax-icon {
		position: absolute;
		top: .5em;
		left: .5em;
		z-index: 5;
		width: 29px;
		height:	15px;
		cursor: pointer;
		background-image: url(http://www.mo4you.at/eCOrESOURCE/images/arrow-updown.png);
		background-repeat: no-repeat;
		background-position: left top; /* down */
	}
		.minMax-icon:hover {
			background-position: right top; /* down hover */
		}
		
		.minMax-icon.arrow-up {
			background-position: left bottom; /* up */ 
		}
			.minMax-icon.arrow-up:hover {
				background-position: right bottom; /* up hover */ 
			}		
		.minMax-icon.arrow-down {
			background-position: left top; /* down */
		}
			.minMax-icon.arrow-down:hover {
				background-position: right top; /* down hover */
			}
			
		.minMax-icon.formBox2-right {
			margin-left: 51%;
		}
		
	.minMax.min {
		
	}
	
	.minMax.max {
	}
	
	.minMax-max {
		z-index: 2;
		display: none;
	}	
	.minMax-min {
		z-index: 1;
	}	
 
html body form .imageUploaderField
{
	width: 100% !important;
}

html body form .subHeader {
	margin: 1em 0 0 1em;
	padding: 0;
	line-height: 100%;
	font-size: 110%;
}

	html body form .subHeader+ul {
		margin-top: 0;
	}

	html body form .subHeader.gridHeader {
		margin-bottom: -.5em;
	}

		html body form .subHeader.gridHeader+ul {
			padding-top: 0;
		}

/* Zwei Formulare nebeneinander (Bsp.: Time - Stammdaten>Objekte>strukturieren) */
.formBox2 {
	width: 49%;
	font-size: 90%;
	padding-bottom: 1em;
	background-color: #f0f0f0;
}
	.formBox2 h3 {
		margin-top: 0;
		text-align: center;
	}
	.formBox2 ul {
		padding-top: 0;
	}
	.formBox2 p {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.formBox2 .labelDummy {
		width: 13em;
	}
	
/* .formInfoBox
{
	position: relative;
	display: table;
	float: left;	
	width: 23em;
	height: 2.75em;	
	font-size: 75%;
	color: #666;
	line-height: 1.25em;
	padding: 0 0 0 1em;	
	margin: 0;
	overflow: hidden;
} */
.formInfoBox
{
	float: right;
	display: table;
	/*float: left;*/
	width: 26em;
	height: 2.75em;	
	font-size: 75%; /* 75%=12px */
	color: #666;
	line-height: 1.25em;
	padding: 0 0 0 1em;	
	margin: 0;
	overflow: hidden;
}
	.formInfoBox.refreshIcon, .formInfoBox.refreshIconDisabled
	{
		background-image: url("refreshIcon.png");
		background-repeat: no-repeat;
		background-position: .5em .6em;
	}
	.formInfoBox.refreshIconDisabled
	{
		opacity: 0.3;
	}
	
	
	.formInfo
	{
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	/*	
		display: -ms-flexbox;
		-ms-flex-align: center;

		display: -moz-box;
		-moz-box-align: center;

		display: -webkit-box;
		-webkit-box-align: center;

		display: box;
		box-align: center;
	*/	
	}
		.formInfoBox.refreshIcon .formInfo
		{
			padding-left: 2em;
		}
 
/* -----------------
    sortable
   ------------------ */
.sortable
{      
}
    .sortable li
    {
        height: 5em;
        width: 60em;
    }
        .sortable li:hover
        {
            cursor: move;
        }

        .sortable .ui-img-box
        {
            width: 5em;
            height: 5em;
            float: left;
            overflow: hidden;
        }

            .sortable .ui-img-box img
            {
                max-width: 5em;
                max-height: 5em;
            }
        .sortable .ui-label,
        .sortable .ui-label-spring
        {
            margin-top: 1.5em;
            float: left;
        }
/* -----------------------------------------------
    sortable Quality: Stammdaten>Prüfkarte>Neu
    Prüfkriterien (je nach Prüfgruppe) sortieren
   ----------------------------------------------- */        
        .sortable .KriId
        {
            width: 6em;
            text-align: right;
        }
        .sortable .KriNummer
        {
            width: 8em;
            text-align: right;
        }
        .sortable .KriBezeichnung
        {
            margin-left: 2em;
            width: 20em;
            text-align: left;
            overflow: hidden;
        }
        .sortable .KriKomponente
        {
            margin-left: 2em;
            width: 16em;
            text-align: left;
            overflow: hidden;
        }        

/* -----------------
    disabled
   ----------------- */
.disabled
{
    color: #999;
}

/* -----------------
    display none
   ----------------- */
.displayNone
{
    display: none !important;
}
/* -----------------
    automatic width
   ----------------- */
 .autowidth
{
	width: auto !important;
}

/* -----------------
    lines and words
   ----------------- */
.wordbr, .wordbr-h
{
    /* word-wrap: NEW in CSS3 - works in all major browsers */
    /* word-wrap: normal, break-word */
    word-wrap: break-word;
    /* word-break: New in CSS3 - do not work in Firefox and Opera */
    /* word-break: normal, hyphenate, break-all */
    word-break: break-all;
}
    .wordbr-h 
    {
        word-break: hyphenate;
    }

/* ------------
    text align
   ------------ */
.txtCenter 
{
    text-align: center;
}
.txtLeft 
{
    text-align: left;
}
.txtRight
{
    text-align: right;
}

/* ------------
    font size
   ------------ */
.fontSizeS { font-size: 80%; }
.fontSizeM { font-size: 100%; }
.fontSizeL { font-size: 120%; }

/* -----------------------
    small links, messages
   ----------------------- */
.linkSmall
{
    font-weight: bold;
    margin: 0 0 1em;
    padding: 0;
    font-size: 80%;  
}
.message
{
    margin: 1em 0 0 0;
    padding: 0;
    color: #000; /*#333;*/
}
	.info {
		color: #336666;
		font-weight: bold;
	}
    .success
    {
        color: #009900;
        font-weight: bold;
    }
    .warning
    {
        color: #cc6600;
        font-weight: bold;
    }
    .error
    {
        color: #990000;
        font-weight: bold;
    }
    .alert
    {
        padding: 0.5em;
/*        border: 1px solid #990000;
        background-color: #ececec; */
        color: #fff;
        font-weight: bold;
        background-color: #cc0000;
    }
	.alertUnknownCase {
		padding: 1em;
		font-size: 110%;
		color: #fff;
		font-weight: bold;
		background-color: #990000;
	}

/* -----------
    floating
   ----------- */
.left 
{
    float: left;
}

.right 
{
    float: right;
}

/*------------------------------------------------
    "manual" clearing
    a special tag with class="clear" is needed)
  ------------------------------------------------ */
.clear 
{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

/*----------------------------------------------------
    "auto" clearing
    it works also within floating boxes!!

    PLEASE make your changes in: cssMainIE.css
  ---------------------------------------------------- */
.autoClear:before,      /* use ':before' to contain the top-margins of child elements */
.autoClear:after,
.iconMenu u:before,
.iconMenu u:after, 
.checkboxList:before,
.checkboxList:after,
.radioList :before,
.radioList :after,
header:before,     /* clearing by default... */
header:after,
content:before,
content:after,
footer:before,
footer:after
{
    content: ' ';   /* the space between the quotation marks is one way to avoid an Opera bug
                     * when the contenteditable attribute is included anywhere else in the document.
                     */
    display: table; /* display: 'table' (rather than 'block') is necessary if you are using ':before'.
                     */
}

.autoClear:after,       /* general class */
.iconMenu u:after,      /* eASEcLOUd icon menus */
.checkboxList:after,    /* Checkboxlists */
.radioList :after,
header:after,      /* gen. page header */
content:after,     /* gen. page content */
footer:after       /* gen. page footer */
{
    clear: both;
}


/* -----------
    headline
   ----------- */
.headline 
{
}
    .headlineSub 
    {
        font-size: 80%;
    }

   
/**************************************************************/
/**************************************************************/
/**                                                          **/
/**                       PAGE HEADER                        **/
/**                   (header#pageHeader)                    **/
/**                                                          **/
/**************************************************************/
/**************************************************************/
#pageHeader
{
    z-index: 5;
    position: relative;
    clear: both;
}
	#pageHeader.fixed {
		position: fixed;
		width: 61.25em;
		overflow: hidden;
	
		background: #ddd;

		-webkit-box-shadow: 0px 2px 15px #999;
		-moz-box-shadow: 0px 2px 15px #999;

		box-shadow: 0px 2px 15px #999;
		-webkit-border-radius: 0 0 0 7px;
		-moz-border-radius: 0 0 0 7px;
		border-radius: 0 0 0 7px;

	}
    #pageHeaderTop { position: relative; height: 112px; width: 100%; float: left; }
        #DiverseyEbusinessIllu { z-index: 10; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(http://www.mo4you.at/eCOrESOURCE/images/DiverseyEbusinessIllu.jpg); background-repeat: repeat-x; }
        #DiverseyEbusinessIllu img { width: 100%; height: 100%;}
		#DiverseySmartViewSign { z-index: 30; position: absolute; top: 0; right: 0; display: none; }
        #DiverseyEbusinessLogo { width: 267px; height: 112px; z-index: 40; position: absolute; top:0; left: 0; }
        
		#SysInfo, #SysUserInfo {
			z-index: 200;
			position: absolute;
			margin: 0;
			width: auto;
			height: auto;
			padding: 0 0 8px;
			color: #7a7a7a;
			font-size: .9em;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
		}
			#SysInfo .utc {
				font-size: .75em;
			}
			#SysInfo .summerTime {
				font-style: italic;
				font-size: .7em;
			}			
			#SysInfo {
				bottom: 0;
				text-align: left;
				width: auto;
				right: 17px;
			}
			#SysUserInfo {
				top: 0;
				padding: 10px 0 0;
				text-align: left;
				width: auto;
				right: 17px;			
			}
				
		#SysModuleInfo, #SysModuleDesc {
			position: absolute;
			margin: 0;
			width: 100%;
			height: auto;
			text-align: center;
			color: #F39C17;
			font-weight: bold;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
		}
			#SysModuleInfo {
				z-index: 150;
				padding: 36px 0 0;
				font-size: 1.2em;
			}
			#SysModuleDesc {
				z-index: 100;
				padding: 59px 0 0;
				font-size: .9em;
			}
						
/* ------------------------------ OLD ----------------------------- */
    #logo
    {
        z-index: 9;
        position: relative;
	    float: left;
    }

    #banner, #illustration
    {
        z-index: 6;
        position: relative;
        float: right;
    }

        #illustrationBG
        {
            z-index: 3;
            position: absolute;
            top: 0;
            right: 0;
        }
/* ------------------------------ OLD ----------------------------- */
   


#ImgHome
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5em;
	cursor: pointer;
}

#ImgLogout
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5em;
	cursor: pointer;
}
     
#menucontentdropdown {
	margin-top: .1875em !important; /* overwrite cssMainMenu.css (old Menu) */
}
   
/**************************************************************/
/*                                                            */
/*                      PAGE NAVIGATION                       */
/*                       (nav#pageNav)                        */
/*                                                            */
/**************************************************************/
#pageNav
{
    z-index: 99;
    position: relative;
    clear: both;
    margin: 0;
    padding: 0;

    height: 2.5em; /* 40px */
    max-height: 2.5em;
    min-height: 2.5em;
    background: #efefef;
}
/* -----------------------------------------------
    Page navigation header (Example: "EaseTime")
   ----------------------------------------------- */
    #pageNavHeader
    {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 3em;
        line-height: .8em;
        color: #ccc;
    }

/* -----------------------------------------------
    Navigation (home, menu, client, logout)
   ----------------------------------------------- */
    #pageNav form 
    {
        position: relative;
        margin: 0;
        padding: 0;
    }

    #pageNavHomeBox
    {
        position: relative;
        float: left;
        top: .45em;
        left: 0;
        margin: 0 .8em 0 .35em;
        width: 1em;
        /*height: 1.25em;*/
    }

    #pageNavLogoutBox
    {
        position: relative;
        float: right;
        top: .45em;
        right: 0;
        margin: 0 .35em 0 .8em;
        width: 1.5625em;
    }

    #pageNavClientBox,
    #pageNavLanguageBox
    {
        position: relative;
        float: right;
        margin: .45em 0 0 0;
        /*width: 15em;*/
    }
    #pageNavLanguageBox 
    {
        float: left;
        margin-left: 1em;
    }
        #pageNavClientBox select,
        #pageNavLanguageBox select
        {
            height: 1.7em;
            width: auto;
        }
        #pageNavLanguageBox label
        {
            line-height: 1.7em;
            float: left;
            text-align: right;
            padding-right: .5em;
            height: 1.7em;
            cursor: pointer;
            width: auto;
        }

    #pageNavMenuBox
    {
        position: relative;
        float: left;
    }
    
        #pageNavMenu
        {    

        }       
            #pageNavMenu li
            {
                float: left;
                padding: 0;
                position: relative;
                line-height: 0;
            }
            #pageNavMenu a
            {
                font-weight: normal;
                float: left;
	            height: 1.25em;
	            padding: 1.25em;
	            text-decoration: none;
            }

                #pageNavMenuBox #pageNavMenu > li > a
                {
	                height: 1em;
	                padding: 1.25em .2em .25em;
                }

                /* Text before main-menu */
                    #pageNavMenuBox #pageNavMenu > li > a:before {
	                    content: "| ";
                    }

                #pageNavMenu li:hover > a  /* for IE6 settings look at cssMainIE.css */
                {
	                color: #000000;
                }

                #pageNavMenu li:hover > ul
                {
                    display: block;
                }


 /* ---------------------- Sub menu ---------------------- */

            #pageNavMenu ul 
            {
                display: none;
                position: absolute;
                top: 2.2em;
                left: 0.3em;
                z-index: 99999;
                background: #efefef;
            }

            /* ---------------------
                display sub menus
               --------------------- */
                    nav#pageNav div#pageNavMenuBox ul#pageNavMenu ul.displaySubMenu 
                    {
                        display: block !important;
                        color: #fff !important;
                        background: none !important;
                    }

                /* sub from sub */
                #pageNavMenu ul ul
                {         
                  position: absolute;
                  top: 0em;
                  left: 5em; /* default value, a little JavaScript function will read the width of the parent li tag and refresh the value for this left space... */
                  border-left: 1px solid #fff; /* 1px 'space' between parent and child menus */
                }               
            
                #pageNavMenu ul li
                {
                    display: block; 
                    float: none;
                    margin: 0;
                    padding: 0;                  
                }

                    #pageNavMenu ul a
                    {    
                        padding: .625em;
                        height: auto;
                        line-height: 1;
                        display: block;
                        white-space: nowrap;
                        float: none;
                        text-transform: none;
                    }

                        #pageNavMenu ul a.popout
                        {
                             /* with sub */
                            padding-right: 2em;
                            background-image: url(http://www.mo4you.at/eCOrESOURCE/images/menuPopout.png);
                            background-position: right center;
							background-repeat: no-repeat;
                        }


                /* Clear floated elements */
/*                
                #pageNavMenu:after{
	                visibility: hidden;
	                display: block;
	                font-size: 0;
	                content: " ";
	                clear: both;
	                height: 0;
                }
*/

/**************************************************************/
/**************************************************************/
/**                                                          **/
/**                      PAGE CONTENT                        **/
/**                   (section#pageContent)                  **/
/**                                                          **/
/**************************************************************/
/**************************************************************/
#pageContent
{
/*    z-index: 5; */
    position: relative;
    clear: both;
    background-color: #ffffff;
}

/**************************************************************/
/*                                                            */
/*                           FORMS                            */
/*                                                            */
/**************************************************************/


/****************************/
/*  Global                  */
/****************************/

form
{
    position: relative;
}

    .formDefault, /* page begins with form - controls */
    .formGrid          /* page begins with jqGrid */
    {
        position: relative;
        margin: 2em 0 0;
    }
   
    /* Login */
    .formLogin
    {
        float: left;
        width: 23em;        
        position: relative;
        margin: 0;
        padding: 2em 0 0 2.5em;
        width: 23em;
    }
    
    /* Login Info */
    #loginInfo 
    {
    }
    
        .formLoginInfo
        {
            float: right;
            width: 33em;
            position: relative;
            margin: 0;
            padding: 1.625em 2.5em 2em;
            background-color: #efefef;
            font-size: 90%;
        }
            .formLoginInfo, .formLoginInfo h2, .formLoginInfo p, .formLoginInfo li
            {
                color: #016a93;
            }
            .formLoginInfo h2
            {
                margin: 0;
                padding: 0;
            }
            .formLoginInfo p, .listLabel
            {
                margin-top: 1.2em;
                margin-bottom: 0.5em;
            }
            .formLoginInfo ul
            {
                margin-left: 2em;
                list-style-type: disc;
            }
                .formLoginInfo ul li
                {
                    padding-left: 1em;
					
                }
		
	
 /* Browser Info */	
	#BrowserInfo 
    {
    }
    
        .formBrowserInfo
        {
            float: left;
            width: 19em;
            position: relative;
            margin: 0;
            padding: 0.1em 2.5em 0.1em;
            background-color: #efefef;
            font-size: 90%;
        }
            .formBrowserInfo, .formBrowserInfo h2, .formBrowserInfo p, .formBrowserInfo li
            {
                color: #016a93;
			
            }
            .formBrowserInfo h2
            {
                margin: 0.1em;
                padding: 0.1em;
            }
            .formBrowserInfo p, .listLabel
            {
                margin-top: 0.5em;
                margin-bottom: 0.2em;
            }
            .formBrowserInfo ul
            {
                margin-left: 2em;
                list-style-type: disc;
            }
                .formBrowserInfo ul li
                {
                    padding-left: 1em;
					padding-top:0.1em;
					font-size: 80%;
                }
      /* Slide show */
    #SlideInfo 
    {
    }
    
        .formSlideInfo
        {
            float: right;
            width: 33em;
            position: relative;
            margin: 0;
            padding: 1.625em 2.5em 2em;
            background-color: none;
            font-size: 90%;
        }    
    
    /* --------------------
        more special forms
       -------------------- */
    #Form2, /* hope we dont need 'Form2' any more... */
    #formMain
    {
        height: 100%
    }
    
fieldset
{
}

fieldset legend
{
    font-size: 125%;
    color: #333;
    padding: 0 0.3125em;
}

fieldset legend span
{
/* Mozilla Firefox bug! FF do not support margin-left for the legend tag */
/* "Workaround": <span> container in the <legend> tag */
    display: block;
    margin-left: 18.16em;
}

/* Login */
    .formLogin fieldset legend
    {
        padding: 0;
    }

        .formLogin fieldset legend span
        {
            display: inline;
            margin-left: 0;
        }

/* jqGridView */
    .formGrid fieldset legend
    {
        margin: 0; /* 0 0 1em; margin-bottom nur weil Google Chrome margin-top 1em vom grid nicht reicht */
        padding: 0;
        display: block;
        width: 100%;
        text-align: center;
    }

    .formGrid fieldset legend span
    {
        display: inline;
        margin-left: 0;
    }

/* Default forms */
    .formDefault fieldset legend
    {
        margin: 0 0 .2em;
    }
	

fieldset ul 
{
    margin: 0;
    padding-top: 0.5em;
    list-style-type: none;
}

fieldset ul li
{
    clear: both;
    float: left;
    margin-bottom: .4em;
    padding: 0;
    font-size: 1em;
    width: 100%;
}

    /* ----------------
        checkboxList
       ---------------- */
    .checkboxList, table.checkboxList,
    .radioList, table.radioList
    {
        /*padding: 0.5em;*/
        
        padding: 0;
        border: 1px solid #ccc;
        width: auto;
        min-width: 18.0625em;
    }
	table.checkboxList,
    table.radioList	
	{
		border-collapse: separate;
		margin: 0;
		padding: 0;
		overflow: auto;
	}
        .checkboxList li, table.checkboxList td,
        .radioList li, table.radioList td        
        {
            font-size: 90%;
            padding-left: 0.556em;
			padding-right: 0.556em;
			border: none;
            
         /*   padding: 0.5em;*/
        }
            .checkboxList li.mc /* 'magic' control */
            {
                background-color: #f5f5f5;
                border-bottom: 1px solid #ccc;
            }        
            .checkboxList li label, table.checkboxList td label,
            .radioList li label, table.radioList td label
            {
                display: block;
                float: left;
                padding-left: 0.5em;
                padding-right: 0;
/*                margin-right: 0.5em; => IE < 8 only */
                width: auto;
                text-align: left;
                cursor: pointer;
            }

/* ---------------------
    Checkboxlist moCbl
   --------------------- */
.moCblBigBox {
	float: left;
	background-color: #f2f2f2;
}
.moCblContainer {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 29.375em;
	border: 1px solid #ccc;
	padding: 0;
	margin: .25em;
}
	.moCblContainer table,
	.moCblContainer table tr,
	.moCblContainer table tr td {
		width: 100% !important;
	}
	.moCbl-match {
		text-decoration: underline;
		/* background-color: yellow; */
	}
.moCblInfoBox {
	position: relative;
	line-height: 1.8125em;
	background-color: #f2f2f2;
    border: 1px solid #ccc;
    vertical-align: middle;    
    height: 1.9375em;
	width: 17.875em;
	cursor: pointer;
	color: #666;	
}
	.moCblInfoBox:hover {
		border-color: #999;
		color: #333;
	}
	.moCblInfoBox.moCblInfoBig {
		border-color: transparent !important;
		background-color: transparent !important;
	}
.moCblInfoText {
	line-height: 1.8125em;
    padding: 0;
    vertical-align: middle;    
    height: 1.9375em;
	width: 17.375em;
}
.moCblMinMaxBox {
	position: relativ;
	z-index: 9;
	width: 30em;
}
.moCblMinMaxArrow {
	position: relative;
	float: left;
	margin: .5em 1em 0 .5em;
	width: 29px;
	height:	15px;
	cursor: pointer;
	background-image: url(http://www.mo4you.at/eCOrESOURCE/images/arrow-updown.png);
	background-repeat: no-repeat;
	background-position: left top; /* down */
}

	.moCblMinMaxArrow-down {
		background-position: left top; /* down */	
	}
		.moCblMinMaxArrow-down:hover, .moCblMinMaxArrow-down-hover {
			background-position: right top; /* down */	
		}	
	.moCblMinMaxArrow-up {
		background-position: left bottom; /* up */ 	
	}
		.moCblMinMaxArrow-up:hover, .moCblMinMaxArrow-up-hover {
			background-position: right bottom; /* up */ 	
		}

input.moCblInputSearch {
	z-index: 9;
	font-size: 90%;
	padding-right: 2em;
	margin-left: .2777em;
	height: 1.875em;
	width: 25em;
	background: #fff url('select2.png') no-repeat 100% -22px;
}
		
select.moCblSelectLines {
	float: right;
	font-size: 90%;
	height: 2.01389em;
	width: 5em !important;
	margin-right: .25em;
}		

html body .moCblSelectAll input {
	font-size: 90%;
	margin: .75em 0 0 .90278em;
}

label.moCblSelectAllLabel {
	font-size: 90%;
	padding: 0;
	margin: .4375em 0 0 .5em;
	float: left !important;
	color: #666;
}

/* ----------------
    input
   ---------------- */

div.iDay, div.nDay {
	width: auto;
	float:left;
	margin: 0 0 0 1em;
	padding: 0;
}
   
div.iDay label, div.nDay label {
	margin: 0;
	font-style: italic;
	color:#72787c;
	font-size: .9em;
	border-bottom: 1px dashed;
	padding: 0 .5em 0 0;
}
	div.iDay:hover label, div.nDay:hover label {
		border-bottom: none;
	}
div.iDayInfo, div.nDayInfo {
	display: none;
	margin: 3em 10em 0;
	padding: .7em;
	height: auto;
	width: auto;
	position: absolute;
	z-index:99;
	border-radius: 9px;
	background-color: rgba(213, 225, 239, 0.9);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
}	
	
    /* inputNote */
    .inputNote, .inputNoteSlider
    {
        margin: 0;
        padding: 1em 0 0;
    }
    .inputNoteSlider
    {
        position: relative;
        display: block;
        float: left;
        margin-left: .7em;
        padding-top: .26em;
    }
        .inputNoteSlider .percent
        {
            display: block;
            float: left;
            width: 2em;
            text-align: right;
        }
	#infoHeader {
		display: none;
		margin: 1em;
	}
		#infoHeader ul, #infoHeader ul li {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#infoHeader li.header {
				padding-left: 2em;
			}
				#infoHeader li.header + li {
					display: none;
					padding-left: 3em;
					font-weight: normal;
					color: #666;
				}
			
		#RepOptions, #RepInfos, #RepWarnings, #RepErrors {
			margin: 0;
			padding: 0;
		}
				
			#RepInfosInfo, #RepWarningsInfo, #RepErrorsInfo {
				margin-top: .3em;
				text-decoration: underline;
			}
			#RepInfosLines, #RepWarningsLines, #RepErrorsLines {
				display: none;
			}
	
	.showHideNext, .filterHeader {
		cursor: pointer;
	}
			.showHideNext:hover, .filterHeader:hover {
				background-color: rgba(153,153,153,.1);
				text-decoration: none;
			}
			
		.filterHeader {
			background-image: url(http://www.mo4you.at/eCOrESOURCE/images/infoHeaderFilter.png);
			background-repeat: no-repeat;
			background-position: 2px 5px;
		}
		.filterHeader:hover {
			background-image: url(http://www.mo4you.at/eCOrESOURCE/images/infoHeaderFilterActive.png);
			/* background-color: #ffffe5; */
		}
		.filterHeader.IsGridFilter {
			background-image: url(http://www.mo4you.at/eCOrESOURCE/images/infoHeaderFilterActive.png);
			background-color: #fee89d;
			color: #000;
		}
		.filterHeader.IsGridFilter:hover {
			background-image: url(http://www.mo4you.at/eCOrESOURCE/images/infoHeaderFilterDelete.png);
			background-color: #dddddd;
		}			
		.IsGridFilterParent span {
			background-color: #fee89d;
			color: #000;
		}
   
	/* Hintergrundfarbe von webkit basierten Browsern (Chrome) bei autofill auf weiss stellen (Standard: Gelb) */   
	input:-webkit-autofill
	{
/*		background-color: #fff !important; */
        -webkit-box-shadow: 0 0 0px 1000px white inset;
	}

    /* style placeholder */
	/*
		They each need to be defined separately, otherwise the entire rule will be ignored by the browser.
	*/
    ::-webkit-input-placeholder { color: #999; } /* chrome */
    ::-moz-placeholder { color: #999; } /* firefox 19+ */
    input:-moz-placeholder { color: #999; } /* firefox <19 */
    :-ms-input-placeholder { color: #999; } /* ie 10+ */
    ::input-placeholder { color: #999; } /* W3C */
	
	/* nur text statt control */
	.inputText
	{
		float: left;
        width: auto;	
		color: #333333;
        font-size: 100%;
		height: 2em;
        line-height: 2em;
        text-align: left;        
	}   
   
    input, .inputDummy, .inputDummyOverflow, .inputDummyDisabled, .buttonDummy, .inputFake, .inputBr, .inputDummyAutoWidth, .inputDummyMaxWidth,
    label, .labelDummy, .labelDummyAutoWidth, .labelDummyBr,
    select, /* drop down list */
    textarea, /* multi line text input control */
    .checkboxList, /* ul with multible <li>checkbox|label</li> elements */
	.radioList ,
    .simpleColorContainer /* simple color picker */
    {
        float: left;
        width: 17.375em;
        color: #333333;
        font-size: 100%;
        overflow: hidden;
    }
	.ddnAutoWidth select {
		width: auto;
		padding-left: .2em;
	}
	
    label
    {
        float: right; /* text-align: right; */
        padding-right: 1em;
        height: 2em;
        line-height: 2em;
        text-align: right;        
        cursor: pointer;
        width: auto;
    }
        
        label:hover, .hover
        {
            color: #000 !important;
        }

        .labelDummy, .labelDummyAutoWidth, .labelDummyBr
        {
            float: left;
            width: 23em;
            padding: 0;
            margin: 0;
            text-align: right;            
            cursor: auto;
        }
        .labelDummyBr
        {
            float: none;
            text-align: left;
            width: auto;
            font-size: 90%;
        }
            .labelDummyBr label, label.labelDummyBr
            {
                float: none;
                text-align: left;
                padding-right: 0;
                width: auto;
            }
			label.labelDummyBr {
				padding-left: 1em;
				line-height: 2.2em;
			}
		.labelDummyAutoWidth, .labelDummyAutoWidth label
		{
			width: auto;
		}
        .inputDummy, .inputDummyOverflow, .inputDummyAutoWidth, .inputDummyMaxWidth
        {
            width: 18.0625em;
			line-height: 2em;		
        }
        .inputDummyOverflow, .inputDummyAutoWidth
        {
            overflow: visible;
        }
		.inputDummyAutoWidth
		{
			width: auto;
		}
		.inputDummyMaxWidth
		{
			width: 38em;
		}		
		.QualityRatingText span.point
		{
			margin: 6px 4px 0 0;
			display: block;
			text-align: center;
			line-height: 18px;
			font-size: 14px;
			font-weight: bold;
			float: left;
			width: 20px;
			height: 20px;
			background-color: blue;
			color: white;
			-moz-border-radius: 10px; 
			-webkit-border-radius: 10px; 
			border-radius: 10px;
		}
		.QualityRatingText span.point.right {
			float: right;
			margin-right: 0;
			margin-left: 4px;
		}
			.QualityRatingText span.point1 { background-color: #009900; }
			.QualityRatingText span.point2 { background-color: #88b400; }
			.QualityRatingText span.point3 { background-color: #cccc00; }
			.QualityRatingText span.point4 { background-color: #cc8700; }
			.QualityRatingText span.point5 { background-color: #be1515; }
			.QualityRatingText span.point.disabled { background-color: #b9b9b9; }
			
		.QualityRatingText span.text
		{
			margin: 6px 20px 0 0;
			display: block;
			line-height: 20px;
			font-size: 12px;
			font-weight: normal;
			float: left;
			height: 20px;
			color: #333333;
		}		
		
        .buttonDummy
        {
            width: auto;
        }
        input .inputBr 
        {
            float: none;
        }

        
/* Disabled Controls */
    body form fieldset ul li input:disabled,body form fieldset ul li input:required:disabled,
    body form fieldset ul li select:disabled,body form fieldset ul li select:required:disabled,
    body form fieldset ul li textarea:disabled,body form fieldset ul li textarea:required:disabled,
	body form fieldset ul li .inputDummyDisabled,body form fieldset ul li .inputFake[disabled="disabled"] {
        border-color: #ccc !important;
        background-color: #e8e8e8 !important;
        color: #999 !important;
        cursor: default !important;
    }
	
    textarea, /* multi-line text input control */
    select, /* drop-down list */
	input,
	.inputFake, .inputDummyDisabled,
	.simpleColorContainer, /* simple color picker */
	.inputRange /* jqueryUI slider */
	/* ------------------- */
    {
        border: 1px solid #ccc;
        padding: 0 .25em 0 .25em;
        vertical-align: middle;    
        height: 1.9375em;
    }
        textarea /* multi-line text input control */
        {
            height: 10.5em;
            padding-top: .3125em;
            overflow: auto;
            max-width: 35em;
            max-height: 21em;
        }
		
		 /* dropbox */
        select
        {
            padding: 0 0 0 .15em;
            width: 18.0625em;
            line-height: 2em;
        }

		input[type="file"] /* file load */
		{
            padding: 0 0 0 .15em;
            width: 18em;
            line-height: 2em;
		}
		
        input[type="checkbox"],
        input[type="radio"]
        {
            width: 1.3em;
            height: 1.3em;
            padding: 0;
            margin: 0.35em 0 0;
            vertical-align: middle;
        }
		.inputFake {
			text-overflow: ellipsis;  
			-o-text-overflow: ellipsis; /*für Opera*/ 
			white-space: nowrap;  
		}
		.inputFake,
		.simpleColorContainer /* simple color picker */
        {
		    padding-top: .3125em;
            border-color: #ccc;
            background-color: #fff;
            color: #333;
            cursor: default;
		}
		.inputDummyDisabled {
			
		}
		.inputRange
		{
		    margin-top: .6em;
		}
		
		.input[type="color"]
		{
		    padding: 0;		    
		    width: 18em;
		    height: 1.9375em;
		    line-height: 2em;
            border-color: #ccc;
            cursor: pointer;
		}
            

        /*
            More additional styles for simpleColor jQuery Plugin
            Plugin for input type="color" (HTML5) - support
        */
		.simpleColorContainer /* simple color picker */
		{
		    z-index: 50;
		    position: relative;
		    background-color: transparent;
		    padding: 0;
		    overflow: visible;
		    width: 17.875em;
			border: 0;
		}
			.simpleColorDisplay /* "pseudo"-input-control */
			{
				border: 1px solid #ccc;
			}
				.simpleColorDisplay:hover
				{
					border-color: #999;
				}
                
		
        textarea:hover, /* multi-line text input control */    
        select:hover, /* dropdown */
		input:hover /* file load */
		{
            border-color: #999;
        }
		

        textarea:focus, /* multi-line text input control */
        select:focus, /* dropdown */
		input:focus

		/* ------------------- */
		{
            background-color: #fafafa;
			border-color: #049aec;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);			
        }

		
/* Required Controls */
input:required,
select:required,
textarea:required
{
	/* border-color: #999 !important; */
}

input:required:invalid,
select:required:invalid,
textarea:required:invalid
{
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	background-color: #F0F9FE !important;
}
		
		input:required:hover,
		select:required:hover,
		textarea:required:hover
		{
			/* border-color: #666 !important; */
		}		
		
		input:required:focus,
		select:required:focus,
		textarea:required:focus
		{
			/* border-color: #666 !important; */
			/* background-color: #F0F9FE !important; */
			-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
			-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
		}		

		input:required:focus:invalid, input.invalid:required:focus,
		select:required:focus:invalid, select.invalid:required:focus,
		textarea:required:focus:invalid, textarea.invalid:required:focus
		{			
			background-color: #E0F3FD !important;			
		}
		
		
        textarea:active, /* multi-line text input control */
        select:active, /* dropdown */
		input:active
		/* ------------------- */
		{
            border-color: #999;
            background-color: #f8f8f8;
        }
		input:required:active,
		select:required:active,
		textarea:required:active
		{
			border-color: #666 !important;
			background-color: #E0F3FD !important;
		}		

select.ddnWarning {
	background: rgba(255, 204, 51, .8);
}

select.lbxDefault {
	width: 18.0625em;
	/*height: 6.5em;*/
	margin-right: 1em;
}
	select.lbxDefault option:nth-child(2n) /* alternate for every 2nd row, starting at the second row */
	{
        background-color: #f2f2f2; /* #e8e8e8; */
    }


option:disabled {
    background: rgba(255, 204, 51, .4);
}
/*
option[value="0"], option[value="-1"] {
	background: rgba(204, 204, 255, .8);
	color: #666;
	font-weight: bold;
}
*/

/*
html body .select2.selectItems, html body .select2 option.selectItems {
	background: rgba(204, 204, 255, .8) !important;
	color: #666 !important;
	font-weight: bold !important;
}

html body .select2.selectAllItems, html body .select2 option.selectAllItems {
	background: rgba(204, 255, 204, .8) !important;
	color: #666 !important;
	font-weight: bold !important;
}
*/

/* .selectItems {
	background: rgb(239, 248, 253) !important;
	color: rgb(14, 56, 78) !important;
	border: 1px dotted rgb(14, 56, 78) !important;
}

.selectAllItems {
	background: rgb(220, 239, 227) !important;
	color: rgb(34, 78, 51) !important;
	border: 1px dotted rgb(34, 78, 51) !important;
}

div.select2-container.select2.selectItems {
	background: rgb(239, 248, 253) !important;
	color: rgb(14, 56, 78) !important;
	border: 1px dotted rgb(14, 56, 78) !important;
}

div.select2-container.select2.selectAllItems {
	background: rgb(220, 239, 227) !important;
	color: rgb(34, 78, 51) !important;
	border: 1px dotted rgb(34, 78, 51) !important;
} */


/* -----------------------------------
    Buttons
    BUTTON INPUT TYPES:
    button, submit, reset (and image)
    ----------------------------------- */  
    button,
	input[type="button"],
    input[type="submit"],
    input[type="reset"],
    .button
    {
        margin: 0.5em 2em 1em 0;
        padding-left: 1.5em;
        padding-right: 1.5em;
        height: 2.5em; /* 40px; */
        font-size: 1em; /* 16px; */
        font-weight: normal;
        color: #333;
        background-color: #f0f0f0;
        text-transform: none; /* uppercase; */
        border: 1px solid #e0e0e0; 
        border-color: #e0e0e0 #a1a1a1 #a1a1a1 #e0e0e0;
        width: auto;
        cursor: pointer; 
    }
		button:last-child, button.last-child,
        input[type="button"]:last-child, input[type="button"].last-child,
        input[type="submit"]:last-child, input[type="submit"].last-child,
        input[type="reset"]:last-child, input[type="reset"].last-child,
        .button:last-child, .button.last-child
		{
            /*  the last button without margin-right */
            margin-right: 0;
        }

		button:hover,
        input[type="button"]:hover,
        input[type="submit"]:hover,
        input[type="reset"]:hover,
        .button:hover
        {
            background-color: #dfdfdf;
            color: #000;
        }
		
		button:active,
        input[type="button"]:active,
        input[type="submit"]:active,
        input[type="reset"]:active,
        .button:active {
			background-color: #ccc;
		}
          

/* --------------------------
    Information, small Link
    (form footer#formFooter)
   -------------------------- */
    #formHeader,#formFooter
    {
        position:relative;
        margin: 0 1em 1em 23em;
        padding: 0;
    }
        .formLogin #formFooter
        {
            margin: 0;
        }


/****************************************/
/*              Login form              */
/*             (form#logon)             */
/****************************************/
    form#logon {}

/*********************************************/
/*  frmMnu SCREENS (screen only)             */
/*********************************************/
    form#frmMnuPerNeu           /* Master data > Employee > New || Master data > Employee > Edit -> [select] */ {}
    form#frmMnuRoomNew          /* Master data > Room type > New || Master data > Room type > Edit -> [select] */ {}


/**************************************************************/
/*                                                            */
/*                         TABLES                             */
/*                                                            */
/**************************************************************/

/****************************/
/*  AssetCare Intervals     */
/****************************/
table.AC_IntMonths, table.AC_IntDays, table.AC_IntWeeksCycle,
table.AC_IntMonths tr, table.AC_IntDays tr, table.AC_IntWeeksCycle tr,
table.AC_IntMonths th, table.AC_IntDays th, table.AC_IntWeeksCycle th,
table.AC_IntMonths td, table.AC_IntDays td, table.AC_IntWeeksCycle td {
	width: auto;
	border: none;
	background-color: transparent;
	color: #333;
	font-weight: normal;
	font-size: 1em;
	padding: 0;
	margin: .2em .4em;
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 1em;
    vertical-align: middle;
	text-align: center;
}
table.AC_IntMonths td, table.AC_IntDays td, table.AC_IntWeeksCycle td {
	padding: .3em .4em !important;
	vertical-align: middle !important;
	text-align: center !important;
}
table.AC_IntMonths td input[type="checkbox"], table.AC_IntDays td input[type="checkbox"], table.AC_IntWeeksCycle td input[type="checkbox"] {
	padding: 0;
	margin: 0 auto;
	border: 0;
	vertical-align: middle !important;
	text-align: center !important;
}
table.AC_IntWeeksCycle td input[type="checkbox"]#chkIntWCMonthFlag {
	margin: 0 .3em 0 1em;
}



/****************************/
/*  Global                  */
/****************************/
table
{
    position: relative;
    margin: 1em 0 2em;
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #444;
	empty-cells: show; /* show empty cells (with a border) */
	line-height: 1.3em; /* 30px */
	text-indent: 0;
	background-color: #fff;
	font-style: normal;
	font-weight: normal;
	font-size: 1em; /* 12pt; */
    vertical-align: middle;
}
    
	table td table
	{
		margin: 0;
		padding: 0;
		width: auto;
		border: none;
	}
		table td table td
		{
			border: none;
		}
/*
	html body table.lstLook
	{
		font-size: 90%;
	}
*/

    table.topNoSpace 
    {
        margin-top: 0;
    }
    table.bottomNoSpace 
    {
        margin-bottom: 0;
    }
    table.topSmallSpace 
    {
        margin-top: .0625em;
    }
    table.bottomSmallSpace 
    {
        margin-bottom: .0625em;
    }     
    table.layoutFixed
    {
        table-layout: fixed; /* the table obeys the width, even if that results in unreadable content */
        min-height: 5em;
    }
    table.layoutAuto
    {
        table-layout: auto; /* default, the table shows all content, it stretches up beyond the width-declaration(s) */
    }

	table td a, table td a:hover
	{
		font-weight: normal;
		color: #000;
	}
	
tbody
{
    overflow-x: auto;
    overflow-y: auto;
}
    
caption
{
    caption-side: bottom;
    text-align: right;
    font-size: 80%;
    margin: 0.5em 0.5em 0 0;
}

td
{
    border: 1px solid #444;
    /* text-align: left; */ /* as default */
}

td, th
{
	padding: 0.3em 0.5em;
	vertical-align: middle;	
}

th, tfoot td
{
    border-left: 1px solid #fff;
    border-top: 1px solid #444;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #444;
    color: #fff;
    background-color: #444;
    font-weight: bold;
    text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
	table th a, table th a:hover
    {
        color: #fff;
        text-decoration: none;
    }
	table th a:hover
	{
		color: #e0e0e0;
	}

th:nth-child(1),        /* first head cell */
tfoot td:nth-child(1)   /* first footer cell */
{
    border-left: 1px solid #444;
}
    th.nth-child_1, tfoot td.nth-child_1 { border-left: 1px solid #444; } /* IE < 9 */

th:last-child,          /* last head cell */
tfoot td:last-child     /* last footer cell */
{
    border-right: 1px solid #444;
}
    th.last-child, tfoot td.last-child { border-right: 1px solid #444; } /* IE < 9 */

tr
{
    background-color: #fff; /* background color for a row */
}
    tr:nth-child(2n) /* alternate for every 2nd row, starting at the second row */
    {
        background-color: #f2f2f2; /* #e8e8e8; */
    }
        tr.nth-child_2n /* IE < 9 */
        {
            background-color: #f2f2f2; /* #e8e8e8; */
        }


/* tr - select */

    .lstLookSelect
    {
        background-color: #d7ebf2 !important;
        color: #000; /* #222222 */
    }
    
/* ------------------------
    Table row marks
   ------------------------ */
tr.trdFirst, .tddFirst /* first row for specific data */
{
    background-color: #D7EBF2;
}
tr.trdError, .tddError /* something is wrong with this row */
{
    background-color: #FFC8C8;
}
tr.trdNoData, .tddNoData /* no data in this row */
{
    color: #666;
    background-color: #ccc;
}
tr.trdDone, .tddDone /* Status = done */
{
    background-color: #c8ffc8;
}
tr.trdExtra, .tddExtra /* A hint for something special (example: a task is done, but later than planned) */
{
    background-color: #ffffb9; /*ffe763;*/
}
    
/* ------------------------
    Table cell data details
   ------------------------ */
.tddNumr { text-align: right !important; } /* number */
.tddText { text-align: left !important; }  /* text */
.tddDate { text-align: right !important; } /* date */
.tddTime { text-align: right !important; } /* time */
.tddBcod /* barcode */
{
	text-align: center !important;
	background-color: #fff !important;
	font-family: "Free 3 of 9", Tahoma, Arial, Helvetica, sans-serif !important;
	font-size: 500% !important;
}
.tddNoData { text-align: left; } /* no data */
.tddPict { height: 6.25em !important; padding: 0 !important; text-align: center !important;} /* pictogram */
/*.tddPict img { width: 6.25em; vertical-align: middle;}*/
.tddPict img { max-width: 6.25em !important; max-height: 6.25em !important; vertical-align: middle !important;}
.tddChkb { text-align: center !important; vertical-align: middle !important; padding: 0 !important; } /* checkbox */
 

/**************************************************************/
/**************************************************************/
/**                                                          **/
/**                       Page Footer                        **/
/**                   (footer#pageFooter)                    **/
/**                                                          **/
/**************************************************************/
/**************************************************************/

#pageFooter
{
    position: relative;
    clear: both;
    height: 1.875em /* 30px; */
}

    html.MODULE_Login #pageFooter
    {
        height: 0;
    }

/**************************************************************/
/**************************************************************/
/**                                                          **/
/**              S P E C I F I C   S T Y L E S               **/
/**                                                          **/
/**************************************************************/
/**************************************************************/

	/* ------------- ICON MENUS ------------- */
    .iconMenu
    {
        position: relative;
        width: 25em;
        height: 4.5em; 
        margin: 2em 0 0 23em;
        color: #666;
    }
        .iconMenu:first-child { margin-top: 3em; }
        .iconMenu:last-child { margin-bottom: 2em; }
        
        .iconMenu:hover
        {
            color: #F39C17; /* OLD: #0496F4; */
			cursor: pointer;
        }
/*
        .iconMenu > a 
        {
            z-index: 9;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
        }
            .iconMenu > a img 
            {
                display: block;
                width: 100%;
                height: 100%;
            }
*/

        .iconMenu ul,
        .iconMenu li
        {
            display: block;
            position: relative;
            float: left;
        }
        
        /* --- a single menu --- */
            
                .iconMenu .icon
                {
                    width: 4.375em; /*70px;*/
                    height: 4.375em;
                    overflow: hidden;
                }
                    .iconMenu .icon img
                    {
                        width: 4.375em;
                        height: 4.375em;
                    }


                .iconMenu .text
                {
                    margin: .7em 0 0 1em;
                }
                    .iconMenu .text .name
                    {
                        /* font-size: 1.125em; */ /* 18px */
                        font-size: 1.2em;
                        font-weight: bold;
                        font-family: Tahoma, Arial, Helvetica, sans-serif;
                    }
                    .iconMenu .text .desc
                    {
                        /* font-size: .625em; */ /* 10px */
                        font-size: .7em;
                        font-weight: bold; 
                        font-family: Tahoma, Arial, Helvetica, sans-serif;
                    }
 

  
 /* ------------------- 
		tracking
   ------------------- */
.tracking
{
	clear: both;
	position: relative;
	border-top: 1px dotted #999;
	padding: 1em 1.8em;
}
	.tracking h4
	{
		margin-top: 0;
	}
	.trackingPeriod
	 {
		clear: both;
		position: relative;
		margin: 2em 0;
		padding: 0;
	 }
		.trackingMapContainer
		{
			float: right;
			position: relative;
			margin: 0 0 1em 2em;
		}
			.trackingMap
			{
				float: right;
				width: 25em;
				overflow: hidden;
				margin-right: 1em;				
			}
			.trackingMapInfo
			{
				float: right;
				width: 20em;
				font-size: 80%;
			}
				.trackingMapInfo ul li
				{
					line-height: 1.375em;
					margin-bottom: .6em;
				}
		.trackingStartStop
		{
			margin-bottom: 1em;
		}
			.trackingStartStop h6
			{
				width: 11em;
				border-bottom: 1px solid #999;
				padding-bottom: .2em;
				margin-bottom: .4em;
			}
		.timeLine
		{
			clear: both;
			position: relative;
			/*width: 57.6em;*/
			height: 1.25em;
			/*overflow: hidden;*/
		}
			.timeLineOff,
			.timeLineOn
			{
				position: relative;
				float: left;
				margin: 0;
				padding: 0;
				border: 0;
				width: .2em;
				height: 100%;
				overflow: hidden;
			}
			.timeLineOff
			{
				background-color: #a00000;
			}
			.timeLineOn
			{
				background-color: #00ff00;
			}
		.daylight
		{
			position: relative;
			width: 57.6em;
			height: 1em;
			/* ---------- BACKGROUND - BEGIN ------------ */
			background: rgb(89,21,16) url(http://www.mo4you.at/eCOrESOURCE/images/trackingDaylight.png) center center; /* Old browsers */
			background: -moz-linear-gradient(left,  rgba(89,21,16,1) 5%, rgba(135,39,27,1) 14%, rgba(196,86,39,1) 25%, rgba(255,159,50,1) 37%, rgba(255,242,1,1) 47%, rgba(255,255,94,1) 50%, rgba(255,242,1,1) 53%, rgba(255,159,50,1) 63%, rgba(196,86,39,1) 75%, rgba(135,39,27,1) 86%, rgba(89,21,16,1) 95%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, right top, color-stop(5%,rgba(89,21,16,1)), color-stop(14%,rgba(135,39,27,1)), color-stop(25%,rgba(196,86,39,1)), color-stop(37%,rgba(255,159,50,1)), color-stop(47%,rgba(255,242,1,1)), color-stop(50%,rgba(255,255,94,1)), color-stop(53%,rgba(255,242,1,1)), color-stop(63%,rgba(255,159,50,1)), color-stop(75%,rgba(196,86,39,1)), color-stop(86%,rgba(135,39,27,1)), color-stop(95%,rgba(89,21,16,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(left,  rgba(89,21,16,1) 5%,rgba(135,39,27,1) 14%,rgba(196,86,39,1) 25%,rgba(255,159,50,1) 37%,rgba(255,242,1,1) 47%,rgba(255,255,94,1) 50%,rgba(255,242,1,1) 53%,rgba(255,159,50,1) 63%,rgba(196,86,39,1) 75%,rgba(135,39,27,1) 86%,rgba(89,21,16,1) 95%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(left,  rgba(89,21,16,1) 5%,rgba(135,39,27,1) 14%,rgba(196,86,39,1) 25%,rgba(255,159,50,1) 37%,rgba(255,242,1,1) 47%,rgba(255,255,94,1) 50%,rgba(255,242,1,1) 53%,rgba(255,159,50,1) 63%,rgba(196,86,39,1) 75%,rgba(135,39,27,1) 86%,rgba(89,21,16,1) 95%); /* Opera 11.10+ */
			background: -ms-linear-gradient(left,  rgba(89,21,16,1) 5%,rgba(135,39,27,1) 14%,rgba(196,86,39,1) 25%,rgba(255,159,50,1) 37%,rgba(255,242,1,1) 47%,rgba(255,255,94,1) 50%,rgba(255,242,1,1) 53%,rgba(255,159,50,1) 63%,rgba(196,86,39,1) 75%,rgba(135,39,27,1) 86%,rgba(89,21,16,1) 95%); /* IE10+ */
			background: linear-gradient(to right,  rgba(89,21,16,1) 5%,rgba(135,39,27,1) 14%,rgba(196,86,39,1) 25%,rgba(255,159,50,1) 37%,rgba(255,242,1,1) 47%,rgba(255,255,94,1) 50%,rgba(255,242,1,1) 53%,rgba(255,159,50,1) 63%,rgba(196,86,39,1) 75%,rgba(135,39,27,1) 86%,rgba(89,21,16,1) 95%); /* W3C */
			/* ---------- BACKGROUND - END ------------ */
		}
			.daylightDescr
			{
				position: relative;
				margin-top: 1.5em;
				width: 14.285%;
				text-align: center;
				float: left;
				font-size: 80%;
			}

/* -----------------------
    DatePicker uControls
   ----------------------- */
	.cmbDay, .cmbMonth, .cmbYear
	{
		width: auto !important;
		margin-right: 0.3em;
	}

	
/* .DatePicker
{
	margin: 0;
	padding: 0;
}    */	
	
/* -----------------------
    DatePicker jQueryUI
   ----------------------- */

.ui-datepicker-month, .ui-datepicker-year {
	height: auto;
}		
	

/**********************************/
/*                                */
/*            REPORTS             */
/*                                */
/*          body.report           */
/*                                */
/**********************************/
/* specific styles for HTML reports (screen) */

body.report
{
}

    .report #btnBackHeader 
    {
        margin-top: -.3em;
        margin-left: 1em;
    }
	

	
	
/*
	IE
*/

/* don't show the x for text inputs */
::-ms-clear {
	width: 0;
	height: 0;
	display: none;
}

/* don't show the eye for password inputs */
::-ms-reveal {
    width : 0;
    height: 0;
	display: none;	
}

/*******************************************

	W O R K   I N   P R O G R E S S
	
******************************************** */

#workInProgress {
	position: absolute;
	z-index: 999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	background: rgba(255, 255, 255, .5);
}
	#workInProgressPanel {
		position: fixed;
		height: 1px;
		width: 1px;
		left: 50%;
		top: 40%;
		background: transparent;
		border: 0 none;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
		#workInProgressLoadingImg {
			position: absolute;
			width: 32px;
			height: 32px;
			top: 5%;
			left: 50%;
			background: url(http://www.mo4you.at/eCOrESOURCE/images/ajax-loader.gif);
		transform: translate(-50%, 0);    
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		}
		#workInProgressMsg {
			position: absolute;
			top: 50px;
			left: 50%;
			width: 400px;
			background: transparent;
			text-align: center;
			font-family: arial, tahoma, sans-serif;
			padding: 1em;			
		transform: translate(-50%, 0);    
		-webkit-transform: translate(-50%, 0);
		-moz-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);			
		}
			#workInProgressMsg.message {
				text-align: left;
			}
			#workInProgressMsg.info {
				background: rgba(153, 204, 255, .9);
				color: #003366;
			}
			#workInProgressMsg.success {
				background: rgba(204, 255, 204, .8);
			}
			#workInProgressMsg.warning {
				background: rgba(255, 204, 51, .8); 
			}
			#workInProgressMsg.error {
				background: rgba(255, 204, 204, .8);
			}
			#workInProgressMsg.alert {
				background: rgba(255, 0, 0, .8);
			}
			
		#cancelWorkInProgress {
			position: absolute;
		}


.html5-progress-bar-wrapper {
	width: 300px;
	margin: 30px auto 0;
}
.html5-progress-bar {
	padding: 15px 15px;
	border-radius: 3px;
	background-color: #fff;
	box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, .2);
}
.html5-progress-bar progress {
	background-color: #f3f3f3;
	border: 0;
	width: 80%;
	height: 18px;
	border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-bar {
	background-color: #f3f3f3;
	border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-value {
	background: #cdeb8e;
	background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
	background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
	border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
	background: #cdeb8e;
	background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
	background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%);
	background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
	border-radius: 9px;
}
.html5-progress-bar .progress-value {
	padding: 0px 5px;
	line-height: 20px;
	margin-left: 5px;
	font-size: .8em;
	color: #555;
	height: 18px;
	float: right;
}


a.delete {
	display: block;
    text-decoration: none;
	padding: 3px 20px 0 0;
	float: left;
}