@CHARSET "UTF-8";

.ui-radiobutton-icon.ui-icon {
	background-repeat: unset!important;
}

.b_red {background-color: #FFAAAA}
.b_green {background-color: #AAFFAA}
.b_blue {background-color: #AACCEE}
.b_yellow {background-color: #FFFFAA}
.b_grey {background-color: #DDDDDD}

.hbox {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}
.vbox {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.ext {
    flex:1;
}
/* Landscape */
@media (min-aspect-ratio: 15/10) {
    .adj {
        display:flex;
        flex-direction: row;
	}
    #links {
        width:19%;
        min-width:280px;
		overflow-y:auto;
	}
	#rechts {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		overflow-y:auto;
	}

	.hideLandscape {
        display:none;
        width:100%;
    }
	.linksInnen {
		margin:10px 10px 10px 10px;
	}
	.width300px {
		width:300px;
	}
	.rechtsInnen {
		margin:10px 10px 10px 0px;
	}
}
/* Portrait */
@media (max-aspect-ratio: 15/10) {
    .adj {
        display:flex;
        flex-direction: column;
    }
    .hidePortrait {
        display:none;
        width:100%;
    }
    #links {
		display: block;
        width:100%;
    }
	#rechts {
		overflow-y:auto;
	}
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width:100%;
}

body {
	font-family: Helvetica;
	font-size: 10pt; 
	color: black;
	width:100%;
	height:100%;
}

.hiddenPlugin {
	display: none;
}

.table {
    display: table;
    height:100%;
    width: 100%;
}
.table-row {display: table-row; }

.cell {
    border: 1px solid black;
    display: table-cell;
    height: 100%;
    width: 50%;
    padding:2px;
  	vertical-align: middle;
}


	.ui-layout-north {
		overflow: visible !important;}
	.ui-layout-north .ui-layout-unit-content {
		overflow: visible !important;}
	.ui-layout-unit {
		background-color:#DDDDDD!important;
		padding:0!important;	}
	.grey .ui-layout-unit-content {
    	background-color: #F0F0F0 !important; }
	.grey .ui-layout-unit-content {
    	background-color: #F0F0F0 !important; }
	
	.ui-layout-unit .ui-layout-unit-content {
		padding:0;}
	.ui-widget {
		font-size:10pt;
	    font-family: Arial,sans-serif; }
	.blueHeader * .ui-widget-header:not(.toolbar):not(ul) {
 		background: linear-gradient(#AACCEE, #DDEEFF); 
 		font-weight: bold; 
		padding: 3px;
		margin: 0; 	}
	.grey {
		background-color: #DFDFDF !important;}
	#toolbarPane {
		padding: 0px;}
	


.valMsg {
	display: block;
	border-color: red; border-width: 2px;border-style: solid;"
}
.matchingTable{   
   border-collapse:collapse;
   border:3px solid grey;
}
.matchingTableCell { border: 1px solid #888; } 
.noBorder {	border: 0px!important; padding:3px; }


.left 			{	text-align:left;	}
.right 			{	text-align:right;	}
.top-alignment 	{	vertical-align: top;}
.center 		{	text-align:center;	} 

.width10 { width: 10%; }
.width30 { width: 30%; }
.width33 { width: 33%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width60 { width: 60%; }
.width70 { width: 70%; }
.width100{ width: 100%; }

.with200px {
	width: 200px;
}
.ten-percent 	 {  width: 10%;   }
.twenty-percent  {  width: 20%;   }
.thirty-percent  {  width: 30%;   }
.forty-percent 	 {  width: 40%;   }
.fifty-percent 	 {  width: 50%;   }
.sixty-percent 	 {  width: 60%;   }
.seventy-percent {  width: 75%;   }
.eighty-percent  {  width: 80%;   }



.panelc { width:25%; }
.valign { vertical-align:top; }
.dropTargetPanel { width: 90%; }

.footerClass {
	text-align: center;
	padding-top: 5px;
}


textarea { resize:none; width: 70% }	

input[readonly]{
  outline:1px solid grey; 
}

/* #moodle { */
/* 	margin-left: 10px; */
/* 	padding: 0px 0px 0px 5px; */
/* } */

.green { color: green; }

.meldung {
	font-style : italic ;
	font-size: larger ;
	color: red ;
}

.ergPartFalse {
	background-color: #FFFFAA;
	color: black;
	outline:2px solid orange;
	margin-left: 2px;
	margin-right: 2px;
}
.EINHEITENFEHLER_Lehrer,
.MEHRFACHANTWORT_TW_RICHTIG_LEHRER, 
.TEILWEISE_OK_Lehrer,
.ergPartTrueLehrer {
	background-color: #EEEE66;
	color: black;
	outline:2px solid orange;
	margin-left: 2px;
	margin-right: 2px;
}

.EINHEITENFEHLER,
.MEHRFACHANTWORT_TW_RICHTIG,
.TEILWEISE_OK,
.ergPartTrue {
	background-color: #FFFFAA;
	color: black;
	outline:2px solid orange;
	margin-left: 2px;
	margin-right: 2px;
}
.FALSCH,
.ergFalse {
	background-color: #FFAAAA;
	color: black;
	outline:2px solid red;
	margin-left: 2px;
	margin-right: 2px;
}
.FALSCH_Lehrer,
.ergFalseLehrer {
	background-color: #EE6666;
	color: black;
	outline:2px solid red;
	margin-left: 2px;
	margin-right: 2px;
}
.MEHRFACHANTWORT_OK,
.OK,
.ergTrue {
	background-color: #AAFFAA;
	color: black;
	outline:2px solid green;
	margin-left: 2px;
	margin-right: 2px;
}
.MEHRFACHANTWORT_OK_LEHRER,
.OK_Lehrer,
.ergTrueLehrer {
	background-color: #44DD44;
	color: black;
	outline:2px solid green;
	margin-left: 2px;
	margin-right: 2px;
}
.angabeFehler {
	background-color: #AAAAFF;
	color: black;
	outline:2px solid blue;
	margin-left: 2px;
	margin-right: 2px;
}
.visible_false {
	font-style: italic;
	text-decoration: line-through;
	color: #DDDDDD;
}
#header	 {
	margin-top: 20px;
    position:relative;
    top:0; left:0; right:0; bottom:0;
	text-align:left;
    padding-bottom: 15px;
}
#ueberschrift{
	font-weight: bold;
	font-size:20px; 
    top:0;
    left:0;
    width:75%;
}
#login {
    position:relative;
    top:0em;
    left:0;
    padding:5px;
	font-family: Helvetica; font-size:10px; 
	text-align:left;
}

.changeRole{
    position:relative;
    top:0em;
    right:0;
	z-index: 99;
	background-color: #FFFFCC;
	border: solid 3px gray; 
    border-spacing: 3px; 
    border-radius: 6px;
	
}

.menuheader {
	font-weight: bold;
	font-size: 9pt;
	border: 1px solid #888;
	background-image: url("/lettovsdanielgran2/javax.faces.resource/hgradient.jpg.jsf?ln=img");
	background-repeat:repeat-x;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	border-color: #DDDDDD;
}

.tree {
	margin-top: 5pt;	
	margin-bottom: 5pt;	
}

#inhalt {
    position:relative;
    top:10px;
    left:0;
}
table.select{
	background-color: #FFFFDD;
	color: black;
	border: solid 3px gray; 
    border-spacing: 3px; 
    border-radius: 6px;
}
table.select tr td {
	border: solid 1px black; 
}
table.select thead tr td {
	background-color: #FFCCFF;
	color: red;	
	border: solid 1px black; 
}

table.ergebnis{
	color: black;
	border: solid 3px gray;
	border-spacing: 3px;
	border-radius: 6px;
}
table.ergebnis tr td {
	/*background-color: #FFCCFF;*/
	border: solid 1px black;
}
table.ergebnis thead tr td {
	color: red;
	border: solid 1px black;
}


.ui-dialog {
	max-width:95%	
}

.disabled {
	color: #D0D0D0;	
}

.lightred {
	background-color: #FFCCCC;
}



.flex-container {
	display: flex;
	flex-flow: column;
	height: 100%;
	width: 100%;
}

.header {
	border-bottom: #aaaaaa 2px solid;
}

.article {
	flex: 1;
	overflow-y: scroll;
}

.cb {
	font-size: larger;
	margin-right: 5px;
}

.footer {
	border-top: #aaaaaa 2px solid;
}