
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;
}

.main {
	padding: 20px;
}
.mt-0 {
	margin-top: 0;
}

.nav-sidebar {
	margin: 10px -15px 10px -20px;
}
.nav-sidebar li .text-muted {
	color: #999;
}
#exchange-links .text-muted {
	color: #555;
}
.nav-sidebar li span.glyphicon {
	margin-right: 0.2em;
}
.nav-sidebar li a {
	padding: 6px 20px 5px 20px;
	display: block;
}
.nav-sidebar .active a,
.nav-sidebar .active a:hover,
.nav-sidebar .active a:focus {
	background: #404548;
	color: #fff;
}

.nav-sidebar span.attr {
	font-size: 75%;
	color: #999;
	opacity: 0.65;
	margin-left: 5px;
	position: absolute;
	bottom: 10px;
}

@media (min-width: 768px) {
	#exchange-links {
		height: calc(100vh - 510px);
		overflow: auto;
	}
}

.page-header {
	font-size: 1.75em;
	margin-top: 0;
	height: 1.85em;
	line-height: 1.65em;
	border: none;
	position: relative;
}
.page-header img {
	margin-top: -12px;
	width: 90%;
	max-width: 300px;
}
.page-header small {
	position: absolute;
	bottom: -17%;
	left: 19%;
	font-size: 60%;
	color: #999;
	opacity: 0.65;
}
.page-header .glyphicon {
	vertical-align: text-top;
	margin-right: 0.2em;
}

.input-group-btn {
	padding: 0;
	border: none;
}
.input-group-btn .btn {
	line-height: 23px;
	margin: 0;
	border-top: none;
	margin-left: -3px;
	font-size: 14px;
	padding-left: 12px;
}

.exchange-page .page-header {
	height: 2em;
}
.exchange-page .page-header small {
	position: relative;
	bottom: 0;
	left: 0;
	display: block;
}
.exchange-page .col-xs-3 .btn {
	padding: 7px 9px;
}

.panel-heading .table {
	margin-bottom: 0;
}
.panel-heading .table th,
.panel-heading .table td {
	padding: 0;
}

.sidebar {
	padding-top: 20px;
}
.sidebar h2 {
	border-bottom: 1px solid #ddd;
	font-size: 1.25em;
	margin-top: 1.1em;
	margin-bottom: 0;
}

.table.table-borderless,
.table.table-borderless th,
.table.table-borderless td {
	border: 0;
}
.table.table-grid,
.table.table-grid th,
.table.table-grid td {
	margin: 0;
	border: 0;
}
.table.table-bordered th {
	padding-left: 1em;
}

thead {
	background: rgba(0, 0, 0, 0.15);
}

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

.glyphicon-copy, .glyphicon-paste {
	margin-left: 0.3em;
	cursor: pointer;
}

.modal-dialog .modal-body p {
	margin-left: 1em;
	margin-right: 1em;
}

.modal-dialog .modal-body h1 {
	margin-top: 0.2em;
}

@media (max-width: 768px) {
	.page-header small {
		bottom: -30%;
		left: auto;
		right: 40%;
	}
	.page-header img {
		width: 55%;
	}
}
@media (min-width: 2125px) {
	.page-header small {
		left: 62px;
		bottom: -32%;
	}
}

.table tbody tr.warning td, .table tbody tr.warning th {
	background-color: rgba(198, 118, 5, 0.4);
}
.table tbody tr.info td, .table tbody tr.info th {
	background-color: rgba(73, 154, 178, 0.4);
}

.form-control {
	height: 34px;
	padding: 6px 8px;
}
@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 8px;
	}
	#options .form-horizontal .control-label, #notifications .form-horizontal .control-label {
		padding-top: 7px;
	}
}
.form-group input[type="checkbox"] {
	display: none;
}
.form-group input[type="checkbox"] + .btn-group > .btn {
	padding: 3px 7px 3px 6px;
	font-size: 97%;
}
.form-group input[type="checkbox"] + .btn-group > label:nth-of-type(1) span {
	width: 9px;
	margin-right: 3px;
}
.form-group input[type="checkbox"] + .btn-group > label:nth-of-type(1) span:first-child {
	display: none;
}
.form-group input[type="checkbox"] + .btn-group > label:nth-of-type(1) span:last-child {
	display: inline-block;
	opacity: 0.3;
}
.form-group input[type="checkbox"]:checked + .btn-group > label:nth-of-type(1) span:first-child {
	display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label:nth-of-type(1) span:last-child {
	display: none;
}
.form-group button {
	padding: 4px 9px 3px 7px;
	font-size: 95%;
}

#log-container pre {
	padding: 0;
	margin: 0.2em 0.5em;
	color: inherit;
	background: none;
	border: none;
	line-height: 1.25em;
	word-break: inherit;
}

#log .table>tbody>tr>td, #log .table>tbody>tr>th {
	padding: 6px 8px;
	border-top: 1px solid #1A1A1A;
	border: none;
	font-weight: normal;
}

#log-container {
	height: calc(100vh - 190px);
	overflow: auto;
}
#log .panel {
	margin-bottom: 0;
}
#log table {
	margin: 0;
}
#log td:nth-child(1), #log th:nth-child(1) {
	white-space: nowrap;
	width: 9.3em;
	padding-right: 0 !important;
}
#log td:nth-child(2), #log th:nth-child(2) {
	width: 4.7em;
	padding-right: 0 !important;
}
#log td:nth-child(3), #log th:nth-child(3) {
}

.list-group-item.success {
	background: #378d37;
	color: white;
}

#permissions .glyphicon-wrench {
	float: left;
	font-size: 180%;
	margin: 0 5px 10px -10px;
	padding: 4px 5px 10px 6px;
	color: #C8C8C8;
}
#permissions .glyphicon-wrench:hover {
	color: white;
}
#permissions .glyphicon-ok {
	margin-right: 5px;
}

.ace_editor.ace_autocomplete {
	width: 60%;
}
.ace-ambiance .ace_gutter {
	background: #313537;
	color: white;
}
.ace-ambiance, .ace-ambiance .ace_print-margin {
	background-color: #191b1c;
}
.ace-ambiance .ace_line, .ace_dark.ace_editor.ace_autocomplete .ace_completion-highlight {
	color: #3bafda;
	font-weight: bold;
}
.ace-ambiance .ace_section {
	color: #aa4baa;
	font-style: italic;
}
.ace-ambiance .ace_separator {
	color: #ffd700;
	font-weight: normal;
}
.ace-ambiance .ace_entity, .ace-ambiance .ace_keyword {
	color: #0bca7a;
	font-weight: normal;
}
.ace-ambiance .ace_definition, .ace_completion-meta {
	color: #FF9900;
	font-weight: normal;
	opacity: 1;
}
.ace-ambiance .ace_string {
	color: #CCDDFF;
	font-weight: normal;
	font-style: italic;
}
.ace-ambiance .ace_comment {
	color: #858788;
	font-weight: normal;
	font-style: italic;
}
.ace_dark.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line, .ace_dark.ace_editor.ace_autocomplete .ace_line-hover {
	background-color: #313537;
	border: 1px solid #414547;
}
.ace-ambiance .ace_marker-layer .ace_selected-word {
	border: none;
}
.ace-ambiance .ace_cursor {
	border-left: 2px solid #efc700;
}
.ace-ambiance .ace_error {
	background-color: #770000;
}
.ace-ambiance .ace_warning {
	background-color: #997700;
}
.ace_editor.ace_autocomplete {
	padding: 3.5em;
}

.modal-open .modal, .bootbox.modal {
	display: flex;
}
.modal-dialog {
	margin-top: 15%;
}
.modal-lg {
	margin: auto;
	padding-bottom: 5%;
}
.modal.fade .modal-dialog {
	transform: translate(0,-10%);
	transition: transform 0.25s ease-out;
}
.modal.in .modal-dialog {
	transform: translate(0,0);
}

.scroll-container {
	height: calc(100vh - 110px);
	overflow: auto;
}
#alerts .scroll-container {
	height: calc(100vh - 238px);
}
#positions .scroll-container {
	height: calc(100vh - 164px);
}
@media (max-width: 768px) {
	.scroll-container {
		height: auto !important;
	}
}

.panel-last {
	margin-bottom: 0;
}

.exchange-page .panel-body, #alerts .panel-body, #notifications .panel-body {
	padding-bottom: 0;
}

.exchange-page .help-block, #notifications .help-block {
	margin-bottom: 0;
}

#toast-container > div {
	opacity: 1;
}

h4 {
	margin-top: 4px;
	margin-bottom: 4px;
}

button span.glyphicon, label span.glyphicon, .panel-heading span.glyphicon {
	margin-right: 2px;
}
.glyphicon-single {
	margin-left: 2px;
}

.page-header button {
	margin-left: 0.5em;
}

#log button, .btn-group {
	margin-right: 2px;
}
#log .pull-right button, .pull-right .btn-group {
	margin-right: 0;
}

.filter-options .btn-group {
	margin-right: 6px;
}

#alerts .form-control, #positions .form-control, .gu-mirror .form-control {
	padding: 3px 7px;
	height: 29px;
	margin-top: 1px;
}
.filter-options .form-control {
	width: 5em;
	height: 26px !important;
	margin-top: 0 !important;
}

.bootbox .filter-options .form-group {
	margin-bottom: 10px;
}
.filter-options .input-group {
	display: inline-block;
	margin-right: 6px;
}
#alerts .filter-options .input-group input {
	width: 4.5em;
	padding-right: 2px;
}
.filter-options .input-group-addon {
	display: inline;
	padding: 5px 7px;
	line-height: 1.9em;
}

.alert-editor {
	height: 24em;
	width: 100%;
}

.panel-heading .form-group.pull-right {
	margin-top: 2px;
	margin-right: -2px;
}

/*#options*/ .input-group {
	margin-top: -2px;
}

#options input, #notifications input {
	height: 30px;
}
#options .input-group-addon, #notifications .input-group-addon {
	border-top: none;
}

#options .help-block {
	margin-left: 33px;
	margin-bottom: -7px;
	margin-top: 32px;
}

#options .panel-body {
	padding-top: 15px;
	padding-bottom: 3px;
}

.updated {
	animation-duration: 0.35s;
	animation-name: updated;
	animation-direction: alternate;
	animation-iteration-count: 6;
	animation-timing-function: ease-in-out;
}

@keyframes updated {
	from {
		text-shadow: 0px 0px 0px #88cc00;
		color: #ebebeb;
	}
	to {
		text-shadow: 0px 0px 20px #88cc00;
		color: #88cc00;
	}
}

.wiki {
	margin-right: 2em;
}
.wiki img {
	width: 100%;
}

.sub-button {
	margin-top: -6px;
	margin-bottom: 22px;
}

#alerts button[data-action="removeAlert"], .gu-mirror button[data-action="removeAlert"] {
	padding: 4px 13px 4px 11.5px;
}
#alerts button[data-action="removeAlert"] .glyphicon, .gu-mirror button[data-action="removeAlert"] .glyphicon {
	vertical-align: -7%;
}

#alerts .sub-button {
	margin-top: 9px;
	margin-bottom: -20px;
}
#alerts .panel {
	margin-bottom: 1px;
}
#alerts .selected .panel {
	margin-top: 8px;
	margin-bottom: 10px;
}

#alerts .btn-toggle {
	position: absolute;
	left: -28px;
	top: 36px;
	cursor: pointer;
}
#alertlist.hideFilter .btn-toggle {
	transform: rotate(180deg);
}

#alerts .btn-min, .gu-mirror .btn-min {
	opacity: 0.8;
	position: absolute;
	right: 12px;
	z-index: 999;
}

#alerts .btn-min span, .gu-mirror .btn-min span {
	transform: rotate(0deg);
	transition: transform 0.5s;
	margin-right: 0.1em;
}
#alerts .min .btn-min span, .min.gu-mirror .btn-min span {
	transform: rotate(180deg);
}
#alerts .filter-options button {
	margin-right: 0.5em;
}
#alerts .filter-options button[data-action="resetAlertStats"] {
	margin-left: 0.5em;
	margin-top: -4px;
	padding: 3px 7px;
}
#alerts /*.panel-heading*/ .help-block, #alerts .filter-options, #alerts .panel-body {
	max-height: 1000px;
	overflow: hidden;
	transition: all 0.5s cubic-bezier(0.5,0,0.5,0), background 0s, color 0s;
}
#alerts .min /*.panel-heading*/ .help-block, #alerts .min .filter-options, #alerts .min .panel-body {
	margin-top: 0;
	margin-bottom: 0;
	max-height: 0;
	padding-top: 0;
	transition: all 0.5s cubic-bezier(0,1,0,1), background 0s, color 0s;
}
#alerts .panel-heading .row:nth-child(3) .control-label {
	transition: padding 0.5s;
}
#alerts .min .panel-heading .row:nth-child(3) .control-label {
	padding-top: 0px;
}
#alerts .panel-heading .row:first-child .col-xs-10 {
	height: 52px;
	overflow: hidden;
	transition: height 0.5s cubic-bezier(0,0.7,0,0.7);
}
#alerts .min .panel-heading .row:first-child .col-xs-10, .min.gu-mirror .panel-heading .row:first-child .col-xs-10 {
	height: 34px;
}
#alerts .panel-heading .row:first-child .control-label {
	padding-top: 6px;
}

#alerts .panel-heading {
	user-select: none;
	padding-top: 8px;
	padding-bottom: 7px;
}
#alerts label[id^="alert-"] {
	user-select: text;
	cursor: text;
	font-weight: normal;
	color: #fff !important;
	transition: color 0.3s;
}
#alerts .disabled label[id^="alert-"] {
	color: #999 !important;
}
#alerts .panel-heading, #alerts .panel, #alerts .form-control, #alerts .help-block, #alerts .ace-ambiance .ace_gutter, #alerts a {
	transition: background 0.3s, color 0.3s;
}
/*#alerts*/ .disabled .panel-heading {
	background: #1D1F21;
	color: #888;
}
/*#alerts*/ .disabled .panel {
	background: #191C1C;
	color: #888;
}
/*#alerts*/ .disabled .ace-ambiance .ace_gutter {
	background: #222526;
	border-right: 1px solid #2E2E2E;
}
/*#alerts*/ .disabled .form-control {
	background: #AAA;
	border: 1px solid #AAA;
}
#alerts .help-block {
	transition: all 0.5s cubic-bezier(0,1,0,1), color 0.3s !important;
}
/*#alerts*/ .disabled .help-block, #alerts .disabled a {
	color: #999;
}
#alerts .btn, #alerts .input-group-addon {
	transition: opacity 0.3s;
}
/*#alerts*/ .disabled .btn, .disabled .input-group-addon {
	opacity: 0.6;
}

#alerts .err .panel {
	background-color: #401314;	/* #202324 +20-10-10 */
}
#alerts .err .panel-heading {
	background-color: #512527;	/* #313537 +20-15-15 */
}
#alerts .err.disabled .panel {
	background-color: #291C1C;	/* #191C1C */
}
#alerts .err.disabled .panel-heading {
	background-color: #2D1F21;	/* #1D1F21 */
}
#alerts .warn .panel {
	background-color: #403314;	/* #202324 +20-10-10 */
}
#alerts .warn .panel-heading {
	background-color: #514527;	/* #313537 +20-15-15 */
}
#alerts .warn.disabled .panel {
	background-color: #292C1C;	/* #191C1C */
}
#alerts .warn.disabled .panel-heading {
	background-color: #2D2F21;	/* #1D1F21 */
}

#alerts .sm-buttons {
	margin-bottom: -10px;
	min-height: 0;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s cubic-bezier(0.5,0,0.5,0), opacity 0.5s ease;
}
#alerts .min .sm-buttons {
	max-height: 30px;
	opacity: 1;
	transition: all 0.5s cubic-bezier(0,0.5,0,0.5), opacity 0.5s ease;
}
#alerts .sm-buttons button, .gu-mirror .sm-buttons button {
	padding: 4px 10px 3px 13px;
}

.alert-lock {
	position: absolute;
	left: 12px;
	bottom: -3px;
	padding: 5px 8px 3px 11px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s 0.5s, opacity 0.5s ease-in-out;
}
.alert-locked {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease-in-out;
}

.spinner {
	margin: 69px auto;
	width: 138px;
	height: 138px;
	overflow: visible !important;
	background: rgba(0,0,0,0.5);
	box-shadow: 0px 0px 138px 35px rgba(0,0,0,0.7);
	border-radius: 69px;
	margin-top: 15%;
	z-index: 2000;
}
.spinner div {
	background: transparent;
	border: 11px solid transparent;
	border-color: rgb(136,204,0) transparent;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(0);
	animation: spinner-wave 5.6s infinite ease-in-out;
}
.spinner div:nth-child(1) {
	animation-delay: 0.28s;
	animation-delay: -2.52s;
	width: 28px;
	height: 28px;
}
.spinner div:nth-child(2) {
	animation-delay: 0.56s;
	animation-delay: -2.24s;
	width: 34px;
	height: 34px;
}
.spinner div:nth-child(3) {
	animation-delay: 0.84s;
	animation-delay: -1.96s;
	width: 48px;
	height: 48px;
}
.spinner div:nth-child(4) {
	animation-delay: 1.12s;
	animation-delay: -1.68s;
	width: 62px;
	height: 62px;
}
.spinner div:nth-child(5) {
	animation-delay: 1.4s;
	animation-delay: -1.4s;
	width: 76px;
	height: 76px;
}
.spinner div:nth-child(6) {
	animation-delay: 1.68s;
	animation-delay: -1.12s;
	width: 89px;
	height: 89px;
}
.spinner div:nth-child(7) {
	animation-delay: 1.96s;
	animation-delay: -0.84s;
	width: 103px;
	height: 103px;
}
.spinner div:nth-child(8) {
	animation-delay: 2.24s;
	animation-delay: -0.56s;
	width: 110px;
	height: 110px;
}
.spinner div:nth-child(9) {
	animation-delay: 2.52s;
	animation-delay: -0.28s;
	width: 117px;
	height: 117px;
}
.spinner div:nth-child(10) {
	animation-delay: 2.8s;
	animation-delay: 0s;
	width: 124px;
	height: 124px;
	box-shadow: inset 0px 0px 35px 0px rgb(136,204,0);
}
@keyframes spinner-wave {
	50% {
		transform: translate(-50%, -50%) rotate(360deg);
		border-color: rgb(170,17,17) transparent;
	}
}

.modal-backdrop.in {
	opacity: 0.7;
}

.tooltip {
	pointer-events: none;
}

.panel-heading {
	padding: 6px 15px;
}
#stats .panel-heading, #positions .panel-heading {
	padding: 2px 15px;
}
#stats .panel-heading h4, #positions .panel-heading h4 {
	font-size: 115%;
	margin-top: 3px;
}
#stats .panel-body, #positions .panel-body {
	padding: 0px 15px 8px 15px;
}
#stats table, #positions table {
	margin-bottom: -6px;
}
#commands table thead, .bootbox-body table thead {
	background: #1b1e1f;
	position: sticky;
	top: -1px;
	z-index: 1;
}
#stats td, #stats th {
	width: 30%;
}
#stats td:nth-child(1), #stats th:nth-child(1) {
	width: 40%;
}
#stats tr:hover, #symbolBrowser tr:hover, #exBrowser tr:hover, #idBrowser tr:hover, #license tr:hover, #permissions li:hover, #changelog li:hover, #commands tr:hover, #positions tr:hover {
	background: #111;
	color: #fff;
}
#symbolBrowser tr.selected:hover, #exBrowser tr.selected:hover, #idBrowser tr.selected:hover {
	background: #058;
	color: #fff;
}
#permissions li.success:hover {
	background: #060;
	color: #fff;
}

.cronbox {
	width: 145px;
	float: left;
	margin: 0 12px;
}
.cronbox label {
	width: 100%;
}
.cronbox label select {
	height: 150px;
	text-align: center;
	margin-top: 10px;
	margin-left: -20px;
	width: calc(100% + 20px);
	cursor: pointer;
}
.cronbox input[type="radio"], .cronbox input[type="radio"]+span, .cronbox input[type="radio"]+span select {
	opacity: 0.6;
}
.cronbox input[type="radio"]:checked, .cronbox input[type="radio"]:checked+span, .cronbox input[type="radio"]:checked+span select {
	opacity: 1;
}
.cronbox input[type="radio"]:checked, .cronbox input[type="radio"]:checked+span {
	color: white;
}
.cronbox input[type="number"] {
	width: 3em;
	height: 1.6em;
	display: inline;
	padding: 3px 4px !important;
}

.gu-mirror {
	position: fixed !important;
	margin: 0 !important;
	z-index: 9999 !important;
	overflow: hidden !important;
	height: 78px !important;
	opacity: 0.8;
	cursor: grab;
}
.gu-mirror * {
	cursor: grab;
}
.gu-hide {
	display: none !important;
}
.gu-unselectable {
	user-select: none !important;
}
.gu-transit .panel-heading {
	background: #717577;
}
.gu-transit .panel-heading .help-block, .gu-transit .filter-options, .gu-transit .panel-body {
	margin-top: 0;
	margin-bottom: 0;
	max-height: 0 !important;
	padding-top: 0;
}
.gu-transit .panel-heading .row:first-child .col-xs-10 {
	height: 34px !important;
}

.dropdown-toggle {
	width: 100%;
	height: 31px;
	text-align: left;
	padding-top: 5px;
}
.dropdown-toggle .caret {
	float: right;
	margin-top: 6px;
}
#alerts .filter .input-group-addon, #positions .filter .input-group-addon {
	padding: 6px 10px;
}
#alerts .filter label, #positions .filter label {
	padding: 5px 10px 3px 7px !important;
	margin-top: -2px;
	font-size: 105%;
}
#alerts .filter .input-group-addon[data-action], #positions .filter .input-group-addon[data-action] {
	cursor: pointer;
}
#alerts #filterInfo {
	line-height: 1.8em;
}
#alertlist .btn-sw2, .gu-mirror .btn-sw2 {
	margin-left: 0.3em;
}
#alerts .hidden {
	display: none;
}

.form-group input[type="checkbox"] + .btn-group.btn-sw1 > label:nth-of-type(1) span:last-child, 
.form-group input[type="checkbox"] + .btn-group.btn-sw2 > label:nth-of-type(1) span:last-child,
.form-group input[type="checkbox"] + .btn-group.btn-sw3 > label:nth-of-type(1) span:last-child,
.form-group input[type="checkbox"] + .btn-group.btn-sw4 > label:nth-of-type(1) span:last-child {
	color: black;
	opacity: 0.5;
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw1 > label:nth-of-type(1) {
	color: #fff;
	background-color: #4e9d4e;
	background-image: linear-gradient(#5cae5c,#4e9d4e 60%,#488f48);
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw1 > label:nth-of-type(1):hover {
	background-color: #3d7b3d;
	background-image: linear-gradient(#264b26,#306030 40%,#376d37);
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw2 > label:nth-of-type(1) {
	color: #fff;
	background-color: #c67605;
	background-image: linear-gradient(#e48806,#c67605 60%,#b26b04);
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw2 > label:nth-of-type(1):hover {
	background-color: #955904;
	background-image: linear-gradient(#4f2f02,#6d4103 40%,#814d03);
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw3 > label:nth-of-type(1) {
	color: #fff;
	background-color: #499ab2;
	background-image: linear-gradient(#5da6bc,#499ab2 60%,#438da3)
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw3 > label:nth-of-type(1):hover {
	background-color: #3a7a8d;
	background-image: linear-gradient(#254f5b,#2e6170 40%,#346e7f);
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw4 > label:nth-of-type(1) {
	color: #fff;
	background-color: #be4c49;
	background-image: linear-gradient(#c6625f,#be4c49 60%,#b34340);
}
.form-group input[type="checkbox"]:checked + .btn-group.btn-sw4 > label:nth-of-type(1):hover {
	background-color: #9d3a38;
	background-image: linear-gradient(#682725,#7f2f2d 40%,#8e3532);
}

#notifications .btn-sm[data-action] {
	margin-top: -7px;
	margin-right: -3px;
}
#notifications .btn-sm[data-addon], #stats .btn-sm, #positions .panel .btn-sm {
	margin-top: -4.5px;
	margin-bottom: -4px;
	margin-left: 2px;
	padding: 4px 9px;
}
#positions .filter .btn-sm {
	margin-left: 0.5em;
}
#notifications .btn-sm[data-addon].btn-off {
	margin-left: 3px;
}
#license button[name="license-remove"] {
	margin-left: 0.5em;
}
#notifications .col-xs-10 {
	padding-top: 2px;
}

#export_wrapper {
	display: none;
}
#symbolBrowser_wrapper thead tr, #exBrowser_wrapper thead tr, #idBrowser_wrapper thead tr {
	line-height: 1.2em;
	height: 2.2em;
}
div.dataTables_wrapper div.dataTables_info {
	height: 3.5em;
}

.table p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#alertlist .panel-body .col-xs-2 {
	text-align: right;
	width: 13.88888888%;
}

#alertlist .filter-options .col-xs-2 {
	width: calc(13.88888888% - 5px);
	margin-left: 15px;
}

#alertlist .panel-body .col-xs-2 .control-label {
	margin-top: -0.5em;
	margin-bottom: 0.8em;
}

#alertlist .panel-body .col-xs-2 button {
	width: 9em;
	margin-bottom: 0.3em;
	padding: 6px 7px;
}

#alertlist .panel-body .col-xs-10 {
	width: 86.11111112%;
}

#alertlist .filter-options .col-xs-10 {
	width: calc(86.11111112% - 25px);
}
#alertlist .filter-options .col-xs-10 .form-group {
	margin: 3px 0px 5px -2px;
}

#alerts form .panel {
	transition: all 0.15s ease-out;
}
#alerts form.selected .panel {
	border-color: rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.8);
}
#alerts form:hover .panel-heading {
	background-color: #272B2D;
}
#alerts form.disabled:hover .panel-heading {
	background-color: #131517;
}
#alerts form.err:hover .panel-heading {
	background-color: #491D1F;
}
#alerts form.warn:hover .panel-heading {
	background-color: #493D1F;
}
#alerts form {
	margin: 0 8px;
}
#alerts .scroll-container {
	margin: 0 -8px;
}

.glyphicon-folder-open {
	padding-right: 0.2em;
}

#positions .row.filter {
	margin-bottom: 10px;
}
#positions .long td:nth-child(3), #positions .short td:nth-child(3) {
	color: #0A0;
	font-weight: bold;
	min-width: 4.3em;
}
#positions .short td:nth-child(3) {
	color: #C00;
}
#positions .long td:nth-child(3) span, #positions .short td:nth-child(3) span {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
#positions .long td:nth-child(3) span:before {
	content: "\e093";
	xcontent: "\e113";
	xcontent: "\25b2";
}
#positions .short td:nth-child(3) span:before {
	content: "\e094";
	xcontent: "\e114";
	xcontent: "\25bc";
}
#positions .profit td:nth-child(10), #positions .profit td:nth-child(11), #positions .profit td:nth-child(12), #positions .profit td:nth-child(13) {
	background: #080;
	color: white;
}
#positions .loss td:nth-child(10), #positions .loss td:nth-child(11), #positions .loss td:nth-child(12), #positions .loss td:nth-child(13) {
	background: #A00;
	color: white;
}
#positions td:nth-child(14) {
	min-width: 5em;
	max-width: 5em;
}
#positions td:nth-child(15) {
	xmin-width: 6em;
	max-width: 6em;
}
#positions td:nth-child(16) {
	padding: 0;
	xmin-width: 12.6em;
	xmax-width: 12.6em;
	width: 18.5em;
}
@media (max-width: 1500px) {
	#positions table .btn-sm {
		font-size: 0;
	}
	#positions table .btn-sm .glyphicon {
		font-size: 12px;
	}
	#positions .detail {
		display: none;
	}
}
@media (max-width: 1700px) {
	#positions td:nth-child(16) {
		width: 10em;
	}
}
@media (max-width: 1300px) {
	#positions td:nth-child(16) {
		width: 5em;
	}
}
#positions tr {
	cursor: help;
}
#positions .panel table .btn-sm {
	margin: 0;
	margin-right: -3px;
}
#positions table .btn-sm[disabled] {
	opacity: 0.5;
	background-image: linear-gradient(#181a1b,#27292b 40%,#303336);
	color: #aaa;
}
#positions .footer {
	background: none;
	opacity: 0.5;
}
#positions .footer td {
	padding-bottom: 0;
}
#positions .error {
	background-color: #401314;
}
#positions .panel {
	margin-bottom: 10px;
}
#positions .panel-heading {
	padding: 2px 12px;
}
#positions .panel-body {
	transition: opacity 0.2s;
}
#positions.loading .panel-body {
	opacity: 0.5;
	cursor: wait;
}
#positions .col-xs-12 {
	padding-left: 7px;
	padding-right: 7px;
}
#positions button[data-action="updatePos"]:disabled span {
	animation: rotating 2s linear infinite;
}
#posRefresh {
	padding-left: 0px;
}
#posRefresh .form-group {
	position: absolute;
	left: 5.8em;
}
#positions .filter #posRefresh label {
	padding-right: 9px !important;
}
#posRefresh .input-group {
	width: 6em;
}
#posRefresh .progress {
	width: 7.7em;
	height: 8px;
	margin: 0 2px;
}
#posRefresh .progress .progress-bar {
	transition: width .5s linear;
}

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

.btn-default.btn-on.active, .btn-default.btn-on.active:hover {
	color: white;
	background: #5BB75B;
}
.btn-default.btn-off.active, .btn-default.btn-off.active:hover {
	color: white;
	background: #DA4F49;
}
.btn-default.btn-on, .btn-default.btn-off {
	color: #888;
}
.btn-default.btn-on:hover, .btn-default.btn-off:hover {
	color: white;
}

.btn-lg {
	font-size: 16px;
	padding: 10px 18px;
}
.btn-label {
	display: inline-block;
	padding: 3px 7px 3px 12px;
	font-size: 95%;
	vertical-align: middle;
	line-height: 1.42857143;
}
.row.filter .btn-label {
	padding-top: 4px;
}

.gfx {
	margin: 1em;
	box-shadow: 0 0 13px 5px rgba(0, 0, 0, .3);
}

pre.syntax {
	background-color: #eee;
	display: inline-block;
}
pre.syntax var {
	font-weight: bold;
}
pre.syntax comment {
	color: #666;
}
pre.syntax condition {
	color: #000;
	font-weight: bold;
}
.text-dark {
	color: #555;
}

hr {
	margin-top: 10px;
}

.numicon:before, .numicon2:before {
	color: #888888;
	font-size: 85%;
	font-weight: bold;
	font-family: 'Glyphicons Halflings';
	content: "\e031";
	line-height: 1;
	top: 1px;
	position: relative;
	margin-left: 11px;
	margin-right: 4px;
}
.numicon2:before {
	margin: 0 2px 0 0;
	color: #c8c8c8;
}

.order .row {
	margin-top: 5px;
}
.order .form-group {
	margin-top: 5px;
}
.order input.form-control {
	width: 6em;
	height: 28px !important;
}
.order .btn-group {/* data-toggle="buttons" */
	margin-top: -1px;
}
.order label.btn-default {		
	line-height: 14px;
}
.order p {
	margin: 10px 0 3px 0 !important;
}
.order .btn.active {
	font-weight: bold;
}
.order .btn-group#ordQtyRef .btn-info, .order .btn-group#ordQtyRef .btn-warning {
	background-image: linear-gradient(#2e3137,#202226 60%,#17181b);
	background-color: #202226;
}
.order .btn-group#ordQtyRef .btn-info.active {
	background-image: linear-gradient(#5da6bc,#499ab2 60%,#438da3);
	background-color: #499ab2;
	border-color: #040405;
}
.order .btn-group#ordQtyRef .btn-info:hover {
	background-color: #306474;
	background-image: linear-gradient(#254f5b,#2e6170 40%,#346e7f);
	border-color: #244b57;
}
.order .btn-group#ordQtyRef .btn-warning.active {
	background-image: linear-gradient(#e48806,#c67605 60%,#b26b04);
	background-color: #c67605;
	border-color: #040405;
}
.order .btn-group#ordQtyRef .btn-warning:hover {
	background-color: #955904;
	background-image: linear-gradient(#4f2f02,#6d4103 40%,#814d03);
	border-color: rgba(0,0,0,.6);
}
.order form .btn.disabled {
	opacity: 0.5;
}
.order .form-control[disabled] {
	opacity: 0.7;
}

#alertlist.hideFilter div.filter-options:not(.filter-stats) {
	display: none !important;
}

#exchange-links a sup, #main-links a sup {
	display: none;
}
#exchange-links a.unsaved sup, #main-links a.unsaved sup {
	display: inline;
}

.context-menu-item .hk {
	float: right;
	margin-right: -22px;
	margin-top: -1px;
}
