@media (max-width: 767px) {
	.xs-only {
	
	}
	
	.sm-only {
		display: none !important;
	}
	
	.navbar-brand {
		left: 15px;
	}
	
	#webtrade_navbar {
		padding-top: 40px;
	}
}

@media (min-width: 768px) {
	.xs-only {
		display: none !important;
	}
	
	.sm-only {
		
	}
	
	/*.navbar-brand {
		left: 30px;
	}*/
	
	#webtrade_navbar {
		margin-left: 110px;
	}

	#webtrade_navbar .navbar-form {
		padding: 0;
	}
}

.login-bg {
	background-image: url('../img/login_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
}

.login-bg .h1 {
	color: #c00;
	font-size: 48px;
}

.login-bg .h1 + div {
	font-size: 22px;
}

.login-bg .navbar-default {
	background-color: transparent;
	margin-top: 15px;
}

.login-bg .navbar-default .navbar-brand:hover,
.login-bg .navbar-default .navbar-brand:focus {
	background-color: transparent;
}

.login-bg .navbar-brand {
	background-color: transparent;
	border-radius: 0px;
	box-shadow: none;
}

.login-bg .form-action {
	text-align: right;
}

.login-bg .form-action .btn-default {
	background-color: #c00;
	color: #fff;
}

.navbar {
	margin-bottom: 40px;
}

.navbar-default {
	background-color: #c00;
	border-width: 0px;
	border-radius: 0px;
}

.navbar-brand {
	background-color: #fff;
	padding: 5px;
	border-radius: 50px;
	box-shadow: 0px 0px 0px 3px #b22;
	height: auto;
	position: absolute;
	top: -12px;
	z-index: 1;
}

.navbar-brand > img {
	display: inline;
	height: 90px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #f8f8f8;
}

.navbar-default .navbar-nav >.active > a, 
.navbar-default .navbar-nav >.active > a:focus, 
.navbar-default .navbar-nav >.active > a:hover {
	background-color: #f2f2f2;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-right .dropdown-menu {
	right: auto;
}

.footer {
	text-align: center;
	padding: 20px 0px;
	margin-top: 20px;
}

.container-fluid {
	max-width: 1600px;
}

.trade-one {
	background-color: #f4fff4; margin-top: -40px; margin-bottom: 0px; padding-top: 40px; padding-bottom: 20px; min-height: 500px;
}

.trade-two {
	background-color: #fff4f4; margin-top: -40px; margin-bottom: -20px; padding-top: 40px; padding-bottom: 20px; min-height: 500px;
}

.form-action {
	margin-top: 20px;
}

.help-block {
	color: #e00;
}

.countind {
	display: inline-block;
	background-color: #c00;
	color: #fff;
	text-align: center;
	min-width: 20px;
	border-radius: 10px;
}

.sideselect {
	background-color: #fff;
	border-left: 5px solid rgba(38, 38, 38, 0.5);
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
}

.sideselect > div {
	height: 100%;
	overflow-y: auto;
}

.sideselect .table {
	margin: 0px -10px;
}

.sideselect .table > tbody > tr:hover > td {
	background-color: #f2f2f2;
}

.sideselect .table > thead > tr > th, 
.sideselect .table > tbody > tr > th, 
.sideselect .table > tbody > tr > td {
	padding: 12px;
}

.sideselect .table > tbody > tr > td a {
	display: block;
}

.feedsnapshot .snapshot > div {
	background-color: #fff;
	text-align: center;
	padding: 0.5em;
}

.feedsnapshot .snapshot > div > h4 {
	font-size: 1em;
	margin: 0;
}

.feedsnapshot .snapshot > .btn-group {
	text-align: center;
	width: 100%;
}

.feedsnapshot .snapshot > .btn-group > .btn {
	float: none;
}

.feedsnapshot .snapshot > .btn-group > .btn, 
.feedsnapshot .snapshot > .btn-group > .btn:hover, 
.feedsnapshot .snapshot > .btn-group > .btn:active, 
.feedsnapshot .snapshot > .btn-group > .btn:focus {
	background-color: transparent;
}

.feedsnapshot .snapshot > .btn-group .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.feedsnapshot .snapshot .snapshotlabel {
	border: none;
	border-radius: 0px;
	padding: 0px;
}

.feedsnapshot .snapshot .snapshotlabel > div {
	display: inline-block;
	vertical-align: middle;
}

.feedsnapshot .snapshot .snapshotdropdown {
	width: 100%;
	border: none;
	border-radius: 0px;
}

.feedsnapshot .snapshot .snapshotlabel > div > h4, .feedsnapshot .snapshot .snapshotdropdown > li > a > h4 {
	font-size: 1em;
	margin: 0;
}

#completedBankOrders td.status, #bankbuy td.status {
	color: #b00;
}

#completedBankOrders td.status.completed, #bankbuy td.status.completed {
	color: #2b2;
}

#completedBankOrders tr.cancelled > td, #futureBankOrders tr.cancelled > td {
	text-decoration: line-through;
}

#makerBankOrders td.checker-returned, #makerBankOrders td.checker-returned a, 
#checkerBankOrders td.checker-returned, #checkerBankOrders td.checker-returned a {
	color: #b00;
}

.ordersheet {
	background-color: #fff;
	border: 2px solid #f2f2f2;
}

.ordersheet .buyer, .ordersheet .status, .ordersheet .seller, .ordersheet .summary, .ordersheet .form-action {
	padding: 8px;
}

.ordersheet .buyer h3 {
	margin-top: 10px;
}

.ordersheet .status {
	background-color: #b00;
	color: #fff;
	text-align: center;
}

.ordersheet .status.completed {
	background-color: #2b2;
}

.ordersheet .orderinfo {
	font-size: 0.85em;
}

.ordersheet .checker-remarks {
	background-color: #b00;
	color: #fff;
}

.table {
	font-size: 0.85em;
}

.table > tbody > tr > td {
	vertical-align: middle;
	/*word-break: break-all;*/
}

.table tbody td.num, .table tfoot th.num {
	text-align: right;
}

.panel-heading .panel-title {
	overflow: hidden;
}

.panel-heading .panel-title > div {
	width: 1000px;
}

.btn-default.acceptorder {
	background-color: #c00;
	color: #fff;
}

.text-color-555 {
	color: #555;
}

.pop-bg { display: none; background-color: rgba(0, 0, 0, 0.45); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 40; }
.pop-bg .block { float: none; background-color: #fff; box-shadow: 2px 2px 5px 0px #505050; }
.pop-bg .content { padding: 1em; }
.pop-bg .content h2 { margin-bottom: 0.5em; }
.pop-bg .content > div, .pop-bg .content > pre { margin: 1.5em 0; }
.pop-bg .content > h2 + div { max-height: 400px; overflow-y: auto;}
.pop-bg .content > .terms {
	border: 1px solid #ddd;
	padding: 1em;
	max-height: 300px;
	overflow-y: auto;
}
.pop-bg.show { display: block; }
.pop-bg.show .block { display: block; margin: 0 auto; position: relative; top: 40%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); }
.pop-bg.show .block.blockCenter { top: 50%; }