/**************************************************/
/* Imports /*
/**************************************************/
@import url('/css/bootstrap.min.css');
@import url('/css/font-awesome.min.css');
@import url('/css/cookieconsent.min.css');

/**************************************************/
/* Colors /*
/**************************************************/
.text-danger { color: #a94442!important; }
.text-primary { color: #428bca!important; }
.text-success { color: #3c763d!important;}
.text-black { color: #000000!important;}
.text-white { color: #ffffff!important;}
.text-gray { color: #cccccc!important; }

/**************************************************/
/* Override Defaults from Bootstrap /*
/**************************************************/
.btn {
	margin-right: 10px!important;
	margin-bottom: 15px!important;
}
.navbar-inverse .navbar-form input {
	background: #353535!important;
	border-color: #777777!important;
	color: #dddddd!important;
}
.label {
	cursor: default!important;
}
.well {
	border-width: 0px!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}

.page-header {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	border-bottom: 0px!important;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	color: #dddddd!important;
	background: #353535!important;
}

.page-header h1 {
	margin-bottom: 21px!important;
}

.post-header {
	margin-top: 60px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
}

blockquote{
	border: none;
	padding: 15px 20px 15px 45px;
	margin: 0 0 0px;
	position: relative;
}

blockquote::before{
	content: "\f10d";
	font-family: FontAwesome;
	font-size: 30px;
	position: absolute;
	left: 0px;
	top:10px;
}

.gototop, .gototop:visited  {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	background: #353535;
	font-size: 24px;
	color: #ffffff;
}

.gototop:hover {
	background: #454545;
	color: #ffffff;
	text-decoration: none;
}

/**************************************************/
/* Padding /*
/**************************************************/
.padding {
	padding-top: 40px;
	padding-bottom: 40px;
}
.padding-top {
	padding-top: 40px;
}
.padding-bottom {
	padding-bottom: 40px;
}
.padding-md {
	padding-top: 60px;
	padding-bottom: 60px;
}
.padding-sm {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padding-lg {
	padding-top: 58px;
	padding-bottom: 28px;
}
.padding-xs {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

/**************************************************/
/* Margin /*
/**************************************************/
.margin {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-top {
	margin-top: 10px;
}
.margin-bottom {
	margin-bottom: 10px;
}
.margin-md {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin-sm {
	margin-top: 5px;
	margin-bottom: 5px;
}
.margin-lg {
	margin-top: 40px;
	margin-bottom: 40px;
}
.margin-xs {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}


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

.background-black {
	color: #777777;
	background: #101010;
}
.background-black h1,
.background-black h2,
.background-black h3,
.background-black h4,
.background-black h5,
.background-black strong,
.background-black blockquote:before {
	color: #ffffff;
}

.background-black a {
	color: #777;
}
.background-black a:hover {
	color: #ffffff;
}

.bg-black {
	color: #777777;
	background: #101010;
}
.bg-black h1,
.bg-black h2,
.bg-black h3,
.bg-black h4,
.bg-black h5,
.bg-black strong,
.bg-black blockquote:before {
	color: #ffffff;
}

.bg-black a {
	color: #777;
}
.bg-black a:hover, .bg-black a:focus {
	color: #ffffff;
}

.bg-black .nav>li>a:hover, .bg-black .nav>li>a:focus {
	background-color: #353535;
}

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

.background-white {
	background: #ffffff;
	color: #666666;
}
.background-white h1,
.background-white h2,
.background-white h3,
.background-white h4,
.background-white h5,
.background-white strong,
.background-white blockquote:before {
	color: #000000;
}

.bg-white {
	background: #ffffff;
	color: #666666;
}
.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white strong,
.bg-white blockquote:before {
	color: #000000;
}

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

.background-light-gray {
	background: #ebeef0;
	color: #666666;
}
.background-light-gray h1,
.background-light-gray h2,
.background-light-gray h3,
.background-light-gray h4,
.background-light-gray h5,
.background-light-gray strong,
.background-light-gray blockquote:before {
	color: #000000;
}

.bg-light-gray {
	background: #ebeef0;
	color: #666666;
}
.bg-light-gray h1,
.bg-light-gray h2,
.bg-light-gray h3,
.bg-light-gray h4,
.bg-light-gray h5,
.bg-light-gray strong,
.bg-light-gray blockquote:before {
	color: #000000;
}

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

.background-gray {
	background: #dddddd;
	color: #333333;
}
.background-gray h1,
.background-gray h2,
.background-gray h3,
.background-gray h4,
.background-gray h5,
.background-gray strong,
.background-gray blockquote:before {
	color: #000000;
}

.bg-gray {
	background: #dddddd;
	color: #333333;
}
.bg-gray h1,
.bg-gray h2,
.bg-gray h3,
.bg-gray h4,
.bg-gray h5,
.bg-gray strong,
.bg-gray blockquote:before {
	color: #000000;
}


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

.background-dark-gray {
	color: #dddddd;
	background: #353535;
}
.background-dark-gray h1,
.background-dark-gray h2,
.background-dark-gray h3,
.background-dark-gray h4,
.background-dark-gray h5,
.background-dark-gray strong,
.background-dark-gray blockquote:before {
	color: #ffffff;
}

.bg-dark-gray {
	color: #dddddd;
	background: #353535;
}
.bg-dark-gray h1,
.bg-dark-gray h2,
.bg-dark-gray h3,
.bg-dark-gray h4,
.bg-dark-gray h5,
.bg-dark-gray strong,
.bg-dark-gray blockquote:before {
	color: #ffffff;
}

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

.background-green {
	color: #eeeeee;
	background: #52a85b;
}
.background-green h1,
.background-green h2,
.background-green h3,
.background-green h4,
.background-green h5,
.background-green strong,
.background-green blockquote:before {
	color: #ffffff;
}
.background-green a {
	color: #2a6496;
}

.bg-green {
	color: #eeeeee;
	background: #52a85b;
}
.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green h5,
.bg-green strong,
.bg-green blockquote:before {
	color: #ffffff;
}
.bg-green a {
	color: #2a6496;
}

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

.background-brown {
	color: #eeeeee;
	background: #ca8b42;
}
.background-brown h1,
.background-brown h2,
.background-brown h3,
.background-brown h4,
.background-brown h5,
.background-brown strong,
.background-brown blockquote:before {
	color: #ffffff;
}
.background-brown a {
	color: #2a6496;
}

.bg-brown {
	color: #eeeeee;
	background: #ca8b42;
}
.bg-brown h1,
.bg-brown h2,
.bg-brown h3,
.bg-brown h4,
.bg-brown h5,
.bg-brown strong,
.bg-brown blockquote:before {
	color: #ffffff;
}
.bg-brown a {
	color: #2a6496;
}

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


.background-light-green {
	background: #e0f0e0;
}

.background-light-green a {
	color: #2a649 !important;
}

.bg-light-green {
	background: #e0f0e0;
}

.bg-light-green a {
	color: #2a649 !important;
}

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

.background-light-blue {
	background: #e0e0f0;
}

.bg-light-blue {
	background: #e0e0f0;
}

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

.background-blue {
	background: #428bca;
	color: #dddddd;
}
.background-blue h1,
.background-blue h2,
.background-blue h3,
.background-blue h4,
.background-blue h5,
.background-blue strong,
.background-blue blockquote:before {
	color: #ffffff;
}

.bg-blue {
	background: #428bca;
	color: #dddddd;
}
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue strong,
.bg-blue blockquote:before {
	color: #ffffff;
}

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

.background-darker {
	background-color:rgba(0,0,0,0.5);
}

.background-lighter {
	background-color:rgba(255,255,255,0.5);
}

.bg-darker {
	background-color:rgba(0,0,0,0.5);
}

.bg-lighter {
	background-color:rgba(255,255,255,0.5);
}

/**************************************************/
/* Image Backgrounds /*
/**************************************************/
.background-bigdata {
	background-image: url("./images/background-bigdata.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg-bigdata {
	background-image: url("./images/background-bigdata.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.background-ujmp-matrix {
	background-image: url("./images/background-ujmp-matrix.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 100%;
}

.bg-ujmp-matrix {
	background-image: url("./images/background-ujmp-matrix.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 100%;
}

.background-bigdata-terms {
	background-image: url("./images/background-bigdata-terms.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg-bigdata-terms {
	background-image: url("./images/background-bigdata-terms.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.bg-holger-arndt {
	background-image: url("./images/holger-arndt.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
	height: 548px;
}


/**************************************************/
/* TagCloud /*
/**************************************************/

.tagcloud1 {
	margin-right: 10px;
	color: #82a4dc;
	font-size: 14px;
	line-height: 24px;
}

.tagcloud2 {
	margin-right: 10px;
	color: #4c4db8;
	font-size: 16px;
	line-height: 24px;
}

.tagcloud3 {
	margin-right: 10px;
	color: #3c3d98;
	font-size: 18px;
	line-height: 24px;
}

.tagcloud4 {
	margin-right: 10px;
	color: #333389;
	font-size: 24px;
	line-height: 24px;
}


/**************************************************/
/* Effects /*
/**************************************************/
.effect-hover-opaque {
	opacity:0.75;
	-webkit-transition: all 1s;
	-moz-transition: 1s ease-in-out;
	-o-transition: .1s ease-in-out;
}
.effect-hover-opaque:hover {
	opacity:1;
}

.effect-hover-gray:hover {
	-webkit-filter: grayscale(100%);
	-webkit-transition: 1s ease-in-out;
	-moz-filter: grayscale(100%);
	-moz-transition: 1s ease-in-out;
	-o-filter: grayscale(100%);
	-o-transition: .1s ease-in-out;
}

.effect-hover-gray {
	-webkit-filter: grayscale(0%);
	-webkit-transition: 1s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: 1s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: 1s ease-in-out;
}

.effect-hover-color {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}

.effect-hover-color:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}

.rotate {
	filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
	-moz-transform: rotate(-90.0deg);  /* FF3.5+ */
	-ms-transform: rotate(-90.0deg);  /* IE9+ */
	-o-transform: rotate(-90.0deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-90.0deg);  /* Safari 3.1+, Chrome */
	transform: rotate(-90.0deg);  /* Standard */
}

.transparent-75 {
	opacity:0.75;
	filter:alpha(opacity=75);
}

.transparent-50 {
	opacity:0.5;
	filter:alpha(opacity=50);
}

.transparent-25 {
	opacity:0.25;
	filter:alpha(opacity=25);
}


.shadow {
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.blur {
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}


/**************************************************/
/* PrettyPrint /*
/**************************************************/

tr {
	border-width: 0px !important;
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
	background: #fefefe !important;
}

pre {
	overflow-x: auto;
	word-wrap: normal;
	white-space: pre;
}

pre.prettyprint {
	border: inherit !important;
}


.carousel-caption {
	text-align: left;
}

/**************************************************/
/* Hero /*
/**************************************************/
.hero {
	position: relative;
	height: 640px;
	width: 100%;
	padding-bottom: 20px;
}

.hero-caption {
	color: #ffffff;
	position: absolute;
	left: 20%;
	right: 20%;
	padding: 20px;
	bottom: 100px;
	text-align: left;
}

.hero-caption p {
	color: #cccccc;
	font-size: 24px;
	line-height: 1.25;
}


/**************************************************/
/* Misc /*
/**************************************************/

.arndt-ai-logo {
	width: 100px;
	height: 20px;
	background-image: url("/images/arndt.ai.logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}

#map-canvas {
	width: 100%;
	height: 500px;
}


.breadcrump {
	color: #666666!important;
	padding: 2px 2px 2px 2px!important;
}

.main {
	padding-top: 40px;
	min-height: 1000px;
	font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 400;
}

.jumbotron {
	background: url('/images/jumbotron-background3.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-color: #dddddd;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	color: #333333;
}

/**************************************************/
/* Share Buttons /*
/**************************************************/

.btn-share-email, .btn-share-email:visited {
	background: #999999;
	color: #ffffff;
}
.btn-share-twitter, .btn-share-twitter:visited {
	background: #41b7d8;
	color: #ffffff;
}
.btn-share-facebook, .btn-share-facebook:visited {
	background: #3b5997;
	color: #ffffff;
}
.btn-share-googleplus, .btn-share-googleplus:visited {
	background: #d64937;
	color: #ffffff;
}
.btn-share-linkedin, .btn-share-linkedin:visited {
	background: #0077b5;
	color: #ffffff;
}

/**************************************************/
/* Show links only on hover /*
/**************************************************/
.hbover-links a {
	visibility: collapse;
	width: 0px;
}
.hbover-links:hover a {
	visibility: visible;
	width: auto;
}
.hover-links a i {
	visibility: collapse;
	width: 0px;
}
.hover-links:hover a i {
	visibility: visible;
	width: auto;
}

/**************************************************/
/* Publications List /*
/**************************************************/
.publication-list-item {
	line-height: 1;
	margin-bottom: 40px;
}
.publication-tag-input {
	height: 25px;
	font-size: 11px;
	border: 1px!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}
.publication-tag a {
	color: #ffffff!important;
}

/**************************************************/
/* Radial Progress /*
/**************************************************/

.radial-progress {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border-style: none;
}

.radial-progress .overlay {
	position: absolute;
	width: 70px;
	height: 70px;
	background-color: #ffffff;
	border-radius: 50%;
	margin-left: 15px;
	margin-top: 15px;
	text-align: center;
	line-height: 70px;
	font-size: 16px;
}

.radial-progress-md {
	width: 80px;
	height: 80px;
}

.radial-progress-md .overlay {
	width: 56px;
	height: 56px;
	margin-left: 12px;
	margin-top: 12px;
	line-height: 56px;
}

.radial-progress-sm {
	width: 50px;
	height: 50px;
}

.radial-progress-sm .overlay {
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-top: 10px;
	line-height: 30px;
	font-size: 10px;
}

.progress-0 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(90deg, #eeeeee 50%, #eeeeee 50%, #eeeeee);}
.progress-5 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(108deg, #c9302c 50%, #eeeeee 50%, #eeeeee);}
.progress-10 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(126deg, #c9302c 50%, #eeeeee 50%, #eeeeee);}
.progress-15 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(144deg, #c9302c 50%, #eeeeee 50%, #eeeeee);}
.progress-20 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #c9302c 50%, #eeeeee 50%, #eeeeee);}
.progress-25 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(180deg, #c9302c 50%, #eeeeee 50%, #eeeeee);}
.progress-30 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(198deg, #c9302c 50%, #eeeeee 50%, #eeeeee);}
.progress-35 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(216deg, #f0ad4e 50%, #eeeeee 50%, #eeeeee);}
.progress-40 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #f0ad4e 50%, #eeeeee 50%, #eeeeee);}
.progress-45 { background-image: linear-gradient(90deg, #eeeeee 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(252deg, #f0ad4e 50%, #eeeeee 50%, #eeeeee);}
.progress-50 { background-image: linear-gradient(-90deg, #f0ad4e 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #eeeeee 50%, #eeeeee 50%, #eeeeee);}
.progress-55 { background-image: linear-gradient(-72deg, #f0ad4e 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #f0ad4e 50%, #eeeeee 50%, #eeeeee);}
.progress-60 { background-image: linear-gradient(-54deg, #f0ad4e 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #f0ad4e 50%, #eeeeee 50%, #eeeeee);}
.progress-65 { background-image: linear-gradient(-36deg, #f0ad4e 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #f0ad4e 50%, #eeeeee 50%, #eeeeee);}
.progress-70 { background-image: linear-gradient(-18deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #eeeeee 50%, #eeeeee);}
.progress-75 { background-image: linear-gradient(0deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #eeeeee 50%, #eeeeee);}
.progress-80 { background-image: linear-gradient(18deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #eeeeee 50%, #eeeeee);}
.progress-85 { background-image: linear-gradient(36deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #eeeeee 50%, #eeeeee);}
.progress-90 { background-image: linear-gradient(54deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #eeeeee 50%, #eeeeee);}
.progress-95 { background-image: linear-gradient(72deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #eeeeee 50%, #eeeeee);}
.progress-100 { background-image: linear-gradient(90deg, #449d44 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #449d44 50%, #449d44 50%, #449d44);}