@import url('https://fonts.googleapis.com/css?family=Open+Sans');

* {
	-webkit-border-radius: 0 !important;
	   -moz-border-radius: 0 !important;
			border-radius: 0 !important;
  }

body {background:#fff; padding:0px; line-height:1.2; font-weight:400; color: #555; font-family: 'Open Sans', sans-serif !important; font-size:14px; overflow-y: scroll;}

h1 {font-size:50px; font-weight:700;}
h2 {font-size:35px; font-weight:700;}
h3 {font-size:25px; font-weight:700;}
h4 {font-size:16px; font-weight:700;} 

nav a {color:#fff;}

a {color: #79BD9A;}
a:hover {color:#9BE5BF; text-decoration: none;}
button svg, a svg {margin-right:5px;}
input {padding:15px 10px; border:0px; }

ul {list-style: none; -webkit-padding-start: 0px;}

.height-sm {height:10px;}
.height-md {height:15px;}
.height-lg {height:30px;}
.height-xl {height:60px;}
.height-5vh {height:5vh;}
.height-10vh {height:10vh;}
.height-20vh {height:20vh;}

.pad-15 {padding-left: 10px !important; padding-right: 10px !important;}

.white {color:#fff !important;}
.light {color:#ccc !important;}
.gray {color:#999 !important;}
.dark {color:#333 !important;}
.blue {color:#257FCE !important;}
.green {color:#79BD9A !important;}
.red {color:#d34817 !important;}

.bg-dark {background-color: #161f2f !important;}
.bg-dark-m {background: #29364e !important;}
.bg-light {background-color:#f7f7f7 !important;}
.bg-gray {background-color:#f1f1f1 !important;}
.bg-white {background-color: #fff !important;}
.bg-blue-head {background-color: #29364e !important;}

.btn-green {background:#79BD9A !important; color:#fff !important;}
.btn-red {background-color: #d34817 !important; color: #fff !important;}
.btn-default {background-color: #29364e!important ; color: #fff !important; }
.btn-fill {width: 100%;}

.btn-default:hover {background: #42567B !important;}

.text-sub {font-size: 11px;}

.jumbotron {margin-bottom: 0rem;}

section {padding: 5vh 0;}

.call-to-action {
	background: #161f2f;
	color:#fff;
	padding:3vh 15px;
}

.prefooter {
	background: #212b3d;
	color:#fff;
	padding: 3vh 15px;
}

footer {
	background: #161f2f;
	color:#ccc;
	padding: 20px;
	font-size: 14px;
}

.dropdown-menu-right { 
    right: 0; 
    left: auto; 
}

/*trading*/

.btn-currency-pair {text-align:left; background: #455980 !important; color:#fff; border:0px; padding:16px 30px; z-index:1000;}
.btn-currency-pair:hover {background: #576f9f !important; color:#fff; border:0px;}

.scrollable-menu {
    height: auto;
    max-height: 200px !important;
    overflow-x: hidden !important;
}

.currency-hud, .trade-container {padding:0 15px;}
.currency-hud ul {margin-bottom:0px !important;}

.trade-container .card {
	border-color:transparent;
	border:none;
	background-color: #212b3d;
	font-size: 14px !important;
}

.trade-container .card-header {
    padding: .75rem .75rem 0rem;
    border-bottom: 0px;
}

.trade-container .custom-select {
    background-color: #29364e !important;
    border: none;
	color: #ebebeb;
	background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='#fff' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right .75rem center;
	background-size: 10px;
}

.trade-container .custom-select option{
    padding:25px;
}

.trade-container  .open>.dropdown-menu {
    width: 100%;
}

.trade-container  .nav-tabs{
	border: none;
}

.trade-container  .nav-tabs li{
	width: 50%;
	text-align: center;
	border: none;
	font-size: 16px !important;
}

.trade-container  .nav-tabs li a{
	color:#fff;
	background: #29364e;
	border: none;
}

.trade-container  .nav-tabs li a.btn-grp{
	background:transparent;
	border: none;
	width: 50%;
}

.trade-container .buy .nav-link.active {
	background: #79BD9A !important;
	color:#fff;
}

.trade-container .sell .nav-link.active{
	background: #d34817 !important;
	color:#fff;
}


.trade-container input, .trade-container .input-group-append .input-group-text {
    background: #29364e !important;
    border: none;
	color: #ebebeb;
	font-size: 14px !important;
}

.trade-container .card table {
	font-size: 12px;
	color:#ccc;
	margin-bottom: 0rem;
}

.card .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #2d3b54;
}

.card table>tbody>tr>td {
	border-top:1px solid #2d3b54;
}

.table td, .table th {
    padding: 7px;
}

.dropdown ul, .scrollable-menu {
	background-color: #2d3b54 !important;
	border: none;
	margin-left: -2px;
}

.dropdown li a, .scrollable-menu li a {
    position: relative;
    display: block;
	color:#fff;
	border-top: none;
	background-color: #2d3b54 !important;
	padding: 5px;
}

.dropdown li a:hover, .scrollable-menu li a:hover {
	color: #79BD9A !important;
	background: #3e5172 !important;
}

.currency-hud .dropdown-divider, .trade-container .dropdown-divider {border-top: 1px solid#455980 !important;}






@media (min-width: 576px){
.navbar-expand-sm .navbar-nav .nav-link {
    padding-right:1rem;
    padding-left: 1rem;
}

}

@media (max-width: 576px){
	.currency-hud .btn-group {width: 100%; margin-top:10px;}
	.btn-currency-pair {width: 100%;}
	.scrollable-menu {width: 100%;}
	}