/* for transition between commands */
body #middle {
	opacity:1;
	transition:opacity 0.3s ease;
}

body.calculatingMode #middle {
	opacity:0 !important;
	transition:opacity 0.3s ease;
	filter: blur(5px) !important;
}

/*end transition */
.noAdmin .noadmin-hidden {display:none !important;}

.article.kennzahl_list,
.article.faq_list, 
.article.handbuch_list {width:700px !important;max-width:100%;margin:0 auto;}

.kurz {
	font-weight:bold;color:#369 !important;padding:0.25rem 2rem 0.25rem 2rem;	
}
.lang {
	font-weight:100;color:#444 !important;padding:0.25rem 2rem 0.25rem 4rem;	
}
.toprowwithbuttons {margin-top:-2rem;}
.headline {text-transform:uppercase;letter-spacing:0.2rem;padding-bottom:1rem;text-align:center;}
.alphaline {padding-bottom:1rem;text-align:center;width:100%;}
.alphaline .initial {text-decoration:none !important;color:#369;padding:0.5rem;}



/*** FAQ ***/
.faq_list, .handbuch_list {
	counter-reset: ebene1; 
}
.kategoryField, .questionField, .list-group-item {
		border:none !important;
		padding:0;
		margin:0;
		}

.kategoryField {
			font-size:1rem;
			font-weight:400;
			text-align:left;
			line-height:1.1rem;
			padding-top:1rem;
			padding-bottom:0.5rem;
			color:#369;
			position: relative;
}
.questionField {	
			font-size:12px;
			cursor:pointer;
			font-weight:normal;
			padding:0.25rem 2rem;
			color:#111;
			position: relative;
			}

.answerField {display:none;
			padding-top:0.5rem;
			padding-left:2.1rem;
			padding-right:1rem;
			padding-bottom:0.5rem;
			}
.answerField.show {display:block;}
.answerField > div { 
			font-size:1rem;
			font-weight:normal;
			margin:0;
			width:100%;
			padding-left:1rem;
			border-left:1px dotted #ccc;
}

.kategoryField::before {
  counter-increment: ebene1; 
  content: counter(ebene1) ".";
}  

.kategoryField {counter-reset: ebene2; }

.questionField::before {
  counter-increment: ebene2;	
  content: counter(ebene1) "."counter(ebene2) ". ";
}

/* wirtschaftsnachrichten */
div[data-typus="0"] .toprow {background:#fafafa;border-bottom:1px dotted #eee;padding:0.5rem 1rem;margin-bottom:1rem;}

div[data-typus="1"] .toprow {background:#fafafa;border-bottom:1px dotted #eee;padding:0.5rem 1rem;margin-bottom:1rem;}
div[data-typus="1"] .info-head:before {content: "Artikel über: ";font-weight:bold;font-style:italic;padding-right:39px !important;}
div[data-typus="1"] .info-media:before {content: "Veroeffentlicht in:   ";font-weight:bold;font-style:italic;padding-right:12px !important;}

div[data-typus="3"] .toprow {background:#fafafa;border-bottom:1px dotted #eee;padding:0.5rem 1rem;margin-bottom:1rem;}
div[data-typus="3"] .info-head:before {content: "Betrifft: ";font-weight:bold;font-style:italic;padding-right:17px !important;}
div[data-typus="3"] .info-media:before {content: "Quelle:   ";font-weight:bold;font-style:italic;padding-right:23px !important;}

div[data-typus="2"] .toprow {background:#fafafa;border-bottom:1px dotted #eee;padding:0.5rem 1rem;margin-bottom:1rem;}
div[data-typus="2"] .info-head:before {content: "Subject: ";font-weight:bold;font-style:italic;padding-right:17px !important;}
div[data-typus="2"] .info-media:before {content: "From:   ";font-weight:bold;font-style:italic;padding-right:32px !important;}

/* navtabs in project */
[data-showperiod] {display:none;}
body[data-period="A"] div[data-showperiod="0"]{display:block;}
body[data-period="B"] div[data-showperiod="1"]{display:block;}
body[data-period="C"] div[data-showperiod="2"]{display:block;}
body[data-period="D"] div[data-showperiod="3"]{display:block;}
body[data-period="E"] div[data-showperiod="4"]{display:block;}

/* Editormodal */

  .popdiv {width:375px;font-size:0.875rem;color:#222;line-height:1rem;color:#222;}
  .popdiv p {line-height:1rem;padding-top:0.5rem;padding-bottom:0.5rem;margin-bottom:0;color:#222;}  
  .popdiv ul {margin-top:0;margin-bottom:0rem;color:#222;} 
  .popdiv li {line-height:1rem;color:#222;}    
  .tooltipster-sidetip.tooltipster-light .tooltipster-box
  	{border-radius:3px;border:1px solid #ccc;background:#ededed}
  	.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}
  
.studInfo {
	padding-bottom:1rem;
	padding-top:1rem;
	width:750px !important;
	font-style:italic !important;
	color:black !important;
	background:#eeeeee;
	padding:1rem;
	margin-bottom:1rem;
	margin-top:1rem;
}
.studInfo p, .studInfo li {
	font-style:italic !important;
	color:black !important;
	padding:0;
	margin:0;
}

div.wolfpane > div.studInfo.firstDiv {margin-top:0 !important;}
/* alert / dialog */

.footer {border: none !important;}
.avatar_40 {
	margin: auto 0;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border-radius: 200px;
    -moz-border: 1px solid #fff;
    -webkit-border: 1px solid #fff;
    -ms-border: 1px solid #fff;
    -o-border: 1px solid #fff;
    border: 1px solid #fff;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
    -webkit-box-shadow: rgb(0 0 0 / 40%) 0 0 2px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
    box-shadow: rgb(0 0 0 / 40%) 0 0 2px 0;
    height:40px;
    width:40px;
    min-height:40px;
    min-width:40px;
    max-height:40px;
    max-width:40px;
	background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    display: inline-block !important;
}
  #myModal.dialog .modal-dialog .modal-content .header:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position:absolute;
    bottom:0;
    left:70px;
    border-style: solid;
    border-width: 0 8px 12px 8px;
    border-color: transparent transparent #FFF transparent;
  }
  
   #myModal.dialog .modal-dialog .modal-content .header {position:relative;border:0 !important;background:#e8e8e8 !important;height:65px !important;}
   
   #myModal.dialog .modal-dialog .modal-content .header span.title {font-weight:400;font-size:0.9rem;}
   #myModal.dialog .modal-dialog .modal-content .header span.subtitle {font-weight:200;font-size:0.9rem;}
   #myModal.dialog .modal-dialog .modal-content .header button {font-weight:bold;border:0 !important;}
   #myModal.dialog .modal-dialog .modal-content .header button:before {font-weight:bold;position:absolute;top:1rem;right:1rem;color:black;font-size:50%;}


.padd10 td {padding-top:25px;padding-bottom:25px;}