html {
	height:100%;
}
body {
	min-height:100%;
}
body, html {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:rgba(255,255,255,0.87);
	line-height:1.5;
}
a:link {
	color:#00BCD4;
}
a:visited {
	color:#00ACC1;
}
a:hover {
	color:#80DEEA;
}
p {
	margin:15px 0;
}
h1 {
	font-size:24px;
	font-weight:normal;
}
h2 {
	font-weight:normal;
}
h3 {
	font-weight:normal;
}
h1, h2, h3 {
	color:#fff;
}
.clear {
	clear:both;
}
.float-left {
	float:left !important;
}
.float-right {
	float:right !important;
}
.basic-table {
	border-collapse: collapse;
	border: 1px solid #555;
}
.basic-table td {
	border-collapse: collapse;
	border: 1px solid #555;
	padding:5px 10px;
}
td.smallest-no-wrap {
	width: 1%;
	white-space: nowrap;
}
.field-label {
	display:block;
}
.field-title {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
.field-hint {
	display:block;
	color:rgba(0,0,0,0.56);
	margin:5px 0;
}
.field-label input[type=text],
.field-label input[type=password] {
	display:block;
	border:1px solid #ccc;
	height:30px;
	padding:0 5px;
	font-size:14px;
	font-family:Roboto, sans-serif;
	background:#fff;
	min-width:180px;
	box-shadow:inset 0 1px 3px #eee;
}
.breadcrumbs {
	margin-top:-20px;
	margin-bottom:15px;
}
.breadcrumbs a {
	text-decoration:none;
	font-size:12px;
}
.wrap {
	max-width:960px;
	margin:0 auto;
	padding:0 15px;
	position:relative;
}
.button,
.button:link,
.button:visited {
	display:inline-block;
	margin-bottom:3px;
	border:none;
	background:#00838F;
	color:#fff;
	font-size:14px;
	font-family:Roboto, sans-serif;
	height:36px;
	line-height:36px;
	padding:0 15px;
	border-radius:2px;
	cursor:pointer;
	box-shadow:0 1px 4px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.28);
	transition:all 300ms;
	text-decoration:none;
}
.button:hover {
	background:#00ACC1;
}
.button.red {
	background:#E53935;
}
.button.red:hover {
	background:#F44336;
}
.button.green {
	background:#43A047;
}
.button.green:hover {
	background:#4CAF50;
}
.button.transparent {
	background:rgba(0,0,0,0);
	color:rgba(0,0,0,0.87);
	box-shadow:none;
	color:#00ACC1;
}
.button.transparent:hover {
	background:rgba(0,0,0,0.07);
}
.button:disabled {
	background:rgba(0,0,0,0.14);
	color:rgba(0,0,0,0.56);
	box-shadow:none;
}
.message {
	background:rgba(0,0,0,0.56);
	padding:10px 15px;
	border-radius:2px;
	margin-bottom:4px;
}
.message-success {
	color:#43A047;
}
.message-error {
	color:#E53935;
}
.message-warning {
	color:#FFD54F;
}
#download-badge {
	display:inline-block;
	overflow:hidden;
	width:277px;
	height:80px;
	border-radius:6px;
	box-shadow:0 1px 4px rgba(0,0,0,0.14);
}
.card {
	padding-top:1px;
	border-radius:3px;
	background:#2b2b2b;    
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.1);
	overflow:hidden;
	display:block;
	margin-bottom:15px;
	transition:box-shadow 500ms;
}
.card:link{
	text-decoration: none !important;
}
a.card:hover {
	box-shadow: 0 1px 6px 0 rgba(0,0,0,1), inset 0 1px 0 rgba(255,255,255,0.07);
}
.card .image img {	/* 553x277 */
	display:block;
	position:relative;
	width:100%;
	background:#222;
}
.card .language {
	padding-left:15px;
	margin-top:10px;
	font-size: 21px;
	position:relative;
}
.card .language .pending-fixes-count {
	position:absolute;
	top:0;
	color:#FB8C00;
	right:15px;
}
.card .title {
	color:#fff;
	position:relative;
	height:50px;
	padding-top:15px;
	line-height:50px;
	margin-top:-65px;
	font-size:21px;
	padding-left:15px;
	background:linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.56));
}
.card .progress {
	position:absolute;
	height:5px;
	left:0;
	background:#00BCD4;
	bottom:0;
}
.card .description {
	padding:15px;
	position:relative;
}
.card .description .hard-language {
	margin-bottom:10px;
	display:block;
	background:#f7f7f7;
	margin-left:-15px;
	padding-left:15px;
	margin-right:-15px;
	padding-right:15px;
	color:#777;
	padding-top:5px;
	padding-bottom:5px;
}
.card.completed .progress {
	background:#4CAF50;
}
.spaced-vertically {
	margin-top:15px;
	margin-bottom:15px;
}
#page {
	min-height:100vh;
	position:relative;
	padding-bottom:88px;
	box-sizing:border-box;
	background:#171717;
}
header {
	display:block;
	background:#222;
	min-height:100px;
	position:relative;
	padding-top:15px;
	box-shadow:inset 0 -2px 0 #111;
}
#header-logo {
	background:url(../img/logo2.png);
	width:56px;
	height:50px;
	float:left;
	margin-right:15px;
}
#header-title {
	font-size:30px;
	height:50px;
	line-height:50px;
	float:left;
	color:#aaa;
}
#header-menu {
	clear:both;
	min-height:50px;
}
#header-menu a {
	display:block;
	float:left;
	height:37px;
	line-height:37px;
	padding:0 15px;
	margin-top:10px;
	color:#999;
	text-decoration:none;
	border-bottom:3px solid transparent;
}
#header-menu a:hover {
	color:#ccc;
}
#header-menu a.active {
	color:#00BCD4;
	border-color:#00BCD4;
}
#header-account {
	position:absolute;
	top:8px;
	right:15px;
	height:53px;
}
#google-sign-in-button > div {
	background:#111;
	box-shadow:none;
	border:1px solid #666;
}
#google-sign-out-button {
	height:36px;
	line-height:36px;
	padding-right:15px;
	padding-left:5px;
	display:block;
	position:absolute;
	bottom:-36px;
	right:0;
	text-decoration:none;
}
main {
	margin:15px 0;
	padding-bottom:10px;
}
footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding-top:15px;
	height:80px;
	background:#222;
	box-shadow:inset 0 2px 0 #111;
	color:#888;
}
footer a {
	color:#bbb;
	text-decoration:none;
}
footer a:hover {
	color:#fff;
}
footer span {
	padding-right:15px;
	display:inline-block;
}
footer span.info {
	font-size:12px;
	padding-top:8px;
}

/* translate */
#translate-rules {
	display:block;
	margin-top:15px;
	clear:both;
	padding:10px;
	background:#402000;
	border:1px solid #E65100;
	border-radius:2px;
}
.translate-from-list {
	padding:10px 15px; 
	padding-top:0px;
	box-shadow:0 1px 4px rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.1); 
	background:#2b2b2b;
	border-radius:2px;
	font-size:16px;
	position:relative;
	overflow:none;
}
.translate-from-list .language {
	font-size:12px;
	color:rgba(255,255,255,0.56);
	font-weight:normal;
	padding-top:10px;
}
.translate-from-list .value.to-fix {
	color:#C62828;
}

#translate-original-value {
	background:#2d2d2d; 
	padding:10px 15px; 
	padding-top:0px;
	box-shadow:0 1px 4px rgba(0,0,0,0.56), inset 0 1px 0px rgba(255,255,255,0.1); 
	border-radius:3px;
	font-size:16px;
	position:relative;
	overflow:none;
}
#translate-original-value .language {
	font-size:12px;
	color:rgba(255,255,255,0.48);
	font-weight:normal;
	padding-top:10px;
}
#translate-original-value-other {
	display:none;
}
#translate-original-value-show-other-button {
	font-size:12px;
	background:#0097A7;
	color:#fff;
	padding:5px 10px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	margin-top:10px;
	font-weight:normal;
}
#translate-new-option-wrap {
	padding-left:36px;
	position:relative;
}
#translate-new-option-wrap:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:36px;
	height:36px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	box-shadow:0 1px 4px rgba(0,0,0,0.14);
	z-index:1;
}
#translate-new-option-wrap:after {
	content:"";
	font:normal normal normal 14px/1 FontAwesome;
	position:absolute;
	top:0;
	left:0;
	width:36px;
	height:36px;
	line-height:36px;
	text-align:center;
	font-size:21px;
	color:#4CAF50;
	background:#fff;
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	z-index:3;
}
#translate-new-option-wrap.active:after {
	content:"\f00c";
}
textarea#translate-new-option {
	background:#fff; 
	padding:8px 15px 7px 15px; 
	box-shadow:0 1px 4px rgba(0,0,0,0.14); 
	border-radius:2px; 
	border-top-left-radius:0px;
	font-size:14px; 
	font-family:Roboto, sans-serif; 
	display:block; 
	border:none; 
	width:100%; 
	box-sizing:border-box; 
	margin-bottom:15px;
	position:relative;
	z-index:2;
}
textarea#translate-new-option:focus {
    outline: none;
}
#translate-value-info {
	padding-top:15px;
}
#translate-value-description {
	margin-bottom:15px;
}
#translate-value-alias {
	color:rgba(255,255,255,0.48);
}
#translate-value-tags span {
	display: inline-block;
	border-radius:2px;
	padding:10px 15px;
	background:#111;
	margin-right:5px; 
	margin-bottom:5px;
}
#translate-loading {
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:5;
	background:rgba(0,0,0,0.5);
}
#translate-loading i.fa {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-28px;
	margin-top:-28px;
	width:46px;
	height:46px;
	line-height:46px;
	text-align:center;
	font-size:46px;
	color:rgba(255,255,255,0.87);
}
#translation-fix-wrap {
	width:100%;
	height:36px;
}
#translation-fix-wrap input {
	float:left;
	width:calc(100% - 100px);
	display:block;
	box-sizing:border-box;
	border:none;
	padding-left:10px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	box-shadow:0 1px 4px rgba(0,0,0,0.14);
	height:36px;
}
#translation-fix-wrap button {
	float:left;
	width:100px;
	display:block;
	height:36px;
}
#translate-fix {
	width:100%;
	box-sizing:border-box;
	padding:10px 15px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	box-shadow:0 1px 4px rgba(0,0,0,0.14);
	border:none;
}
#transltion-fix-search-results {
	
}
#transltion-fix-search-results .result {
	margin-top:10px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	box-shadow:0 1px 4px rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.1);
	background:#2b2b2b;
	padding:10px 15px;
	cursor:pointer;
}
#transltion-fix-search-results .result .result-alias {
	font-size:12px;
	color:rgba(255,255,255,0.48);
}
#transltion-fix-search-results .result .other-langs {
	display:none;
}
#transltion-fix-search-results .result .other-langs div small {
	display:block;
	opacity:0.56;
	margin-top:10px;
}
#transltion-fix-search-results .result .other-langs div span {
	display:block;
}
#transltion-fix-search-results .result.selected {
	background:#0277BD;
	color:#fff;
}
#transltion-fix-search-results .result.selected .other-langs {
	display:block;
}
#translate-vote-fix-fixed {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	box-shadow:0 1px 4px rgba(0,0,0,0.56), inset 0 1px 0 rgba(255,255,255,0.1);
	background:#2b2b2b;
	padding:10px 15px;
	margin-bottom:10px;
}
#account-menu {

}
#account-menu a {
	display:block;
	text-decoration: none;
	padding:7px 15px;
}
#account-menu a:hover {
	text-decoration: underline;
}
#account-menu a.active {
	background:#222;
	border-left:3px solid #00BCD4;
	color:#fff;
}
#account-translators-lang-table {
	border-collapse: collapse;
	border: 1px solid #555;
}
#account-translators-lang-table td {
	border-collapse: collapse;
	border: 1px solid #555;
	padding:5px 10px;
}

h2.translate-field-title {
	margin-bottom:10px;
}
.translate-hint {
	color:rgba(255,255,255,0.56); 
	margin-bottom:10px;
}
.translate-existing-option {
	background:#2b2b2b; 
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	padding:8px 15px 7px 15px; 
	border-radius:2px; 
	border-top-left-radius:0px;
	margin-bottom:15px;
	margin-left:36px;
	position:relative;
	cursor:pointer;
	min-height:21px;
	z-index:4;
}
.translate-existing-option:before {
	content:"";
	font:normal normal normal 14px/1 FontAwesome;
	line-height:36px;
	text-align:center;
	font-size:21px;
	color:#4CAF50;
	position:absolute;
	top:0;
	left:-36px;
	width:36px;
	height:36px;
	background:#2b2b2b; 
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);
	border-top-left-radius:2px;
	border-bottom-left-radius:2px;
	z-index:3;
}
.translate-existing-option.active:before {
	content:"\f00c";
}
.translate-existing-option:hover {
	background:#333; 
}
.translate-existing-option:hover:before {
	background:#333; 
}
.translate-existing-option.auto {
	padding-bottom:20px;
}
.translate-existing-option.auto:after {
	content:"Google Translate";
	position:absolute;
	bottom:2px;
	right:7px;
	height:15px;
	line-height:15px;
	font-size:10px;
	color:#0277BD;
}
.row {
	margin:0 -15px;
}
.row:after {
	display:block;
	content:"";
	clear:both;
}
.col {
	display:block;
	float:left;
}
.col-half {
	width:50%;
}
.col-third {
	width:33.333333%;
}
.col-two-third {
	width:66.666666%;
}
.col-quarter {
	width:25%;
}
.col-three-quarters {
	width:75%;
}
.col-full {
	width:100%;
}
.block {
	padding:0 15px;
}

@media (max-width:960px) {
	.col-m-half {
		width:50%;
	}
	.col-m-third {
		width:33.333333%;
	}
	.col-m-two-third {
		width:66.666666%;
	}
	.col-m-full {
		width:100%;
	}
	.col-m-quarter {
		width:25%;
	}
	.col-m-three-quarters {
		width:75%;
	}
}
@media (max-width:600px) {
	#header-title {
		font-size:24px;
	}
	
	.hide-s {
		display:none !important;
	}
	.col-s-half {
		width:50%;
	}
	.col-s-third {
		width:33.333333%;
	}
	.col-s-two-third {
		width:66.666666%;
	}
	.col-s-full {
		width:100%;
	}
	.col-s-quarter {
		width:25%;
	}
	.col-s-three-quarters {
		width:75%;
	}
}
@media (max-width:360px) {
	.hide-xs {
		display:none !important;
	}
	.col-xs-half {
		width:50%;
	}
	.col-xs-third {
		width:33.333333%;
	}
	.col-xs-two-third {
		width:66.666666%;
	}
	.col-xs-full {
		width:100%;
	}
	.col-xs-quarter {
		width:25%;
	}
	.col-xs-three-quarters {
		width:75%;
	}
}