/* *{
	
} */
body,html{
	margin: 0;
	padding: 0;
	height: 100%;	
}
body {
	background: #0d0f14;
	color: #bdbdbd;
	font-size: 1rem;
	font-family: 'Saira', sans-serif;
	font-weight: 300;
}
a {
	color: #d22033;
}
a:hover {
	color: #fff; 
}
.light a {
	color: #000;
}
.light a:hover {
	color: #ccc; 
}
.h1, h1{
	font-size: 2.1vw;
}
.font-normal {
	font-size: 0.875rem;
}
.font-small {
	font-size: 0.75rem;
}
.container-overlap {
	overflow-x: auto;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
hr {
	border-color: #2b2c2f;
}
.border-b {
	border-bottom: 1px solid #16181f;
}
.btn-border {
	border: 1px solid #48494c;
    text-align: center;
    font-size: 0.875rem;
}
.btn-red {

}
.btn-green {}
/* header */
.logo {
	height: 76px;
}
#header{
	background: #16181f;
	padding: 1.25rem 0;
}
#header > div.container{
	padding: 0;
}
#header .navbar{
	padding-right: 0;
}
#header ul.navbar-nav li{
	padding: 0 5px;
}
#header ul.navbar-nav li > a,
#upper-footer #bottomNavbarSupportedContent2 ul li a{
	text-transform: uppercase;
	color: #fff;	
}
#header ul.navbar-nav li.separator span{
	position: relative;
	top: -1px;
	color: #fff;
}
#header ul.navbar-nav:last-child{
	padding-left: 40px;
}
#header #navbarSupportedContent2,
#upper-footer #bottomNavbarSupportedContent2{
	margin-top: 15px;
}
#header #navbarSupportedContent2 ul,
#upper-footer #bottomNavbarSupportedContent2 ul{
	width: 90%;
    margin: 0 auto;
}

#header #navbarSupportedContent2 ul li a,
#upper-footer #bottomNavbarSupportedContent2 ul li a {
	border-top: 1px solid #4a4b51;
	display: inline-block;
	width: 100%;
}
#header #navbarSupportedContent2 ul li:first-child a,
#upper-footer #bottomNavbarSupportedContent2 ul li:first-child a {
	border-top: none;
}
/* .navbar-toggler.collapsed {
	
} */
.navbar-toggler:focus,
.navbar-toggler:hover {
	background: none;
	color: #fff;
}
.dropdown-toggle::after {
	vertical-align: middle;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	background: #16181f;
}

.dropdown-item {
	color: #bdbdbd;
	border-top: 1px solid #16181f;
	border-bottom: 1px solid #222;
}

.dropdown-item:first-child,
.light .dropdown-item:first-child {
	border-top: none!important;
}
.dropdown-item:last-child,
.light .dropdown-item:last-child {
	border-bottom: none!important;
}
.dropdown-item:focus, 
.dropdown-item:hover {
	background: none;
}
.dropdown-item:hover {
	color: #fff;
}
.light .navbar-expand-lg .navbar-nav .dropdown-menu {
	background: #f7f7f7
}
.light .dropdown-item {
	color: #222;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #ddd;
}
.light .dropdown-item:hover {
	color: #000;
}
/* main content */
#main-content{
	margin-top: 5rem;
}
.title h1{
	color: #bdbdbd;
	text-transform: uppercase;
	font-weight: inherit;
}
#crypto-data{
	margin-bottom: 1.875rem;
}
#crypto-data .coins,
div.features .col-12 p.desc{
	color: #717171;
}
#crypto-data .coins .col-12 {
	background: #16181f;
	border: 1px solid #4a4b51;
	padding-top: 15px;
	padding-bottom: 15px;
}
#exchange-table-lists{
	color: #bdbdbd;
}
#exchange-table-lists table.table-dark{
	margin-bottom: 0.3rem;
}
#exchange-table-lists table.table-dark th,
#exchange-table-lists table.table-dark tr td{
	text-align: center;
	font-size: 0.875rem;
}
#exchange-table-lists table.table-dark tbody tr:hover {
	background: rgba(255, 255, 255, .1);
	cursor: pointer;
}
/* 
#exchange-table-lists .col-star a{
	position: absolute;
	left: 17px;
}

#exchange-table-lists .col-search a{
	position: absolute;
	right: 35px;
} */
#exchange-table-lists .options{
	background: #2d2f34;
	padding-top: 15px;
}
#exchange-table-lists .options ul.currencies{
	padding-bottom: 0;
	margin-bottom: 0;
	padding-left: 0;
	margin-left: 0;
}
#exchange-table-lists .options ul.currencies li a{
	display: inline-block;
	padding: 0 15px 15px;
	text-decoration: none;
	cursor: pointer;
}
#exchange-table-lists .options ul.currencies li a.active,
#exchange-table-lists .options ul.currencies li a:hover{
	
	color: #fff;
	border-bottom: 2px solid #fff;
}
div.more-exchanges-lists{
	width: 100%;
    border: 1px solid #2b2d32;
    background: #16181f;
    padding: 20px 10px;
    text-align: center;
}
div.more-exchanges-lists a,
#exchange-table-lists a{
	color: #bdbdbd;
	text-transform: uppercase;
}
div#volume span{
	text-transform: uppercase;
}
div#volume span:first-child{
	font-size: 1.125rem
}
div#volume span:last-child{
	font-size: 0.75rem;
	color: #717171;
}
div.auth{
	padding: 2.8125rem 0;
}
div.auth p{
	color: #717171;
	font-weight: 200;	
	padding-top: 0.3125rem;
}
div.auth p,
div.auth p a{
	font-size: 0.75rem;
}
div.features .col{
	padding: 6rem 0;
}
div.auth button{
	margin-top: 0;
}
div.features .col-12 p.title{
	text-transform: uppercase;
	color: #d22033;
	padding-top: 2.1875rem;
}
div.features .col-12 p.desc{
	padding-left: 3.75rem;
	padding-right: 3.75rem;
}
/* upper footer */
#upper-footer{
    border-top: 1px solid #202225;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
}
#upper-footer p{
	font-weight: 200;
	text-transform: uppercase;
	font-size: 0.748125rem;	
}
/* bottom footer */
#bottom-footer{
	padding-top: 0.3125rem;
	padding-bottom: 2.1875rem;
	border-top: 1px solid #202225;
}
#bottom-footer p{
	text-transform: uppercase;
	color: #59606c;
	font-weight: 200;
	font-size: 0.748125rem;
}

/* extras */
/* .container{
	max-width: 75%;
} */

.text-white,
ul.text-white li,
ul.link-white li a{
	color: #fff;
}

.text-red,
ul.text-red li,
ul.link-red li a{
	color: #d22033;	
}

.text-dirty-white,
ul.text-dirty-white li,
ul.link-dirty-white li a{
	color: #f5f5f5;	
}

.text-red-important,
ul.text-red-important li,
ul.link-red-important li a{
	color: #d22033 !important;	
}
.text-pink {
	color: #f5909b;
}
.text-light-green {
	color: #81b08b;
}
.text-lg{
	font-size: 5rem;
	font-size: 4.1vw;
}
.full-width{
	width: 100%;
}
.font-800{
	font-weight: 800;
}
.font-700{
	font-weight: 700;
}
.font-600{
	font-weight: 600;
}
.font-500{
	font-weight: 500;
}
.font-300{
	font-weight: 300;
}
.font-200{
	font-weight: 200;
}
.text-green{
	color: #1e8533;
}
.text-red{
	color: #d22033;
}
.table-dark{
	background-color: #16181f;
	color: #bdbdbd;
}
.table-dark td, .table-dark th, .table-dark thead th{
	border-top: 1px solid #2b2d32;
}
.table thead th{
	border-bottom: 0px;
}
ul.inline-block li{
	display: inline-block;
}
.bg-dark-lighter{
	background: #16181f;
}
.bg-dark-light{
	background: #111317;
}
.bg-dark-default{
	background: #0d0f14;
}
.btn-red{
	background: #d22033;
	border: 1px solid #d22033;
}

.btn-red:hover{
	background: #007bff;
	border: 1px solid #007bff;
}

button {
	background: transparent;
	border: 1px solid #4f5052;
	padding: 5px 10px;
	font-size: 0.75rem;
	color: #bdbdbd;
	cursor: pointer;
	text-transform: uppercase;
}
button:hover {
	background: #fff;
	color: #4f5052;
}
button:focus {
	outline: none;
}
.col-centered{
	margin: 0 auto;
}

form.form-transparent input[type="text"],
form.form-transparent input[type="password"],
form.form-transparent input[type="number"],
form.form-transparent input[type="email"],
select.custom-select {
	background: transparent;
	border: 1px solid #404146;
}

form.form-no-radius input[type="text"],
form.form-no-radius input[type="password"],
form.form-no-radius input[type="number"],
form.form-no-radius input[type="email"]
form.form-no-radius button,
form.form-no-radius button.btn,
select.custom-select {
	border-radius: 0;	
	outline: none;
	box-shadow: none;
}
select,
select.custom-select {
	background: transparent url("../img/caret-down.png") no-repeat right 5px center;
}
.custom-select {
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}
h6 {
	color: #717171;
	font-weight: 600;
}
.box-detail-row {
	margin: 1px 0;
}
.box-detail-row:nth-of-type(odd) {
	background-color: #111318;
}
.box-detail-row:nth-of-type(even) {
	background-color: #0d0f14;
}

.table-trade .table {
	border: 1px solid #37383d;
	border-top: none;
	text-align: center;
}
.table-trade thead th {
	border-top: none;
	border-bottom: 1px solid #4a4b50!important;
	border-top: 1px solid #4a4b50!important;
	background: #2d2f34;
	font-size: 0.875rem;
	font-weight: 300;
}
.table-trade tbody td{
	border-bottom: 1px solid #1f2125;
	font-size: 0.75rem;
	color: #bdbdbd;
	font-weight: 300;
}
.table-trade .table-dark.table-striped tbody tr:last-child td {
	border-bottom: none;
}
.table-trade .table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: #111318;
}
.table-trade .table-dark.table-striped tbody tr:nth-of-type(even) {
	background-color: #0d0f14;
}
.trade-form .nav-tabs {
	background: #2d2f34;
	border: 1px solid #4a4b50;
	margin-top: 3px;
}
.nav-tabs .nav-link {
	border: none;
	color: #717171;
	font-weight: 500;
	padding: 8px .2rem 9px;
	font-weight: 300;
	font-size: 0.875rem
}
.nav-tabs .nav-link.active {
	border: #fff;
	background: none;
	color: #fff;
	background: transparent url("../img/hover-tab.jpg") no-repeat bottom center;
}
.header-flex {
	background: #2d2f34;
	border-bottom: 1px solid #4a4b50;
	color: #bdbdbd;
	font-size: 0.875rem;
}
.content-flex {
	position: relative;
}
.box-details {
	font-size: 0.75rem;
}
.bar-percentage {
	display: block;
    height: 90%;
    position: absolute;    
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.bar-percentage-red {
	background: rgba(210, 32, 51, .1);
}
.bar-percentage-green {
	background: rgba(30, 133, 51, .1);
}
.bar-percentage-red-darker {
	background: rgba(255, 0, 0, 0.2);
}
.bar-percentage-green-darker {
	background: rgba(0, 138, 3, .2);
}
.trade-form .tab-content {
	border: 1px solid #4a4b50;
	border-top: none;
	color: #bdbdbd;
	font-size: 0.75rem;
}
.trade-form .tab-content h3 {
	font-size: 0.8125rem;
	font-weight: 300;
	margin: 0;
}
.trade-form .form-header {
	display: flex;
    padding-bottom: 5px;
    flex-basis: 18px;
    background: none;
    margin: 0px;
}
.trade-form .form-header-wrapper {
	-webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
	width: 100%;
	font-size: 0.8125rem;
}
input {
	border: 1px solid #424346;
	background: transparent;
	color: #717171;
	padding: 2px 5px;
}
.input-container span {
    color: rgb(204, 204, 204);
    font-size: 0.75rem;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.input-container {
	display: flex;
    padding-bottom: 0px;
    flex-basis: 30px;
    background: none;
    margin: 0px 0px 5px;
}
.input-container > label {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
	flex-basis: 25%;
	font-size: 0.8125rem;
	margin-bottom: 0!important;
}
.input-wrapper {
	display: flex;
    flex-wrap: wrap;
    flex-basis: 75%;
    position: relative;
}
.input-wrapper > input {
	outline: none;
}
.input-wrapper > input[type="number"],
.input-wrapper > input[type="text"] {
	width: 100%;
	font-size: 0.8125rem;
	padding: 2px;
}
.input-wrapper > input[disabled] {
    filter: brightness(0.97);
    cursor: not-allowed;
}
.input-wrapper .percent-container {
	display: flex;
    flex-wrap: wrap;
    flex-basis: 75%;
    position: relative;
}
.percent-container input.percent-wrapper {
	box-shadow: none;
	flex: 1 1 auto;
	font-size: 0.70rem;
	cursor: pointer;
}
.percent-container input.percent-wrapper:hover {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
}
.input-wrapper > .percent-wrapper:last-child {
	margin-right: 0;
}
.login-register-wrapper {
	border: 1px solid #48494c;
	text-align: center;
	color: #bdbdbd;
	font-size: 0.875rem;
}
.login-register-wrapper a {
	color: #d22033
}
.nav-tabs{
	border-bottom: none;
}
.box-header {
	border: 1px solid #404146;
	background: #16181f;
	color: #bdbdbd;
	font-size: 0.875rem;
}
.box-header h3 {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 85%;
}
.box-header h3 span {
	font-size: 1.125rem;
	color: #717171;
}
.box-border-right {
	border-right: 1px solid #404146;
}
.box-border-left {
	border-left: 1px solid #404146;
}
.border-wrapper {
	border: 1px solid #4a4b50;
}
.border-sides-wrapper {
	border-top: none;
	border-bottom: none;
}
.coin-header {
	border: 1px solid #404146;
	background: #16181f;
	font-size: 18px;
	color: #bdbdbd;
}
.coin-header .col-sm-2 img {
	vertical-align: middle;
	margin-right: 10px;
}
.coin-header .col-sm-8 {
	border-left: 1px solid #404146;
	border-right: 1px solid #404146;
}
.coin-header h1 {
	color: #d22033;
	font-size: 48px;
	font-weight: 200;
	margin-bottom: 0;
}
.coin-header h1 img {
	/* //vertical-align: text-bottom; */
	margin-right: 25px;
}
.coin-header h1 small {
	vertical-align: top;
	font-size: 70%;
	font-weight: 200;
}
.coin-header h6 {
	font-weight: 300;
	margin-top: -5px;
}
.btn-link:hover,
.btn-link.focus,
.btn-link:focus {
	text-decoration: none;
}
#exchange-header {
	border-bottom: 1px solid #232732;
}
#exchange-header .flex-fill,
#exchange-header .flex-fill span {
	font-size: 0.875rem;
	color: #bdbdbd;
}
#wallet-coins-tab {
	border-bottom: 1px solid #232732;
}
#wallet-accordion .card {
	background: #0d0f14;
	border-color: #3c3d41;
	color: #bdbdbd;
}
#wallet-accordion .card .card-header {
	background: #111318;
	border-bottom: 1px solid #5b5c5f;
}
#wallet-accordion .card:last-child .card-header {
	border-bottom: none;
}
#wallet-accordion .card .btn-link {
	color: #bdbdbd;
}
#market-table-lists .form-inline label,
#market-table-lists .form-inline select {
	font-size: 0.875rem;
	color: #bdbdbd;
}
#market-table-lists .form-inline select {
	padding: 0.3rem 1.75rem .3rem .5rem;
	height: auto;
	width: 90px;
}
#market-volume .span-container {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	color: #bdbdbd;
	font-size:0.875rem;
}
#market-volume .span-container:last-child {
	margin-right: 0;
	color:#717171;
}
#market-volume .span-container small {
	display: block;
	color: #bdbdbd;
	line-height: 100%;
}
.table-flex {
	color: #bdbdbd;
	border: 1px solid #515256;
}
.table-flex h6 {
	border-bottom: 1px solid #515256;
	background: #2d2f34;
	font-size: 0.875rem;
}
.alternate-flex.table-flex .d-flex {
	border-bottom: 1px solid #111318;
}
.alternate-flex.table-flex .d-flex:last-child {
	border: none;
}
.alternate-flex.table-flex .d-flex:nth-child(even) {
	background: #111318;
}
.table-flex {
	font-size: 0.75rem;
}
.caret-filter {
	vertical-align: text-top;
    line-height: 100%;
    margin-left: 10px;
}
.caret-filter span{
	height: 10px;
	line-height: 10px;
}
.caret-filter span i {
	line-height: inherit;
}
.caret-filter span i:hover {
	color: #fff;
	cursor: pointer;
}
.red {
	color: #d22033;
}
#coin-tab {
	border-bottom: 1px solid #2b2c2f;
}
.light #coin-tab {
	border-bottom: 1px solid #e0e0e0;
}
body.light {
	color: #000;
	background: #f7f7f7;
}
body.light #header {
	background: #fff;
	border-bottom: 1px solid #e9e9e9;
}
.light h6 {
	color:#000;
	font-weight: 300;
}
.light .table-flex {
	color: #000000;
	border-color: #d3d3d3;
}
.light .table-flex h6 {
	border-color: #d3d3d3;
	background: #ececec;
	font-weight: 400;
	color: #000;
}
.light .alternate-flex.table-flex .d-flex {
	border-color: #f0f0f0;
}
.light .alternate-flex.table-flex .d-flex:nth-child(even) {
	background: #fff;
}
.light .alternate-flex.table-flex .d-flex:nth-child(odd) {
	background: #f7f7f7;
}
.light input,
.light button,
.light .input-wrapper > input[type="number"],
.light .input-wrapper > input[type="text"]
.light form.form-transparent input[type="text"],
.light form.form-transparent input[type="password"], 
.light form.form-transparent input[type="number"], 
.light form.form-transparent input[type="email"], 
.light select.custom-select {
	border-color: #a1a1a1;
	color: #000;
}
.fa-star {
	color: #717171;
}
.light .fa-bars {
	color: #000;
}
.light .container-overlap .border-b:nth-child(odd) {
	background: #fcfcfc;
}
.light .border-b {
	border-color: #ebebeb;
}
.light #header ul.navbar-nav li > a,
.light #upper-footer #bottomNavbarSupportedContent2 ul li a,
.light .navbar-dark .navbar-nav .nav-link,
.light .input-container span,
.light .header-flex,
.light .login-register-wrapper,
.light #market-volume .span-container,
.light #market-volume .span-container small,
.light #market-table-lists .form-inline label, 
.light #market-table-lists .form-inline select {
	color: #000;
}
.light .title h1,
.light #crypto-data .coins, 
.light div.features .col-12 p.desc,
.light .ti-search:before {
	color: #000;
}
.light #crypto-data .coins .col-12 {
	background: #fff;
	border: 1px solid #f0f0f0;
}
.light #exchange-table-lists,
.light div.more-exchanges-lists a,
.light #exchange-table-lists a {
	color: #000;
}
.light #header ul.navbar-nav li.separator span {
	color: #000;
}
/* .light .table-responsive {
	border: 1px solid #dbdbdb;
	border-top: none;
} */
.light #exchange-table-lists .options {
	background: #ececec;	
	border: 1px solid #dbdbdb;
}
.light #exchange-table-lists .options ul.currencies li a {
	color: #717171;
}
.light #exchange-table-lists .options ul.currencies li a.active,
.ligh #exchange-table-lists .options ul.currencies li a:hover {
	color: #000;
	font-weight: 600;
	border-bottom: 1px solid #000;
}
.light #exchange-table-lists table.table-dark {
	background: #fff;
	color: #000;
	margin-bottom: 0;
}
.light .table-dark td,
.light .table-dark th, .light.table-dark thead th {
	border-color: #d6d6d6;
	color: #000;
}
.light div.more-exchanges-lists {
	margin-top: 6px;
	background: #fff;
	border-color: #c6c6c6;
}
.light .bg-dark-lighter {
	background: #fff;
}
.light .bg-dark-light {
	background: #fbfbfb;
}
.light .bg-dark-default {
	background: #f7f7f7;
}
.light #upper-footer,
.light #bottom-footer {
	border-color: #d2d2d2;
	background: #fff;
}
.light #bottom-footer p {
	color: #000;
}

/* wallet page */
.light #wallet-coins-tab {
	border-bottom: 1px solid #dddddd;
	background: #fff;
}
.light .nav-tabs .nav-link {
	color:#717171;
	font-weight: 400;
}
.light .nav-tabs .nav-link.active {
	color: #000000;
	background-image: url("../img/hover-tab-light.jpg");
}
.light .coin-header {
	background: #fff;
	border-color: #ebebeb;
	color: #000;
}
.light .coin-header .col-sm-8 {
	border-color: #ebebeb;
}
.light #wallet-accordion .card {
	background: #f9f9f9;
	border-color: #e6e6e6;
	color: #000;
}
.light #wallet-accordion .card .card-header {
	background: #fff;
	border-color: #e6e6e6;
	color:#000;
}
.light #wallet-accordion .card .btn-link {
	border: none;
	color:#000;
}

/* exchange */
.light .trade-form .tab-content {
	color: #000;
}
.light #exchange-header {
	background: #fff;
	border-color: #d3d3d3;
}
.light #exchange-header .flex-fill,
.light #exchange-header .flex-fill span {
	color: #000;
}
.light .box-header {
	background: #fff;
	border-color: #d3d3d3;
	color: #000;
}
.light hr {
	border-color: #e0e0e0;
}
.light .trade-form .nav-tabs,
.light .header-flex,
.light .table-trade .table {
	background: #ececec;
	border-color: #d3d3d3;
}
.light .trade-form .tab-content,
.light .border-wrapper {
	border-color: #d3d3d3;
	background: #fff;
}

/* Market */
.light .table-trade thead th {
	color: #000;
	border-top: 1px solid #d3d3d3!important;
	border-bottom: 1px solid #d3d3d3!important;
	background: #ececec;
}
.light .table-trade .table-dark.table-striped tbody tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.light .table-trade .table-dark.table-striped tbody tr:nth-of-type(even) {
	background-color: #fff;
}

/* switcher */
.switch {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 16px;
	margin: 0;
	line-height: 1;
  }
  
  .switch input {display:none;}
  
  .slider {
	position: relative;
	cursor: pointer;
	display: inline-block;
    height: 16px;
    width: 28px;
	background-color: #404146;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 8px;
    width: 10px;
    left: 4px;
    bottom: 4px;
	background-color: #d22033;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #ccc;
  }
  
  input:checked + .slider:before {
	background-color: #fff;
	left: -12px;
  }

  input:focus + .slider {
	box-shadow: 0 0 1px #ccc;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }