
body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: roboto, ubuntu, sans-serif;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #333;
}

::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #777;
}

::-webkit-scrollbar-corner {
	background-color: transparent;
}

body {
	padding: 8px 0 4px 0;
	min-width: 620px;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #aaaaaa;
	border-radius: 1px;
}
@media (prefers-reduced-motion: reduce), (prefers-reduced-motion: no-preference) {
	body {
		border: none;
	}
}

.page-header {
	border: 0;
	margin: 6px 0 20px 0;
	padding: 0;
	position: relative;
}
.page-header img {
	width: 80%;
	max-width: 380px;
	margin-top: -8px;
	margin-left: -150px;
}
.page-header small {
	position: absolute;
	bottom: -20%;
	left: 15.5%;
	font-size: 40%;
	color: #999;
	opacity: 0.65;
}

a span.glyphicon {
	font-size: 75%;
	margin-left: 0.2em;
}

#disableAll {
	float: right;
	padding: 5px 8px 4px 9px;
	font-size: 18px;
	margin-top: 0.2em;
}
#disableAll.btn-danger .glyphicon-play {
	display: none;
}
#disableAll.btn-success .glyphicon-pause {
	display: none;
}

.panel {
	margin-bottom: 10px;
}

.panel-heading {
	padding: 6px 8px;
}
#balances .panel-heading {
	padding: 4px 8px;
}

#exchanges ul.list-group {
	height: 203px;
	overflow-x: auto;
	transition: all 0.3s ease-in-out;
}

.max #exchanges ul.list-group {
	height: 68px;
}

.btn-sm {
	padding: 2.5px 10px;
	min-width: 7em;
	margin-top: -3px;
	border-radius: 5px;
}
.btn-sm, .btn-sm:hover {
    border-color: rgba(0, 0, 0, 0.4);
}

.panel-info>.panel-heading {
	background-color: rgba(73, 154, 178, 0.8);
}
.panel-warning>.panel-heading {
	background-color: rgba(198, 118, 5, 0.8);
}
.panel-danger>.panel-heading {
	background-color: rgba(190, 76, 73, 0.8);
}
.panel-success>.panel-heading {
	background-color: rgba(78, 157, 78, 0.8);
}
.list-group-item-info {
	background-color: rgba(73, 154, 178, 0.4);
}
.list-group-item-warning {
	background-color: rgba(198, 118, 5, 0.4);
}
.list-group-item-danger {
	background-color: rgba(190, 76, 73, 0.4);
}
.list-group-item-success {
	background-color: rgba(78, 157, 78, 0.4);
}
.list-group-item:hover {
	filter: brightness(0.8) contrast(1.6);
}

.statusbar {
	margin-bottom: 8px;
}
.statusbar .btn {
	padding: 6px 8px;
	vertical-align: top;
	margin-right: 0.3em;
}
.status {
	display: inline-block;
	width: 1em;
	font-size: 85%;
}
.status #success, .status #error {
	display: block;
	white-space: nowrap;
	color: rgb(78, 157, 78);
	margin-top: -1px;
	cursor: help;
}
.status #error {
	color: rgb(190, 76, 73);
	margin-top: 3px;
}

.list-group-item {
	padding: 7px 8px;
	height: 35px;
}

#balances ul.list-group {
	height: 68px;
	overflow-x: auto;
	transition: all 0.3s ease-in-out;
}

.max #balances ul.list-group {
	height: 237px;
}

#balances .btn-sm {
	min-width: auto;
}

#balances .btn-min span {
	transform: rotate(180deg);
	transition: transform 0.5s;
}
.max #balances .btn-min span {
	transform: rotate(0deg);
}

#balances .exchange, #balances .account, #balances .amount {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
#balances .exchange {
	width: 25%;
}
#balances .account {
	width: 48%;
}
#balances .amount {
	text-align: right;
	float: none;
}

#chrome-account {
	overflow: hidden;
	max-height: 35px;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	visibility: visible;
}

.max #chrome-account {
	max-height: 0px;
	margin-bottom: 0;
	opacity: 0;
	visibility: hidden;
}

.animOff * {
	transition: none !important;
}

.statusbar .glyphicon {
	top: 2px;
	left: -1px;
}

#balances {
	position: relative;
}

#balances.loading button[data-action="refreshBalance"] span {
	animation: rotating 2s linear infinite;
}

@keyframes rotating {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

#balances .list-modal {
	position: absolute;
	width: 100%;
	height: calc(100% - 28px);
	background: rgba(0,0,0,0.6);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s 0.2s, opacity 0.2s;
	cursor: default;
}

#balances.loading .list-modal {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.2s;
	cursor: wait;
}

.tooltip {
	pointer-events: none;
}
.tooltip-inner {
	max-width: 520px;
}

sup {
	font-size: 75%;
	margin-left: 2px;
	color: #BBB;
}

#export_wrapper {
	display: none;
}
