body {
  color: #050505;
  font-family: SFProText-Regular, Helvetica, Arial, sans-serif;
  font-size: large;
  line-height: 1.2em;
  text-align: left;
}

/* 3dbar */
#chart {
  position: relative;
  margin: 30px auto 0;
  width: 50vw;
  height: 100px;
  display: flex;
  max-width: 81%;
}
@-webkit-keyframes bargrowth {
  0% {
    max-height: 0%;
  }
  100% {
    max-height: 100%;
  }
}
@keyframes bargrowth {
  0% {
    max-height: 0%;
  }
  100% {
    max-height: 100%;
  }
}
.bar {
  -webkit-animation: bargrowth 1000ms ease;
  animation: bargrowth 1000ms ease;
  position: absolute;
  bottom: 0;
  display: inline-block;
  background: #89b800;
  box-shadow: 1px -1px #79a300, 2px -2px #79a300, 3px -3px #79a300;
  border-radius: 0.5em 0.5em 0 0;
}

.wrapper {
  text-align: center;
  margin: 2em auto;
  width: 98%;
  padding: 0;
  max-width: 98vw;
  height: 100%;
  min-height: 82vh;
  display: flex;
  flex: auto;
  flex-flow: column;
  justify-content: flex-end;
}

.wrapper > h1,
.wrapper > p {
  margin: 0;
}
/* /3dbar */

.bar span {
  vertical-align: bottom;
  position: absolute;
  top: -1.4em;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  /*     text-indent: 0.6em; */
}
.row a {
  padding-right: 0.6em;
  vertical-align: middle;
}
.row {
  margin: 0px auto;
  max-width: 28em;
  text-align: left;
  text-indent: -1.2em;
  line-height: 1.2em;
  position: relative;
}
sup.letter {
  position: absolute;
  left: -2.5em;
  top: 0.7em;
  font-size: 1em;
  text-align: right;
}
small#footer {
  display: block;
  margin: auto;
  text-align: center;
  margin-top: 2em;
  color: #444;
}
.input {
  padding: 0.6em;
  font-size: 1.2em;
}
a {
  text-decoration: none;
}

a.image img {
  text-align: center;
  margin: auto;
  position: relative;
  min-height: 19px;
  width: auto;
}
div#rovas {
  flex-direction: row-reverse;
  text-align: center;
  margin: 0.4em auto;
  display: inline-flex;
}
symbol {
  display: inline-flex;
  flex: auto;
}
#scramble {
  padding: 1em;
  font-size: 1.2em;
  font-weight: bold;
  cursor: cell;
}
#scramble > * {
  display: inline;
  padding: 0.3em;
}
div#ertelmezes > .row {
    margin: 0.3em auto !important;
}

.nav-collapse{
	margin: auto;
}
.nav-collapse.collapse {
    height: auto \9 !important;
    overflow: visible \9 !important;
	position: relative;
	z-index: 9999;
}

.navigation {
	padding: 6px;
	height: 38px !important;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.search {
	font-size: 20px;
	padding: 12px;
	text-align: right;
}

.search input{
	width: 0px;
	border: none;
	background: transparent url(../img/search-ico-alt.png) no-repeat 5px center;
	border-bottom: 1px solid transparent;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
	padding-left: 30px;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.search input.activeSearch {
	background: transparent url(../img/ajax-loader.gif) no-repeat 5px center !important;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.search input:focus{
	width: 200px;
	outline: none !important;
	border-bottom: 1px solid #646464;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none; 
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.navbar-fixed-top .navbar-inner,
.navigation .navbar {
	background: rgba(255,255,255,.8) !important;
}

.navbar, 
.navbar-inner, 
.nav,
.navbar-inverse {
	background: transparent !important;
	filter: none !important;
	border: none;
	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

.navbar .nav,
.navbar .nav > li {
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	*zoom:1; /* hasLayout ie7 trigger */
	vertical-align: top;
}

.navbar .nav > li > a {
	color: #414141;
	border-top: 0px solid transparent;
	text-shadow: none;
	font-size: initial;
	padding: 12px 20px;
	padding: 12px 10px \9;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;

}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  	background: #080808 !important;		
  	color: #fff;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:focus {
  	color: #080808 !important;	
  	text-decoration: none;
  	background-color: transparent !important;	
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
}

.navbar .nav > .active > a:hover {
  	background: #080808 !important;		
  	color: #fff !important;
  	-webkit-box-shadow: none;
       -moz-box-shadow: none;
          	box-shadow: none;
}

.navbar .nav .active a:hover > .caret {
  	border-top-color: #fff !important;	
  	border-bottom-color: #fff !important;	
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  	color: #ffffff;
  	background: #080808 !important;	
}

.dropdown-menu .active > a {
	color: #ffffff !important;
  	background: #080808 !important;
}
.dropdown-menu .active > a:hover {
  	color: #ffffff !important;
  	background: #080808 !important;	
}

.navbar .btn-navbar {
	border: none;
	background: #fbfbf9;
	color: #222222 !important;
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	   -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
		    box-shadow: 1px 1px 1px rgba(0,0,0,0.35), inset 0px 2px 3px #fff;
	text-shadow: none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
	margin: 0px !important;		
}

.navbar .btn-navbar:hover {
	background: #fbfbf9;
	text-shadow: 0 0 1px #222222;
	color: #222222 !important;
	-webkit-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	   -moz-box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
		    box-shadow: 1px 0px 1px rgba(0,0,0,0.1), inset 0px 1px 1px #fff;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;	
}

.nav .active .dropdown-toggle .caret {
  	border-top-color: #080808 !important;	
  	border-bottom-color: #080808 !important;	
}

span.decr {
    position: absolute;
    left: 20px;
}
.hidden {
    display: none;
    padding: 0 1em;
}