body {
	font-family: "Barlow", sans-serif;
	font-size: 14px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: 0.25s ease;
	transition: 0.25s ease;

	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	/* background-color: #060d13; */
}

/*====================================================*/

.left_side {
	display: flex;
	align-items: center;
}

.right_btn {
	display: flex;
	align-items: center;
}


.menu_list_details {
	display: flex;
}
.trade_img {
    width: 31px;
}

.menu_list_content span {
	font-size: 13px;
	color: #000;
}

.navbar-nav li {
	align-items: center;
	display: flex;
}

.menu-item-title {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.menu_dropdown {
	position: relative;
}

.menu_dropdown_info:hover .dropdown_menu_list {
	display: block;
}

.dropdown_menu_list {
	position: absolute;
	background: #fff;
	padding: 16px;
	top: 62px;
	width: 437px;
	border-radius: 10px;
	z-index: 99;
	display: none;
}

.navbar-expand-lg .navbar-collapse {
	justify-content: space-between !important;
	display: flex;
}

.right_btn a {
	font-size: 18px !important;
}

.trading_foot {
	padding: 16px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	background-color: #00a697;
}

.slider_content {
	text-align: center;
}

	.slider_content span {
		color: #00a697;
		font-weight: 700;
	}

.homebanner {
	padding: 100px 0;
	position: relative;
}

.banner {
	position: relative;
}

.banner_slide img {
	width: 100%;
	object-fit: cover;
	object-position: top;
}

.shape {
	background: radial-gradient( 34.98% 34.98% at 50% 50%, #009f91 0, rgba(6, 19, 45, 0) 100% );
	content: "";
	height: 2000px;
	left: -60%;
	opacity: 0.3;
	position: absolute;
	top: -70%;
	width: 2000px;
}

	.shape.right {
		left: auto;
		right: -60%;
		z-index: -1;
	}

.banner h1 {
	font-size: 48px;
	font-weight: bold;
	margin: 0;
	max-width: 1300px;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(257.28deg, #fff 25.8%, #00a697 134.12%);
	-webkit-background-clip: text;
}

.banner b {
	font-size: 40px;
	font-weight: bold;
	color: #fff !important;
}

.button span {
	background-color: #0f0d1e;
	color: inherit;
	padding: 11px 1.5rem;
	text-align: center;
	border-radius: 35px;
	width: 100%;
	height: 100%;
	transition: 300ms;
	font-size: 18px;
	color: #00a697 !important;
	font-weight: 600;
}

.signinBtn {
	color: #fff;
	font-weight: 500;
	font-size: 16px !important;
}

.registerBtn {
	font-size: 15px !important;
	padding: 8px 1.5rem !important;
}

.header_menu {
	display: flex;
	align-items: center;
	margin-left: 15px;
}

.css-8bmaul {
	box-sizing: border-box;
	margin: 0;
	min-width: 0;
	width: 1px !important;
	height: 13px !important;
	margin-left: 8px;
	margin-right: 8px;
	background-color: #b7bdc6;
}

.header_menu a {
	color: #c3d0e1;
}


.right_btn .button {
	transition: all 0.3s ease;
	display: inline-flex;
	background-image: linear-gradient(145deg, #053536, #00ece2);
	border: 0;
	border-radius: 35px;
	box-shadow: rgba(0, 221, 235, 0.2) 0 15px 30px -5px;
	color: #fff;
	line-height: 1em;
	max-width: 100%;
	min-width: 120px;
	padding: 2px;
	touch-action: manipulation;
	white-space: nowrap;
	text-transform: capitalize;
}

.home_nav {
	padding: 5px;
}

.announce_list svg {
	color: #ffffff !important;
}

.announce_list b {
	color: #ffffff;
	margin-left: 30px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

.announce_list small {
	color: #c6cfd9;
	margin-left: 15px;
	font-size: 13px;
}

.home_nav .navbar-nav .nav-link {
	font-size: 15px;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

/*--============================coinmarket===========================*/
#exTab1 .tab-content {
	color: #fff;
	background-color: #12162d;
}

#exTab2 h3 {
	color: #fff;
	background-color: #428bca;
	padding: 5px 15px;
}

#exTab1 .nav-pills > li > a.active {
	background-color: #354956;
	border-radius: 4px;
}
/* remove border radius for the tab */
#exTab1 .nav-pills > li > a {
	border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/
#exTab3 .nav-pills > li > a {
	border-radius: 4px 4px 0 0;
}

.nav-pills .nav-link.active #exTab3 .tab-content {
	color: #fff;
	/*background-color: #428bca;*/
	padding: 5px 15px;
}

.table thead th {
	border: 0;
	font-weight: 500;
	padding: 6px 12px;
}

.market_coin_list .nav-pills {
	margin-bottom: 20px;
}

#exTab1 .nav-pills > li > a {
	border-bottom: 0px solid #354956;
}

.coin-name-img {
	color: #fff;
}

/*=====================================features================*/
.features_cont {
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	padding: 15px 15px 25px 15px;
	text-align: center;
	width: 100%;
	background: #12162d;
	border-radius: 10px;
	display: block;
	margin-bottom: 30px;
	transition: all 0.3s 0s;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.features_bg_shape {
	position: absolute;
	height: 200px;
	left: 0;
	width: 100%;
	border-radius: 0 0 222px 234px;
	z-index: -1;
	top: -48px;
}

.features_cont h4 {
	margin: 41px 0 15px 0;
	font-size: 21px;
	font-weight: bold;
	color: #00a697;
}

.features_cont p a {
	color: #00a697;
	font-weight: 500;
	text-decoration: underline;
}

.features {
	padding-top: 0;
	position: relative;
}

.features_flex {
	display: flex;
}

.features_cont:hover {
	color: #fff;
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
}

.features_cont p {
	margin: 0;
	font-weight: 500;
	font-size: 13px;
	line-height: 23px;
	text-align: center;
}

.features_cont img {
	width: 115px;
	padding: 6px;
	border-radius: 50%;
}

.features_cont_info {
	margin-bottom: 0 !important;
}

/*==================app download======================*/
.app_download h5 {
	color: #00a697;
}

.app_download {
	padding-bottom: 0;
	padding-top: 0;
}

	.app_download .btn-group {
		display: flex;
		align-items: center;
	}

	.app_download h2 {
		font-size: 37px;
		font-weight: bold;
		margin: 0;
		-webkit-text-fill-color: transparent;
		background: linear-gradient(257.28deg, #94fcff 25.8%, #009688 134.12%);
		-webkit-background-clip: text;
	}

	.app_download .heading h2:after {
		margin: 15px auto 15px;
	}

	.app_download h4 {
		line-height: 30px;
		margin: 20px 0 50px;
		font-weight: normal;
		font-size: 22px;
	}
	.full_orderbook .adv_filter .button:focus{
	    box-shadow: none;
    	border: 1px solid #007679;
		outline: none;
	}
	.app_download a img {
		max-width: 170px;
		margin: 0 10px;
	}
	.border_box h6{
		margin-top: 14px;
	}
.app_download_wallet {
	margin-top: 50px;
}

	.app_download_wallet h4 {
		line-height: 30px;
		margin: 0;
		font-weight: normal;
		font-size: 22px;
	}

	.app_download_wallet .button {
		display: block;
		line-height: 26px;
		min-width: 130px;
		width: 100%;
		text-align: center;
	}
.security-point h3{	
	color: #000000bd !important;
    font-size: 15px;
    margin-bottom: 3px;

}
.security-point li{
	margin-bottom: 15px !important;
}
.heading h2 {
	color: #00a697;
	font-weight: bold;
	font-size: 38px;
}

	.heading h2:after {
		content: "";
		width: 80px;
		height: 3px;
		display: block;
		background: #00a697;
		margin: 10px auto 30px 0;
	}

.app_download .heading h2:after {
	margin: inherit;
	margin-top: 9px;
}

.app_download {
	background-position: center;
	width: 100%;
	background: #12162d;
	background-attachment: fixed;
	padding: 100px 0;
}

/*===============================advance_trade_home========================*/
.advance_trade_home .heading h2 {
	margin: 0;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(257.28deg, #94fcff 25.8%, #009688 134.12%);
	-webkit-background-clip: text;
}

.advance_trade_home_box {
	height: 567px;
	padding: 23px;
	border-radius: 20px;
	background-color: #051c1f;
	border: 1px solid #01847acf;
}

.advance_trade_home {
	background-color: #060d13;
	position: relative;
	overflow: hidden;
}

.shape.left {
	left: -60%;
	z-index: -1;
}

.advance_trade_home .heading {
	text-align: center;
	margin-bottom: 50px;
}

.advance_trade_home_box h5 {
	color: #00a697;
	margin: 30px 0 20px;
	font-size: 30px;
	font-weight: 700;
}

.advance_trade_home_box a {
	color: #00a697;
	border-bottom: 1px solid;
	transition: all 0.3s 0s;
}

	.advance_trade_home_box a:hover {
		color: #fff;
	}

.advance_trade_home_box p {
	margin-bottom: 5px;
}

.advance_trade_home_box img {
	width: 100%;
	margin-bottom: 16px;
}

.advance_trade_info h5 {
	margin-top: 0 !important;
}

.advance_trade_info img {
	margin-bottom: 0 !important;
	margin-top: 111px !important;
}



/*========================banner===================*/
.banner_img img {
	width: 100%;
	border: 1px solid #007679;
}

.banner_info {
	background: #12162d;
	margin-top: 31px;
}

/*===========================Debit Cards=============================*/
.info_sec {
	position: relative;
}

.heading h2 {
	font-size: 33px;
	margin: 0;
	-webkit-text-fill-color: transparent;
	background: #00a697;
	-webkit-background-clip: text;
}
.border_box li span.text-muted {
    color: #000 !important;
}
.info_sec .heading h2 {
	margin: 0;
	text-align: center;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(257.28deg, #94fcff 25.8%, #009688 134.12%);
	-webkit-background-clip: text;
}



.info_sec_cont h5 {
	color: #151f28;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 26px;
	line-height: 32px;
	text-transform: uppercase;
}

.info_sec_cont p {
	font-size: 15px;
}

.info_sec .row:first-of-type {
	margin-bottom: 50px;
}

.info_sec_cont img {
	margin: 0 auto;
	display: table;
}



/*====================trading_step==================*/





a,
a:hover {
	text-decoration: none;
}

a,
input,
textarea {
	outline: none !important;
	box-shadow: none;
}

img {
	max-width: 100%;
	width: auto;
}

.green-color {
	color: #00a697 !important;
}

.yellow-color {
	color: #45b64b;
}

.red-color {
	color: #B04759 !important;
}

.gray-color {
	color: #999 !important;
}

.lc {
	color: #758696 !important;
}

.text-white {
	color: #fff;
}

.text-upper {
	text-transform: uppercase;
}

.btn_sell {
	border: 1px solid #B04759 !important;
	background-color: transparent !important;
	}
	.btn_sell:hover {
		background-color: #B04759 !important;
	}

.text-secondary {
	color: #c7c7c7 !important;
}

.white-color {
	color: #fff;
}

.buttonExch {
	background-color: #00a697;
	border: 0;
	font-weight: 600;
	padding: 8px 20px;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.3s 0s;
	color: #fff;
	display: inline-block;
	text-align: center;
	border-radius: 8px;
}

.buttonExch:hover, .buttonExch:focus {
	outline: none;
	background-color: #00a697;
	color: #fff;
}
	.table.scroll th a, .table.scroll td a{
      color: #fff;
	}

h6.title {
	padding: 7px;
	color: #fff;
	font-size: 14px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none !important;
}

.pad-right {
	padding-right: 0;
}

.pad-left {
	padding-left: 0;
}

.mb_5 {
	margin-bottom: 5px;
}

.mtb5 {
	margin: 5px 0;
}

.pd5 {
	padding: 5px;
}

.pr_0 {
	padding-right: 0;
}

.pad-right_0 {
	padding-left: 0 !important;
}

.padd_left_none {
	padding-left: 0;
}

.padd_right_none {
	padding-right: 0;
}

.mb_30 {
	margin-bottom: 30px;
}

.button-default {
	background-color: #3a7bff;
	color: #fff;
}

.btn-secondary:hover {
	background-color: #1b1e39 !important;
	border-color: #1b1e39 !important;
}

.btn-secondary {
	background-color: #3a4c58;
	border-color: #000;
}

.badge-primary {
	background-color: #c1a538;
}

.form-control {
	border-color: #00a697;
    border-radius: 0;
    padding: 0.375rem 0.5rem;
    font-size: 14px;
    background-clip: inherit;
    height: 40px;
    padding: 0px 15px;
    border-radius: 6px;
}

	.form-control:focus {
		border-color: #00a697;
		box-shadow: none !important;
	}

a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
	color: #00a697;
	border-color: #00a697;
}

.nav-tabs {
    border-bottom: 1px solid #00000036;
}


	
	a:not([href]):not([tabindex]){
		color: #000;

	}

		.symbol_detail_flex .nav-tabs .nav-link:focus,
		.symbol_detail_flex .nav-tabs .nav-link:hover {
			background-color: #00a6972b;
		}

		

.list-style-none {
	list-style: none;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 15px;
}

.table {
	margin: 0;
}
.table-responsive{
	box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);

}
table tr th {
	border-bottom: 0 !important;
}

.trade-head {
	background-color: #010522;
	color: #fff;
	border-bottom: 1px solid #1b1e39;
}

.font_size_14 {
	font-size: 14px !important;
}

.paddtb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.paddtb40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

h6.text-center {
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}

	h6.text-center:after {
		position: absolute;
		content: "";
		width: 50px;
		height: 2px;
		background: #00a697;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}

.page-container {
	flex: 1;
}



.btn-yellow {
	min-width: 100px;
	display: inline-block;
	padding: 5px 15px;
	color: #fff !important;
	border: 0;
	background-color: #00a697;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

	.btn-yellow:hover,
	.btn-yellow:focus,
	.btn-yellow:active {
		background-color: #151f28;
	}

.btn-light {
	min-width: 100px;
	display: inline-block;
	padding: 5px 15px;
	color: #fff !important;
	border: 0;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

	.btn-light:hover,
	.btn-light:focus,
	.btn-light:active {
		background-color: rgba(254, 255, 255, 0.2);
	}

.btn-dark {
	min-width: 100px;
	display: inline-block;
	padding: 5px 15px;
	color: #fff !important;
	border: 0;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	font-size: 12px;
	font-weight: 900;
}

	.btn-dark:hover,
	.btn-dark:focus,
	.btn-dark:active {
		background-color: rgba(0, 0, 0, 0.5);
	}

.yellow-link {
	color: #22af4a;
}

	.yellow-link:hover,
	.yellow-link:focus,
	.yellow-link:active {
		color: #22af4a;
	}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:active {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa;
}

.table-header ul {
	display: -ms-grid;
	display: flex;
	padding: 0;
	margin-bottom: 0;
	text-align: left;
	border-bottom: 1px solid #000;
}

.table-header li {
	display: block;
	padding: 5px;
	flex: 1;
	white-space: nowrap;
	font-size: 11px;
	font-weight: 500;
	color:#fff;
}

tbody,
html {
	-webkit-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.1s ease-in-out;
	scrollbar-width: thin;
	scrollbar-color: hsla(211.1, 100%, 50%, 0.5) hsla(0, 0%, 86.3%, 0.05);
	scrollbar-track-color: rgba(0, 123, 255, 0.2);
	scrollbar-face-color: hsla(0, 0%, 86.3%, 0.2);
}

.table_height {
	max-height: 327px;
}

.table-body ul {
	padding: 0;
	margin-bottom: 0;
}

.table-body li {
	display: flex;
	align-items: center;
	padding: 0;
	text-align: left;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

	.table-body li p {
		margin-bottom: 0;
		padding: 2.5px 5px;
		color: #c5cbce;
		flex: 1;
		font-size: 12px;
		font-weight: 500;
	}
	.notice-title h2{
		text-align: center;
		margin-bottom: 30px;
	}
	.notice-title h2:after{
		content: "";
		width: 80px;
		height: 3px;
		position: absolute;
		display: block;
		left: 47%;
	}
.table td,
.table th {
	padding: 13px;
	border: 0;
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
}
.notice-img img{
    background-color: #000;
    padding: 16px;
    width: 250px;
    border-radius: 4px;
}
.table.scroll tbody,
.table.scroll thead {
	display: block;
}
.table-responsive table thead{
	background-color: #00a394;
}
.table thead th span.text_ul_color {
    color: #fff;
}

.table.scroll tbody {
	overflow-y: auto;
	overflow-x: hidden;
	height: 458px;
}

.table.scroll th, .table.scroll td {
	font-size: 11px;
	font-weight: 500;
	width:20%;
}

.table.scroll td {
	color: #c5cbce;
}

.table a.coin-name-img {
	color: #758696;
	text-decoration: none;
	font-weight: 600;
}

.home_market .table a.ng-binding {
	color: #fff;
    font-size: 15px;
}
.footer .row {
	row-gap: 20px;
}

.sorting_asc:after,
.sorting_asc:before {
	top: 4px;
	color: #00a697;
}

.sorting:after,
.sorting:before {
	top: 4px;
}

.sorting_desc:after,
.sorting_desc:before {
	top: 4px;
}

.img-thumbnail.coinImage {
	width: 30px !important;
	height: 30px !important;
	background: transparent;
	border: none;
	margin-right: 5px;
	object-fit: contain;
}
.dropdown-item:not([href]):not([tabindex]) {
	color: #fff !important;
}

/*homepage start*/
.navbar-toggler {
	outline: none !important;
}

.navbar .dropdown-menu {
	/*border: 1px solid #354956;*/
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
	background-color: #060d13;
	margin-top: 1px;
	right: 0;
	left: initial;
}

.navbar .dropdown-item {
	color: #fff;
	border-bottom: 1px solid #1b262d;
	transition: all 0.3s 0s;
	padding: 8px 15px;
	font-size: 14px;
}

	.navbar .dropdown-item:hover {
		color: #00a697;
		background-color: transparent;
	}

.dropdown-menu {
	padding: 0;
	border-radius: 0;
}

.beta_label {
	font-size: 16px;
	color: #58aa46;
	text-align: center;
	margin-left: 5px;
	margin-right: 15px;
	font-weight: 500;
}

.navbar-brand {
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
}

.navbar {
	padding: 0;
	background-color: #12162d !important;
	-webkit-transition: all 0.2 ease-in-out;
	-o-transition: all 0.2 ease-in-out;
	transition: all 0.2 ease-in-out;
	/*border-bottom: 1px solid #354956;*/
}

img.logo,
img.logo1 {
	height: 30px;
	margin: 8px 0;
	object-fit: contain;
	object-position: left;
}

.navbar-toggler {
	padding: 0.25rem 0.5rem;
	font-size: 1.15rem;
	line-height: normal;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
}

.navbar-toggler {
	cursor: pointer;
	margin-right: 10px;
}

.navbar-toggler-icon {
	background-color: #fff;
	width: 26px;
	height: 2px;
	border-radius: 2px;
	display: block;
	margin: 5px 0;
}

.navbar-nav .nav-link {
	color: #fff;
	font-weight: 500;
	margin: 4px;
	font-size: 14px;
	border-radius: 3px;
	transition: all 0.3s 0s;
}

	.navbar-nav .nav-link svg {
		padding-right: 5px;
		width: 20px;
		color: #fff;
	}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item .nav-link:focus,
.navbar-nav .nav-item .nav-link:active {
	color: #00a697;
	background-color: #1b262d;
}

.nav-link img {
	height: 13px;
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -1px;
}

.nav-link span.name {
	display: inline-block;
}

header {
	position: relative;
}

	header.menu {
		padding: 15px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 2;
		background-color: #151f28;
	}

		header.menu .btn-theme {
			margin-left: 10px;
		}

		header.menu .nav-link {
			font-size: 14px;
			margin: 0;
		}

		header.menu .navbar-brand {
			border-right: 1px solid #44545c;
			padding-right: 10px;
		}

.btn_group {
	display: flex;
}

.btn-theme {
	background-color: #00a697;
	color: #fff;
	padding: 6px 30px;
	text-transform: uppercase;
	display: block;
}

	.btn-theme:hover {
		background: #005bbd;
		color: #fff;
	}

.banner {
	background-color: #060d13;
	position: relative;
	text-align: center;
	overflow: hidden;
	line-height: normal;
}


.same_s_btn button.button.btn_submit{
	margin: 0;
}
.banner h3 {
	margin: 30px 0;
	font-size: 22px;
	color: #fff;
}

.home_market .nav {
	width: calc(100% - 250px);
	margin-bottom: 10px;
}

.searchbox {
	text-align: right;
	margin-bottom: -42px;
}

.searchbox input {
	background-color: #00000012;
    border-radius: 0;
    padding: 0.375rem 0.5rem;
    font-size: 14px;
    background-clip: inherit;
    border: none;
    height: 40px;
    padding: 0px 15px;
    border-radius: 6px;
	max-width: 300px;
    width: 100%;
}

.home_market .nav-link {
	color: #000;
	font-weight: 500;
	display: block;
	border-bottom: 2px solid transparent;
	height: 42px;
	font-size: 18px;
    padding: 8px 16px;
	margin: 0 15px
}

	.home_market .nav-link:first-of-type {
		margin-left: 0;
	}

.home_market .nav-item.active .nav-link {
	border-color: #00a697;
	color: #00a697;
}

.home_market .nav-link .img-thumbnail {
	padding: 0;
	width: 22px !important;
	height: 22px !important;
}

.home_market .table td,
.home_market .table th {
	font-size: 14px !important;
	flex: 0 0 150px;
	max-width: 150px;
	min-width: 150px;
	cursor: pointer;
	padding: 13px
}

.home_market .nav-fill .nav-item {
	flex: inherit;
}



.home_market thead {
	background-color: transparent;
}

.home_market .table td:nth-child(2),
.home_market .table th:nth-child(2) {
	flex: 0 0 180px;
	width: 180px;
	min-width: 180px;
}

.volume_sticky {
	border-top: 1px solid #dee2e6;
}

	.volume_sticky p {
		margin-bottom: 0;
		margin-top: 15px;
		text-align: center;
	}

	.volume_sticky b {
		font-weight: 600;
		color: #000;
		font-size: 16px;
		padding: 5px 5px;
	}

.app_screen img {
	max-height: 500px;
}

.app_screen span {
	animation: circle 60s linear infinite;
	position: absolute;
	width: 510px;
	height: 500px;
	left: 0;
	top: 0;
	z-index: -1;
}

	.app_screen span img {
		height: 100%;
	}

.app_screen {
	position: relative;
	text-align: center;
}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes circle {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.btn_buy {
	color: #fff;
	box-shadow: none;
	text-align: center;
	display: flex;
	font-size: 14px;
	justify-content: center;
	min-width: 75px !important;
	text-align: center !important;
}

.copy-bar {
	text-align: center;
	background-color: #0a0e22;
	padding: 15px 0;
}

	.copy-bar p {
		font-size: 14px;
		margin: 0;
		color: #fff;
	}

	.copy-bar .statistics {
		text-align: right;
	}

.footer_top {
	display: flex;
	align-items: center;
	margin-top: 33px;
	justify-content: space-between;
}

.social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.footer_top img {
	max-width: 200px;
}

.social a {
	width: 40px;
	height: 40px;
	color: #758696;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	border-radius: 100px;
	margin-left: 10px;
	transition: all 0.3s 0s;
	border: 2px solid #758696;
}

	.social a:hover {
		color: #00a697;
		border-color: #00a697
	}

/*homepage end*/
/*login start*/
.par_cont small {
	display: block;
	margin-bottom: 10px;
}

.par_cont ul {
	font-size: 12px;
	margin-top: 5px;
	padding-left: 20px;
	margin-bottom: 0;
}

.par_cont {
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 10px;
}
.nav-tabs .nav-item.active .nav-link {
    border-color: #00a697;
    color: #00a697;
}
.nav-tabs .nav-link {
	color: #000;
	font-weight: 500;
	display: block;
	border: none;
	border-bottom: 2px solid transparent;
	min-height: 42px;
	font-size: 18px;
	padding: 8px 0px;
	margin: 0 18px;
	cursor: pointer;
	border-radius: 0px;
}

.nav-tabs .nav-item.show .nav-link,
		.nav-tabs .nav-link.active {
			border-color: #00a697;
			color: #00a697;
		}
.register-container input.form-check-input {
	opacity: 1 !important;
}

.register-container {
	min-height: 100vh;
	align-items: center;
	padding: 60px 10px;
	background-position: center;
	background-size: cover;
	background-color: #e1e8ee;
	mix-blend-mode: darken;
	text-align: center;
	/*background-image: url(../img/login_bg.png);*/
}
.register-card button.button {
	background-color: #00b7a6;
	font-size: 15px;
	padding: 15px 20px;
}
button.button.view_ex_btn {
	min-height: 100%;
	padding: 0 20px;
	border-radius: 0 8px 8px 0px;
}
.register_card_body .form-group span.ng-binding {
	width: 100%;
	height: auto;
	position: relative;
	line-height: normal;
	color: #721c24;
}

.register-card {
	max-width: 550px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 4px 24px 0 rgba(0,0,0,.1);
	border-radius: 6px;
	margin: 0 auto;
	margin-top:40px;
}
.url_info{
	color: #000;
}

.custom-control-label::before {
	position: absolute;
	top: 0.25rem;
	left: 0;
	display: block;
	width: 1rem;
	height: 1rem;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #ffffff;
	border: 1px solid #00b7a6;
}



.register-card .btn-groups {
	margin-top: 20px;
}
	.register_card_body .form-group {
		position: relative;
		margin-top: 20px;
		margin-bottom: 6px;
	}
		.register_card_body .form-group span {
			position: absolute;
			top: 0;
			right: 0;
			line-height: 43px;
			height: 43px;
			width: 43px;
			text-align: center;
			color: #00b7a6;
		}
		.register_card_body .form-group .alert.alert-danger span {
			color: #721c24;
			width: unset;
			height: unset;
			position: unset;
			line-height: normal;
		}

.register_card_body .form-control {
	border: 1px solid #00a697;
	color: #000 !important;
	padding: 10px 40px 10px 10px;
	font-size: 14px;
	height: 45px;
	font-weight: 500;
	letter-spacing: 0.5px;
	transition: all 0.3s 0s;
	box-shadow: 0 0 0 1000px #ffffff inset !important;
}
	button.button.btn_submit {
		margin: 0 auto;
		display: block;
		width: 100%;
		padding: 12px 19px;
	}
	form#form_login button.button.btn_submit {
		height: 100%;
	}
	form#form_loginauthverify button.button.btn_submit {
		margin-top: 15px;
	}
		.register_card_body .form-control:focus {
			border-color: #00a697;
		}
		.Rlt-sec .info-right {
			width: 70%;
			margin-left: 0;
			margin-right: auto;
			left: 0;
			right: auto;
		}
.login_head{
	background: #ebebeb9c;
    padding: 11px
}
.register_card_option {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.register_card_option a {
		font-weight: 500;
		color: #3c3c3c;
		transition: all 0.3s 0s;
	}

		.register_card_option a:hover {
			color: #00a697;
		}

.register_card_bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-top: 20px; */
	font-weight: 500;
	color: #000;
	padding-top: 35px;
}
.lr-form {
	padding: 50px 50px;
	/* padding-right: 20px; */
}
	.register_card_bottom a {
		color: #00a697;
		margin-left: 5px;
		font-weight:600;
	}
.lr-logo {
	background-color: #12162d;
}
.lr-bg {
	/* padding: 0px 40px; */
	padding-right: 45px;
}


.lr-logo .logo {
	height: 75px;
	display: block;
	width: 220px;
	object-position: center;
	margin: 0px auto;
	padding: 10px;
}

.register-container h1 {
	text-align: center;
	font-size: 26px;
	margin-bottom: 25px;
	color: #000000;
	font-weight: 700;
	margin-top: 0px;

}

.register-container h1:after {
	content: "";
	width: 80px;
		height: 2px;
		display: block;
		background-color: #00a697;
		margin: 10px auto;
}

.register-card .custom-checkbox {
	display: flex;
	align-items: center;
}

.register-card .custom-control-label a {
	color: #00a697;
	font-weight: 500;
}

.register-card label.form-check-label a {
	color: #00a697;
	text-decoration: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #00a697;
}

.register-card .help-block {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	text-align:left;
}

.underline {
	border-bottom: 1px solid;
}

.register-card p {
	font-size: 14px;
	text-align: center;
	font-weight: 500;
}

	.register-card p b {
		color: #000;
		font-weight: 600;
	}

.register {
	text-align: center;
	display: block;
	margin: 20px 0 0;
	font-size: 14px;
}

	.register a {
		color: #00a697 !important;
		transition: all 0.3s 0s;
	}

		.register a:hover {
			color: #fff !important;
			text-decoration: none;
		}

.login_head .d-flex {
	padding-top: 5px;
    text-align: center;
    justify-content: center;
    font-size: 13px;
    margin: 0 auto 0px;
    font-weight: 500;
    align-items: center;
}
.login_head .d-flex strong{
	font-size: 13px;
}

	.login_head .d-flex svg {
		width: 20px;
		color: #02c076;
	}

	.login_head .d-flex span {
		color: #02c076;
	}

.login_head p {
    margin-bottom: 0px;
    text-align: center;
    padding-bottom: 4px;
    border-bottom: 1px solid #0000002b;
}

/*login end*/
/*data table start*/


button.dt-button svg,
div.dt-button svg,
a.dt-button svg {
	font-size: 15px;
}

.dataTables_wrapper > .row {
	align-items: center;
}

div.dt-buttons {
	float: right !important;
}

.dataTables_wrapper > .row {
	align-items: center;
}

.dataTables_length {
	display: initial;
}

	.dataTables_length label {
		margin: 0;
	}

.dataTables_length label select {
	margin: 0 5px;
	background-color: rgba(255, 255, 255, 0.04);
	border-radius: 0;
	color: #000;
	border: 1px solid #eee;
	font-weight: 500;
}

			.dataTables_length label select option {
				color: #000;
			}



button.dt-button,
div.dt-button,
a.dt-button {
	border: 1px solid #dee2e6 !important;
	background-color: #fff !important;
	color: #060d13 !important;
	margin-right: 0 !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

	button.dt-button:hover,
	div.dt-button:hover,
	a.dt-button:hover {
/*		background-color: #00a697 !important;*/
		border-color: #00a697 !important;
	}
	table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
		position: absolute;
		bottom: 0.9em;
		display: block;
		opacity: 0.3;
	}

/*.dataTables_length {
    display: none;
}*/
.dataTables_info {
    font-weight: 500;
    margin-top: 0;
    padding: 10px 15px;
    font-size: 14px;
}

.dataTables_filter {
	margin-top: 0;
}

.dataTables_wrapper > .row:first-of-type {
	justify-content: space-between;
	flex-wrap: nowrap;
}

table.dataTable {
	border-collapse: collapse !important;
}

.dataTable th:after,
.dataTable th:before {
	top: 3px;
}

div.dataTables_wrapper div.dataTables_filter {
	text-align: center;
}

.dataTables_filter input {
	color: #000;
	border-color: #00a394  !important;
	font-weight: 500;
}

.nav-link.language-btn img {
	height: 18px;
}

.sticky.statistics {
	padding: 5px 0;
	color: #fff;
}

.info-table-outer {
	font-size: 12px;
	font-weight: 600;
	overflow: auto;
	color: #fff;
}

.info-data-table thead {
	background-color: #1b1e39;
}

/*data table end*/
/*mix start*/
/*.profile-level {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    font-size: 12px;
    padding: 15px 20px;
    margin-top: 3em;
}*/
/*.levels {
    padding: 0;
}

.levels li {
    float: left;
    width: 33%;
    text-align: center;
    position: relative;
    list-style: none;
    padding: 10px;
}

.levels li h4 {
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 10px;
    height: 34px;
}

.levels li p {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
    display: inline-block;
    background-color: #fff;
    padding: 0px 10px;
    z-index: 1;
    position: relative;
}

.levels li.curlevel p,
.levels li.curlevel p .iconfont {
    color: #45b64b;
}

.levels li:first-child:after {
    display: none;
}

.levels li:after {
    content: '';
    display: inline-block;
    width: 130px;
    height: 3px;
    background: #eaeaea;
    position: absolute;
    left: -66px;
    bottom: 26px;
}*/
/*.pro.card {
    background-color: #1b1e39;
    overflow: hidden;
    font-size: 12px;
    margin-top: 3em;
    color: #fff;
    border-radius: 0
}

.pro.card .card-header {
    border-color: #1b1e39;
}

.pro.card .card-header h6 {
    margin-bottom: 0;
}

.pro.card .btn {
    padding: 10px;
}

.pro.card input,
.pro.card select {
    border: 1px solid #1b1e39;
    background-color: transparent;
    color: #fff
}
.card-bg-icon {
    position: absolute;
    right: 0.5em;
    bottom: 0.2em;
    font-size: 5em;
    opacity: 0.2;
}

*/
/*.last-table {
    background-color: #1b1e39;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
}

.last-table thead {
    background-color: #1b1e39;
}*/
/*.balance-table td a {
    color: #fff;
}

.balance-table td a.outline-btn {
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 10px;
    background-color: #1b1e39;
}

.withdarw-box {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    font-size: 12px;
    margin-top: 3em;
    padding: 15px;
}

.withdarw-box select img {
    height: 20px;
}

.withdarw-box .imp {
    padding: 20px;
    background-color: #f4f4f4;
}*/
/*.statistics-slide .item {
    text-align: center;
    color: #fff;
}

.statistics-slide .pair_item {
    font-weight: 600;
    color: #00a697;
    margin-bottom: 5px;
    font-size: 16px;
}

.statistics-slide .pair_price {
    font-size: 12px;
    padding-top: 3px;
}

.banners-statics {
    padding: 25px 0 0;
}

.feature-list {
    margin-top: 25px;
    display: flex;
    align-items: start;
    transition: all 0.3s 0s;
}

.feature-list img {
    width: 34px;
    flex: 0 0 34px;
    margin-right: 10px;
}

.feature-list .content h4 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    color: #12181d;
}

.feature-list .content p {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 0;
}

.feature-list .icon i {
    line-height: 40px;
}

.feature-list .icon svg {
    margin-top: 15px;
}

.feature-widget {
    padding: 50px 0;
    background: #F9F9F9;
}

.feature-widget h3, .trending-widget h3, .getstarted h3 {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 40px;
    color: #111;
    position: relative;
    padding-bottom: 10px;
}

.feature-widget h3 span, .trending-widget h3 span, .getstarted h3 span {
    color: #00a697;
}

.feature-widget h3:after, .getstarted h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #00a697;
}

.trending-widget h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #00a697;
    left: calc(50% - 25px);
}

.trending-widget .nav {
    width: 75%;
    position: relative;
    margin-bottom: 0;
}

.trending-widget .searchbox {
    position: absolute;
    right: 15px;
    margin-bottom: 0;
}

.trending-widget .table tbody tr:nth-child(odd) td {
    background-color: rgba(0, 0, 0, 0.04);
}

.testimonial-widget {
    padding: 4em 0;
}

.testimonial-list .user-img {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-position: center center;
    border-radius: 100%;
    margin: 0 auto -50px;
    position: relative;
    z-index: 1;
    border: 4px solid #fff;
}

.testimonial-list .content {
    background-color: #fff;
    padding: 80px 30px 30px;
       box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
    margin: 0 0 20px;
}

.testimonial-list {
    max-width: 700px;
    margin: 0 auto;
    display: block !important;
    text-align: center;
}

.testimonial-list h6 {
    font-weight: 800;
    margin: 0;
}

.withdraw-form {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 10px;
    padding-top: 20px;
    text-align: center;
}

.withdraw-form .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #fff;
    font-size: 12px;
}

.withdraw-form form {
    display: inline-block;
}*/
/*.buygraph {
    background-color: #fa1b38;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 22px;
    line-height: 22px;
    width: 5px;
    z-index: -1;
}

.sellgraph {
    background-color: #08a516;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 22px;
    line-height: 22px;
    width: 5px;
    z-index: -1;
}

.value {
    background: rgba(14, 226, 32, 0.25);
    text-align: center;
    padding: 3px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    border-top: 1px solid #1b2034;
    border-bottom: 1px solid #1b2034;
}

.value .fa-arrow-up,
.value .fa-arrow-down {
    padding-right: 7px;
    font-size: 18px;
    vertical-align: middle;
}
.m-d-l .item.ng-scope {
    width: 175px;
    text-align: center;
}

.m-d-l {
    display: flex;
    overflow: auto;
    font-size: 12px;
}

    .m-d-l .pair_item.ng-binding {
        color: #fff;
    }*/
/*.step_list {
    margin-top: 30px;
    text-align: center;
}
.step-details h4 {
    font-size: 20px;
    font-weight: 400;
    color: #151f28;
}

.step-details p {
    font-size: 16px;
    line-height: 24px;
}

.step-details a {
    padding: 0.7em 2em;
    font-size: 1em;
}

    .step-details a:hover {
        text-decoration: none;
    }*/
/*.security-name h4 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.security-name {
    flex: 0 0 250px;
    max-width: 250px;
}

.right-details {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.security-list-details {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: 1px solid #354956;
    padding: 15px 0;
}

.security-list .badge {
    font-size: 12px;
    color: #fff;
}

.security-list:last-of-type .security-list-details {
    margin: 0;
    border: 0;
}

.security-action a {
    color: #00a697;
}

    .security-action a:hover {
        text-decoration: none;
    }


.security-verify {
    display: flex;
    align-items: center;
}

    .security-verify img {
        margin-right: 10px;
    }

    .security-verify p {
        margin-bottom: 2px;
        font-weight: 500;
        color: #fff;
        letter-spacing: 0.75px;
    }

    .security-verify span {
        font-weight: 300;
    }*/
/*.account-status {
    display: flex;
}

.account-status-details {
    background: #12181d;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
}

.account-status-details {
    width: 180px;
}

    .account-status-details h3 {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .account-status-details p {
        margin-bottom: 0;
        font-size: 14px;
    }*/
/*.verification-box {
    background: #12181d;
    padding: 10px 25px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    height: 100px;
}

    .verification-box img {
        width: 50px;
        flex: 0 0 50px;
        margin-right: 20px;
    }

    .verification-box h3 {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 0.75px;
        margin-bottom: 4px;
    }

    .verification-box p {
        font-size: 15px;
        letter-spacing: 0.5px;
        margin-bottom: 0;
    }*/
/*.trans_ex {
    overflow: inherit;
}

    .trans_ex label {
        display: block;
    }

    .trans_ex .select2-dropdown-open .select2-choice {
        background-image: none;
        background-color: #000;
        border: 1px solid #354956;
        margin-bottom: 4px;
        height: 35px;
        line-height: 35px;
        box-shadow: none;
    }

    .trans_ex .select2-container .select2-choice {
        background-image: none;
        background-color: #000;
        border: 1px solid #354956;
        margin-bottom: 4px;
        height: 35px;
        line-height: 35px;
    }

    .trans_ex .select2-search input {
        background-color: #000;
        background: no-repeat;
        border: 1px solid #354956;
        color: #fff;
    }

    .trans_ex .col-md-4 {
        padding-left: 30px;
    }

    .trans_ex .select2-container .select2-choice .select2-arrow {
        background-image: none;
        background-color: #000;
        border: 1px solid #354956;
        height: 35px;
        line-height: 35px;
    }

    .trans_ex .select2-container {
        width: 100%;
    }*/
/*.market_body .table-body {
    max-height: 100%;
    height: 245px;
}

.history_body {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .history_body .table-body {
        height: auto;
        flex: 1;
    }*/
/*#vipcontent {
    display: none;
}

.popover-body p {
    margin: 0;
    line-height: 30px;
}

.popover-body p a {
    color: #3a4c58;
    margin-left: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dashed;
}

.amount_display span {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    border: 1px solid #354956;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    display: block;
}
.popoverContent {
    visibility: hidden;
}*/
.popoverContent {
	visibility: hidden;
}

/*.activity_list {
    padding: 10px;
    height: 170px;
    overflow: auto;
}

    .activity_list ul {
        padding: 0;
        margin: 0;
    }

    .activity_list li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0px;
        border-bottom: 1px solid #354956;
    }

        .activity_list li span {
            display: block;
        }

    .activity_list h6 {
        margin: 0;
        color: #fff;
        font-size: 14px;
    }

    .activity_list .right {
        text-align: right;
    }

    .activity_list .left b {
        color: #fff;
    }

    .activity_list li:last-of-type {
        padding-bottom: 0;
        border: 0;
    }

    .activity_list li:first-of-type {
        padding-top: 0;
    }*/
/*mix end*/
/*chart start*/
#tv_chart_container iframe {
	width: 100%;
	height: 100%;
}

.chart_bg {
	background: #151f28;
	height: 500px;
	margin-bottom: 7px;
}

.amcharts-dataloader-curtain {
	display: none !important;
}

.amcharts-chart-div a {
	display: none !important;
}

.chart_div {
	position: relative;
	flex: 1;
}

	.chart_div .nav-fill {
		position: absolute;
		top: 6px;
		right: 10px;
		z-index: 1;
	}

.trading .chart_div .nav-link.active {
	background-color: #00a697;
	color: #fff !important;
}

.chart_div .nav-link {
	cursor: pointer;
	font-weight: 600;
	padding: 4px 8px;
}

.highcharts-background {
	fill: #151f28;
}

#depthgraphContainer .highcharts-tooltip {
	display: none;
}

button#btnreset {
	position: absolute;
	left: 50%;
	top: 10px;
	z-index: 1;
}

.tradingview-widget-container.mb-2 {
	position: relative;
	margin: 0 !important;
}

.chart_div .tab-content,
.chart_div .tab-pane,
#tv_chart_container {
	height: 100%;
}

#depthgraphContainer {
	height: 100%;
	width: 100%;
	background-color: #060d13;
}

.dark-mode svg g g tspan {
	fill: #758696;
}

/*chart end*/
/*innner page start*/
.trading .table-body {
	max-height: inherit;
	height: 252px;
	-webkit-transition: max-height 0.2s ease-in-out;
	transition: max-height 0.2s ease-in-out;
	scrollbar-width: thin;
	scrollbar-color: hsla(211.1, 100%, 50%, 0.5) hsla(0, 0%, 86.3%, 0.05);
	scrollbar-track-color: hsla(0, 0%, 86.3%, 0.05);
	scrollbar-face-color: hsla(0, 0%, 86.3%, 0.2);
}

.trade_history .table-body::-webkit-scrollbar,
.ex_basic::-webkit-scrollbar {
	width: 0;
}


.tradingrules th,
.tradingrules td {
	width: 33% !important;
	color: #758696 !important;
}

.border_box {
	border: 1px solid #eee;
    padding: 16px 14px;
    border-radius: 4px;
    margin-top: 20px;
    background-color: #00000012;
}

	.border_box h4 {
		margin-top: 0 !important;
	}
	.border_box ul {
		margin-top: 15px;
		margin-bottom: 0;
	}

	.border_box li {
		font-weight: 500;
		margin-bottom: 8px;
		color: #000;
	}

	.border_box ul li a {
		word-break: break-all;
	}

/*inner page end*/
/*modal start*/
.byu-sell-modal {
	overflow-x: hidden;
	overflow-y: auto;
	font-style: initial;
}

	.byu-sell-modal .modal-dialog {
		max-width: 600px;
		margin: 30px auto;
	}

	.byu-sell-modal h4.modal-title {
		font-size: 16px;
		text-align: center;
	}

		.byu-sell-modal h4.modal-title span {
			margin-right: 15px;
			font-size: 14px;
		}

	.byu-sell-modal .buttom-footer .btn-cancal {
		background-color: transparent;
		border: 1px solid #2d3e49;
		color: #00a697;
		padding: 5px 20px;
		font-size: 14px;
	}

	.byu-sell-modal span.left-prise {
		float: left;
		font-size: 12px;
		color: #fff;
	}

	.byu-sell-modal span.right-prise {
		float: right;
		font-size: 14px;
		color: #00e174;
		font-weight: 500;
	}

	.byu-sell-modal span.right-prise-sell {
		float: right;
		font-size: 14px;
		color: #fa1b38;
		font-weight: 500;
	}

	.byu-sell-modal ul.quan-btc {
		margin: 0;
		padding: 0;
	}

	.byu-sell-modal .modal-body {
		background: #151f28;
		padding: 15px 40px;
	}

	.byu-sell-modal .modal-header {
		background-color: #00a697;
		color: #fff;
		border-bottom: 0;
		font-size: 15px;
		padding: 10px;
		text-align: center;
	}

	.byu-sell-modal ul.quan-btc li {
		border-bottom: 1px dashed #efefef;
		clear: left;
		float: left;
		padding: 2px 5px;
		width: 100%;
		list-style-type: none;
	}

		.byu-sell-modal ul.quan-btc li.total {
			border-bottom: 0;
		}

	.byu-sell-modal .labal-byu-modal ul.labal-btc-2 {
		margin: 0;
		padding: 0;
		font-size: 12px;
	}

		.byu-sell-modal .labal-byu-modal ul.labal-btc-2 li {
			display: inline-flex;
			margin-right: 10px;
			color: #fff;
		}

		.byu-sell-modal .labal-byu-modal ul.labal-btc-2 span.label-1 {
			font-size: 13px;
			color: #9c9c9c;
			margin-right: 7px;
		}

	.byu-sell-modal .labal-byu-modal {
		padding: 10px 0;
		width: 100%;
		float: left;
		text-align: center;
	}

	.byu-sell-modal .notes {
		background-color: #defdff;
		color: #000;
		padding: 10px;
	}

		.byu-sell-modal .notes h1 {
			font-size: 14px;
			margin-bottom: 5px;
		}

		.byu-sell-modal .notes p {
			color: #000;
			margin-bottom: 0;
			font-size: 11px;
		}

	.byu-sell-modal .buttom-footer {
		margin-top: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.byu-sell-modal .buttom-footer .btn-conform {
			background-color: #00a697;
			color: #000;
			padding: 5px 20px;
			font-size: 14px;
			font-weight: bold;
			margin-left: 15px;
		}

			.byu-sell-modal .buttom-footer .btn-conform:focus,
			.byu-sell-modal .buttom-footer .btn-conform.focus {
				box-shadow: 0 0 0 0.2rem #ffedaa;
			}

.btn[disabled="disabled"] {
	cursor: no-drop;
}

.modal-content {
	background-color: #fff;
	border-radius: 0;
	border: 0;
}

.modal-title {
	font-size: 18px;
}

.modal-header {
	padding: 10px;
}

	.modal-header .close {
		font-weight: 500;
		font-size: 30px;
		color: #f00;
		opacity: 0.75;
		text-shadow: none;
		line-height: 26px;
		outline: none;
	}

.modal-dialog {
	max-width: 600px;
}

.deposit_modal {
	text-align: center;
}

	.deposit_modal .btn-info {
		background-color: #00a697;
		border-color: #00a697;
	}

	.deposit_modal h1 {
		font-size: 20px;
		color: #000;
	}

	.deposit_modal .form-control {
		font-size: 14px;
		height: 40px;
		border: 1px solid #758696;
		background-color: #fff;
		color: #758696;
		padding: 10px 45px 10px 10px;
	}

	.deposit_modal .form-group {
		position: relative;
		margin-bottom: 20px;
	}

		.deposit_modal .form-group .btn {
			background-color: #758696;
			color: #fff;
			position: absolute;
			right: 0;
			top: 0;
			border-radius: 0;
			height: 40px;
			margin: 0;
		}

.scancode {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.scancode small {
		display: block;
		text-align: center;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.scancode > div {
		width: 100%;
		margin: 0 10px;
	}

.qrbord {
	padding: 10px;
	background-color: #fff;
	max-width: 220px;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.note-text {
	margin: 0;
	background-color: #e9ecef;
	border-radius: 0;
	padding: 10px;
	border: 0;
}

	.note-text h4 {
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
		margin: 0;
		color: #060d13;
	}

	.note-text ul {
		margin: 0;
		padding: 0;
		padding-left: 20px;
	}

	.note-text li {
		font-size: 12px;
		font-weight: 400;
		line-height: normal;
		margin-top: 10px;
	}

	.note-text a {
		color: #060d13;
		border-bottom: 1px solid;
		font-weight: 600;
	}

.noExport .btn {
	margin-right: 10px;
	padding: 3px 8px;
	font-size: 12px;
}

.modal-body .help-block {
	display: block;
	font-size: 13px;
}

.labal-withdrowal {
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.labal-withdrowal strong {
		padding-left: 5px;
		color: #000;
	}

	.labal-withdrowal span {
		display: block;
	}

.dep-with-balance ul {
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-around;
	margin: 0 -5px 14px;
}

	.dep-with-balance ul li {
		padding: 10px;
		border: 1px solid #eee;
		width: calc(100% - 10px);
		margin: 0 5px;
	}

		.dep-with-balance ul li span {
			padding-bottom: 5px;
			display: block;
			font-size: 14px;
		}

		.dep-with-balance ul li h4 {
			font-size: 14px;
			margin: 0;
			font-weight: 600;
			color: #000;
		}

#form_Withdrawal .form-control {
	font-weight: 500;
	color: #000;
}

	#form_Withdrawal .form-control:focus {
		border-color: #00a697;
	}

/*modal end*/
/*wallet start*/
.wallet .dataTables_filter {
	    /* margin-right: 150px; */
		text-align: right !important;
		padding-top: 13px;
		padding-right: 13px;
}

.wallet .hide_btn {
	position: absolute;
	right: 15px;
	top: 0;
}

.wallet .d-flex {
	position: relative;
}

	.wallet .d-flex h5 {
		margin-top: -55px;
		margin-bottom: 0;
	}

.wallet_crypto_fiat_tab {
	justify-content: flex-end;
	border-color: #dee2e6;
	margin-bottom: 20px;
	padding-top: 20px;
}


.inner_container {
	padding:  20px;
	position: relative;

}

	.inner_container .table td, .inner_container .table th {
		font-size: 15px;
		/* width:100%; */
		color: #758696;
	}


	.inner_container td {
		font-weight: 500;
		border: 0px;
		border-bottom: 1px solid #dee2e6;
	}


	.inner_container h5 {
		color: #060d13;
		font-weight: 600;
		font-size: 20px;
		margin-bottom: 20px;
	}

	.inner_container.wallet h5 {
		margin-top: 8px;
	}

	.inner_container tr td .linkactive:hover, inner_container tr td .linkInactive:hover {
		background-color: #00a394;
		color: #fff !important;
	}

.hide_btn {
	border: 1px solid;
	padding: 5px;
	max-width: 140px;
	width: 100%;
	text-align: center;
	z-index: 1;
	transition: all 0.3s 0s;
	background-color: transparent;
	border-color: #758696;
	color: #758696 !important;
	cursor: pointer;
	height: 35px;
	font-weight: 500;
	white-space: nowrap;
	font-size: 14px;
}

	.hide_btn:focus {
		outline: none;
	}

	.hide_btn.active {
		border-color: #00a697;
		color: #00a697 !important;
	}

/*.wallet_table_head {
    position: absolute;
    top: 45px;
    left: 20px;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/
.wallet_table_head p {
    margin: 0;
    font-weight: 500;
    line-height: 24px;
}
.linkactive, .linkInactive {
    color: #000 !important;
    padding: 6px 13px;
    font-size: 12px;
    cursor: pointer;
    background-color: #00a39452;
    margin-right: 4px;
    font-weight: 600;
}


.generate_add_lbl {
    background-color: rgb(173,225,221);
    border: 1px solid rgb(173,225,221);
}
.linkInactive {
	opacity: 0.5;
}

.trade_drop.linkactive {
	padding: 5px 14px;
}

.themeButton {
	color: #fff;
	background-color: #00a697;
}

.helpbutton {
	height: 20px;
	width: 20px;
	line-height: 20px;
	border-radius: 100px;
	border: 0;
	background-color: #00a697;
	color: #fff;
	padding: 0;
	font-weight: 600;
}

.trade_drop {
	position: relative;
}

.open_drop {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	background-color: #fff;
	z-index: 1;
	padding: 0;
	border-radius: 4px;
	border: 1px solid #00a697;
}

#exCoinsDetail_wrapper tbody tr:nth-last-child(2) .open_drop,
#exCoinsDetail_wrapper tbody tr:nth-last-child(3) .open_drop {
	top: inherit;
	bottom: 100%;
}

span.active {
	position: relative;
	padding: 6px 0;
}

	span.active .open_drop {
		display: block;
	}

.open_drop a {
	display: block;
	padding: 6px 10px;
	border-bottom: 1px solid #dee2e6;
	font-size: 12px;
	transition: all 0.3s 0s;
	font-weight: 600;
	color: #000;
}

	.open_drop a:last-of-type {
		border: 0;
	}

	.open_drop a:hover {
		color: #fff !important;
		background-color: #00a697;
	}

/*wallet end*/
/*wallet history start*/
.wallet_history td b {
	font-weight: 600;
}

.wallet_history td a {
	color: #00a697;
	border-bottom: 1px solid;
}

.wallet_history .badge {
	display: block;
}

.wallet_history .btn {
	font-size: 12px;
}

.wallet_history td span {
	white-space: nowrap;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	margin-bottom: -5px;
}

.badge {
	letter-spacing: 0;
	font-weight: 600;
	border-radius: 0;
	display: inline-block;
	padding: 0.4em;
	font-size: 12px;
}

/* wallet history end*/
/*order history start*/
.wallet_history .nav-tabs,
.order_history .nav-tabs,
.login_useractivity_history .nav-tabs {
	border-bottom: 1px solid #dee2e6;
	justify-content: flex-end;
	margin-bottom: -28px;
}

.wallet_history h5,
.order_history h5,
.login_useractivity_history h5 {
	margin-bottom: 20px;
}

.adv_filter {
	display: flex;
	list-style: none;
	align-items: center;
	margin-bottom: 10px;
	padding: 10px 15px;
	flex-wrap: wrap;
	row-gap: 10px;
	column-gap: 10px;
}

ul.adv_filter label {
	margin-bottom: 0;
	padding-right: 10px;
}
.adv_filter > li .date-filter {
	display: flex;
	align-items: center;
	color: #000;
	font-weight: 600;
	font-size: 15px;
	row-gap:5px;
}
.input-box {
	display: flex;
	width: 100%;
}
	.pair-sub-box {
	display: flex;
	align-items: center;
	row-gap:5px;
}
.adv_filter > li {
	display: flex;
	align-items: center;
	color: #000;
	font-weight: 600;
	font-size: 15px;
	column-gap: 10px;
	row-gap:10px;
}

li.pair-main {
  display:flex;
}

li.date-filter-main {
	display: flex;
}

	.adv_filter li.btn-li .btn {
		height: 32px;
		line-height: 32px;
		padding: 0 15px;
		font-size: 14px;
	}
	.applydebit_kyc .white_box .completed_kyc.kyc_status {
		box-shadow: unset;
	}

	.adv_filter li:nth-child(1) .form-control,
	.adv_filter li:nth-child(2) .form-control {
		width: 100%;
		max-width: 110px;
		border-radius: 5px;

	}
.adv_filter li .date-filter .form-control {
	border-radius: 5px 0px 0px 5px;
}

	.adv_filter .form-control {
		height: 40px !important;
		font-size: 12px;
		font-weight: 500;
		color: #000;
		background-color: #fff;
		border-radius: 5px;
		border: none;
		padding: 0px 15px;
		border: 1px solid #00b7a6;
	}

	.adv_filter .btn {
		font-size: 12px;
		height: 32px;
		border-radius: 0;
		box-shadow: none !important;
		width:auto;
	}

.adv_filter table.uib-daypicker th button {
	width: 100%;
}
div.dataTables_wrapper div.dataTables_length select {
	width: 80px;
	display: inline-block;
}
.adv_filter option {
	color: #000;
	font-size: 12px;
	font-weight: 500;
}

	.adv_filter .button {
		font-size: 14px;
		padding: 5px 25px;
		height: 40px;
	}

	.adv_filter .view_ex_btn {
		color: #fff;
	}

	.adv_filter .input-group-btn .btn {
		background-color: #fff;
		border-radius: 0;
		border-radius: 0px 5px 5px 0px;
		color: #000;
		box-shadow: none !important;
		background-color: #fff;
		height: 40px;
		width:40px;
		margin-left: -1px;
		position: relative;
		border: 1px solid #00b7a6;
		/* border-left: 0; */
	}

/*order history end*/
/*date picker start*/
.uib-datepicker-popup {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #dee2e6;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
}

	.uib-datepicker-popup td .btn {
		border-radius: 0;
		font-weight: 500;
		padding: 3px 6px;
		height: inherit;
		font-size: 14px;
		background-color: #fff;
	}

	.uib-datepicker-popup .btn.active {
		background-color: #00a697 !important;
		font-weight: 600;
		color: #fff !important;
		border-color: #00a697 !important;
	}

		.uib-datepicker-popup .btn.active .text-info {
			color: #fff !important;
		}

	.uib-datepicker-popup small {
		font-size: 10px;
		font-weight: 600;
		color: #758696;
	}

.uib-title {
	background-color: #00a697;
    color: #fff;
}

.uib-daypicker {
	box-shadow: none;
	outline: none;
}

	.uib-daypicker .text-info {
		color: #000 !important;
		font-weight: 600;
	}

/*date picker end*/
/*pagination start*/
.pagination {
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0;
	justify-content: flex-end;
}

	.pagination li a,
	.pagination li span {
		padding: 6px 14px;
		border-radius: 0 !important;
		display: block;
		font-weight: 500;
		color: #758696;
		font-size: 14px !important;
		box-shadow: none !important;
	}

		.pagination li a:hover {
			background-color: #00a697;
			border-color: #00a697;
			color: #fff;
		}

	.pagination li {
		margin-bottom: 0;
		margin-left: 5px;
	}

.page-item.active .page-link {
	background-color: #00a697;
	border-color: #00a697;
	color: #fff;
}

.pagination li a {
	border: 1px solid #eee;
	color: #151f28;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s 0s;
}

.pagination-page.active a {
	background-color: #00a697;
	border-color: #00a697;
	color: #fff;
}

/*pagination end*/
/*support start*/
.card {
	margin-bottom: 20px;
	border-radius: 0;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	border: 1px solid #dee2e6;
}

.card-header {
	padding: 0.5rem 0.75rem;
	margin-bottom: 0;
	background-color: #dee2e6;
	border-bottom: 1px solid #dee2e6;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 0 !important;
}

	.card-header h4 {
		margin: 0;
		font-size: 16px;
		color: #000;
		font-weight: 600;
	}

.card-body {
	padding: 1rem;
}

.pos_right_label {
	padding: 6px;
}

.ticket_info {
	margin: 0;
}

	.ticket_info .col-md-4 {
		border-right: 1px solid #dee2e6;
		margin-top: 10px;
	}

	.ticket_info h6 {
		margin: 0;
		font-size: 14px;
	}

	.ticket_info h3 {
		font-weight: 600;
		font-size: 20px;
		color: #000;
		margin-bottom: 5px;
	}

	.ticket_info .col-md-4:last-of-type {
		border-right: 0;
	}

.ticket_date {
	padding: 0;
	list-style: none;
}

	.ticket_date li {
		border-bottom: 1px solid #dee2e6;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

		.ticket_date li span {
			display: block;
			padding-bottom: 5px;
		}

		.ticket_date li h6 {
			font-size: 15px;
			font-weight: 600;
			margin: 0;
		}

.ticket-details {
	padding: 0;
	list-style: none;
	margin: 0;
}

	.ticket-details li {
		margin-bottom: 10px;
	}

		.ticket-details li:last-of-type {
			margin: 0;
		}

	.ticket-details p {
		margin-bottom: 0;
		font-weight: 600;
	}

	.ticket-details span {
		display: block;
	}

.btn_back {
	border: 0;
	font-weight: 500;
	display: flex;
	align-items: center;
	outline: none !important;
	padding: 5px 12px;
	box-shadow: 2px 2px 6px rgba(220, 53, 69, 0.5) !important;
	cursor: pointer;
}

.fa-long-arrow-alt-left {
	margin-right: 8px;
}

.support_det_left textarea {
	width: 100%;
	height: 100px;
	background-color: #010522;
	border: 1px solid #2e3150;
}

.support_link {
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s 0s;
}

	.support_link:hover {
		color: #00a697;
	}

.support-chat-box {
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.mess_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	flex-wrap: wrap;
}

	.mess_title .text-success {
		color: #060d13 !important;
	}

	.mess_title .text_theme_color {
		color: #00a697;
	}

.mess_img img {
	width: 170px;
	height: 120px;
	object-fit: cover;
	border: 2px solid #dee2e6;
	padding: 5px;
	background-color: #fff;
}

.mess_overlay {
	position: absolute;
	width: 170px;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(222, 226, 230, 0.8);
	transition: all 0.3s 0s;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.8);
}

.mess_img {
	position: relative;
}

.mess_overlay .button {
	padding: 5px 10px;
}

.mess_img:hover .mess_overlay {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.comment-footer {
	text-align: right;
	display: block;
	padding-top: 5px;
}

.comments {
	font-size: 14px;
}

	.comments p {
		margin-bottom: 0;
	}

.support-chat-scrollbar {
	float: left;
	max-height: 500px;
	width: 100%;
	overflow-y: auto;
}

/*support end*/
/*market start*/
.dropdown_market {
	position: absolute;
	top: 100%;
	z-index: 11;
	left: 0;
	opacity: 0;
	height:0px;
	overflow: hidden;
	background-color: #12162d;
	width: 400px;
	border: 1px solid #272c3c;
	transition: all 0.5s;
}

	.dropdown_market .nav-link {
		font-weight: 500;
		color: #fff;
		padding: 0.3rem 1rem;
	}

	.dropdown_market .nav {
		border-bottom: 1px solid #354956;
	}

	.dropdown_market .nav-item.active .nav-link,
	.dropdown_market .nav-link:hover {
		background-color: #00a697;
		color: #000;
	}
	/*.dropdown_market .nav-fill .nav-item:last-child a {
		margin: 0;
	}*/

	.dropdown_market tr {
		cursor: pointer;
	}

	.dropdown_market .table.scroll tbody {
		max-height: 340px;
		height: auto;
	}

	/*.dropdown_market td:first-of-type, .dropdown_market th:first-of-type {
        flex: 0 0 35px;
        min-width: 35px;
        width: 35px;
    }*/
	.dropdown_market .favourite {
		font-size: 18px;
	}

.pair {
	position: relative;
	width: 20%;
	text-align: center;
}

.pair .dropdown-toggle {
	background-color: transparent !important;
	border: 0;
	text-align: left;
	line-height: normal;
	cursor: pointer;
	outline: none;
	padding: 4px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.pair .dropdown-toggle::after {
	display: none;
}

.pair .dropdown-toggle span {
	display: block;
	color: #758696;
	font-size: 12px;
}

.pair .dropdown-toggle b {
	color: #00a697;
	font-weight: 600;
}

.pair .dropdown-toggle svg {
	color: #00a697;
	margin-left: 2px;
	font-size: 12px;
}

.pair.active .dropdown_market {
	display: block;
}

.pair_selected {
	background-color: #151f28;
	color: #fff;
}

.fav_first_flex {
	display: flex;
	align-items: center;
}
.cursor_pointer {
	cursor: pointer
}
.favourite {
	background-color: transparent;
	border: none;
	cursor: pointer;
	line-height: 1;
	outline: none;
	padding: 0;
	font-size: 22px;
	width: 20px;
	flex: 0 0 20px;
	display: inline-block;
}

	.favourite.active {
		color: #00a697;
		padding: 0;
	}

.fav_search input {
	width: 100%;
	background-color: #272c3c;
	border: 0;
	padding: 4px;
	color: #fff;
	padding-right: 26px;
}

.fav_search .table a {
	color: #c4c7c9;
}

.fav_search {
	position: relative;
	order: 1;
	width: 100%;
	margin-bottom:5px;
}

	.fav_search svg {
		position: absolute;
		top: 8px;
		right: 8px;
		width: 12px;
	}

/*market end*/
/*buy sell start*/
.sefty_code {
	border: 1px dashed #00b7a6;
	color: #00b7a6 !important;
	font-size: 20px !important;
	padding: 5px;
	max-width: 160px;
	width: 100%;
	margin: 0 auto 20px;
}

.buy_sell_orderbook {
	overflow: hidden;
	border-right: 2px solid #272c3c;
	padding-right: 5px;
}

.order_form.active .overlay_margin {
	display: flex;
	opacity: 1;
}

.overlay_margin {
	background-color: rgba(0, 0, 0, 0.9);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 44px);
	align-items: center;
	justify-content: center;
	z-index: 2;
	font-size: 20px;
	text-transform: uppercase;
	opacity: 0;
	display: none;
}

.order_form .tab-content {
	position: relative;
}

.order_form option {
	background-color: #000;
}

.order_form .nav-tabs.d-flex a {
	width: 50%;
	text-align: center;
	border: 0 !important;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	padding: 5px 3px;
}

.order_form .nav-tabs.d-flex {
	background-color: #1b262d;
	border: 0;
}

	.order_form .nav-tabs.d-flex a.active {
		background-color: #00a697 !important;
		color: #000 !important;
	}

.order_form_checkbox {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.order_form_checkbox label {
		font-size: 12px;
		color: rgba(255, 255, 255, 0.5);
		line-height: 24px;
	}

	.order_form_checkbox .custom-control-label::before {
		background-color: #253540;
		border: 1px solid #354956;
	}

	.order_form_checkbox .custom-control-label::before {
		border: 1px solid #354956 !important;
	}

	.order_form_checkbox .custom-control {
		padding-left: 18px;
	}

.order_form .form-group label {
	margin-bottom: 3px;
}

.order_form {
	padding: 7px 10px;
	background-color: #12162d;
	margin-top: 7px;
}

.order_form_btn {
	display: flex;
	justify-content: center;
}

	.order_form_btn .button {
		color: #fff;
		box-shadow: none;
	}

.order_form .nav-tabs {
	margin-bottom: 10px;
	border-bottom: 1px solid #1b262d;
}

.order_form .form-group {
	margin-bottom: 0.6rem;
	color:#fff;
}

.order_form .help-block {
	font-size: 10px !important;
}

.loginBtn {
	border: 1px solid #00a697;
	cursor: default !important;
	font-size: 12px;
	background-color: transparent;
}
.order_form_btn button {
	min-height: 36px;
	padding:8px 20px;
}

	.loginBtn:hover a {
		color: #fff;
	}

	.loginBtn a {
		color: #00a697;
	}

.right-indicator b {
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 100px;
	display: inline-block;
	margin: 0 2px;
}

.right-indicator {
	float: right;
}

	.right-indicator .buy {
		background-color: #00a697;
		cursor: pointer;
	}

	.right-indicator .sell {
		background-color: #B04759;
		cursor: pointer;
	}

.order_form .col-md-6 {
	padding-right: 5px;
	padding-left: 5px;
	width: 50%;
}

.order_form .row {
	margin: 0 -5px !important;
}

.order_form .form-group span {
	margin-bottom: 2px;
	display: block;
	font-size: 12px;
}

.order_form .vip_fun {
	position: inherit;
	text-align: right;
	margin-bottom: 5px;
	margin-top: -5px;
	font-size: 12px;
}

/*buy sell end*/
/*balance start*/
/*.balance .table-body li p, .balance .table-header li {
    font-size: 12px;
    font-weight: 500;
}*/
.balance .table-body {
	height: 90px;
}

	.balance .table-body li p img {
		margin: 0 5px 0 0;
		padding: 0;
		object-fit: contain;
		width: 20px !important;
		height: 20px !important;
	}

	.balance .table-body li p {
		color: #758696;
	}

		.balance .table-body li p span {
			display: block;
			color: #fff;
		}

		.balance .table-body li p:first-of-type {
			font-size: 12px;
			display: flex;
			align-items: center;
		}

		.balance .table-body li p svg {
			font-size: 20px;
		}

/*balance end*/
/*announcement start*/
.announce_cont {
	display: flex;
	align-items: center;
}

.announce_list p {
	margin: 0;
	color: #fff;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 13px;
}

.announce_list:hover {
	text-decoration: none;
}

.announce_list b svg {
	font-size: 11px;
	margin-left: 3px;
}

.announce_list svg {
	color: #00a697;
	margin-right: 10px;
}

.announce_list {
	display: flex;
	align-items: center;
	font-size: 14px;
	justify-content: space-between;
	cursor: pointer;
}

	.announce_list:last-of-type {
		border: 0;
	}

/*announcement end*/
.slick-dots {
	display: none !important;
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
	opacity: 0;
	width: 0;
}

.slick-next,
.slick-prev {
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #044a4d;
}

/*trading start*/
.height_flex {
	display: flex;
	flex-direction: column;
	position: relative;
	background-color: #12162d;
	margin-top: 10px;
}

	.height_flex .row {
		flex: 1;
	}

.theme_changer svg {
	color: #fff;
	padding: 0 !important;
}

.theme_changer .nav-link {
	cursor: pointer;
	background-color: #354956;
}

.chart-S {
	background-color: rgba(128, 0, 32, 0.4);
	position: absolute;
	/*right: 0px;*/
	top: 0;
	height: 100%;
	z-index: -1;
}

.ex_basic .chart-S {
	right: 0;
}

.chart-B {
	background-color: rgba(0, 192, 135, 0.2);
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	z-index: -1;
}

.ex_order_tbl tbody {
	max-height: inherit;
	height: 130px !important;
}

.ex_order_tbl tr {
	display: flex;
	width: 100%;
}

.ex_order_tbl td,
.ex_order_tbl th {
	flex: 1;
	color: #fff;
}

#margin_tab .table.scroll th,
#margin_tab .table.scroll td,
#exchange_tab .table.scroll th,
#exchange_tab .table.scroll td {
	font-size: 11px;
	font-weight: 500;
	white-space: nowrap;
	padding: 5px !important;
}

#margin_tab .table th:nth-child(1),
#margin_tab .table td:nth-child(1),
#exchange_tab .table th:nth-child(1),
#exchange_tab .table td:nth-child(1) {
	flex: 0 0 140px !important;
}

#openpos td span {
	margin-right: 5px;
}

.volume {
	display: flex;
	justify-content: space-around;
	color: #fff;
	align-items: center;
	background-color: #12162d;
	margin-bottom: 5px;
}

.volume_cont span {
	display: block;
	color: #758696;
	font-size: 12px;
	line-height: normal;
	padding-top: 2px;
}

.volume_cont {
	border-left: 1px solid #272c3c;
	padding: 6px 4px;
	width: 20%;
	text-align: center;
}

	.volume_cont b {
		font-weight: 600;
		font-size: 12px;
		line-height: normal;
		display: block;
	}

	.volume_cont:first-of-type {
		border-left: 0;
	}

.trading .form-control:disabled,
.trading .form-control[readonly] {
	background-color: #272c3c;
}

.trading .nav-link {
	color: #fff !important;
	font-size: 12px;
	margin-right: 10px;
	display: flex;
    align-items: center;
	justify-content:center;

}
.trading .height_flex .nav-link {
	margin-bottom: 5px;
	padding: 4px 16px;
	height: auto;
	padding-bottom: 1px;
}

	.trading .nav-link.active {
		color: #00a697 !important;
		background-color: transparent;
	}

.table thead {
	border-top: 0;
}
.dropdown_market .table.scroll tbody::-webkit-scrollbar {
	width: 9px;
	background-color: #00a697;
}

.dropdown_market .table.scroll tbody::-webkit-scrollbar-thumb {
	border-radius: 0px;
	background-color: #00a697;
}

.dropdown_market .table.scroll tbody::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}



.trading .table td {
	color: #c5cbce;
	border-bottom: 1px solid #ffffff26;
}

#open th:nth-child(1),
#open td:nth-child(1) {
	flex: 0 0 140px;
	max-width: 140px;
}

#completed th:nth-child(1),
#completed td:nth-child(1),
#tradehistory th:nth-child(1),
#tradehistory td:nth-child(1) {
	flex: 0 0 140px;
	max-width: 140px;
}

/*#completed th:nth-child(2), #completed td:nth-child(2),
#tradehistory th:nth-child(2), #tradehistory td:nth-child(2) {
    flex: 0 0 60px;
    max-width: 60px;
}
#completed th:nth-child(3), #completed td:nth-child(3),
#tradehistory th:nth-child(3), #tradehistory td:nth-child(3) {
    flex: 0 0 90px;
    max-width: 90px;
}

#completed th:nth-child(5), #completed td:nth-child(5),
#tradehistory th:nth-child(5), #tradehistory td:nth-child(5) {
    flex: 0 0 70px;
    max-width: 70px;
}

#completed th:nth-child(7), #completed td:nth-child(7),
#tradehistory th:nth-child(7), #tradehistory td:nth-child(7) {
    flex: 0 0 120px;
    max-width: 120px;
}*/
.dropdown-item:active {
	background-color: transparent;
}

.ex_mar_ordbook {
	background-color: #1b262d;
}

#order-history th:last-of-type,
#open-order th:last-of-type,
#fund-order th:last-of-type {
	border-right: 0;
}

#order-history th,
#open-order th,
#fund-order th {
	border-right: 1px solid #1b262d;
}

.advanced_tab .nav-tabs {
	border: 0;
}

.advanced_tab {
	position: absolute;
	top: 0;
	right: 0;
}

.box_bg {
	background-color: #1b262d;
}

.trade_history {
	font-size: 12px;
	position: relative;
}

	.trade_history .table-body {
		overflow: auto;
		height: 472px;
	}

		.trade_history .table-body li {
			cursor: pointer;
		}

.trading .col-lg-3 {
	max-width: 300px;
	flex: 0 0 300px;
	width: 100%;
	background-color: #060d13;
}

	.trading .col-lg-3.orderbook {
		flex: 0 0 300px;
		max-width: 300px;
		margin: 0 5px;
	}

.trading .col-lg-6 {
	flex: 1;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	min-width: 300px;
	height: calc(100vh - 55px);
	overflow: auto;
}

.trading .ex_data_col {
	flex: 0 0 550px;
	max-width: 5500px;
	margin-left: 10px;
}

.trading {
	background-color: #0a0e22;
	overflow: hidden;
	flex: inherit;
	padding: 10px;
	height: calc(100vh - 46px);
}

	.trading .row {
		margin-left: 0;
		margin-right: 0;
		/*height: 100%;*/
	}

.market_trade {
	background-color: #12162d;
}

.orderbook {
	background-color: #12162d;
}

.trading .form-control {
	padding: 0.6rem;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid rgb(71, 77, 87);
	background-color: #12162d !important;
	color: #fff;
}

.trading .form-control:focus {
	border: 1px solid #00a697;
}

	.trading .form-control:focus {
		background-color: transparent;
		border-color: #00a697;
		color: #fff
	}

.mix_price {
	text-align: center;
	padding: 6px;
	font-size: 14px;
	min-height: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #272c3c;
	border-bottom: 1px solid #272c3c;
}

	.mix_price b {
		font-size: 16px;
		margin-right: 0;
		color: #fff;
		font-weight: 600;
	}

	.mix_price div {
		margin-left: 10px;
	}

.col_padd_none {
	padding-left: 0;
	padding-right: 0;
}

.orderbook [scroll-glue] {
	/*overflow-y: auto;*/
	overflow-y: hidden;
	overflow-x: hidden;
}
.white_box.account_settings{
	padding: 15px 0px;
	padding-bottom: 0;
}
.buy_book,
.sell_book {
	height: 220px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.orderbook .tab-pane {
	height: calc(100vh - 75px);
}

.orderbook .table-body {
	height: auto;
	flex: 1;
	overflow: hidden;
}

.trading_foot span {
	font-size: 11px;
	white-space: nowrap;
}

	.trading_foot span:before {
		content: "";
		width: 8px;
		height: 8px;
		background-color: #00c087;
		display: inline-block;
		border-radius: 100px;
		margin-right: 5px;
	}

.leverage_slider {
	display: flex;
	align-items: center;
	padding: 0 5px;
}

.edit_btn {
	font-size: 12px;
	width: 26px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	display: block;
	padding: 0;
	margin-left: 10px;
	margin-top: 15px;
	background-color: #00a697;
	color: #fff;
	border: 0;
}

/*trading end*/
/*account start*/
.white_box {
	padding: 15px;
	position: relative;
    box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
	background-color: #fff;
}
.applydebit_kyc .same_s_btn {
    justify-content: center;
}
.white_box.account_settings h5 {
    padding: 0px 15px;
	margin-bottom: 15px;
}

.account_profile {
	display: flex;
	align-items: center;

}

.account_profile img {
    width: 125px;
    height: 125px;
    object-fit: cover;
    border-radius: 100px;
    margin-right: 20px;
       box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
}
header.user-menu .header-center {
    width: 100%;
    text-align: center;
}
.header-right ul.menu-head a.nav-link {
    padding: 0;
}

.account_profile h4 {
	font-size: 20px;
	margin-bottom: 0px;
}

	.account_profile p {
		margin-bottom: 0;
		margin-top: 10px;
		
		line-height: 24px;
		font-size: 14px;
	}

	.account_profile .d-flex {
		flex-wrap: wrap;
		align-items: center;
		gap: 8px;
	}

.acc_level {
	padding: 0;
	margin: 15px 0 0 0;
	list-style: none;
	display: flex;
}

	.acc_level .badge {
		background-color: #00a697;
		color: #fff;
		margin-top: 5px;
	}

	.acc_level h6 {
		color: #000;
		margin-top: 10px;
		font-weight: 600;
		font-size: 16px;
	}

	.acc_level span {
		display: block;
	}

		.acc_level span a {
			display: block;
			color: #00a697;
			font-weight: 600;
		}

	.acc_level b {
		color: #00a697;
		display: block;
		font-weight: 600;
	}

	.acc_level li {
		padding: 10px;
		border-top: 1px solid #dee2e6;
		text-align: center;
		position: relative;
		width: 33.33%;
	}

		.acc_level li:after {
			content: "";
			width: 10px;
			height: 10px;
			display: block;
			background-color: #dee2e6;
			position: absolute;
			top: -5px;
			left: calc(50% - 5px);
			transform: rotate(45deg);
		}

		.acc_level li.active {
			border-color: #00a697;
			box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
		}

			.acc_level li.active:after {
				background-color: #00a697;
			}

.acc-level-status {
	color: #00a697;
}

	.acc-level-status img {
		max-width: 20px;
		margin-right: 10px;
	}

h5.title {
	font-size: 1.25rem;
	color: #000;
	font-weight: 600;
}
div#my-tab-content .white_box {
    padding: 0;
    box-shadow: unset;
}
.white_box_1 {
       box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
    background-color: #fff;
    padding: 15px;
}
.account_details p {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	margin: 0;
	border-bottom: 1px solid #dee2e6;
	font-weight: 500;
}

	.account_details p span {
		display: block;
		margin-right: 15px;
	}

	.account_details p b {
		font-weight: 600;
	}

	.account_details p:last-of-type {
		border: 0;
		padding-bottom: 0;
	}

.account_verification_proff {
	text-align: center;
}

	.account_verification_proff h6 {
		margin-bottom: 15px;
		margin-top: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.account_verification_proff span {
		margin-left: 5px;
	}

	.account_verification_proff img {
		width: 200px;
		height: 100px;
		object-fit: contain;
		border-radius: 4px;
		border: 1px solid #ddd;
		padding: 5px;
	}

.account_verification_freezecoin {
	display: flex;
	align-items: center;
	border: 1px solid #e4e4e4;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
}

	.account_verification_freezecoin > img {
		max-width: 45px;
		margin-left: 10px;
		margin-right: 5px;
	}

.btn_150 {
	max-width: 150px !important;
	font-size: 17px;
}

.account_tab {
	margin-bottom: 20px;
	justify-content: center;
	border-bottom: 1px solid #dee2e6;
}

.login_useractivity_history td span {
	display: inline-block;
	white-space: nowrap;
	max-width: 350px;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}

.steps {
	position: relative;
}

	.steps ul {
		padding: 0;
		display: flex;
		justify-content: space-between;
		max-width: 500px;
		margin: 0 auto 20px;
		position: relative;
	}

		.steps ul:after {
			content: "";
			position: absolute;
			background: #dee2e6;
			width: 100%;
			height: 2px;
			top: calc(50% - 1px);
			right: 0;
			z-index: 0;
		}

		.steps ul li {
			display: block;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: #dee2e6;
			text-align: center;
			line-height: 36px;
			font-weight: 600;
			z-index: 1;
			font-size: 18px;
		}

			.steps ul li.completed {
				background: #00a697;
				color: #000;
			}

.account_form .form-control {
	font-weight: 500;
	color: #000;
}

.input-group-btn .button {
	padding: 8px 15px;
}

.doc_verify_info {
	background-color: #f6f7f9;
	padding: 10px;
	margin-bottom: 30px;
}

	.doc_verify_info p {
		margin-bottom: 5px;
	}

		.doc_verify_info p:last-of-type {
			margin: 0;
		}

	.doc_verify_info b {
		font-weight: 600;
	}

.verif_img img {
	width: 65px;
	height: 65px;
	border-radius: 100px;
	object-fit: cover;
}

.verif_img div {
	flex: 1;
	text-align: right;
}

.verif_img span {
	display: block;
}

.upload-image {
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #00a697;
	border-radius: 100px;
	cursor: pointer;
	transform: translate(-50%, -50%);
	box-shadow: 4px 4px 8px rgba(226, 197, 90, 0.5);
}

.file-upload {
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #000;
	cursor: pointer;
}

.file-upload-lable {
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 160px;
	overflow: hidden;
	display: block;
}

.custom-file-upload {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	opacity: 0;
	cursor: pointer;
}

.uploadid-details {
	text-align: center;
}

	.uploadid-details label {
		font-size: 15px;
		font-weight: 600;
	}

	.uploadid-details .text-center {
		position: relative;
		max-width: 250px;
		max-height: 250px;
		margin: 30px auto 20px;
	}

	.uploadid-details img {
		width: 100%;
		height: 160px;
		object-fit: contain;
		border-radius: 4px;
		border: 1px solid #eee;
		padding: 15px;
	}

/*security start*/
.security_list {
	margin-bottom: 30px;
}

	.security_list p {
		margin: 0;
	}

	.security_list .title {
		border-bottom: 1px solid #dee2e6;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.security_list h6 {
		font-size: 14px;
		color: #000;
		font-weight: 600;
	}

.security_status img {
	max-width: 20px;
}

.security_action {
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 1;
	margin-left: 10px;
}

	.security_action a {
		display: block;
		background-color: #00a697;
		color: #000;
		padding: 5px 10px;
		font-weight: 600;
		box-shadow: 4px 4px 8px rgba(226, 197, 90, 0.5);
		transition: all 0.3s 0s;
		width: 90px;
		text-align: center;
	}

.security_modal .form-control {
	font-weight: 500;
	color: #000;
}

.security_modal .view_ex_btn {
	margin-left: 10px;
}

#loginpassword .form-group {
	position: relative;
}

	#loginpassword .form-group .button {
		position: absolute;
		top: 4px;
		right: 4px;
		font-size: 12px;
		padding: 0 10px;
		height: 27px;
	}

#googleverification p {
	font-size: 13px;
}

	#googleverification p:last-of-type {
		margin: 0;
	}

#fido_modal {
	z-index: 1049;
}

.api_list b {
	font-weight: 600;
}

.api_list span {
	display: block;
	margin-bottom: 10px;
}

.api_list .col-md-9 {
	padding-left: 0;
}

/*security end*/
/*account end*/
/*switch start*/
.switch,
.switch * {
	webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: flex;
	float: right;
	text-align: right;
	margin-left: -47px;
}

	.switch label {
		cursor: pointer;
	}

		.switch label input[type="checkbox"] {
			opacity: 0;
			width: 0;
			height: 0;
		}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
	position: absolute;
	pointer-events: auto;
}

.switch label input[type="checkbox"]:checked + .lever {
	background-color: #000;
}

.switch label .lever {
	content: "";
	display: inline-block;
	position: relative;
	width: 36px;
	height: 14px;
	background-color: #373b54;
	border-radius: 15px;
	margin-right: 10px;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
	vertical-align: middle;
	margin: 0 16px;
}

.switch label input[type="checkbox"]:checked + .lever:before,
.switch label input[type="checkbox"]:checked + .lever:after {
	left: 18px;
}

.switch label .lever:before {
	background-color: rgba(38, 166, 154, 0.15);
}

.switch label .lever:before,
.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 0;
	top: -3px;
	-webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
	transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
	transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
	transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
}

.switch label input[type="checkbox"]:checked + .lever:after {
	background-color: #f8f8f8;
}

.switch label input[type="checkbox"]:checked + .lever:before,
.switch label input[type="checkbox"]:checked + .lever:after {
	left: 18px;
}

.switch label .lever:after {
	background-color: #f1f1f1;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.switch label .lever:before,
.switch label .lever:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	left: 0;
	top: -3px;
	-webkit-transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
	transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
	transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease;
	transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease, transform 0.1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
}

/*switch end*/
/* referral page start */
.referral_banner {
	background-color: #151f28;
	padding: 40px 0;
	color: #fff;
	text-align: center;
	position: relative;
}

	.referral_banner h3 {
		margin-bottom: 60px;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-size: 26px;
		margin-top: 10px;
	}

	.referral_banner h1 {
		font-size: 70px;
		font-weight: 900;
		color: #fff;
	}

.ref_icon {
	width: 100px;
	height: 100px;
	border: 2px solid #00a697;
	border-radius: 100px;
	padding: 15px;
	margin: 0 auto;
	transition: all 0.3s 0s;
}

.referral_flow h4 {
	margin: 30px 0 10px;
	text-transform: uppercase;
	font-size: 20px;
	color: #00a697;
}

.referral_flow p {
	font-size: 14px;
	color: #ddd;
}

.referral_flow:hover .ref_icon {
	background-color: #00a697;
}

.referral_banner:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../../img/referral.svg);
	opacity: 0.1;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.referral_terms {
	padding: 30px;
	background-color: #151f28;
	margin-bottom: 30px;
}

	.referral_terms ul li {
		list-style: none;
		font-size: 14px;
		margin-bottom: 10px;
		color: #fff;
		font-weight: 300;
	}

	.referral_terms ul {
		padding: 0;
		margin: 0;
	}

	.referral_terms h3 {
		margin-bottom: 20px;
		font-size: 20px;
	}

	.referral_terms h5 i {
		line-height: 0;
	}

	.referral_terms h5 {
		font-weight: bold;
		margin-top: 30px;
		color: #00a697;
		font-size: 16px;
	}

	.referral_terms p {
		font-size: 14px;
		color: #fff;
	}

		.referral_terms p:last-of-type {
			margin-bottom: 0;
		}

.referral_dash {
	padding: 30px 0;
}

.ref_qr img {
	max-width: 200px;
	margin-bottom: 15px;
	width: 100%;
}

.ref_qr {
	border: 1px solid #151f28;
	background-color: #151f28;
	padding: 30px;
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.06);
	border-radius: 0;
	margin-bottom: 30px;
}

	.ref_qr .col-md-2 {
		padding-right: 0;
	}

.ref_link .form-control {
	margin: 10px 0;
	height: 40px;
}

.ref_link {
	position: relative;
	display: flex;
	align-items: flex-end;
	margin-bottom: 10px;
}

	.ref_link span {
		word-break: break-word;
		background: #12181d;
		color: #00a697;
		width: 100%;
		height: 40px;
		padding: 7px;
		border-radius: 5px 0 0 5px;
		font-size: 13px;
		overflow-y: auto;
		display: flex;
		align-items: center;
		line-height: normal;
	}

	.ref_link .button {
		height: 40px;
		width: 40px;
		background-color: #2c3940;
		color: #fff;
		border: 1px solid #2c3940;
		cursor: pointer;
		flex: 0 0 40px;
		margin-left: 0;
		border-radius: 0 5px 5px 0;
	}

.ref_qr ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-between;
}

	.ref_qr ul li span {
		display: block;
		color: #fff;
		font-size: 13px;
		vertical-align: middle;
	}

	.ref_qr ul li {
		font-size: 16px;
		padding-bottom: 7px;
		margin-bottom: 0;
	}

		.ref_qr ul li b {
			font-size: 20px;
			color: #00a697;
			font-weight: 500;
		}

.ref_value {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	text-align: center;
	border-left: 1px solid;
}

	.ref_value li span {
		font-size: 18px;
		display: block;
		color: #fff;
	}

	.ref_value li b {
		font-size: 30px;
		color: #00a697;
	}

	.ref_value li {
		padding: 30px 10px;
		background-color: #151f28;
		margin: 15px 0;
		width: 100%;
	}

.ref_table_sec .table thead {
	background-color: #e2e2e2;
}

.ref_table_sec h4 a {
	font-size: 14px;
	float: right;
	color: #fff;
	background-color: #34374e;
	padding: 6px 15px;
	border-radius: 4px;
}

	.ref_table_sec h4 a svg {
		margin-left: 5px;
	}

.ref_table_sec {
	background-color: #eee;
	padding: 40px 0;
}

	.ref_table_sec table {
		margin: 0;
		background-color: #fff;
	}

.referral_flow p b {
	font-size: 30px;
	padding: 0 4px;
}

/* referral page end */
/*custom range picker css start*/
input[type="range"] {
	-webkit-appearance: none;
	width: 80%;
	left: 10%;
	position: relative;
	margin-top: 5px;
}

	input[type="range"]:focus {
		outline: none;
	}

	input[type="range"]::-webkit-slider-runnable-track {
		width: 100%;
		height: 4px;
		cursor: pointer;
		background: #354956;
	}

	input[type="range"]::-webkit-slider-thumb {
		height: 15px;
		width: 15px;
		border-radius: 10px;
		background: #00a697;
		cursor: pointer;
		-webkit-appearance: none;
		top: -5px;
		position: relative;
	}

	input[type="range"]:focus::-webkit-slider-runnable-track {
		background: #354956;
	}

	input[type="range"]::-moz-range-track {
		width: 100%;
		height: 4px;
		cursor: pointer;
		background: #354956;
	}

	input[type="range"]::-moz-range-thumb {
		height: 15px;
		width: 15px;
		border-radius: 10px;
		background: #354956;
		cursor: pointer;
		top: -5px;
		position: relative;
	}

/*custom range picker css end*/
/*innerpage start*/
.inner_page h4 {
	font-size: 18px;
	color: #00a697;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 30px;
}

	.inner_page h4:after {
		content: "";
		width: 60px;
		height: 2px;
		display: block;
		background-color: #00a697;
		margin-top: 10px;
		margin-bottom: 14px;
	}
.inner_title h4:after {
	margin: 0 auto;
	margin-top: 15px;
}
.inner_page b {
	color: #000;
	font-weight: 600;
}

.inner_page p a {
	color: #00a697;
	text-decoration: underline;
	font-weight: 500;
	transition: all 0.3s 0s;
}

	.inner_page p a:hover {
		color: #000;
	}

.inner_page p {
	font-weight: 500;
	line-height: 20px;
	color: #000;

}
.border_box h6 {
    color: #000;
}
.inner_page li a {
	color: #00a697;
	font-weight: 500;
	transition: all 0.3s 0s;
}

	.inner_page li a:hover {
		color: #fff;
	}

.socil-media {
	display: flex;
	align-items: center;
	list-style: none;
	padding: 0 !important;
	margin: 0 !important;
}
.liability-content{
    color: #00a697  !important;
}
	.socil-media a {
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 40px;
		color: #00a697;
		font-size: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.3s 0s;
		border-radius: 4px;
		border: 1px solid #00a697;
	}

	.socil-media li {
		margin-right: 15px;
	}

	.socil-media a:hover {
		background-color: #00a697;
		color: #fff;
	}

.buy_sell_orderbook h6.title a {
	color: #00a697;
	font-size: 12px;
	text-transform: capitalize;
	float: right;
}

/*innerpage end*/
/*light mood start*/
.light-mode .more_option .dropdown-menu {
	background-color: #eee;
	border-color: #ccc;
}

.light-mode .more_option .dropdown-item {
	color: #000;
}

.light-mode .navbar-nav .nav-link svg {
	color: #000;
}

.light-mode .more_option .dropdown-item:hover {
	background-color: #fff;
	color: #00a697;
}

.light-mode .balance .table-body li p {
	color: #758696 !important;
}

.light-mode .table.scroll td {
	color: #000;
}

.light-mode .balance .table-body li p span {
	color: #000;
}

.light-mode .chart-S {
	background-color: rgba(128, 0, 32, 0.2);
}

.light-mode svg g g tspan {
	fill: #758696;
}

.light-mode .highcharts-background {
	fill: #fff;
}

.light-mode #candleChart .highcharts-grid-line {
	stroke: #ccc;
}

.light-mode #candleChart text {
	fill: #000 !important;
	color: #000 !important;
}

.light-mode .chart_div .nav-link.active {
	color: #fff;
}

.light-mode #depthgraphContainer .highcharts-grid path {
	stroke: #ccc !important;
}

.light-mode .table-body li .red-color {
	color: #B04759 !important;
}

.light-mode .table-body li .green-color {
	color: #00c087 !important;
}

.light-mode .trading_foot,
.light-mode .navbar,
.light-mode .navbar .dropdown-item:hover,
.light-mode .dropdown_market,
.light-mode #depthgraphContainer,
.light-mode .trading .col-lg-3,
.light-mode .height_flex,
.light-mode .volume {
	background-color: #fff !important;
}

	.light-mode .mix_price,
	.light-mode .trading .form-control,
	.light-mode .order_form .nav-tabs.d-flex,
	.light-mode .ex_mar_ordbook,
	.light-mode .navbar-nav .nav-link:hover,
	.light-mode .navbar .dropdown-menu,
	.light-mode .fav_search input,
	.light-mode .navbar-nav .nav-item .nav-link:focus,
	.light-mode .chart_div .nav-fill,
	.light-mode .overlay_margin,
	.light-mode .order_form_flex select,
	.light-mode .order_form_flex .custom-control-label::before,
	.light-mode .pair .dropdown-toggle,
	.light-mode .bs_radio_flex .btn,
	.light-mode .trading {
		background-color: #eee;
	}

.light-mode .pair_selected,
.light-mode .theme_changer .nav-link,
.light-mode
.custom-radio
.custom-control-input:checked ~ .custom-control-label::before,
.light-mode .navbar-toggler-icon {
	background-color: #00a697 !important;
}

.light-mode .trading_foot,
.light-mode h6.title,
.light-mode .order_form .nav-tabs,
.light-mode .order_form,
.light-mode .table-header ul,
.light-mode .trading .col-lg-3,
.light-mode .announce_list,
.light-mode #order-history th,
.light-mode #open-order th,
.light-mode #fund-order th,
.light-mode .table thead,
.light-mode .ex_mar_ordbook,
.light-mode .chart_div,
.light-mode .volume,
.light-mode .volume_cont,
.light-mode .navbar,
.light-mode .navbar .dropdown-menu,
.light-mode .navbar .dropdown-item,
.light-mode .dropdown_market .nav,
.light-mode .dropdown_market,
.light-mode .bs_radio_buy,
.light-mode .bs_radio_sell,
.light-mode .nav-tabs,
.light-mode .mix_price {
	border-color: #ccc;
}

.light-mode .trading .nav-link.active {
	border-color: #000 !important;
}

.light-mode h6.title,
.light-mode .trading .nav-link,
.light-mode .table-body li p,
.light-mode .volume,
.light-mode .navbar-nav .nav-link,
.light-mode .trading .form-control,
.light-mode .navbar .dropdown-item,
.light-mode .pair_selected,
.light-mode .dropdown_market .nav-link,
.light-mode .white-color,
.light-mode .fav_search input,
.light-mode .order_form_flex select,
.light-mode .show > .btn-secondary.dropdown-toggle {
	color: #000 !important;
}

.light-mode .announce_list p {
	color: #758696 !important;
}

.light-mode .trading .nav-link.active,
.light-mode h6.title,
.light-mode .dropdown_market .nav-link,
.light-mode .trading .nav-link,
.light-mode .trading .bs_radio_flex .btn,
.light-mode .trading .order_form .form-group span,
.light-mode .volume_cont span,
.light-mode .table-header li {
	font-weight: 600;
}

/*light mood end*/

button:focus{
	outline: none;
}
/*u2f start*/
.u2f_cont {
	border-top: 1px solid #354956;
	padding-top: 15px;
}

.u2f_box {
	display: flex;
	align-items: center;
	font-size: 14px;
	flex-direction: column;
	text-align: center;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}
.u2f_foot {
    margin-top: 15px;
}
.modal-body.security_modal {
    padding: 25px 16px;
}
	.u2f_box img {
		max-width: 200px;
		margin-bottom: 20px;
	}

	.u2f_box ul {
		padding: 0;
		list-style: none;
		margin: 0;
	}

	.u2f_box li {
		margin-top: 5px;
	}

		.u2f_box li svg {
			margin-right: 5px;
			font-size: 12px;
		}

	.u2f_box p {
		margin-bottom: 5px;
		font-weight: 500;
	}

	.u2f_box b {
		margin-bottom: 20px;
		font-weight: 600;
	}

.u2f_foot span {
	text-align: center;
	display: block;
	margin-bottom: 10px;
	color: #fff;
}

.u2f_foot .btn {
	margin: 0;
}

.u2f_box.active {
	border-color: #00a697;
}

.u2f_form {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

	.u2f_form .custom-control {
		margin-left: 30px;
		display: flex;
		align-items: center;
	}

	.u2f_form label {
		cursor: pointer;
	}

.u2f_lable {
	border: 1px solid #eee;
	padding: 15px;
	margin-bottom: 15px;
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

	.u2f_lable ul:last-of-type {
		margin: 0;
	}

	.u2f_lable ul {
		padding-left: 20px;
	}

/*.u2f_lable b {
        text-transform: uppercase;
    }*/
.u2f_modal_img {
	flex: 0 0 100%;
}

	.u2f_modal_img img {
		max-height: 150px;
		margin: 0 auto 15px auto;
		display: table;
	}

.u2f_modal_footer {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	flex: 0 0 100%;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

	.u2f_modal_footer .button {
		margin-right: 10px;
		white-space: nowrap;
	}

.u2f_form_second {
	display: none;
}

	.u2f_form_second p {
		font-size: 16px;
		text-align: center;
		max-width: 450px;
		margin: 0 auto;
	}

.u2f_form.active {
	display: none;
}

.u2f_form_second.active {
	display: block;
}

.u2f_done_modal {
	text-align: center;
}

	.u2f_done_modal svg {
		font-size: 100px;
	}

	.u2f_done_modal p {
		font-size: 16px;
		max-width: 450px;
		margin: 15px auto;
	}

	.u2f_done_modal .btn-theme {
		margin: 0 auto;
	}

.u2f_security_check {
	text-align: center;
}

	.u2f_security_check .btn-theme {
		margin: 10px auto 0;
	}

	.u2f_security_check b {
		font-size: 16px;
		margin-bottom: 30px;
		display: block;
		color: #fff;
		font-weight: normal;
	}

.u2f_enabled {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	width: 100%;
}

	.u2f_enabled li {
		margin: 0 10px;
	}

		.u2f_enabled li a {
			display: block;
			text-decoration: none;
		}

		.u2f_enabled li:first-of-type {
			flex: 1;
			color: #fff;
		}

.u2f_flex_1 {
	flex: 1;
}
.wallet_head_add_btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	row-gap: 12px;
}


.moniter img {
	width: 220px;
}

.moniter {
	width: 67%;
}

.usp-div .usp-img {
	width: 100px;
	position: relative;
	position: relative;
	-webkit-animation: mymove 2s infinite;
}

.animaiton-div {
	max-width: 450px;
	width: 100%;
	padding-left: 29px;
	margin: 0 auto;
	padding: 55px 0;
}

.usp-div {
	width: 28%;
	padding-top: 25px;
	position: relative;
}

.add-class {
	right: 80% !important;
}

#U2FAddDevice_step2 p,
#U2FRegisterDevice p {
	text-align: center;
	font-size: 16px;
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}

#Two_factor_Login_U2F p {
	margin: 15px auto;
}

@-webkit-keyframes mymove {
	from {
		right: 0;
	}

	to {
		right: 50px;
	}
}

@keyframes mymove {
	from {
		right: 0;
	}

	to {
		right: 50px;
	}
}

/*u2f end*/
/*inner page start*/
.full_orderbook .adv_filter .button {
    margin-left:10px;
    background: #00000012;
    box-shadow: none;
    border-radius: 5px;
    color: #0000007d;
    line-height: 40px;
    font-size: 13px;
    padding: 0px 15px;
    height: 40px;
}



.full_orderbook .inner_container .table-header ul {
	border-bottom: none;
    color: #fff;
    background: #00b7a6;
}

.full_orderbook li {
	margin: 0;
	color: #fff;
    font-size: 15px;
}
ul.adv_filter li {
	color: #000;
}
li.pair-main-1 {
	display: block;
}
	li.pair-main-1 .pair-sub-box {
		width: calc(100% - 0px);
	}

	.full_orderbook li p {
		font-size: 14px;
		color: #758696;
		font-weight: 500;
	}

.market_statastic .d-flex {
	justify-content: space-between;
}

.market_statastic .table th,
.market_statastic .table td {
	width: inherit;
	padding: 13px;
}

/*fees page start*/
.small_span {
	font-size: 14px;
	display: block;
}

.fees_lavel h5 b {
	color: #00a697;
}

.high_label_sec {
	/*align-items: flex-end;*/
	text-align: center;
}

	.high_label_sec .col-md-2 p {
		font-size: 24px;
	}

	.high_label_sec p {
		margin: 0;
		font-weight: 500;
	}

		.high_label_sec p b {
			font-size: 14px;
			color: #00a697;
		}

.high_bg_price {
	color: #000;
	text-align: center;
	font-weight: 600;
	font-size: 16px;
	margin-top: 5px;
}

.fees_page .nav-tabs {
	border-bottom: 1px solid #dee2e6;
	justify-content: flex-end;
	margin-bottom: -30px;
}

.fees_page h5 {
	margin-bottom: 20px;
}

.fees_alert {
	padding: 15px;
	border: 1px solid #dee2e6;
	margin-bottom: 20px;
}

	.fees_alert p {
		margin-bottom: 5px;
	}

	.fees_alert ul {
		margin: 0;
		padding-left: 15px;
	}

	.fees_alert li {
		margin-top: 10px;
	}

	.fees_alert p:last-of-type {
		margin: 0;
	}

.fees_lavel {
	background-color: #fff;
	padding: 20px;
	margin: 20px 0;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

	.fees_lavel h5 {
		color: #758696;
		text-align: center;
		font-weight: 500;
	}

.maker_taker_link a {
	color: #00a697;
	font-weight: 500;
	border-bottom: 1px solid;
}

.maker_taker_link {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-bottom: 10px;
}

.fees_table h5 {
	margin-bottom: 0;
	margin-top: 20px;
}

/*fees page end*/
/*inner page end*/
/*dev time css add start*/
.custom_check {
	cursor: pointer;
	font-size: 14px;
}

	.custom_check label {
		user-select: none;
		cursor: pointer;
	}

.form-control:disabled {
	cursor: no-drop;
}

.colorPanel {
	display: none !important;
}

.trading > .row {
	flex-wrap: nowrap;
}

/*dev time css add end*/
.card-body .alert,
.modal-body .alert {
	font-size: 13px;
}

.order_history td a {
	border-bottom: none;
}

.order_history .table td,
.order_history .table th {
	width: 1%;
}
div#my-tab-content .container-fluid {
	padding: 0;
}

/*media query start*/
@media (min-width: 1300px) {
	.bs_flex form {
		padding: 5px 20px;
	}

	.bs_flex #form_buy {
		padding-right: 20px;
	}

	.bs_flex #form_sell {
		padding-left: 20px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1300px;
	}

	.dropdown_market td:nth-child(2),
	.dropdown_market th:nth-child(2) {
		/*flex: 0 0 60px;
		width: 60px;*/
	}

	.dropdown_market td:nth-child(3),
	.dropdown_market th:nth-child(3) {
/*		flex: 0 0 100px;
		width: 100px;*/
	}
}

@media (min-width: 767px) {
	.footer_company_det_box:nth-child(1),
	.footer_company_det_box:nth-child(3) {
		width: 30%;
	}
}

@media (min-width: 1025px) and (max-width: 1499px) {
	.table-header li {
		
	}

	#fills td:nth-child(10),
	#fills th:nth-child(10) {
		flex: 0 0 100px;
		width: 100px;
	}

	.table-responsive {
		overflow: overlay;
	}
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.vip_fun {
		position: inherit;
		left: 0;
		top: 0;
		font-size: 12px !important;
		text-align: center;
		margin-top: 4px;
	}

	.bs_flex {
		margin-top: 0;
	}

		.bs_flex .title img {
			width: 13px;
			margin-right: 2px;
		}
}

@media (max-width: 1700px) and (min-width: 1501px) {
	#margin_tab .table.scroll th,
	#margin_tab .table.scroll td,
	#exchange_tab .table.scroll th,
	#exchange_tab .table.scroll td {
		font-size: 10px;
	}

	#margin_tab .table th:nth-child(1),
	#margin_tab .table td:nth-child(1),
	#exchange_tab .table th:nth-child(1),
	#exchange_tab .table td:nth-child(1) {
		flex: 0 0 120px !important;
	}

	#fills .table th:nth-child(2),
	#fills .table td:nth-child(2) {
		flex: 0 0 60px !important;
	}

	#fills .table th:nth-child(3),
	#fills .table td:nth-child(3) {
		flex: 0 0 55px !important;
	}

	#fills .table th:nth-child(4),
	#fills .table td:nth-child(4) {
		flex: 0 0 75px !important;
	}

	#fills .table th:nth-child(5),
	#fills .table td:nth-child(5) {
		flex: 0 0 75px !important;
	}

	#fills .table th:nth-child(6),
	#fills .table td:nth-child(6) {
		flex: 0 0 70px !important;
	}

	#fills .table th:nth-child(7),
	#fills .table td:nth-child(7) {
		flex: 0 0 70px !important;
	}
}

@media (max-width: 1500px) and (min-width: 1201px) {
	/*#fills tbody {
        width: max-content;
    }*/
	#margin_tab .table.scroll th,
	#margin_tab .table.scroll td,
	#exchange_tab .table.scroll th,
	#exchange_tab .table.scroll td {
		font-size: 9px !important;
		padding: 5px 2px !important;
	}

	#margin_tab .table th:nth-child(1),
	#margin_tab .table td:nth-child(1),
	#exchange_tab .table th:nth-child(1),
	#exchange_tab .table td:nth-child(1) {
		flex: 0 0 110px !important;
		width: 110px;
	}

	#fills .table th:nth-child(2),
	#fills .table td:nth-child(2),
	#fills .table th:nth-child(3),
	#fills .table td:nth-child(3) {
		flex: 0 0 50px !important;
		width: 50px;
	}

	#fills .table th:nth-child(4),
	#fills .table td:nth-child(4),
	#fills .table th:nth-child(5),
	#fills .table td:nth-child(5),
	#fills .table th:nth-child(6),
	#fills .table td:nth-child(6),
	#fills .table th:nth-child(7),
	#fills .table td:nth-child(7),
	#fills .table th:nth-child(8),
	#fills .table td:nth-child(8) {
		flex: 0 0 70px !important;
		width: 70px;
	}

	#fills .table th:nth-child(10),
	#fills .table td:nth-child(10) {
		flex: 0 0 80px !important;
		width: 80px;
	}

	#fills .table th:nth-child(9),
	#fills .table td:nth-child(9) {
		flex: 0 0 90px !important;
		width: 90px;
	}
}

@media (max-width: 1400px) {
	.trading .col-lg-3 {
		max-width: 280px;
		flex: 0 0 280px;
	}

		.trading .col-lg-3.orderbook {
			flex: 0 0 280px;
			max-width: 280px;
		}

	.volume_cont {
		font-size: 10px;
	}
}

@media (max-width: 1200px) {
	.trading > .row {
		flex-wrap: wrap;
	}
	.trading .ex_data_col {
	  margin-left:0px;
	}
	.tab-content.profile-tab {
		margin-top: 15px;
	}
	.trading .col-lg-6 {
		flex: 0 0 100%;
		width: 100%;
	}

	.trading .col-lg-3 {
		max-width: 50% !important;
		flex: 50% !important;
		height: 750px;
	}

	.trading {
		height: auto;
	}


	#depthgraphContainer,
	#tv_chart_container {
		height: 460px;
	}

	.volume {
		border-top: 1px solid #1b262d;
	}

	.trading_foot {
		flex-wrap: wrap;
		height: inherit;
		padding: 10px 15px;
	}

	.announce_list {
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		border-bottom: 1px solid #1b262d !important;
		padding-bottom: 5px;
		margin-bottom: 5px;
		width: 100%;
	}

	.announce_cont {
		flex-wrap: wrap;
		width: 100%;
	}
}

@media (max-width: 991.98px) {
	.ticket_info {
		flex-wrap: nowrap;
	}

		.ticket_info .col-md-4 {
			width: 33%;
			flex: 0 0 33%;
		}

	.security_list {
		height: auto !important;
		margin: 0;
	}

	.app_download a img {
		max-width: 150px;
		margin: 0 0;
	}

	.wallet_history
	.dataTables_wrapper > .row:first-of-type
	.col-sm-12:first-of-type,
	.login_useractivity_history
	.dataTables_wrapper > .row:first-of-type
	.col-sm-12:first-of-type {
		margin: 0;
	}



	.wallet_history .dataTables_filter,
	.login_useractivity_history .dataTables_filter {
		margin: 0;
	}



	.left_bal p {
		margin: 0;
	}

	.dataTables_wrapper > .row:first-of-type {
		flex-direction: column;
	}

	.dataTables_wrapper .row:first-of-type .col-sm-12 {
		text-align: center;
	}

	div.dt-buttons {
		float: inherit !important;

	}

	.adv_filter {
		flex-wrap: wrap;
		margin-bottom:0px;
	}

	.bs_book {
		width: 50%;
		padding-right: 2.5px;
	}

	.col-lg-3.height_flex {
		flex-direction: row;
	}

	header .menu .navbar-collapse {
		margin-top: 10px;
		text-align: center;
	}

	.btn_group {
		justify-content: center;
		margin-top: 10px;
	}

	header.menu .navbar-toggler {
		margin-right: 0;
	}

	.slider_des h2 {
		font-size: 26px;
	}

	.slider_des p {
		font-size: 16px;
		margin: 15px auto;
	}

	.slider_des.text-left p {
		margin: 15px 0;
	}

	.app_download h4 {
		line-height: 26px;
		margin: 15px 0 0;
		font-weight: normal;
		font-size: 18px;
	}

	.app_download a {
		margin-right: 10px;
		font-size: 14px;
		margin-top: 15px;
		width: calc(50% - 10px);
		text-align: left;
	}

	.app_download svg {
		margin: 0;
	}

	.app_download .btn-group {
		flex-wrap: wrap;
	}

	.wallet_table_bg {
		padding: 10px;
	}

	.dataTables_wrapper > .row:first-of-type .col-sm-12 {
		padding: 0;
		margin-top: 10px;
	}


	div.dataTables_wrapper div.dataTables_filter label {
		margin: 0;
	}

	.dataTables_filter {
		margin: 0;
	}

	.acc_level ul li:last-of-type {
		margin-bottom: 0;
	}

	.wallet_table_bg .dataTables_filter {
		margin-right: 0;
	}

	.wallet_table_head {
		position: initial;
		width: 100%;
	}

	.hide_btn {
		margin-left: 10px !important;
	}

	#exCoinsDetail td:first-of-type {
		padding-right: 30px;
	}

	.u2f_box {
		flex-direction: column;
	}

	.u2f_flex_1 {
		margin: 15px 0;
		text-align: center;
	}

	.ref_qr {
		padding: 15px;
	}

	.ref_table_sec h4 {
		font-size: 18px;
	}

	.ex_order_tbl table tbody {
		width: 990px;
		overflow: auto;
	}

	.custom-flex1 {
		flex-direction: column;
	}

	.acc_level {
		max-width: 100% !important;
	}

	.right-side-widget-outer {
		margin: 0 !important;
	}

	.drop_table .dropdown-toggle {
		margin-left: 15px;
	}

	.btn.bg-green {
		font-size: 12px;
		padding: 10px 12px;
		margin-right: 15px;
	}

	.btn.bg-red {
		font-size: 12px;
		padding: 8px 12px;
	}

	img.logo {
		margin-left: 15px;
	}

	.navbar-nav .nav-link {
		padding: 10px 20px;
		margin: 0;
	}

	.pair .dropdown-toggle {
		width: calc(100% - 40px);
		background-color: #1b262d;
		padding: 5px 10px;
		margin: 5px 20px;
		border-radius: 2px;
	}

		.pair .dropdown-toggle svg {
			float: right;
		}

	.theme_changer .nav-link {
		width: 40px;
		height: 40px;
		margin-left: 20px;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	li.pair-main {
	  flex-wrap:wrap;
	}
	.register-container .container {
		padding: 0;
	}
	.adv_filter > li {
		width: 100%;
	}
	.pair-sub-box {
		width: calc(50% - 5px);
	}
	ul.adv_filter select {
		width: 100%;
		
		max-width: 100% !important;
	}
	.adv_filter > li .date-filter {
		width: calc(50% - 5px);
	}
	.adv_filter li:nth-child(1) .form-control, .adv_filter li:nth-child(2) .form-control {
	  max-width:100%;
	}
	li.filter-btn-main button {
		width: calc(50% - 5px);
	}
	#ui-tinymce-1_ifr {
		height: 150px !important;
	}

	.dropdown_market {
		width: 280px;
	}

	.account_verification_proff {
		justify-content: center;
		margin-bottom: 10px;
	}

	.fees_page .nav-tabs {
		margin-bottom: 15px;
		justify-content: flex-start;
		margin: 0px -15px;
		margin-bottom: 25px;
	}

	.fees_page h5 {
		margin-bottom: 15px;
	}

	.register_card_body .view_ex_btn {
		margin-top: 10px;
		margin-bottom: 15px;
	}

	.app_download h2 {
		text-align: center;
	}

	.app_download .btn-group {
		justify-content: center;
	}

	.app_download a {
		width: inherit;
	}

	.trading .col-lg-3 {
		max-width: 100% !important;
		flex: 100% !important;
		height: inherit;
		border-right: 0;
		margin-bottom: 10px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.order_form {
		border-bottom: 0;
	}

	.trade_history {
		display: block;
	}

	.history_body .table-body {
		height: 200px;
	}

	.ref-table tbody {
		height: 250px;
	}

	.ref_value {
		border-left: 0;
		border-top: 1px solid #354956;
		margin-top: 20px;
	}

		.ref_value li {
			margin-top: 0;
			padding-top: 20px;
		}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center;
	}

	.dataTables_wrapper .col-sm-12 {
		padding: 0;
	}

	.hide_btn {
		position: inherit;
		margin: 0 auto;
		display: table;
	}

	.app_download {
		text-align: center;
	}

		.app_download a {
			text-align: center;
		}

		.app_download svg {
			margin: 0 auto;
		}

		.app_download .btn-group {
			margin-bottom: 30px;
		}

	.security-verify span {
		font-size: 12px;
		display: block;
		padding-right: 10px;
	}

	.security-verify img {
		margin-right: 5px;
		width: 15px;
	}

	.security-name h4 {
		font-size: 14px;
	}

	.switch,
	.switch * {
		float: left;
		margin-left: 0;
	}

	.advanced .order-widget {
		margin-bottom: 15px;
	}

	body .drop_table .dropdown-menu {
		max-width: 600px;
		width: 100% !important;
	}

	.col-lg-5.col-md-12.col-sm-12.col-xs-12.advancedview {
		-webkit-box-ordinal-group: 1;
		order: 1;
		padding-left: 0 !important;
	}

	.header_line .col-lg-12 {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.small-padd {
		padding: 7px !important;
	}

	.navbar-brand {
		padding: 0;
	}

	.ref_table_sec .table {
		margin-bottom: 30px;
	}

	.ref_table_sec {
		padding-bottom: 10px;
	}

	.referral_terms {
		padding: 15px;
	}

	div.dataTables_wrapper div.dataTables_info {
		margin: 10px 0;
	}

	div.dataTables_wrapper div.dataTables_length {
		display: none;
	}

	.dataTables_filter {
		margin-top: 7px;
		margin-bottom: 7px;
	}

	.dep-with-balance ul {
		justify-content: start;
		margin: 0 0 0;
		flex-wrap: wrap;
	}

		.dep-with-balance ul li {
			max-width: 100%;
			flex: 0 0 100%;
			margin-bottom: 10px;
		}

	.ref_qr ul {
		margin-top: 10px;
	}

	.pl-7 {
		padding-left: 0 !important;
	}

	.paddingleft7 {
		padding-left: 0 !important;
		margin-top: 7px;
	}

	.advancedview {
		padding-left: 0 !important;
		margin-top: 5px;
	}

	.feature-widget {
		padding: 30px 0;
	}

	.app-screenshot img {
		margin-top: 15px;
	}

	.buysell .col-lg-6 {
		max-width: 100%;
		flex: 0 0 100%;
	}

	.chart {
		padding-right: 0 !important;
	}

	.buysell .center-widget {
		height: auto;
	}

	.break-sm .ciq-menu-section {
		right: inherit !important;
		left: 0 !important;
		width: 100%;
	}

	.sidenav.active {
		position: absolute;
	}

	footer h6 {
		border-top: 1px solid #354956;
		padding-top: 15px;
		font-size: 14px;
	}

	footer .links:first-of-type h6:first-of-type {
		border: 0;
		padding: 0;
	}

	footer {
		padding: 20px 0 0;
		display: none;
	}

	.copy-bar {
		display: none;
	}

	.orderbook .table-body {
		max-height: 195px;
	}

	.trade_history .table-body {
		height: 190px;
	}

	.balance .table-body {
		height: auto;
		max-height: 150px;
	}

	.trading {
		padding: 5px;
	}

	.trading_foot {
		display: none;
	}

	.inner_container {
		box-shadow: none;
	}


	.navbar {
		z-index: 1;
	}

	.banner h1 {
		font-size: 1.4rem;
	}

	.banner h3 {
		font-size: 1rem;
		margin: 20px 0;
	}

	.account_settings {
		margin-bottom: 15px;
	}
}

@media (max-width: 575.98px) {
	.input-group-text {
		display: none;
	}
	.qrbord canvas {
		width: 77%;
	}
	.pair-sub-box {
		width: 100%;
		flex-wrap:wrap;
	}
	.input-box {
		width: 100%;
	}
		.otp_flex .button {
		margin-top: 0;
	}

	.acc_level li {
		padding: 15px 10px;
		width: 100%;
	}

	.btn_submit {
		border: 2px solid #00a697;
	}

	.account_box {
		align-items: flex-start !important;
		flex-direction: column;
	}

	.acc_level {
		flex-direction: column;
	}

	.ticket_date li span {
		padding-bottom: 0;
		font-size: 12px;
	}

	.ticket_date li h6 {
		font-size: 13px;
	}

	.account_profile {
		flex-direction: column;
	}

	.security_modal .alert {
		font-size: 13px;
		padding: 10px;
	}

	.api_list .img-thumbnail {
		max-width: 100px;
	}

	.api_list .col-md-9 {
		padding-left: 15px;
		margin-top: 10px;
	}

	.api_list b {
		word-break: break-all;
	}

	.api_list span {
		font-size: 12px;
	}

	.u2f_box {
		font-size: 10px;
	}

	.modal-title {
		font-size: 16px;
	}

	.u2f_box img {
		max-width: 150px;
	}

	#tblSupports_wrapper.dataTables_wrapper > .row:first-of-type .col-sm-12 {
		margin-top: 0;
	}

	.account_profile img {
		width: 60px;
		height: 60px;
		margin-bottom: 10px;
		margin-right: 0;
	}

	.account_profile h4 {
		font-size: 14px;
	}

	.account_profile p {
		font-size: 12px;
		text-align: center;
	}

	.account_profile .d-flex {
		justify-content: center;
	}

	.account_profile .badge {
		font-size: 10px;
	}

	.account_verification_proff {
		margin: 15px 0;
	}

		.account_verification_proff img {
			width: 130px;
			height: 100px;
		}

	.security_list .d-flex {
		flex-direction: column;
		align-items: start !important;
	}

	.security_action {
		margin-left: 0;
		margin-top: 10px;
		justify-content: start;
	}

	.security_list p {
		font-size: 12px;
	}

	h5.title {
		font-size: 16px;
	}

	.security_status img {
		max-width: 16px;
	}

	.uib-datepicker-popup td .btn {
		font-size: 11px;
		padding: 3px;
	}

	.wallet_history h5,
	.order_history h5,
	.login_useractivity_history h5 {
		margin-bottom: 15px;
		font-size: 14px;
	}

	.wallet_history .nav-tabs,
	.order_history .nav-tabs,
	.login_useractivity_history .nav-tabs {
		margin: 0 0 15px;
		justify-content: center;
	}

	.button {
		padding: 6px 15px;
		font-size: 12px;
		border: 2px solid transparent;
	}

	.banner .view_ex_btn {
		border: 2px solid #00a697;
	}

	.register_card_top .logo {
		height: 30px;
	}

	.register_card_body {
		box-shadow: none;
		padding: 0;
	}

		.register_card_body .captcha {
			transform: scale(0.9);
			position: relative;
			left: -15px;
		}

		.register_card_body .view_ex_btn {
			margin-top: 10px;
			margin-bottom: 15px;
		}

		.register_card_body .form-group {
			margin-bottom: 10px;
			margin-top: 20px;
		}

	header.menu .navbar-brand img {
		max-width: 100px;
	}

	header.menu {
		padding: 10px;
	}

	.pagination li a {
		font-size: 12px !important;
	}

	.wallet_table_head {
		flex-direction: column;
		align-items: start;
	}

	.hide_btn {
		margin-left: 0 !important;
		margin-top: 0;
	}

	.wallet_table_bg h5 {
		font-size: 18px;
	}

	.order_form .nav-tabs.d-flex a {
		padding: 3px;
	}

	.trading .form-control {
		padding: 0.375rem 0.75rem;
	}

	.order_form .form-group {
		margin-bottom: 0.5rem;
		min-height: inherit;
	}

	.order_form_btn {
		margin-top: 2px;
	}

		.order_form_btn .btn {
			font-size: 14px;
		}

	.adv_filter li.btn-li .btn {
		height: 26px;
		line-height: 26px;
		padding: 0 4px;
		font-size: 11px;
	}

	.adv_filter .form-control {
		margin-left: 1px;
		height: 40px !important;
		font-size: 11px;
	}

	.banner .d-flex {
		flex-direction: column;
	}

	.banner .button.ml-3 {
		margin-left: 0 !important;
		margin-top: 15px;
	}


	.adv_filter {
		padding: 4px;
	}

		.adv_filter .btn {
			font-size: 11px;
			height: 26px;
			padding: 0;
			min-width: 26px;
		}

	.register-container {
		padding: 10px 10px;
	}


	.bs_book {
		width: 100%;
		padding-right: 0;
	}

	.col-lg-3.height_flex {
		flex-direction: column;
	}

	.history_body {
		display: block;
		height: inherit;
	}

	.activity_list h6 {
		font-size: 12px;
		font-weight: normal;
	}

	.activity_list b {
		font-weight: normal;
	}

	.percent-btns a {
		padding: 3px;
	}

	.advanced .order-widget {
		margin-bottom: 0;
	}

	.sticky .navbar-nav {
		padding: 5px 0;
	}

	h6.title {
		margin-top: 0 !important;
	}

	.volume {
		flex-wrap: wrap;
	}

	.volume_cont {
		width: 50%;
	}

		.volume_cont:last-of-type {
			width: 100%;
		}

	.bs_flex .title img {
		width: 12px;
		margin-right: 0;
	}

	.vip_fun {
		position: inherit;
		left: 0;
		top: 0;
		font-size: 12px !important;
		text-align: right;
		margin-top: 5px;
	}

	.ciq-nav cq-toggle {
		margin-top: 4px !important;
	}

	.ciq-dropdowns {
		margin-top: 0 !important;
	}

	.chart_div .nav-fill {
		top: 8px;
		right: 6px;
		position: initial;
		margin-bottom: 10px;
	}

	.ciq-menu,
	cq-toggle {
		text-align: center;
	}

	.break-sm .ciq-menu.collapse,
	.break-md .ciq-menu.collapse {
		width: 30px !important;
	}

	.chart_div .nav-link {
		font-size: 10px;
	}

	.referral_banner h1 {
		font-size: 30px;
	}

	.referral_banner h3 {
		letter-spacing: 2px;
		font-size: 16px;
		margin-bottom: 10px;
	}

	.ref_icon {
		width: 80px;
		height: 80px;
	}

	.referral_flow {
		margin: 15px 0;
	}

		.referral_flow h4 {
			margin: 15px 0 10px;
		}

	.referral_dash {
		padding: 20px 0 0;
	}

	.ref_table_sec h4 {
		font-size: 16px;
	}

	.custom-flex {
		flex-direction: column;
	}

	.user_details p {
		font-size: 12px;
	}

	.pro-i-b h1 {
		font-size: 14px;
	}

	.pro-i-b h2 {
		font-size: 12px;
		line-height: 20px;
	}

	.acc_level ul li {
		flex-wrap: wrap;
	}

		.acc_level ul li span {
			flex: 0 0 100%;
			margin-left: 0 !important;
			margin-top: 5px;
		}

	.security-list-details {
		flex-direction: column;
	}

	.security-name {
		flex: inherit;
		max-width: inherit;
		margin-bottom: 11px;
	}

	.inner_footer ul {
		justify-content: center;
	}

	.bs_flex #form_buy {
		padding-right: 10px;
	}

	.bs_flex #form_sell {
		padding-left: 10px;
	}

	.bs_flex form {
		padding: 5px;
	}

	.button {
		padding: 6px 20px;
		font-size: 14px;
	}

	#depthgraphContainer,
	#tv_chart_container {
		height: 400px;
	}

	.wallet_table_head span {
		display: block;
		margin-left: 0 !important;
		font-size: 12px;
	}

	.wallet_table_head br {
		display: none;
	}

	.wallet .dataTables_wrapper > .row:first-of-type .col-sm-12 {
		margin: 0;
	}
}

@media (max-width: 400px) {
	.balance .table-body li p {
		font-size: 10px;
	}

	.height_flex .nav-link {
		font-size: 9px;
		padding: 0.3rem 0.2rem;
	}
}

/*media query end*/
.api_list canvas.qrcode {
	width: 110px;
}

.coin_comingsoon_lbl {
	background-color: rgba(255, 0, 0, 0.1);
	color: #f00;
	padding: 4px 8px;
	box-shadow: 0 4px 4px rgba(255, 0, 0, 0.06);
	border: 1px solid rgba(255, 0, 0, 0.1);
}

.min-w100 {
	min-width: 100% !important;
}

.empty_record img {
	max-width: 120px;
	width: 100%;
	margin-bottom: 5px;
	padding: 5px;
}

.empty_record span {
	display: block;
}

.empty_record {
	display: block;
	width: 100%;
	text-align: center;
}

.empty_record_exchange img  {
	max-width: 60px;
	width: 100%;
	margin-bottom: 5px;
	padding: 5px;
}

.market_statastic thead {
	background: #ededed;
}


	.market_statastic thead th {
		padding: 10px;
	}

/*error page css start*/
.error_content {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}

	.error_content a {
		display: block;
		padding: 10px 30px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 600;
		background-color: #007bff;
		color: #fff;
		box-shadow: 4px 4px 8px rgba(0, 123, 255, 0.4);
	}

	.error_content h2 {
		margin: 0 0 50px 0;
		font-size: 80px;
		color: #000;
		font-weight: 100;
	}

/*error page css end*/
/*start buy sell cryto*/
.payment_buysell .nav-pills {
	justify-content: center;
}

.payment_buysell .nav-link.active {
	background-color: #00a697;
	color: #000 !important;
	box-shadow: 4px 4px 8px rgba(226, 197, 90, 0.5);
}

.payment_buysell .nav-link {
	font-weight: 600;
	padding: 8px 60px;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s 0s;
	color: #00a697 !important;
	text-align: center;
	border-radius: 100px;
	border: 2px solid #00a697;
	margin: 0 10px;
}

.pay_buysell_box {
	max-width: 500px;
	width: 100%;
	padding: 30px;
	margin: 30px auto 0;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.payment_buysell .form-control {
	border: 1px solid #eee;
	padding: 8px 10px;
	font-weight: 600;
	transition: all 0.3s 0s;
	height: auto !important;
	font-size: 16px;
}

	.payment_buysell .form-control:focus {
		border-color: #00a697;
	}

.payment_buysell label {
	font-weight: 500;
}

.pay_buysell_box .form-group {
	margin-bottom: 20px;
}

.pay_buysell_box ul {
	padding: 0;
	margin: 0 0 10px;
	list-style: none;
}

.pay_buysell_box li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 32px;
	border-bottom: 1px dashed #eee;
}

	.pay_buysell_box li b {
		font-weight: 600;
	}

	.pay_buysell_box li:last-of-type {
		border: 0;
	}

	.pay_buysell_box li span {
		font-weight: 500;
		font-size: 12px;
	}

.paycard_box {
	box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
	margin-right: 20px;
	width: 100%;
	border: 1px solid #eee;
	border-radius: 10px;
	position: relative;
}

.paycard_body {
	display: flex;
	align-items: center;
	padding: 0 0 20px 20px;
}

	.paycard_body img {
		width: 70px;
		height: 40px;
		border: 1px solid #eee;
		object-fit: contain;
		margin-right: 10px;
	}

.paycard_head img {
	max-width: 30px;
}

.paycard_head {
	font-size: 20px;
	padding: 20px;
}

.paycard_box h4 {
	margin: 0;
	font-size: 18px;
	border-top: 1px solid #eee;
	padding: 15px;
	text-align: center;
}

	.paycard_box h4 b {
		color: #00a697;
	}

.paycard_box label {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.paycard_box .custom-control {
	position: initial;
	padding: 0;
	min-height: 0;
}

.paycard_box .custom-control-label::before,
.paycard_box .custom-control-label::after {
	right: 20px;
	left: inherit;
	top: 20px;
	width: 20px;
	height: 20px;
	box-shadow: none !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #00a697;
}

.pay_with .pay_buysell_box {
	margin: 0;
	max-width: 100%;
	border-left: 1px solid #eee;
	padding: 0 0 0 30px;
	box-shadow: none;
}

.pay_with_content {
	margin-top: 30px;
	border-top: 1px solid #eee;
	padding-top: 30px;
}

	.pay_with_content h4 {
		font-size: 18px;
		font-weight: 600;
		color: #00a697;
	}

	.pay_with_content ul {
		margin: 0;
		padding-left: 25px;
	}

	.pay_with_content li {
		margin-top: 15px;
	}

		.pay_with_content li b {
			font-weight: 600;
			display: block;
		}

.payment_buysell h1 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	position: relative;
	font-weight: 600;
}

.back_btn {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
}

	.back_btn span {
		font-size: 14px;
		margin-left: 5px;
		font-weight: 500;
	}

.pay_buy_modal h4 {
	font-size: 20px;
	color: #060d13;
	font-weight: 600;
}

.pay_buy_modal p {
	font-weight: 500;
	font-size: 12px;
}

.pay_buy_modal ul {
	margin: 0 0 20px 0;
	list-style: none;
	background-color: #fff;
	padding: 15px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.pay_buy_modal li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 36px;
}

	.pay_buy_modal li b {
		font-weight: 600;
		color: #000;
		font-size: 16px;
	}

	.pay_buy_modal li span {
		font-weight: 500;
	}

.pay_buy_modal .custom-control {
	padding-top: 2px;
}

.pay_buy_modal .custom-control-label {
	font-weight: 500;
}

#buy_modal .modal-body,
#sell_modal .modal-body {
	padding: 30px;
	background-color: #eee;
}

#sell_modal .modal-dialog {
	max-width: 500px;
}

/*end buy sell crypto*/
.footer_company_det {
	padding: 40px 0;
	border-bottom: 1px solid #13212d;
	background-color: #060d13;
}

.footer_company_det_box img {
	max-height: 100px;
	max-width: 280px;
}

.footer_company_det_box svg {
	font-size: 30px;
	height: 40px;
	color: #00a697;
}

.footer_company_det_box h5 {
	margin: 20px 0 10px;
	color: #00a697;
	font-size: 14px;
	text-transform: uppercase;
}

.footer_company_det_box {
	text-align: center;
	padding: 0 15px;
}

	.footer_company_det_box p {
		color: #758696;
		font-size: 16px;
		max-width: 350px;
		margin: 0 auto;
		width: 100%;
	}

.footer_company_det .container {
	display: flex;
	justify-content: space-between;
}

.small_banner img {
	width: 100%;
	/*    box-shadow: 4px 4px 10px rgb(0 0 0 / .15);*/
}

.small_banner {
	padding: 70px 15px;
	padding-bottom: 55px;
}
.slick-arrow.slick-next:hover, .slick-arrow.slick-prev:hover  {
    background-color: #08a99a;
    /* color: #fff; */
    filter: unset;
}

.home_small_banner {
	padding-top: 40px;
}

.cancelShow {
	display: none !important;
}

/*.cancelShow div {
    display: block;
}*/
/*.cancel_link div{
    display: none;
}*/
.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 10px
}

	.lds-ellipsis div {
		position: absolute;
		top: 0;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: #00a697;
		animation-timing-function: cubic-bezier(0,1,1,0)
	}

		.lds-ellipsis div:nth-child(1) {
			left: 8px;
			animation: lds-ellipsis1 .6s infinite
		}

		.lds-ellipsis div:nth-child(2) {
			left: 8px;
			animation: lds-ellipsis2 .6s infinite
		}

		.lds-ellipsis div:nth-child(3) {
			left: 24px;
			animation: lds-ellipsis2 .6s infinite
		}

		.lds-ellipsis div:nth-child(4) {
			left: 32px;
			animation: lds-ellipsis3 .6s infinite
		}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(0)
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0,0)
	}

	100% {
		transform: translate(16px,0)
	}
}

.order_form_flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

	.order_form_flex select {
		background-color: #1b262d;
		color: #fff;
		border: 0;
		padding: 5px;
		border-radius: 2px;
		font-size: 13px;
		font-weight: 500;
		width: 50%;
	}

/*.bs_radio_flex {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 600;
}

.bs_radio_buy, .bs_radio_sell {
    text-align: center;
    text-transform: capitalize;
    padding: 2px 6px;
    transition: all .3s 0s;
    color: #fff;
    margin-left: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #354956;
    border-radius: 2px;
}

.bs_radio_flex .custom-control-inline {
    display: flex;
    align-items: center;
    margin: 0;
}

.order_form_flex .custom-control-label::before {
    background-color: #354956;
}

.bs_radio_flex label {
    margin: 0;
}

.bs_radio_buy {
    color: #00c087;
}

.bs_radio_sell {
    color: #B04759;
}

.bs_radio_flex input {
    margin-right: 5px;
}*/
.bs_radio_flex {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
	margin: 0 auto 10px;
}

	.bs_radio_flex .btn {
		width: 50%;
		background-color: #272c3c;
		box-shadow: none;
		font-size: 14px;
		padding: 5px;
		border: 0 !important;
		margin: 0 !important;
		font-weight: 600;
	}

.bs_radio_buy.active {
	background-color: #00a697 !important;
	color: #fff;
}

.bs_radio_sell.active {
	background-color: #B04759 !important;
	color: #fff;
}

.bs_radio_buy {
	color: #00a697;
}

.bs_radio_sell {
	color: #B04759;
}

.pair:hover .dropdown_market {
	opacity: 1;
	overflow: visible;
	height: auto;
}

.join_company img {
	max-height: 100px;
	max-width: 280px;
}

.join_company {
	text-align: center;
}

	.join_company h4 {
		font-size: 22px;
		color: #fff;
		font-weight: 600;
		margin-bottom: 20px;
	}

	.join_company p {
		color: #fff;
		margin: 0;
		font-size: 16px;
	}

	.join_company a {
		color: #00a697;
		font-weight: 500;
		font-size: 16px;
		border-bottom: 1px solid;
	}

.join_company_section .col-md-2 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-angle {
	top: -100px;
	height: 200px;
	pointer-events: none;
	width: 50%;
	z-index: 10;
	position: absolute;
}

.header-angle--right {
	right: 0;
}

	.header-angle--right:after {
		background-image: url("../../img/banner_left_shape.svg");
		background-position: 50%;
		background-repeat: no-repeat;
		content: "";
		height: 200px;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 1;
		bottom: 0;
		background-position: 0;
	}

.header-angle--left {
	left: 0;
}

	.header-angle--left:after {
		background-image: url("../../img/banner_right_shape.svg");
		background-position: 50%;
		background-repeat: no-repeat;
		content: "";
		height: 200px;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 1;
		bottom: 0;
		background-position: 100%;
	}

.join_company_section {
	position: relative;
	background-image: linear-gradient(-90deg, #013158, #5d4903);
	padding-top: 160px;
}

	.join_company_section .col-md-2 img {
		max-width: 100px;
		width: 100%;
	}

	.join_company_section .heading h2 {
		color: #fff;
		margin-bottom: 80px;
	}

.footer_company_det_box p b {
	color: #fff;
	font-weight: normal;
	margin-top: 5px;
	display: block;
}

.footer_company_det_box p {
	font-size: 15px;
}

.toolbar-2n2cwgp5- {
	padding: 0 !important;
}

@media (max-width: 991px) {
	.features_flex {
		flex-wrap: wrap;
		justify-content: center;
	}

	.features_cont {
		margin: 5px 5px;
		width: calc(50% - 10px);
	}
	.collapse {
	display:none;
	}
	.join_company_section .col-md-2 img {
		max-width: 70px;
		width: 100%;
	}

	.join_company img {
		max-height: 70px;
		max-width: 200px;
	}
	.tab-content .inner_container {
		padding: 20px 0px;
	}
}

@media (max-width: 767px) {
	.join_company_section {
		display: none;
	}

	.lr-form {
		padding: 25px 20px;
	}

	.register-container h1 {
		font-size: 24px;
	}

	.register_card_bottom {
		padding-top: 20px;
	}

	.lr-logo .logo {
		height: 70px;
		display: block;
		width: 190px;
	}
}
.buy_sell_confirmation_modal .modal-dialog {
	max-width: 400px;
}

.buy_sell_confirmation_modal .modal-body {
	padding: 15px;
}

.price_confirmation_bs {
	list-style: none;
	padding: 0;
	font-size: 14px;
	color: #fff;
}

	.price_confirmation_bs li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 5px;
	}

.buy_sell_confirmation_modal .modal-header {
	background-color: #1b262d;
	border-radius: 0;
	border-bottom: 1px solid #354956;
}

.buy_sell_confirmation_modal .modal-title span {
	text-transform: capitalize;
}

.buy_sell_confirmation_modal.modal.fade {
	transition: inherit !important;
	opacity: 1 !important;
}

	.buy_sell_confirmation_modal.modal.fade .modal-dialog {
		transition: inherit !important;
		transform: inherit !important;
	}

.more_option button {
	background-color: transparent !important;
	outline: none !important;
	box-shadow: none !important;
	border: 0 !important;
	color: #00a697;
	padding: 0;
	font-size: 14px;
	line-height: 0;
}

	.more_option button:after {
		display: none;
	}

	.more_option button:hover {
		background-color: transparent !important;
		box-shadow: none !important;
		color: #00a697 !important;
	}

.order_form_flex select {
	margin-right: 5px;
}

.more_option .dropdown-menu {
	background-color: #000;
	padding: 5px 0;
	border: 1px solid #1b262d;
}

.more_option .dropdown-item {
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
}

	.more_option .dropdown-item:hover {
		background-color: #354956;
		color: #fff;
	}

.socketRed {
	color: #f00;
}

.socketGreen {
	color: #00a697;
}

.symbol_detail_flex .left {
	flex: 0 0 400px;
	width: 100%;
	max-width: 400px;
	padding: 30px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.symbol_detail_flex {
	min-height: 100vh;
	background-color: #fff;
	position: relative;
}

	.symbol_detail_flex .tab-content {
		padding: 30px;
		margin-left: 400px;
		flex: 1;
		max-width: 100%;
	}
		.symbol_detail_flex .nav-link.active {
			background-color: #00a697;
		}

.symbol_search_box .form-group {
	position: relative;
}

.symbol_search_box svg {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 14px;
    height: 35px;
    width: 15px !important;
    transform: translateY(-50%);
}

.symbol_detail h1 {
	font-size: 30px;
	font-weight: bold;
	color: #00a697;
	border-bottom: 2px solid;
	display: inline-block;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.symbol_detail .date {
	display: block;
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: 500;
}

.symbol_detail h4 {
	font-size: 20px;
	font-weight: 600;
	color: #060d13;
	margin-bottom: 15px;
	margin-top: 40px;
}

.symbol_detail p {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 10px;
}

.symbol_detail span {
	display: block;
	font-weight: 500;
	margin-bottom: 5px;
}

.symbol_detail a {
	color: #00ab9b;
	font-weight: 600;
	border-bottom: 1px dashed #00a697;
}
.symbol_detail a:hover {
	color: #000;
}

.symbol_search_box {
	max-width: 300px;
	width: 100%;
	margin: 0 0 0 auto;
}
.symbol_detail_flex .nav-item.active .nav-link {
	color: #758696;
}
.symbol_detail_flex .nav-tabs {
	flex: 0 0 400px;
	width: 100%;
	max-width: 400px;
	overflow: auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: block;
	border: 0;
	background-color: #fff;
	box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
}

/*.nav-item.active a, .nav-item.active a:focus {
    background-color: #00a697;
    color: #fff;
}*/

.coin_info_search {
    margin: 30px 0 0 0px;
    max-width: 400px;
    padding: 0px 20px;
    padding-right: 0;
}
.coin_status_table .table th {
	white-space: inherit;
}

@media (min-width: 1200px) {
	.coin_status_table .table-responsive {
		overflow: inherit;
	}
}

.online {
	color: #00a697;
}

.offline {
	color: red;
}

/*.home_market .nav-item.active .nav-link {
    color: #fff;
}*/
.footer_company_det h3 {
	color: #fff;
	margin-bottom: 20px;
}

.wallet_history .badge {
    display: inline-block;
    min-width: 90px;
    border-radius: 2px;
    padding: 10px 3px;
}

.account_verification_proff {
	display: flex;
}

	.account_verification_proff img {
		margin-right: 10px;
	}

.account_verification_proff_title {
	color: #060d13;
	margin-bottom: 20px;
	margin-top: 10px;
}

	.account_verification_proff_title:after {
		content: "";
		width: 50px;
		height: 2px;
		background-color: #00a697;
		display: block;
		margin-top: 8px;
	}

.wallet_crypto_fiat_tab .nav-link {
	font-weight: 600;
	padding: 6px 0px;
}



/* .wallet_crypto_fiat_tab {
	padding-bottom: 10px;
} */

.new_bal {
	font-size: 12px;
	margin-bottom: 10px;
	color:#fff;
}

	.new_bal b {
		color: #fff;
	}

	.new_bal span {
		display: block;
		margin-bottom: 3px;
	}

.home_market .table.scroll tbody {
	height: inherit;
	max-height: 458px;
}

.home_nav img.logo {
	height: 40px;
}

.other_history {
	margin: 0;
	padding: 0;
	list-style: none;
}

	.other_history li {
		padding: 10px 0;
		border-bottom: 1px solid #eee;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.other_history lable {
		font-weight: bold;
		white-space: nowrap;
		padding-right: 15px;
		color: #000;
	}

	.other_history span {
		font-weight: 500;
		flex: 1;
		text-align: right;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
	}

		.other_history span a {
			color: #000;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration: underline;
			font-size: 12px;
		}

.dataTables_processing .spinner {
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	transform: translate(-50%, -50%);
	margin-top: 23px;
}

.dataTables_processing {
	background: transparent;
	box-shadow: none;
	border: 0;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center {
	text-align: center;
}
.small_banner .slick-next, .small_banner .slick-prev {
	height: 30px;
    width: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #000;
    /* border: 1px solid red; */
    color: #000;
    filter: invert(1);
}
.small_banner .slick-dotted.slick-slider{
	margin-bottom: 0;
}


/*account_settings start*/
.account_settings .nav-link img {
	height: 20px;
	margin-right: 10px;
}
.same_l_btn {
    display: flex;
    flex-wrap: wrap;
}
.kyc-sec h6 {
    font-size: 20px;
    font-weight: 600;
}
.kyc-sec{
	margin-top: 35px;
}

.account_settings .nav-pills .nav-link {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.00;
    font-weight: 600;
    color: #758696;
    border-bottom: 1px solid #dee2e6;
    border-radius: 0;
    margin: 0;
}
.account_settings .nav-pills .nav-link.active, .account_settings .nav-pills .show > .nav-link {
	color: #fff;
    background-color: #00a697 !important;
}
.account_settings .nav-pills .nav-link:hover{
	background-color: #00a6972b;
}
.account_settings .nav-link {
	padding: 1rem 1rem;
}

.account_tabs .title img {
	width: 24px;
	margin-right: 10px;
}

.account_tabs .title {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	margin-bottom: 0;
}

.account_box {
    display: flex;
    padding: 18px;
    align-items: center;
    border: 1px solid #dee2e680;
    margin-bottom: 15px;
    background-color: #fff;
       box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
}
.account_box h5.title span.badge {
	vertical-align: bottom;
}
.account_box h5 {
    margin-bottom: 10px;
}
.account_box p {
    font-weight: 400;
    margin-bottom: 0;
    color: #637281;
}
.order_history .dt-buttons .dt-button:hover svg {
	color: #000;
}
.w-400 {
	max-width: 400px;
}

.account_modal .modal-title {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}

.change_passtxt p {
	max-width: 340px;
	margin: 0 auto;
	margin-bottom: 1rem;
}

.change_passtxt {
	text-align: center;
}

.account_modalbody .form-control {
	font-weight: 500;
	color: #000;
}

.change_passtxt .form-group {
	position: relative;
}

.change_passtxt .close {
	position: absolute;
	top: 20%;
	right: 0.375rem;
}

	.change_passtxt .close:focus {
		outline: none;
	}

.account_modalfooter {
	justify-content: center;
}

	.account_modalfooter a {
		color: #758696;
		font-size: 14px;
		font-weight: 600;
		text-transform: uppercase;
	}

		.account_modalfooter a:hover {
			color: #000;
		}

.change_passtxt img {
	margin-bottom: 1rem;
	max-width: 150px;
}

.change_passtxt h6 {
	color: #000;
	font-weight: 600;
	margin-bottom: 1rem;
	font-size: 16px;
	line-height: 24px;
}

.apilist img {
	width: 70px;
}

.apilist p {
	max-width: 100%;
	margin-bottom: 5px;
	text-align: left;
}

.apilist {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 1px solid #dee2e6;
	padding: 10px 0;
}

	.apilist .btn img {
		width: 14px;
		margin-bottom: 0;
	}

	.apilist p:last-of-type {
		margin-bottom: 0;
	}

.loginhistorys {
	display: flex;
	padding: 15px;
	border-bottom: 1px solid #dee2e6;
}

.apilist p b {
	display: block;
	color: #000;
}

.loginhistorys_left {
	width: 50%;
}

.loginh_list {
	display: flex;
	padding: 4px 0;
}

	.loginh_list label {
		width: 25%;
		margin-bottom: 0;
		font-size: 12px;
		color: #758696;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.5px;
	}

.loginhistorys_right {
	width: 50%;
}

.loginh_list p {
	margin-bottom: 0;
	font-size: 12px;
	color: #333;
	font-weight: 700;
	padding-left: 4px;
	width: 80%;
	letter-spacing: 0.5px;
	/* white-space: pre-wrap; */
	word-break: break-word;
}

.account_modal .modal-content {
	box-shadow: 0 4px 8px 0;
}

/*account_settings end*/
.api_table td img {
	width: 100px;
}



.link_history {
	color: #000 !important;
	font-weight: 600;
	border-bottom: 1px dashed #00a697;
	padding-bottom: 3px;
	cursor: pointer;
}

	.link_history:hover {
		color: #00a697 !important;
	}
	.user-menu .dropdown_menu_list{
          left: 0;
	} 
	.menu-head li a.dropdown-item {
		color: #000;
	    padding: 10px 15px;
		font-weight: 500;
		font-size: 14px;
		border-bottom: 4px solid #00a697;
	}
	
	.user-menu .dropdown-menu {
		margin-top: 10px;
		box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
		border: none;
	}

.header_right_icon {
	color: #fff;
	display: block;
	margin: 0 !important;
}

	.header_right_icon svg {
		width: 20px !important;
		height: 20px;
		padding: 0 !important;
	}

	.header_right_icon:hover {
		color: #00a697;
	}

.fade.show {
	/* overflow: auto; */
}

@media (max-width: 1200px) and (min-width: 768px) {
	.trading .col-lg-3.orderbook {
		max-width: calc(50% - 5px) !important;
		flex: calc(50% - 5px) !important;
		margin-right: 0 !important;
		margin-bottom: 5px;
	}
}

/*buy crypto css*/
.buy_crypto {
	display: flex;
	align-items: flex-end;
	padding: 30px 0 40px;
	justify-content: space-between;
}

.dropdown_flex {
	display: flex;
	align-items: center;
}

.drop_arrow img {
	width: 20px;
	flex: 0 0 20px;
}

.dropdown_flex .dropdown img {
	width: 24px;
}

.dropdown_flex .dropdown .btn:focus {
	box-shadow: none;
}

.dropdown_flex .dropdown span {
	width: 70px;
	display: inline-block;
	text-align: left;
	margin-left: 10px;
}

.dropdown_flex .dropdown .dropdown-menu {
	min-width: 100%;
}

	.dropdown_flex .dropdown .dropdown-menu .dropdown-item {
		padding: 0.375rem 0.75rem;
	}

.buy_crypto h3 {
	color: #000;
	margin-right: 70px;
	margin-bottom: 10px;
	font-weight: bold;
}

.buy_crypto .form-group {
	margin-bottom: 0;
	margin-right: 70px;
}

	.buy_crypto .form-group .form-control {
		width: 300px;
		height: 40px;
	}

.dropdown_flex > div {
	margin: 0 15px;
}

.drop_ful {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

	.drop_ful label {
		margin-right: 15px;
	}

.buypage {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

.buy_title {
	color: #000;
	margin-bottom: 20px;
}

.payment_innertop ul {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
}

	.payment_innertop ul li:last-of-type {
		margin-bottom: 0;
	}

.payment_inner {
	padding: 0 30px;
}

.payment_innertop ul li {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.payment_text img {
	width: 20px;
	margin-bottom: 5px;
}

.payment_text {
	text-align: right;
}

	.payment_text h5 {
		margin-bottom: 0;
		font-size: 16px;
		color: #000;
	}

.payment_innertop ul li span {
	font-size: 14px;
}

.payment_text a {
	color: #000;
	text-decoration: underline;
}

.payment_innerbottom h5 {
	color: #000;
	margin-bottom: 20px;
}

.payment_innerbottom p a {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.payment_innerbottom p {
	font-size: 13px;
	font-weight: 500;
	text-align: justify;
}

.payment_innerbottom span {
	padding: 15px;
	display: block;
	margin: 20px 0;
	background-color: #eee;
	font-size: 12px;
	font-weight: 500;
	line-height: 22px;
}

.payment_innerbottom .form-check-label {
	margin-bottom: 0;
	font-size: 15px;
	color: #000;
}

.payment_innerbottom .form-check {
	margin-bottom: 30px;
}

.choose_payment img {
	width: 100%;
	max-width: 140px;
	margin-right: 15px;
}

.choose_payment > div {
	display: flex;
	align-items: center;
	border: 1px solid #00a697;
	border-radius: 10px;
	padding: 10px;
}

	.choose_payment > div div {
		display: flex;
		align-items: center;
	}

		.choose_payment > div div img {
			max-width: 40px;
			margin-left: 10px;
			margin-right: 0;
		}

.choose_payment h5 {
	font-size: 26px;
	margin: 0;
	color: #000;
	font-weight: bold;
}

.choose_freezecoin img {
	width: 100%;
	max-width: 40px;
	margin-right: 15px;
}

.choose_freezecoin .offers {
	position: absolute;
	right: 0;
	top: 0;
	background: #00a697;
	padding: 4px 10px;
	color: #000;
	border-radius: 0 6px;
	font-size: 12px;
}

.choose_freezecoin {
	display: flex;
	flex-wrap: wrap;
}

	.choose_freezecoin > div {
		display: flex;
		align-items: center;
		border: 1px solid #e4e4e4;
		border-radius: 10px;
		padding: 10px;
		margin: 10px;
		position: relative;
		width: calc(50% - 20px);
	}

		.choose_freezecoin > div div {
			display: flex;
			align-items: center;
		}

			.choose_freezecoin > div div img {
				max-width: 40px;
				margin-left: 10px;
				margin-right: 0;
			}

	.choose_freezecoin h5 {
		font-size: 26px;
		margin: 0;
		color: #000;
		font-weight: bold;
	}

	.choose_freezecoin > div.selected {
		border-color: #00a697;
	}

.learn_more .modal-body h5 {
	color: #000;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 600;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

.learn_more .modal-body ul {
	padding-left: 20px;
	color: #333;
	font-size: 14px;
}

.learn_more .modal-body h5:first-of-type {
	border-top: 0;
	padding-top: 0;
}

.learn_more .modal-body ul li,
.learn_more .modal-body p {
	margin-bottom: 10px;
	text-align: justify;
	font-size: 13px;
	font-weight: 500;
}

.learn_more .modal-body p {
	color: #000;
}

	.learn_more .modal-body ul li a,
	.learn_more .modal-body p a {
		color: #000;
		text-decoration: underline;
		font-weight: bold;
		cursor: pointer;
	}

		.learn_more .modal-body ul li a:hover,
		.learn_more .modal-body p a:hover {
			color: #000;
			text-decoration: underline;
		}

.learn_more .modal-body {
	max-height: 500px;
	overflow: auto;
}

body .select2-container .select2-choice {
	height: 40px;
	border: 1px solid #00a697;
    border-radius: 5px;
	background-image: none !important;
	box-shadow: none !important;
	line-height: 38px;
	width: 180px;
}

	body .select2-container .select2-choice .select2-arrow {
		background-image: none !important;
		background-color: #fff;
		border: 0;
	}

	body .select2-container .select2-choice > .select2-chosen {
		font-weight: 600;
	}

	body .select2-container .select2-choice .select2-arrow b {
		position: relative;
		top: 5px;
	}

body .select2-drop {
	background-color: #fff;
	border-color: #ccc;
	padding-top: 5px;
	color: #000;
	font-weight: 500;
}

body .select2-results .select2-highlighted {
	background-color: #00a697;
	color: #fff;
}

.select2-results li {
	margin: 3px 0;
}

body .ui-select-choices-row:hover {
	background-color: #00a697;
	color: #fff;
}

.payment_inner {
	box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
	background-color: #fff;
	padding: 20px;
}

.disabled_btn {
	cursor: no-drop;
	background-color: #ccc !important;
	box-shadow: none;
	color: #666 !important;
}

.buycard_container {
	padding-bottom: 40px;
}

.bank_transfer_info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bank_transfer_info {
	margin-bottom: 15px;
}

	.bank_transfer_info li {
		display: flex;
		align-items: center;
	}

		.bank_transfer_info li div {
			margin-left: 10px;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			flex: 1;
		}

		.bank_transfer_info li svg {
			color: #008000;
			font-size: 26px;
			display: none;
		}

		.bank_transfer_info li.selected svg {
			display: block;
		}

.dep-with-balance ul li.selected {
	border-color: #00a697;
}

.bank_transfer_info .img-thumbnail {
	max-width: 80px;
}

.bank_transfer_info span {
	font-weight: 500;
}

.bank_transfer_info b {
	color: #000;
}

.dep_amount_pop ul {
	list-style: none;
	margin: 0;
	background-color: #eee;
	padding: 10px;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}

.dep_amount_pop li {
	padding: 2px 0;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.dep_amount_pop li:last-of-type {
		font-size: 15px;
		font-weight: 600;
		color: #000;
	}

	.dep_amount_pop li span {
		display: block;
		font-weight: 600;
		color: #000;
	}

.beneficairy_tr span {
	margin-top: 1px;
	display: flex !important;
}

.modal-title {
	font-weight: 600;
	color: #000;
}

.beneficairy_tr ul li b {
	flex: 1;
	max-width: 220px;
	width: 100%;
}

#form_fiat_deposit_banktransfer .uploadid-details .text-center {
	margin: 10px auto;
}

.h_coin_price_flex {
	/*display: flex;*/
	align-items: center;
	/*background-color: #044a4d45;*/
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
	padding: 20px 10px;
	margin: 0 5px;
	width: 100%;
}

.h_coin_price {
	margin-top: 30px;
}

.h_coin_price_flex img {
	width: 40px;
	height: auto;
	border-radius: 100px;
	margin-bottom: 10px;
}

.h_coin_price_flex h5 {
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 3px;
}

.h_coin_price_flex span {
	font-size: 12px;
	display: block;
	margin-top: 5px;
}

.h_coin_price_flex b {
	font-weight: 600;
	font-size: 16px;
}

.congrats {
	padding: 20px;
	background-color: #fff;
	box-shadow: 1.5px 3.99px 27px 0px rgba( 0, 0, 0, 0.1);
	border-radius: 8px;
	margin-top: 10px;
	text-align:center;
}

	.congrats h5 {
		font-size: 23px;
		color: #00a697 !important;
		font-weight: 700;
	}

	.congrats p {
		margin: 0;
	}

.reviewing h5 {
	color: #ff9800;
	font-weight: 600;
}

.reviewing ul {
	margin: 0;
}

.completed_kyc h5 {
	color: #000;
	font-weight: 600;
}

.completed_kyc ul {
	margin-bottom: 20px;
}

.completed_kyc .alert {
	margin: 0;
	font-size: 12px;
	    color: #684e00;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.kyc_status li {
	font-weight: 500;
	color: #000;
	margin-top: 5px;
}

.kyc_status span {
	color: #000;
	font-weight: 600;
}

.kyc_rejected h5 {
	color: #f00;
}

.kyc_form h6,
.kyc_form h5 {
	color: #000;
	font-weight: 600;
}

.kyc_form h6 {
	margin-top: 10px;
}

.user_benif p {
	background-color: #eee;
	padding: 10px;
	margin-bottom: 0;
	margin-top: 5px;
	color: #000;
	display: flex;
	align-items: center;
}

	.user_benif p b {
		max-width: 200px;
		flex: 0 0 200px;
	}

.abs_input {
	position: relative;
}

.abs_input .button {
    white-space: nowrap;
    font-size: 12px;
    padding: 11px 18px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: 0px 7px 7px 0px;
}

.send-otp-main {
  position: relative;
}

	/*  My Css */
	.table-body {
		box-shadow: 0 10px 40px -10px rgba(0,64,128,.2);
	}
	.table-body ul li {
		padding: 2px;
	}
	
	.inner_container .table th{
		color: #fff;
		font-size: 15px;

	}
	p {
		color: #000;
	}
	ul {
		color: #000;
	}
	.symbol_detail_flex .nav-tabs .nav-item.active {
		background-color: #00a6972b;
	}

@media (max-width: 1600px) and (min-width: 1400px) {
	#completed th,
	#completed td,
	#tradehistory th,
	#tradehistory td {
		font-size: 10px;
		padding: 0.4rem 5px;
	}

		#completed th:nth-child(1),
		#completed td:nth-child(1),
		#tradehistory th:nth-child(1),
		#tradehistory td:nth-child(1) {
			flex: 0 0 115px;
		}

		#completed th:nth-child(2),
		#completed td:nth-child(2),
		#tradehistory th:nth-child(2),
		#tradehistory td:nth-child(2) {
			flex: 0 0 45px;
		}

		#completed th:nth-child(3),
		#completed td:nth-child(3),
		#tradehistory th:nth-child(3),
		#tradehistory td:nth-child(3) {
			flex: 0 0 80px;
		}

		#completed th:nth-child(4),
		#completed td:nth-child(4),
		#tradehistory th:nth-child(4),
		#tradehistory td:nth-child(4) {
			flex: 0 0 75px;
		}

		#completed th:nth-child(5),
		#completed td:nth-child(5) {
			flex: 0 0 75px;
			max-width: 75px;
		}

		#tradehistory th:nth-child(5),
		#tradehistory td:nth-child(5) {
			flex: 0 0 100px;
			max-width: 100px;
		}

		#completed th:nth-child(6),
		#completed td:nth-child(6) {
			flex: 0 0 85px;
		}

		#tradehistory th:nth-child(6),
		#tradehistory td:nth-child(6) {
			flex: 0 0 100px;
		}

		#completed th:nth-child(7),
		#completed td:nth-child(7),
		#tradehistory th:nth-child(7),
		#tradehistory td:nth-child(7) {
			flex: 0 0 90px;
		}
}

@media (max-width: 1400px) and (min-width: 1200px) {
		#completed th:nth-child(1),
		#completed td:nth-child(1),
		#tradehistory th:nth-child(1),
		#tradehistory td:nth-child(1) {
			flex: 0 0 115px;
		}

		#completed th:nth-child(2),
		#completed td:nth-child(2),
		#tradehistory th:nth-child(2),
		#tradehistory td:nth-child(2) {
			flex: 0 0 45px;
		}

		#completed th:nth-child(3),
		#completed td:nth-child(3),
		#tradehistory th:nth-child(3),
		#tradehistory td:nth-child(3) {
			flex: 0 0 80px;
		}

		#completed th:nth-child(4),
		#completed td:nth-child(4),
		#tradehistory th:nth-child(4),
		#tradehistory td:nth-child(4) {
			flex: 0 0 70px;
		}

		#completed th:nth-child(6),
		#completed td:nth-child(6),
		#tradehistory th:nth-child(6),
		#tradehistory td:nth-child(6) {
			flex: 0 0 80px;
		}

		#completed th:nth-child(7),
		#completed td:nth-child(7),
		#tradehistory th:nth-child(7),
		#tradehistory td:nth-child(7) {
			flex: 0 0 80px;
		}
	.buy_book, .sell_book {
		height: 112px;
	}
	.trade_history .table-body {
		height: 253px;
	}
	.table-body li p {
		padding:1px 2px;
	}
}

@media (max-width: 1200px) {
	.home_market .table td,
	.home_market .table th {
		font-size: 11px !important;
	}

	.account_profile p {
		font-size: 12px;
	}

	.account_profile h4 {
		font-size: 16px;
	}

	.buy_crypto h3 {
		margin-right: 30px;
		font-size: 20px;
	}

	.buy_crypto .form-group {
		margin-right: 20px;
	}

		.buy_crypto .form-group .form-control {
			width: 100%;
		}

	.h_coin_price_flex {
		min-width: 180px;
	}

	.h_coin_price .container {
		overflow: auto;
		justify-content: start;
	}
}

@media (max-width: 992px) {
	.buy_crypto {
		flex-wrap: wrap;
	}

		.buy_crypto h3 {
			flex: 0 0 100%;
			width: 100%;
		}

	.home_market .nav-link {
		padding: 10px;
		font-size: 14px;
	}

	.home_market .nav .img-thumbnail.coinImage {
		padding: 0;
		width: 15px !important;
		height: 15px !important;
	}

	.home_market .table.scroll tbody {
		max-height: 458px;
		height: auto;
	}

	.app_download .btn-group {
		flex-wrap: nowrap;
	}

	.btn-group {
		margin-top: 15px;
	}

	.slick-next,
	.slick-prev {
		display: none !important;
	}

	.symbol_detail_flex .nav-tabs {
		max-width: 300px;
		padding: 15px;
	}

	.symbol_detail_flex .tab-content {
		padding: 15px;
		margin-left: 300px;
	}

	.footer_top img.logo {
		margin-left: 0;
	}

	.wallet .hide_btn {
		top: 0;
	}

	.blog_img img {
		height: 150px !important;
	}

	.blog_des {
		padding: 10px;
	}

		.blog_des h4 {
			font-size: 14px;
		}

		.blog_des p {
			font-size: 13px;
			line-height: 20px;
		}

		.blog_des .button {
			font-size: 14px;
		}
}

@media (max-width: 767px) {

	.register-card .custom-checkbox {
		display: flex;
		align-items: center;
		padding-left: 24px;
		text-align: left;
	}

	.register-card .custom-checkbox label.custom-control-label {
		font-size: 12px;
	}

	.buy_crypto {
		display: block;
	}
	.coin_info_search {
		margin: 20px 0 0 20px;
		padding-left: 0;
	}

		.buy_crypto h3 { 
			margin-right: 0;
		}

		.buy_crypto .form-group {
			margin-right: 0;
		}

	.dropdown_flex {
		width: 100%;
	}

	body .select2-container .select2-choice {
		width: 100%;
	}

	.drop_ful {
		justify-content: center;
		align-items: start;
		margin-top: 10px;
	}

		.drop_ful label {
			margin-right: 0;
		}

	.dropdown_flex .dropdown {
		width: 100%;
		margin: 0;
	}

	.dropdown_flex .select2-container {
		width: 100%;
	}

	.pagin .pagination {
		justify-content: center;
		margin-top: 10px !important;
		display: flex !important;
	}

	.banner_slide img {
		height: 400px;
	}

	.home_small_banner,
	.home_market,
	.features,
	.app_download,
	.footer_company_det,
	.advance_trade_home,
	.info_sec {
		display: block;
	}

	.advance_trade_home_box {
		margin: 20px 0;
	}

	.app_screen {
		overflow: hidden;
	}

	.home_market .nav {
		width: calc(100% - 100px);
		    margin-bottom: 15px;
	}

	.searchbox input {
		max-width: 100%;
	}

	.app_download {
		padding-top: 0;
	}

		.app_download .row:nth-child(1) .col-md-5:last-of-type {
			order: -1;
		}

		.app_download img {
			margin-bottom: 30px;
			max-width: 200px;
		}

	.info_sec_cont h5 {
		font-size: 18px;
		line-height: 24px;
	}

	.info_sec_cont p {
		font-size: 14px;
	}

	.info_sec .row:nth-child(1) .col-md-6:last-of-type {
		order: -1;
	}

	.info_sec_cont img {
		margin-bottom: 30px;
		max-width: 200px;
	}

	.footer_company_det .container {
		display: block;
		text-align: center;
	}

	.footer_company_det_box p {
		margin: 0 auto;
	}

	.footer_company_det_box {
		margin: 30px 0;
		width: 100%;
	}

	footer {
		display: block;
	}

		footer h6 {
			padding-top: 25px;
			margin-top: 15px;
		}

	.footer_top {
		display: block;
		margin-bottom: 20px;
	}

	.copy-bar {
		display: block;
	}

	.join_company_section {
		display: block;
		padding-left: 15px;
		padding-right: 15px;
	}

		.join_company_section .col-md-2 {
			margin: 30px 0;
		}

		.join_company_section .heading h2 {
			margin-bottom: 40px;
		}

	.join_company_section {
		padding-top: 100px;
	}

	.header-angle {
		height: 150px;
	}



	.footer_company_det h3 {
		font-size: 24px;
	}

	.symbol_detail_flex .d-flex {
		display: block !important;
	}

	.symbol_detail_flex .nav-tabs {
		max-width: 100%;
		width: 100%;
		position: inherit;
	}

	.symbol_detail_flex .tab-content {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}

	.wallet .hide_btn {
		top: 0;
	}
	.tradingrules-tab {
		margin-top: 10px;
	}
}

@media (max-width: 575px) {
	
	.blog_img img {
		height: 200px !important;
	}
	li.date-filter-main {
		flex-wrap: wrap;
		row-gap: 11px;
	}
	.adv_filter > li .date-filter {
		width: 100%;
		flex-wrap:wrap;
	}
	.tradingrules-tab ul.nav a.nav-link {
		font-size: 14px;
	}
	.dropdown_market {
		left: -68px;
	}
	.dropdown_market .nav-link {
		padding: 0.3rem 0.2rem;
		font-size: 12px;
	}

	.table.scroll th,
	.table.scroll td {
		font-size: 10px;
	}

	body .buy_crypto .select2-container .select2-choice {
		width: 100% !important;
	}

	.choose_payment > div {
		margin-bottom: 15px;
	}

		.choose_payment > div div img {
			max-width: 60px;
			margin-bottom: 10px;
		}

		.choose_payment > div div .d-flex {
			flex-direction: row-reverse;
		}

		.choose_payment > div div {
			flex-direction: column-reverse;
		}

	.same_s_btn {
		display: flex;
		flex-direction: column;
	}

		.same_s_btn .button.mr-3 {
			margin-right: 0 !important;
			margin-top: 15px !important;
		}

	span.asterisk {
		margin-bottom: 15px;
		display: block;
	}

	.same_l_btn .button:first-of-type {
		margin-bottom: 15px !important;
	}

	.same_l_btn .button {
		max-width: 100% !important;
		margin: 0 0 !important;
	}



	.same_s_btn .btn {
		max-width: 100% !important;
		margin: 0 0 !important;
	}
	

	.app_download a img {
		max-width: 100%;
	}

	.app_download a:last-of-type {
		margin-right: 0;
	}

	.searchbox {
		margin-bottom: 10px;
	}

		.searchbox input {
			max-width: 100%;
		}

	.home_market .nav {
		width: 100%;
	}

	.home_market .nav-link {
		font-size: 14px;
		height: inherit;
		padding: 5px;
	}

	.features_cont {
		width: 100%;
		margin: 0 0 15px 0;
	}

	.app_screen span {
		width: 300px;
		height: 300px;
		top: 0;
		left: 0;
	}

	.app_screen img {
		max-height: 300px;
	}

	.app_download .btn-group {
		flex-wrap: nowrap;
		margin: 10px 0 15px 0;
	}

	.app_download h4 {
		font-size: 16px;
		line-height: 20px;
	}

	.app_download h2 {
		font-size: 22px;
		margin: 0;
	}

	.inner_page h4 {
		font-size: 16px;
	}

	.inner_page p {
		line-height: 22px;
	}

	.inner_page ol {
		padding-left: 15px;
	}

	.footer_top .navbar-brand {
		margin: 0 auto;
		display: table;
	}

	footer .social {
		justify-content: center;
		margin-top: 15px;
	}

	.social {
		flex-wrap: wrap;
	}

		.social a {
			margin: 3px;
			width: 30px;
			height: 30px;
			line-height: 30px;
			font-size: 13px;
			border: 1px solid;
		}

	.home_small_banner {
		padding-top: 40px;
	}

	.home_market,
	.advance_trade_home,
	.info_sec {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.features {
		padding-bottom: 40px;
	}


	.symbol_detail h1 {
		font-size: 20px;
	}

	.symbol_detail h4 {
		margin-top: 20px;
	}

	.symbol_detail a {
		word-break: break-word;
		display: block;
		margin-bottom: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		line-height: normal;
	}

	.symbol_detail br {
		display: none;
	}

	.coin_info_search {
		margin: 20px 0 0 20px;
		max-width: calc(100% - 40px);
	}

	.container.home_market {
		padding: 0 15px;
	}

	.full_orderbook li {
		font-size: 12px;
	}

	.empty_record img {
		max-width: 80px;
	}

	.border_box {
		padding: 10px;
	}

	.socil-media a {
		width: 30px;
		height: 30px;
		font-size: 14px;
		border: 1px solid;
	}

	.socil-media li {
		margin-right: 5px;
	}
}

.mce-notification.mce-has-close {
	display: none;
}

span.js-market-status {
	display: none;
}

.order_history .nav-item.active .nav-link {
	border-color: #00a697;
	color: #00a697;
}

#modelLearnMore .modal-footer {
	justify-content: center;
}

#modelLearnMore .modal-footer .button {
	font-size: 14px;
}

.otp_flex {
	position: relative;
}

.otp_flex .button {
	padding: 13px;
	position: absolute;
	top: 0px;
	right: 0;
	font-size: 12px;
	border-width: 1px;
	margin-top: 0;
}

.modal_titleh6 {
	font-weight: 600;
	font-size: 15px;
	margin-bottom: 15px;
}

.same_s_btn .btn {
	max-width: 150px;
	width: 100%;
	margin: 0 10px;
	font-weight: 600;
	height: 40px;
}

.same_l_btn .button {
	max-width: 200px;
	width: 100%;
	margin: 0 5px;
	font-weight: 600;
}

#form_changepasswordverify .same_s_btn .btn {
	margin-left: 0;
	margin-right: 10px;
	font-size: 15px;
}

#form_authenticator .same_s_btn .btn {
	margin-left: 0;
	margin-right: 10px;
	font-size: 15px;
}

.security_action .button {
	min-width: 110px;
}

body .select2-container .select2-choice {
	width: 100%;
	height: 40px !important;
}

body .buy_crypto .select2-container .select2-choice {
	width: 180px !important;
	height: 40px !important;
}
body .buy_crypto .select2-container .select2-choice > .select2-chosen {
    line-height: 38px !important;
    display: flex;
    align-items: center;
    gap: 6px;
}
body .select2-container .select2-choice > .select2-chosen {
	font-weight: 500;
	line-height: 35px;
	color: #6c757d;
}

body #form_userinfo .select2-container .select2-choice > .select2-chosen {
	color: #000;
}

.text_underline {
	border-bottom: 1px solid;
}

.text_ul_color {
	border-bottom: 2px solid #00a697;
}

.button[disabled="disabled"] {
	opacity: 0.5;
	cursor: no-drop;
}

.modal-body .table thead th {
	text-align: center;
	color: #000;
	font-weight: 600;
}

.modal-body .table thead {
	border-bottom: none;
}

.b-qr img {
	max-width: 220px;
	width: 100%;
	margin: 0 auto;
}

.btn-danger {
	color: #fff !important;
	background-color: #dc3545 !important;
	border-color: #dc3545 !important;
}

.uoload_details .text-center {
	max-width: 330px;
	max-height: 330px;
	margin: 20px auto 30px;
}

.uploadid-details img {
	height: 200px;
}

.white_boxs {
	padding: 30px;
	background-color: #eee;
}

	.white_boxs .completed_kyc p b {
		color: #dab568;
	}

#form_termsconfirm p a:hover {
	text-decoration: underline;
	color: #dab568 !important;
}

#form_termsconfirm p a {
	font-weight: 700;
}

@media (max-width: 575px) {
	body .buy_crypto .select2-container .select2-choice {
		width: 100% !important;
	}

	.choose_freezecoin > div {
		margin: 10px 0;
		width: 100%;
	}

	.dropdown_flex .dropdown span {
		width: 60px;
		margin-left: 5px;
	}

	.user_benif p {
		padding: 10px 6px;
		font-size: 13px;
	}

		.user_benif p b {
			max-width: 140px;
			flex: 0 0 140px;
		}

	.pair {
		position: relative;
		width: 51%;
	}

		.pair .dropdown-toggle {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 5px;
		}
	.dropdown_market {
		width: 335px;
	}
}

.payment_details {
	margin-bottom: 15px;
}

.abs_inputs {
	position: relative;
}

	.abs_inputs .button {
		white-space: nowrap;
		font-size: 12px;
		padding: 4px 10px;
		position: absolute;
		right: 7px;
		top: 6px;
	}

.info_sec_cont p a {
	color: #00a697;
	text-decoration: underline;
}

.userbeneficiaryinfo .show_doc p {
	color: #000;
}

.userbeneficiaryinfo .show_reason p {
	color: #000;
}