/* Ingress Style Sheet */

/* temporärer Fix, kann nach Transition zu materialize.css V0.98 oder höher entfernt werden */
.btn-floating.btn-large.halfway-fab {
  bottom: -28px;
}

.btn-floating.btn-large i {
  line-height: 56px;
}

.btn-floating.halfway-fab {
  position: absolute;
  right: 24px;
  bottom: -20px;
}

.btn-floating.halfway-fab.left {
  right: auto;
  left: 24px;
}
i.left {
  float: left;
  margin-right: 15px;
}

i.right {
  float: right;
  margin-left: 15px;
}

i.tiny {
  font-size: 1rem;
}

i.small {
  font-size: 2rem;
}

i.medium {
  font-size: 4rem;
}

i.large {
  font-size: 6rem;
}


/* Material Design Icons laden*/ 
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../font/material-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(../font/material-icons/MaterialIcons-Regular.woff) format('woff'),
    url(../font/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* geänderte Farben */
.red.lighten-5 {
  background-color: #fce0e0 !important; }

.red-text.text-lighten-5 {
  color: #fce0e0 !important; }
  
.green.lighten-3 {
  background-color: #a7d2a9 !important; }

.green-text.text-lighten-3 {
  color: #a7d2a9 !important; }

.light-green.accent-2 {
  /*background-color: #c2ec91 !important;*/
  background-color: #2f7b2f !important;
}
.light-green-text.text-accent-2 {
  color: #c2ec91 !important; }

.yellow.lighten-3 {
  background-color: #fbe88f !important; }

.yellow-text.text-lighten-3 {
  color: #fbe88f !important; }

  a {
  color: #008000;
}
  
/*
.new-top
{
	z-index: 162;
	width: 1120px;
	height: 124px;
	position: fixed;
	top: -5px;
	left: 50%;
	margin-left: -560px;
	background: transparent url("../images/header_big-u7710-fr.png") no-repeat left top;
	background-size: cover;
}
*/
ul.side-nav.full a, ul.side-nav.fixed a {
	color: #fff;
}
ul.side-nav.full li.active a, ul.side-nav.fixed li.active a {
	color: #444;
}
ul.side-nav .collapsible-header {
	font-weight: 800;
}
ul.side-nav.full li.active, ul.side-nav.fixed li.active {
    /* background-color: #daefc3; */
	background-color: #E8F5E9;
}
ul.side-nav.full li:hover, ul.side-nav.fixed li:hover {
    background-color: inherit;
}
ul.side-nav .collapsible-accordion li:hover {
    /* background-color: #daefc3; */
	background-color: #E8F5E9;
}
ul.side-nav .collapsible-body li:hover {
    background-color: #d7a0de;
}
ul.side-nav .collapsible-body li.active {
	background-color: #d7a0de;
}

#logo-container-left {
	height:70px;
}

nav a.button-collapse i {
	line-height: inherit;
}

/* Höhe der Navbar an das Logo anpassen */
nav {
  height: 70px;
  line-height: 70px; }
@media only screen and (min-width : 601px) {
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    height: 70px;
    line-height: 70px; }
  .navbar-fixed {
    height: 70px; }
 }
header {
	height: 70px;
}
 
/* Logo-Abstände in der Navbar anpassen */
 nav .brand-logo {
    padding: 3px 0px 0px 0px; }  

/* Logo-Position und -Abstände anpassen */
@media only screen and (max-width : 992px) {
  nav .brand-logo {
	width: auto;
	float: left;
	position: relative;
	padding-left: 40px;} }

nav ul a {
  color: #fff;
  padding: 15px; }

/* Positionierung der Logos */ 
@media only screen and (max-width : 992px) {
	#logo-container-left img {
		margin: 3px 0px 0px 10px;
	}
	#logo-container-left span {
		display: inline-block;
		font-weight: 600;
		vertical-align: top;
		margin: 15px 0px 0px 10px;
	}
	#logo-container span {
		font-size: 1.5rem;
	}
}

@media only screen and (min-width : 992px) {
	#logo-container-left img {
		display: none;
	}
	#logo-container-left span {
		display: none;
	}
}

/* Bitte-Warten-Ladeanzeige, von https://icons8.com/cssload */
.waitingmessage {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
#fountainG{
	position:relative;
	width:198px;
	height:24px;
	margin:auto;
}
.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(129,199,132);
	width:24px;
	height:24px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.3s;
		-o-animation-duration:1.3s;
		-ms-animation-duration:1.3s;
		-webkit-animation-duration:1.3s;
		-moz-animation-duration:1.3s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:16px;
		-o-border-radius:16px;
		-ms-border-radius:16px;
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
}
#fountainG_1{
	left:0;
	animation-delay:0.52s;
		-o-animation-delay:0.52s;
		-ms-animation-delay:0.52s;
		-webkit-animation-delay:0.52s;
		-moz-animation-delay:0.52s;
}
#fountainG_2{
	left:25px;
	animation-delay:0.65s;
		-o-animation-delay:0.65s;
		-ms-animation-delay:0.65s;
		-webkit-animation-delay:0.65s;
		-moz-animation-delay:0.65s;
}
#fountainG_3{
	left:49px;
	animation-delay:0.78s;
		-o-animation-delay:0.78s;
		-ms-animation-delay:0.78s;
		-webkit-animation-delay:0.78s;
		-moz-animation-delay:0.78s;
}
#fountainG_4{
	left:74px;
	animation-delay:0.91s;
		-o-animation-delay:0.91s;
		-ms-animation-delay:0.91s;
		-webkit-animation-delay:0.91s;
		-moz-animation-delay:0.91s;
}
#fountainG_5{
	left:99px;
	animation-delay:1.04s;
		-o-animation-delay:1.04s;
		-ms-animation-delay:1.04s;
		-webkit-animation-delay:1.04s;
		-moz-animation-delay:1.04s;
}
#fountainG_6{
	left:124px;
	animation-delay:1.17s;
		-o-animation-delay:1.17s;
		-ms-animation-delay:1.17s;
		-webkit-animation-delay:1.17s;
		-moz-animation-delay:1.17s;
}
#fountainG_7{
	left:148px;
	animation-delay:1.3s;
		-o-animation-delay:1.3s;
		-ms-animation-delay:1.3s;
		-webkit-animation-delay:1.3s;
		-moz-animation-delay:1.3s;
}
#fountainG_8{
	left:173px;
	animation-delay:1.43s;
		-o-animation-delay:1.43s;
		-ms-animation-delay:1.43s;
		-webkit-animation-delay:1.43s;
		-moz-animation-delay:1.43s;
}
@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(129,199,132);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(129,199,132);
	}
}
@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(129,199,132);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(129,199,132);
	}
}
@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(129,199,132);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(129,199,132);
	}
}
@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(129,199,132);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(129,199,132);
	}
}
@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(129,199,132);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(129,199,132);
	}
}

  
.card a {
	text-transform: none;
    color: #008000;
	margin-right:0px;
}

.card a:hover {
    color: #00b300; }
.btn, .btn-large, .btn-flat, .btn-floating {
  background-color: #008050;
  text-transform: none;
}
.btn:hover, .btn-large:hover, .btn-flat:hover, .btn-floating:hover {
    background-color: #019b61;
}
/*
.row {
  margin-bottom: 5px; }

ul.side-nav .collapsible-header {
  background-color: #c2ec91;
  margin: 0;
}
*/
/*
.input-field label {
	top: 1.2rem;
}
*/

input[type=text], input[type=password], input[type=email], input[type=date], textarea {
  background-color: rgba(178,255,89, 0.2);
  height: inherit;
}

textarea {
  padding: 0;
  resize: vertical;
}

[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
  padding-left: 25px;
}

@media only screen and (max-width : 992px) {
  ul.side-nav {
    width: 210px;
  }
  ul.side-nav li {
    width: 210px; }
}

ul.side-nav.full, ul.side-nav.fixed {
  width: 210px;
  /* background-color: #c2ec91; */
  background-color: #2f7b2f;
}
ul.side-nav.full li, ul.side-nav.fixed li {
    width: 210px;
}

ul.side-nav.fixed {
  position: fixed;
  padding-top: 25px;  }

@media only screen and (max-width : 992px) {
  .mobile_hidden {
  visibility: hidden;
  display: none;
  }
}
  
/* Kein Schatten um die Top- und Side-Navigation */
nav, ul.side-nav.full, ul.side-nav.fixed {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Eventuell überflüssig? TH nicht zentrieren. */
/*
table.centered thead tr th, table.centered tbody tr td {
    text-align: left; }
*/

/* Tabellenzellen: Padding verkleinern und nicht vertikal zentrieren */
td, th {
  padding: 5px 10px 5px 0px;
  vertical-align: top;
}

/* Wenn mal Zellen unten ausgerichtet werden sollen */
.td-align-bottom td {
  vertical-align: bottom;
}

/* Unhübsches Zentrieren der Zeilen bei kleinen Bildschirmen abschalten */
  @media only screen and (max-width : 600px) {
    table thead tr th, table tbody tr td {
      text-align: left; }
 }


/* Auswirkungen prüfen, wenn Original beibehalten wird*/
/*
.row .col {
  padding: 0; }*/
/* prüfen ob sinnvoll */
/*@media only screen and (min-width : 601px) {
.row .col {
	padding: 0 0.75rem; }
}
@media only screen and (min-width : 993px) {
.row .col {
	padding: 0 0.75rem; }
}
*/

/* Hat das überhaupt eine Auswirkung? Vermutlich nein. Weg? */
/*
table {
  max-width: 1100px;
  }
table.short{
  max-width: 550px;
  }  
@media only screen and (max-width : 992px) {
table.mobile{
max-width: 550px;
}
td.mobile{
text-align:left;
} }
*/
/* Werden die benutzt? */
/*
.RESISTANCE {background-color: #d0d0ff;}
.ENLIGHTENED {background-color: #d0ffd0;}
.week_stats{
	float:right;
	margin-right: 60px;
	}
*/

/* Prüfen, ob das sein muss. Für die Anzeige von Anzahlen in kleinen Kästchen. 
span.badge {
	margin-left: 5px;
	line-height: 20px;
	float: none;
}
*/
/* Sinn? Prüfen! 
[class^="mdi-"], .select-wrapper span.select-dropdown:after, [class*=" mdi-"] {
  padding-left: 2px;
}
*/	
/* 
@media only screen and (max-width : 600px) {
  .tabs-wrapper {
    display: none !important; } }
*/	
/* Die gesamten Headlines wurden auskommentiert - Auswirkungen prüfen, wenn sie drin bleiben. */	
/*
#h1 {
#  font-size: 4.2rem;
#  line-height: 4.62rem;
#  margin: 2.1rem 0 1.68rem 0; }

#h2 {
#  font-size: 3.56rem;
#  line-height: 3.916rem;
#  margin: 1.78rem 0 1.424rem 0; }

#h3 {
#  font-size: 2.92rem;
#  line-height: 3.212rem;
#  margin: 1.46rem 0 1.168rem 0; }

#h4 {
#  font-size: 2.28rem;
#  line-height: 2.508rem;
#  margin: 1.14rem 0 0.912rem 0; }

#h5 {
#  font-size: 1.64rem;
#  line-height: 1.804rem;
#  margin: 0.82rem 0 0.656rem 0; }

#h6 {
#  font-size: 1rem;

#  line-height: 1.1rem;
#  margin: 0.5rem 0 0.4rem 0; }
*/

/* Ab hier beginnt richtig viel Kram zum Prüfen. 
*  Einiges wird verwendet.
*/


/***************
  HTML Styles
***************/
body {
  background-color: #fcfcfc; }
/*
p.box {
  padding: 20px; }

p {
  color: rgba(0, 0, 0, 0.71);
  padding: 0;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased; }
*/
nav {
  overflow: hidden; }
/*  nav a {
    -webkit-font-smoothing: antialiased; }*/
  nav ul li:hover, nav ul li.active {
    background-color: #ea454b; }
/*
.header {
  color: #ee6e73;
  font-weight: 300; }

.caption {
  font-size: 1.25rem;
  font-weight: 300;
  margin-bottom: 30px; }

.preview {
  background-color: #FFF;
  border: 1px solid #eee;
  padding: 20px 20px; }
*/
header, main, footer {
  padding-left: 210px;  }
/*
#content{
 #min-width: 1180px;
 }
.parallax-demo header, .parallax-demo main, .parallax-demo footer {
  padding-left: 0; }

footer.example {
  padding-left: 0; }
*/
@media only screen and (max-width : 992px) {
  header, main, footer {
    padding-left: 0; }
 }

/********************
  Index Page Styles
********************/
/*ul.side-nav.fixed li.logo {
  text-align: center;
  margin-top: 32px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ddd; }
  ul.side-nav.fixed li.logo:hover {
    background-color: transparent; }*/

ul.side-nav.fixed {
  overflow: hidden;
/*  padding-bottom: 50px;
  padding-top: 25px */
  }
  ul.side-nav.fixed li {
    line-height: 44px; }
/*    ul.side-nav.fixed li:hover, ul.side-nav.fixed li.active {
      background-color: rgba(0, 0, 0, 0.05); }
    ul.side-nav.fixed li a {
      font-size: 13px; }*/
  ul.side-nav.fixed:hover {
    overflow-y: auto; }
/*
.bold > a {
  font-weight: bold; }
*/
/*ul.side-nav .collapsible-body li.active {
  background-color: #ee6e73; }
  ul.side-nav .collapsible-body li.active a {
    color: #fff; }
*/
/*
#logo-container {
  height: 57px;
  margin-bottom: 32px; }

nav.top-nav {
  xheight: 90px;
  xpadding-right: 210px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  nav.top-nav a.page-title {
    line-height: 90px;
    font-size: 48px; }

a.button-collapse.top-nav {
  position: absolute;
  left: 7.5%;
  top: 0;
  float: none;
  margin-left: 1.5rem;
  color: #fff;
  font-size: 32px;
  z-index: 2; }
  a.button-collapse.top-nav.full {
    line-height: 122px; }

@media only screen and (max-width : 600px) {
  a.button-collapse.top-nav {
    left: 5%; }
 }

@media only screen and (max-width : 992px) {
  nav .nav-wrapper {
	line-height: 70px;
    #text-align: center; }
    nav .nav-wrapper a.page-title {
      font-size: 36px; }
 }

@media only screen and (min-width : 993px) {
  .container {
    width: 85%; }
 }

#front-page-logo {
  display: inline-block;
  height: 100%;
  pointer-events: none; }

@media only screen and (max-width: 992px) {
  #front-page-nav ul.side-nav li {
    float: none;
    padding: 0 15px; }
    #front-page-nav ul.side-nav li:hover {
      background-color: #ddd; }
    #front-page-nav ul.side-nav li .active {
      background-color: transparent; }
  #front-page-nav ul.side-nav a {
    color: #444; }
 }

#responsive-img {
  width: 80%;
  display: block;
  margin: 0 auto; }

#index-banner {
  background-color: #ee6e73; }
  #index-banner .container {
    position: relative; }
  #index-banner .header {
    color: #FFF; }
  #index-banner h4 {
    margin-bottom: 40px; }
  #index-banner h1 {
    margin-top: 16px; }

@media only screen and (max-width : 992px) {
  #index-banner h1 {
    margin-top: 60px; }
  #index-banner h4 {
    margin-bottom: 15px; }
 }

@media only screen and (max-width : 600px) {
  #index-banner h4 {
    margin-bottom: 0; }
 }

.github-commit {
  padding: 14px 0;
  height: 64px;
  line-height: 36px;
  background-color: #5c5757;
  color: #e6e6e6;
  font-size: 0.9rem; }

@media only screen and (max-width : 992px) {
  .github-commit {
    text-align: center; }
 }

#github-button {
  background-color: #6f6d6d;
  -webkit-transition: 0.25s ease;
  -moz-transition: 0.25s ease;
  -o-transition: 0.25s ease;
  -ms-transition: 0.25s ease;
  transition: 0.25s ease; }
  #github-button:hover {
    background-color: #797777; }

.sha {
  color: #f0f0f0;
  margin: 0 6px 0 6px; }

#download-button {
  background-color: #f3989b;
  width: 260px;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  font-weight: 400; }
  #download-button:hover {
    background-color: #f5a5a8; }

.promo {
  width: 100%; }
  @media only screen and (max-width : 992px) {
    .promo {
      width: 60%;
      margin: 0 auto;
      display: block; } }
  .promo i {
    color: #ee6e73;
    font-size: 7rem;
    display: block; }

.promo-caption {
  font-size: 1.7rem;
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 0px; }

#front-page-nav {
  background-color: #FFF;
  position: relative; }
  #front-page-nav a {
    color: #ee6e73; }
  #front-page-nav li:hover {
    background-color: #fdeaeb; }
  #front-page-nav li.active {
    background-color: #fdeaeb; }
  #front-page-nav .container {
    height: inherit; }

.col.grid-example {
  border: 1px solid #eee;
  margin: 7px 0;
  text-align: center;
  line-height: 50px;
  font-size: 28px;
  background-color: tomato;
  color: white;
  padding: 0px; }
  .col.grid-example span {
    font-weight: 200;
    line-height: 50px; }

.promo-example {
  overflow: hidden; }
*/
/*******************
  Flat Site Mockup
*******************/
/*#site-layout-example-left {
  background-color: #90a4ae;
  height: 300px; }

#site-layout-example-right {
  background-color: #26a69a;
  height: 300px; }

#site-layout-example-top {
  background-color: #E57373;
  height: 42px; }

.flat-text-header {
  height: 35px;
  width: 80%;
  background-color: rgba(255, 255, 255, 0.15);
  display: block;
  margin: 27px auto; }

.flat-text {
  height: 25px;
  width: 80%;
  background-color: rgba(0, 0, 0, 0.15);
  display: block;
  margin: 27px auto; }
  .flat-text.small {
    width: 25%;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.15); }
  .flat-text.full-width {
    width: 100%; }
*/
/**********************
**********************/
/*****************
  Chrome Browser
*****************/
/*.browser-window {
  text-align: left;
  width: 100%;
  height: auto;
  display: inline-block;
  -webkit-border-radius: 5px 5px 2px 2px;
  -moz-border-radius: 5px 5px 2px 2px;
  border-radius: 5px 5px 2px 2px;
  background-clip: padding-box;
  background-color: #fff;
  margin: 20px 0px;
  overflow: hidden; }
  .browser-window .top-bar {
    height: 30px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background-clip: padding-box;
    border-top: thin solid #eaeae9;
    border-bottom: thin solid #dfdfde;
    background: linear-gradient(#e7e7e6, #E2E2E1); }

.browser-window .circle {
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: white;
  margin-right: 1px; }

#close-circle {
  background-color: #FF5C5A; }

#minimize-circle {
  background-color: #FFBB50; }

#maximize-circle {
  background-color: #1BC656; }

.browser-window .circles {
  margin: 5px 12px; }

.browser-window .content {
  margin: 0;
  width: 100%;
  display: inline-block;
  border-radius: 0 0 5px 5px;
  background-color: #fafafa; }

.browser-window .row {
  margin: 0; }

.clear {
  clear: both; }
*/
/**********************
**********************/
/*.dynamic-color .red, .dynamic-color .pink, .dynamic-color .purple, .dynamic-color .deep-purple, .dynamic-color .indigo, .dynamic-color .blue, .dynamic-color .light-blue, .dynamic-color .cyan, .dynamic-color .teal, .dynamic-color .green, .dynamic-color .light-green, .dynamic-color .lime, .dynamic-color .yellow, .dynamic-color .amber, .dynamic-color .orange, .dynamic-color .deep-orange, .dynamic-color .brown, .dynamic-color .grey, .dynamic-color .blue-grey {
  height: 55px;
  width: 100%;
  padding: 0 15px;
  line-height: 55px;
  font-weight: 500;
  font-size: 12px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.dynamic-color .col {
  margin-bottom: 55px; }

.center {
  text-align: center;
  vertical-align: middle; }

.icon-demo {
  line-height: 50px; }

.icon-container i {
  font-size: 3em;
  display: block;
  margin-bottom: 10px; }

.icon-container .icon-preview {
  height: 120px;
  text-align: center; }

.icon-holder {
  display: block;
  text-align: center;
  width: 150px;
  height: 115px;
  float: left;
  margin: 0px 0px 15px 0px; }
  .icon-holder p {
    margin: 0px 0; }

.tabs-wrapper {
  position: relative;
  height: 48px; }
  .tabs-wrapper .row.pinned {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10; }

.shadow-demo {
  background-color: #26a69a;
  width: 125px;
  height: 125px;
  margin: 20px auto; }
  @media only screen and (max-width: 1200px) {
    .shadow-demo {
      width: 100px;
      height: 100px; } }
  @media only screen and (max-width: 600px) {
    .shadow-demo {
      width: 150px;
      height: 150px; } }

.parallax-container .text-center {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -27px; }

@media only screen and (max-width : 992px) {
  .parallax-container {
    height: auto; }
 }

ul.table-of-contents {
  margin-top: 0;
  padding-top: 48px; }

code, pre {
  position: relative;
  font-size: 1.1rem; }

.directory-markup {
  font-size: 1rem;
  line-height: 1.1rem !important; }

pre[class*="language-"] {
  padding: 25px 12px 7px 12px;
  border: solid 1px rgba(51, 51, 51, 0.12); }
  pre[class*="language-"]:before {
    position: absolute;
    padding: 1px 5px;
    background: #e8e6e3;
    top: 0;
    left: 0;
    font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #555;
    content: attr(class);
    font-size: 0.9rem;
    border: solid 1px rgba(51, 51, 51, 0.12);
    border-top: none;
    border-left: none; }

#carbonads {
  display: inline-block;
  position: relative;
  text-align: left;
  -webkit-font-smoothing: antialiased; }
  #carbonads > span, #carbonads span.carbon-wrap {
    height: 100px;
    display: block; }
  #carbonads a.carbon-img {
    height: 100px;
    display: inline-block;
    margin-right: 10px; }
  #carbonads a.carbon-text {
    position: relative;
    top: 0;
    width: 150px;
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    color: #E57373; }
  #carbonads a.carbon-poweredby {
    position: relative;
    left: 28px;
    font-size: 11px;
    color: #EF9A9A; }

.buysellads #carbonads {
  position: absolute;
  top: 50px;
  right: 0; }
  .buysellads #carbonads > span, .buysellads #carbonads span.carbon-wrap {
    height: auto; }
  .buysellads #carbonads a.carbon-text {
    top: 5px;
    left: 0;
    width: 130px;
    display: block;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    color: #E57373; }
  .buysellads #carbonads a.carbon-poweredby {
    top: 5px; }

.buysellads-header #carbonads > span, .buysellads-header #carbonads span.carbon-wrap {
  height: auto; }
.buysellads-header #carbonads a.carbon-text {
  color: #fff; }
.buysellads-header #carbonads a.carbon-poweredby {
  color: rgba(255, 255, 255, 0.8); }

.buysellads {
  -webkit-font-smoothing: antialiased;
  position: relative; }
  .buysellads .bsa_it.one {
    width: 130px;
    position: absolute;
    left: 0;
    top: 50px; }
    .buysellads .bsa_it.one .bsa_it_p {
      left: 0;
      bottom: -15px; }
    .buysellads .bsa_it.one .bsa_it_ad .bsa_it_t {
      color: #E57373; }
    .buysellads .bsa_it.one .bsa_it_ad .bsa_it_d {
      color: #EF9A9A; }
  .buysellads .bsa_it_ad a {
    display: block;
    width: 130px; }

.buysellads-header {
  margin-top: 30px; }
  .buysellads-header .bsa_it.one .bsa_it_p {
    bottom: -20px; }

.bsa_it.one {
  min-width: 230px;
  max-width: 270px;
  display: inline-block;
  text-align: left; }
  .bsa_it.one .bsa_it_ad {
    border: 0;
    padding: 0;
    background-color: transparent; }
    .bsa_it.one .bsa_it_ad .bsa_it_t {
      color: #fff; }
    .bsa_it.one .bsa_it_ad .bsa_it_d {
      color: #FFCDD2; }
  .bsa_it.one .bsa_it_p {
    right: auto;
    left: 40px;
    bottom: -5px; }
    .bsa_it.one .bsa_it_p a {
      color: #FFCDD2; }

footer {
  font-size: 0.9rem; }

body.parallax-demo footer {
  margin-top: 0; }

.image-container {
  width: 100%; }
  .image-container img {
    max-width: 100%; }

@media only screen and (max-width : 600px) {
  .mobile-image {
    max-width: 100%; } }

.waves-color-demo .collection-item {
  height: 57px;
  line-height: 57px; }
  .waves-color-demo .collection-item code {
    line-height: 57px; }
.waves-color-demo .btn:not(.waves-light), .waves-color-demo .btn-large:not(.waves-light) {
  background-color: #FFFFFF;
  color: #212121; }

.card-panel span, .card-content p {
  -webkit-font-smoothing: antialiased; }

#images .card-panel .row {
  margin-bottom: 0; }

.pushpin-demo {
  position: relative;
  height: 100px; }

#pushpin-demo-1 {
  display: block;
  height: inherit;
  background-color: #ddd; }

.valign-demo {
  height: 400px;
  background-color: #ddd; }

#tx-live-lang-container {
  background-color: #fcfcfc;
  z-index: 999; }
  #tx-live-lang-container #tx-live-lang-picker {
    background-color: #fcfcfc; }
    #tx-live-lang-container #tx-live-lang-picker li {
      color: rgba(0, 0, 0, 0.87); }
      #tx-live-lang-container #tx-live-lang-picker li:hover {
        color: inherit;
        background-color: #fdeaeb; }
  #tx-live-lang-container .txlive-langselector-toggle {
    border-bottom: 2px solid #ee6e73; }
  #tx-live-lang-container .txlive-langselector-current {
    color: rgba(0, 0, 0, 0.87); }
  #tx-live-lang-container .txlive-langselector-marker {
    border-bottom: 4px solid rgba(0, 0, 0, 0.61); }
*/