body {
	padding-top: 30px;
	padding-bottom: 50px;
}
@media screen and (max-height: 200px) {
	body {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}
@media screen and (max-width: 400px) {
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width: 300px) {
	.container {
		padding-left: 5px;
		padding-right: 5px;
	}
}
pre {
	white-space: pre-wrap;
}
.navbar {
	margin-top: -30px;
	margin-bottom: 30px;
	border-radius: 0;
}
.table .btn-block {
	min-width: 50px;
}
.checkbox, .radio {
	position: static;
	display: inline-block;
	margin: 0px 20px 0px 0px;
	padding: 6px 0px;
}
form div.required label.control-label:after,
i.required:after {
	content: " * ";
	color: red;
}
#bid-form .field-bid-value,
#bid-form .help-block {
	margin-bottom: 0px;
}
#buyer-activeCars-grid td {
	vertical-align: middle;
}
input[type=date] {
	padding-top: 0px;
	padding-bottom: 0px;
}
.btn-group-justified {
	border-spacing: 10px;
	border-collapse: separate;
}
.text-admin .btn {
	display: none;
}
.text-admin:hover {
	background: #ffa;
}
.text-admin:hover .btn {
	display: inline !important;
}
.form {
	margin-bottom: 1em;
}
input.input-small {
	max-width: 50px;
	padding: 2px 5px;
	text-align: right;
}
table.table-statistics td {
	text-align: right;
}
.bg-gray {
	background-color: #f9f9f9;
	padding: 20px;
}
.expandable {
	max-height:140px;
	overflow: hidden;
    position: relative;
}
.expandable div {
    position: absolute;
    bottom: 0;
	background: linear-gradient(to top, rgb(249,249,249) 0%, rgb(249,249,249) 50%, rgba(249,249,249,0) 100%);
	height:50px;
	width:100%;
	display: flex;
	align-items: flex-end;
}
.expandable div .glyphicon-menu-down {
	display: inline-block;
}
.expandable div .glyphicon-menu-up {
	display: none;
}

.expandable.expand {
	max-height: none;
	padding-bottom: 20px;
}
.expandable.expand div {
	height: 30px;
}

.expandable.expand div .glyphicon-menu-down {
	display: none;
}
.expandable.expand div .glyphicon-menu-up {
	display: inline-block;
}