.carousel-item-1 {
	background-color: green;
}

.fb-navbar-brand-image {
	position: relative;
	width: 160px;
	top: -4px;
}

.blog-post {
	border-bottom: 8px solid #eee;
	margin: 30px 0;
}

.blog-post-meta {
	color: #aaaaaa;
}

.blog-comment {
	background-color: #eee;
	padding: 10px 10px 10px 30px;
	margin: 10px 0;
}

a.blog-post-title, a.blog-post-title:hover {
	color: inherit;
	text-decoration: none;
}


h2.featurette-heading-top {
	margin-top: 0;
}

.thumbnail {
	cursor: pointer;
	min-height: 200px;
}

.thumbnail:hover {
	border-color: black;
}

.thumbnail-selected {
	background-color: #ddd;
}

.thumbnail .caption {
	font-size: 8pt;
}

.thumbnail .tc-thumbnail-infobutton {
	position: absolute;
	top: 0;
	left: 0px;
	background-color: red;
	padding: 0 5px;
	border-radius: 3px;
}

.tiny {
	font-size: 7pt;
}

.red {
	color: #cc0000;
}

.green {
	color: #00cc00;
}

.orange {
/* 	Entspricht .btn-warning */
	color: #f0ad4e; 
}


.form-control-half {
	width: 50%;
	float: left;
}

.form-control-short, input[type=number] {
	display: inline-block;
}

input[type=number] {
	width: 90px;
}

.tc-layout-canvas {
	width: 200px;
	height: 300px;
	max-width: 100%;
	max-height: 100%;
	box-sizing: content-box;
	border: none;
}

.tc-layout-canvas-large {
	width: 500px;
	height: 750px;
}


.tc-layout-preview-box {
	width: 100%;
	height: 350px;
	padding: auto;
}

.tc-layout-preview-editor {
	width: 300px;
	height: 400px;
	padding: auto;
}



.tc-layout-preview-box img {
	max-height: 100%;
}

.tc-layout-preview-box object, .tc-layout-preview-editor object {
	width: 100%;
	height: 100%;
	max-height: 100%;
}

.tc-dashboard-menu-inset {
	display: block;
	margin-left: 10px;
	font-size: 12px;
}

.orgissuecontent-layoutpreview {
	min-height: 250px;
}

.vspacer-20 {
	display: block;
	height: 20px;
	width: 100%;
}

.vspacer-50 {
	display: block;
	height: 20px;
	width: 100%;
}

/* STICKY FOOTER
-------------------------------------------------- */


img.footer-logo {
	padding: 10px;
	background-color: white;
	vertical-align: -20px;
}

footer.footer-dashboard {
	position: fixed;

}




html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;

}

form {
	margin: 20px 0;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}


/* Just some vertical distance... */
.section {
	margin-top: 10px;
	margin-bottom: 20px;
}


.memberfilecontentarea {
	display: block;
/*	border: 1px solid blue;*/
	border: none;
	padding: 10px;
	min-height: 150px;
}


.nowrap {
	white-space: nowrap;
}

.cr-docthumbnail-imgcontainer {
	width: 257px;
	height: 257px;
	border: none;
	padding: 0;
	background: url(../media/images/css/icon_doc_empty_256.png) no-repeat;
	
	white-space: nowrap;    
    text-align: center; 
/*	margin: 1em 0;*/
}

.cr-docthumbnail-imgcontainer img {
	max-width: 128px;
	max-height: 192px;
	vertical-align: middle;
    
}

.image-vcenter-helper {
	/* Put an empty <span> of this class before an image to center it vertically and horizontally in a div. */
	/* Source: http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}



.cr-memberfile-docblock {
	height: 400px;
}

tr.message-unread td {
	font-weight: bold;
}


.btn.help {
	padding: 0;
	width: 24px;
	border-radius: 16px;
	
}

.btn-info.help {
	color: white;
	font-weight: bold;
	margin-left: 10px;
}



.content-section-editable {
	margin: 0;
	padding: 0;
/*	border: 1px solid white;*/
}

.content-section-editable:hover {
/*	border: 1px solid red;*/
	background-color: #f0f0f0;
}

.carousel .content-section-editable {
	background-color: green;
}


.carousel .content-section-editable:hover {
	background-color: inherit;
}



/*Dashboard*/

.cr-dashboard-factoid {
	display: block;
/*	width: 100%;*/
	height: 200px;
	background-color: #428bca;
	color: white;
	padding: 5px;
	border-radius: 10px;
}

.cr-dashboard-factoid:hover {
	text-decoration: none;
	color: #BACBDB;
}

.cr-dashboard-factoid .factoid-number {
	margin-top: 15px;
	text-align: center;
	font-size: 60px;
}

.cr-dashboard-factoid .factoid-label {
	text-align: center;
	font-size: 18px;
}


input.cr-form-field-plz {
	width: 100px;
}

input[type='radio'], radio {
/*	text-indent: -5em;*/
/*	color: red;*/
}

input:required {
	border-color: #FFB58D;
}

.input-group.date {
	max-width: 190px;
}

input[type='date'].form-control {
	max-width: 150px;
}

.vspace-1 {
	height: 1em;
}

.vspace-2 {
	height: 2em;
}

.vspace-3 {
	height: 3em;
}

.vspace-4 {
	height: 4em;
}

.vspace-5 {
	height: 5em;
}



.form-control.amountfield {
	max-width: 150px;
}


.scroller {
	border: 1px solid #999;
	padding: 10px;
	border-radius: 5px;
	height: 200px;
	overflow: scroll;
}

.form-control-invalid-value {
	display: block;
	position: relative;
	padding: 5px;
	margin: 15px 0;
	border: 1px solid red;
	border-radius: 5px;
	background-color: #ffd0d0;
}

.amt-negative {
	color: #FF0000;
}


.cutoff {
	overflow: hidden;
}





.dropzone-custom {
	border: 2px dashed #0087F7;
	border-radius: 5px;
	background: white;
	margin: 10px;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
  margin-bottom: 100px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

}

/* BOOTSTRAP OVERRIDES
-------------------------------------------------- */

.panel-group {
	margin-top: 20px;
}


/* Auto-Expandable Div */

div#debugdump {
	padding-top: 20px;
}

.expand-label {
	font-size: 0.7em;
	color: #797979;
}

img.disclosure-triangle {
	width: 10px;
	height: 10px;
}

.expandable-content {
	display: none;
}

p.disclosure-header {
	background: left center no-repeat url(../media/images/disclosure-triangle.png);
	padding-left: 20px;
}

div.captured-output {
	display: block;
	background-color: red;
	color: white;
	border: thin solid black;
	padding: 10px;
	margin: 20px 0;
	font-family: "Monaco", Courier, sans-serif;
	font-size: 10px;
}



.debugoutput td p {
	margin: 15px 0;
	padding: 10px;
	border-radius: 4px;
	background-color: #EAE8DA;
	
}

.debugoutput code {
	white-space: pre;
	background-color: transparent;
}

.frontpage-news h2.blog-post-title {
	font-size: 20px;
}

/* ALERT BOXES
-------------------------------------------------- */

.pagefilterform {
	margin: 10px 0px;
	border: 1px solid blue;
}

.vspaced {
	margin: 10px 0;
}

.alert {
	margin-top: 20px;
}

.alert p.alert-extrainfo {
	padding: 2px 5px;
	font-size: 85%;
	color: #633;
	background-color: white;
}


.msgbox {
	width: 700px;
	color: black;
	font-weight: normal;
	display: block;
	margin: 10px 2px 20px;
	padding: 2px 10px 10px 40px;
	border: 1px solid #900;
	background-color: white;
	background-image: url("../images/fail_icon.png");
	background-repeat: no-repeat;
	background-position: 4px 40px;
	min-height: 80px;

	-webkit-box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	
	border-radius: 3px;
	
}



.msgbox .title {
	display: block;
	overflow: hidden;
	font-weight: bold;
	padding: 7px 5px 3px 10px;
	background-color: #f00;
	color: white;
/*	width: 535px;*/
	width: 698px;
	height: 28px;
	position: relative;
	top: -2px;
	left: -40px;
}

.msgbox .annex, .bootstrap-msgerror .annex {
	display: block;
	overflow: hidden;
	font-weight: normal;
	padding: 7px 5px 12px 10px;
	margin: 10px 0 0 0;
	background-color: #E4E4E4;
	color: #8D8D8D;
/*	width: 535px;*/
	width: 698px;
	height: 18px;
	position: relative;
/*	top: 10px;*/
/*	bottom: -19px;*/
	left: -40px;
	font-size: 11px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.msgerror, .msgauth {
	padding-bottom: 0;
	min-height: 60px;
	
}




.form-signin .msgbox {
	width: 400px;
}

.form-signin .msgbox .title {
	width: 398px;
}

.form-signin .msgbox .annex {
	width: 398px;
}



@media (max-width: 768px) {
	.msgbox {
		width: 400px;
	}
	
	.msgbox .title {
		width: 398px;
	}
	
	.msgbox .annex {
		width: 398px;
	}
}


.msginfo {
	color: black;
	background-color: #9FC6FF;
	border-color: #0080FF;
	background-image: url("../media/images/icons/info.png");
}

.msginfo .title {
	color: white;
	background-color: #0080FF;
	
}


.msgsuccess {
	background-color: #afa;
	background-image: url("../media/images/icons/success_icon.png");
	border-color: #00C602;	
}

.msgsuccess .title {
	background-color: #00C602;
}

.warning, .msgwarn {
	background-color: #FFF600;
	color: black;
	background-image: url("../media/images/icons/warn_triangle.png");
}

.msgfail {
	background-color: #faa;
	background-image: url("../media/images/icons/fail_icon.png");	
}

.msgerror .title {
	background-color: #f00;
	color: white;
}


.msgauth {
	background-color: #FFA88D;
	background-image: url("../media/images/icons/access-icon-27.png");	
}

.msgauth .title {
	background-color: #F80;
	color: black;
}

.msgauth p.mainmsg {
	font-size: 14px;
	font-weight: bold;
}

.msgauth .annex {
	background-color: #F80;
	color: black;
}



.msgerror {
	background-color: white;
	background-image: url("../media/images/icons/fail_icon.png");
/*	min-height: 100px;*/
	
}

.msghint {
	background-color: #D1D1D1;
	color: #4B4B4B;
	border: 1px solid #4B4B4B;
/*	padding: 5px;*/
/*	font-size: 10px;*/
/*	margin: 10px 0px;*/
	background-image: url("../images/bulb.png");
}

.msghint .title {
	color: white;
	background-color: #0080FF;
	
}

.msgcode {
	width: 700px;
	background-color: #DADADA;
	color: #646464;
	border-color: #373737;
	background-image: none;
	padding-left: 5px;
	font-family: "Monaco", "Courier", monospace;
	font-size: 11px;
	white-space: pre;
	overflow: scroll;
}

.wrapping {
	white-space: pre-wrap;
}

.msgcode .title {
	background-color: #373737;
	width: 1700px;
	left: -5px;
}

.msgarchive {
	background-color: #CACACA;
	padding-left: 60px;
	background-image: url("../images/archive_icon.png");
	border-color: #676767;	
}

.msgarchive .title {
	left: -60px;
	width: 555px;
	background-color: #A4A4A4;
}


.actionform {
	margin: 10px 0px;
	width: 200px;
	display: block;
	clear: both;
}

.actionform input[type="submit"] {
	cursor: pointer;
}

.confirmbutton, .cancelbutton, .deletebutton, .actionbutton {
	display: block;
	text-align: center;
	padding: 5px 10px;
	margin: 5px 10px 5px 0px;
	float: left;
	/*width: 80px;*/
	background-color: #82EC7B;
	border: 1px solid black;
	color: black;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	box-shadow: 0px 3px 10px 0px rgba(33, 33, 33, 0.5);
	min-width: 80px;
	width: auto;
}

.cancelbutton {
	background-color: #EC777A;
}



a.confirmbutton:active, a.cancelbutton:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	position: relative;
	top: 3px;
}


.confirmbutton {
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
	color: white;
}

.cancelbutton {
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
	color: white;
}


.deletebutton {
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
	color: white;
}

.actionbutton {
	background: rgb(40,184,182); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(40,184,182,1) 0%, rgba(46,194,194,1) 50%, rgba(19,159,159,1) 51%, rgba(8,154,152,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,184,182,1)), color-stop(50%,rgba(46,194,194,1)), color-stop(51%,rgba(19,159,159,1)), color-stop(100%,rgba(8,154,152,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(40,184,182,1) 0%,rgba(46,194,194,1) 50%,rgba(19,159,159,1) 51%,rgba(8,154,152,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28b8b6', endColorstr='#089a98',GradientType=0 ); /* IE6-9 */
	
	color: white;
}


a.confirmbutton:hover {
	font-weight: bold;
	background-color: #82EC7B;
}

a.cancelbutton:hover {
	font-weight: bold;
	background-color: #EC777A;
}

.confirmdialog {
	width: 300px;
	margin: 15px 3px;
	padding: 10px;
	clear: both;
	border: 1px solid #CCC;
	
}

.confirmdialog .title {
	display: block;
	overflow: hidden;
	font-weight: bold;
	padding: 5px;
	background-color: #ccc;
	color: white;
	width: 310px;
	height: 18px;
	position: relative;
	top: -10px;
	left: -10px;
}



a.tblsortlink, a.tblsortlinkdesc, a.tblsortlinkasc {
	color: black;
}

a.tblsortlink:after {
	font-size: 12px;
	color: #BFBFBF;
	content: " \21f5"; /* ⇵ */
	
}

a.tblsortlinkcurrent {
	color: black;
	text-decoration: underline;
}

a.tblsortlinkasc:after {
	font-size: 9px;
	content: " \25bc";
}

a.tblsortlinkdesc:after {
	font-size: 9px;
	content: " \25b2";
}



.btn-twoclick {
	min-width: 100px;
}





.aspect-container {
	width: 100%;
	height: 143%;
	border: 1px solid green;
}




.vertical-align-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.aspect-ratio-container-inner {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
/* 	background-color: rgba(0,255,0,0.3); */
}

.aspect-ratio-container-outer {
	position: relative;
	width: 100%;
/* 	background-color: rgba(255,0,0,0.3); */
}





/* MARK - Cookie Banner */

.cookie-disclaimer {
  background: #000000;
  color: #FFF;
  opacity: 0.8;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  min-height: 150px;
/*   height: 5px; */
  position: fixed;
}
.cookie-disclaimer .container {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cookie-disclaimer .cookie-close{
  float: right;
  padding: 10px;
  cursor: pointer;
}


/* MARK - HTMLFormToggleSwitch */

.btn-default.btn-on.active, .btn-default.btn-green.active {
	background-color: #5BB75B;
	color: white;
}

.btn-default.btn-yellow.active {
	background-color: #E3C762;
	color: white;
}

.btn-default.btn-grey.active {
	background-color: #5C5C5C;
	color: white;
}

.btn-default.btn-white.active {
	background-color: #FFF;
	color: black;
}

.btn-default.btn-off.active, .btn-default.btn-red.active {
	background-color: #DA4F49;
	color: white;
}