/*
	general layout 
*/
html {
	position: relative;
	height: 100%;
	overflow-y: scroll;
}
body {
	margin: 0 0 30px 0;
	background-color: #f8f8f8;
	height: calc( 100% - 30px );
}
body > .navbar {
	background-color: #f8f8f8;
	border: none;
}
.navbar-header {
	min-width: 200px;
}
.navbar-header > .navbar-brand > img {
	width: 32px;
	height: 32px;
	margin-top: -6px;
}
.navbar-header > .navbar-brand > a {
	color: #666 !important;
	font-family: "Courier New";
	font-weight: Bold;
	padding-top: 17px;
}
.navbar-static-top {
	margin-bottom: 0;
}
.nav > li a {
  padding-top: 17px;
  padding-bottom: 13px;
}
body > .container {
	background-color: #fff;
	box-shadow: 0 2px 10px #ccc;
	margin-top: 5px;
	min-height: calc( 100% - 35px );
}
body > .container > .row:first-child {
   margin: 2em 0;
}


.footer {
	width: 100%;
	height: 30px;
	padding-top: 5px;
}

.sort-down::after {
	content: "\a0\25bc" !important;
}
.sort-up::after {
	content: "\a0\25b2" !important;
}

#languages > table {
	width: 100%;
}
#languages > table > tbody > td:first-child {
	width: 20%;
}

/*
Components
*/

table.progress {
	width: 100%;
	border: none;
	margin: 5px 0;
	padding: 0;
	height: 0.8em;
}
table.progress td {
	background-color: #9d4;
}
table.progress td+td {
	background-color: #69f;
}
table.progress td+td+td {
	background: linear-gradient(0deg, #f3f3f3, #ddd);
}

.specials .btn {
	width: 2em;
	margin-left: .25em;
}

textarea[readonly], input[readonly] {
   cursor: text !important;
}