/* CSS Document */
* {
	text-shadow:none !important;
}

.sidAuswertung{
	float:right;
	width: 100%;
	text-align: right;
	padding-bottom: 2em;
	
}

.noTelHinweis{
	display:none !important;
}


.telHinweis {
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	
}
.telHinweis em{
	font-size:0.6em;
	font-style: normal;
	font-weight:normal;
}

.ui-popup-screen{ /* Bug-Workaround gegen das Anzeigen von Scrollbalken bei den Auswahlboxen*/

	position: fixed;
}

/* Fragebogen Felder */
fieldset.meco_question {
	background-color: #F9F9F9;
	border: 1px solid #AAA !important;
	padding: 6px !important;
	margin-bottom: 11px !important;
	border-bottom-right-radius: 0.8em;
}
fieldset.meco_question.last_question {
	background-color: rgba(130, 183, 24, 0.37);
	margin-top: 2em;
}
/*.last_question .br-theme-bars-movie .br-widget a {
	background-color: #69c7d5;
}*/

.charCount {
	float: right;
	font-size: 0.8em;
}
.charCount.hint {
	color: #F00 !important;
	font-weight:bold;
	
}


legend{
	font-weight:bold;
	color:#fff;
}
	

fieldset.meco_question .zusatzText {
	font-style: italic;
	margin: 0px 0px 20px;
	display: block;
	padding: 3px;
	background-color: rgb(224, 224, 224);
	border-bottom-right-radius: 0.8em;
}


/* Bewertungsfeld zentrieren */

.br-wrapper {
	text-align:center;
}


/* Bars */
.br-theme-bars-movie .br-widget a{
	height: 1.8em !important;
	line-height: 1.8em;
}


.br-theme-bars-movie  .br-current{
	background-color:#96c11f !important;
	
}

.br-theme-bars-movie  .br-selected{
	background-color:#000 !important;
}

.br-theme-bars-movie  .br-selected:hover{
	background-color:#000 !important;
}

/* Anpassung Schulnoten */
.showValue .br-widget, .showValue a, .showValue ui-link{
	height:auto !important;
	
}
.showValue a{
	width: 3em !important;
	text-align: center;
	text-decoration:none;
	color: #000 !important;
}
.showValue a:hover, .showValue a.br-current{
	color:#fff !important;
}


.br-theme-bars-movie .br-widget a{
	background-color: #96c11f ;
}
.br-theme-bars-movie .br-widget a.br-active{
	background-color:#788890;
}


.br-theme-bars-movie .br-widget .br-current-rating, .ui-btn.ui-btn-active {
	color: #788890;
}

.ui-btn:focus, .ui-btn.ui-btn-a:focus{
	-webkit-box-shadow: 0 0 12px #788890 !important;
	-moz-box-shadow: 0 0 12px #788890 !important;
	box-shadow: 0 0 12px #788890 !important;
}

/* Menü Trenner anpassen */

.ui-listview > .ui-li-divider{
	font-size:1.5em !important;
}

.ui-selectmenu {
	min-width:15em !important;
}

.ui-title{
		margin:0px 0px !important;
}

/* Validierung */

.invalidMenu{
	color:#f00 !important;
	background-color:#FED1D1 !important;
	
}

.invalidMenu:hover{
	color:black !important;
	background-color:#FFDDDE !important;
}

li > .invalidMenu {
	border-color:#f00 !important;
}

.invalidAntwort{
	padding: 2px;
	margin: -2px;
	color: #f00;
}


/* Weiter Button */
.meco_weiter_button{
	background-color:#045473 !important;

}

/* Schalter anpassen */

.schalter{
	text-align:center;
}
.schalter label{
	text-align:left;
}

.activeMenu.ui-icon-carat-r::after{
	background-color:#000 !important;
}
.activeMenu.invalidMenu.ui-icon-carat-r::after{
	background-color:red !important;
}



/* Flip Slider */ 
.ui-slider-switch {
  width: 8em !important;
}

/* Word Wrapping */
.ui-listview .ui-btn, #arbeitszeiten-dialog .ui-header{
    white-space : normal !important;
    padding: 0.5em 1em !important;
}


/* Kopzeile Tabellenüberschriften */
h2 {
	background-color: #eee;
	padding: 5px;
}


.frageText{
	float:left;
	display:inline;
	max-width:80%;
}

.green{
	background-color: #2ddb2d !important;
}
.buttonWrapper.radio{
	float:right;
}
.buttonWrapper.radio li {
	float: left;
	width: 3.3em;
/*padding: 7px;*/
	list-style: none;
	text-align: center;
}

.buttonWrapper.radio a{
	float:left;
	margin: 0px !important;
}



/** TEST Header-Radio Labels **/

.myclass {
   background-color: green !important;
    float: left !important;
    left: 13px;
    margin-top: 26px;
    padding-left: 22px;
    position: relative;
    top: 10px;
}

.myclass2 {
    background-color: yellow;
    float: left;
    margin-top: 11px;
}


/* Ajax */

.linkAjax{
	background-image:url(/themes/meco/images/ajax-loader_round.gif) !important ;
	background-position:center;
	background-repeat:no-repeat;
	color:#999;
}


 .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
		.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
			left: 15em;
			right: -15em;
		}


/** Antworten **/
.headerFooter, #antwortContent, .Hinweistext{
	padding: 4.8px;
}

.hinweis{
	color:#f00;
}

#antwortContent .typ{
	width:100%;
	padding-left: 10em !important;
}

#sid{
	font-style: italic;
}

#auswertungPDF {
	float: right;
	background-image: url(images/pdf_icon.png);
	height: 6.2em;
	width: 3.5em;
	background-repeat: no-repeat;
	background-position: right;
	text-decoration:none;
}

#antwortContent .antwort div {
	padding: 0.3em;
}

#antwortContent .text{

/*	background: #efefef;
	background: -webkit-linear-gradient( #fff, #efefef );
	background: -o-linear-gradient( #fff, #efefef );
	background: -moz-linear-gradient( #fff, #efefef );
	background: linear-gradient( #fff, #efefef );

	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;*/
	padding-bottom: 1em;


}

#antwortContent .typ h4{
	font-size: 1em;
	padding: 0px;
	margin: 0px;
	height: 2.5em;
	display: table-cell;
	vertical-align: middle;
}

#antwortContent .ampelGruen,
#antwortContent .ampelGrau,
#antwortContent .ampelGelb, 
#antwortContent .ampelRot,
#antwortContent .ampelDunkelRot {
	
	/*background-position:right;*/
	background-repeat:no-repeat;
	background-size:150px;
	
}
#antwortContent .ampelGruen{
	background-image:url(images/gruen_linear.png);
}

#antwortContent .ampelGelb{
	background-image:url(images/gelb_linear.png);
}

#antwortContent .ampelRot{
	background-image:url(images/rot_linear.png);
}

#antwortContent .ampelDunkelRot{
	background-image:url(images/dunkel-rot_linear.png);
}

#antwortContent .ampelGrau{
	background-image:url(images/grau_linear.png);
}

#antwortContent table{
	border-collapse:collapse;
	width:100%;
	
}
#antwortContent table td, #antwortContent table th{
	border:1px solid black;
	padding:5px;
}
#antwortContent table td:first-child{
	width:50%;
}

#antwortContent table th.grau{
	background-color:#CCC
}

#antwortContent table tr.gruen{
	background-color:#A8CD5E;
}
#antwortContent table tr.gelb{
	background-color:#F3D04D;
}
#antwortContent table tr.rot{
	background-color:#D7848B;
}

#antwortContent hr {
	border: 0;
	/*border-bottom: 1px solid;
	border-color: #aaa;*/
	padding:0.2em;
	background-color:#fff;
}

.Hinweistext {
	font-size: 0.8em;
	font-weight: bold;
	font-style:italic;
}

.ui-field-contain > label {
		float:none;
		width:100%;
}
.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls{
	width:100%;
}

/* ab 1280px */
@media all and (min-width: 80em) {

	.br-wrapper, .schalter {
		text-align:right !important;
	}
	.ui-mobile label, .ui-field-contain > label {
		float:left;
		max-width:66%;
	}
	.ui-field-contain > label{
		width:30%;
	}
	.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls{
		width:68%;
	}
	
}

/* ab 895px */
@media all and (min-width: 56em) {
	
	.br-theme-bars-movie .br-widget a{

		height:1em ;
	}
	
	.meco_navmenu-link{
		display:none !important;
	}
	
	.meco_navmenu-panel{
		visibility: visible;
		position: relative;
		left: 0;
		clip: initial;
		float: left;
		width: 25%;
		background: none;
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		transform: none !important;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

@media all and (min-width: 500px) {
	.ui-title a{
		background-position:center;
		background-repeat:no-repeat;
		display: block;
		height: 80px;
	}
}

/* Kleiner 500 px */
@media all and (max-width: 499px) {
	#antwortContent .ampelGruen,
	#antwortContent .ampelGelb, 
	#antwortContent .ampelRot,
	#antwortContent .ampelDunkelRot {
    }
	
	#antwortContent .typ h1{
		display:block !important;
		padding-bottom:1em;
	}
	#antwortContent .typ{
		text-align:center;
		
	}


	label{
		float:none !important;
		width:100% !important;
	}
	.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
	float: none !important;
	width: 100% !important;
	}
	
	.ui-title a{
/*		background-image:url(images/gothaer/logo_40.png);*/
		background-position:center;
		background-repeat:no-repeat;
		display: block;
		height: 40px;
	}
	
	h1{
		font-size:1em;
	}
	
}

.ui-field-contain > label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain > .ui-rangeslider > label {
	
	margin: 0 2% 2% 0;
}

/* IE Hack */
legend {
	display:table; /* Enable line-wrapping in IE8+ */
	white-space:normal; /* Enable line-wrapping in old versions of some other browsers */
}

legend {
	font-weight: bold;
	font-size: larger;
	padding: 0.1em 0.5em 0.1em 0.5em !important;
	/*border: 1px solid #b9b9b9;*/
/*	background: rgba(130, 183, 24, 0.42);*/
	background-color:#96c11f;
/*	border-radius: 0.1em;*/
	margin-bottom: 0.5em;
}
legend {

	font-size: larger;
}

.center{
	text-align:center;
}
@(min-width: 28em) {
	.ui-field-contain > label ~ [class*="ui-"], .ui-field-contain .ui-controlgroup-controls {
		width: 58% !important;
	}
}

/* AUSWERTUNG */
#popup1.ui-popup .ui-content {
    max-height: 30em !important;
	overflow:hidden;
	overflow-y:scroll;
	
}

.ampelantworten {
	background-color:#f5f5f5;
}

.leftPadding{
	padding-left:25px;
}


/* Wiederherstellung Title*/
.ui-popup-container{
	background-color:#fff;
}
.ui-popup-container .ui-title{
	background:none;
	height:	auto;
	padding: 0.4em 0 0.4em 0!important;
}

.stress_login_box {
    top: 337.5px;
    background-color: #fff;
    border-color: #ddd;
    box-shadow: 0 0 12px rgba(0,0,0,.6);
    border-radius: .3125em;
    max-width: 15%;
}

.col-3 {
    max-width: 15% !important;
}


@media only screen and (max-width: 768px) {
    .login_row {
        top: 167px;
        position: relative;
        left: 9px;
    }
    
    .stress_login_box {
        max-width: 100%;
        top: 200px;
    }
    
    .login_h3_header {
        font-size: 18px;
    }
    .col-3 {
        max-width: 100% !important;
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .col-3 {
        max-width: 25% !important;
    }
}
/* Footer SETUP NEU*/
/*[data-role=page]{height: 90% !important; position:relative; }
[data-role=footer]{bottom:0; position:absolute !important; width:100%;}*/


/*.ui-popup-container > a .ui-popup-active > a {*/
/*    background-color:black;*/
/*}*/