[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
	display: none !important;
}

.preloader {
	background: #000;
	opacity: 0.9;
}

.has-feedback {
	position: relative;
}

	.has-feedback .form-control {
		padding-right: 42.5px;
	}

.has-error .form-control {
	border-color: #dc3545;
}

.has-success .form-control {
	border-color: #00a697;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
	color: #dc3545;
	font-size: 12px;
	font-weight: 500;
	margin-top: 2px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
	color: #28a745;
}

.cursor_pointer {
	cursor: pointer;
}

.cursor_link {
	text-decoration: none;
}

	.cursor_link:focus,
	.cursor_link:hover {
		color: #007bff !important;
		text-decoration: none;
	}

.white-space-inherit {
	white-space: inherit !important;
}

.customselect2 .select2 {
	width: 100%;
}

	.customselect2 .select2 > .select2-choice.ui-select-match {
		height: 29px;
	}

.customselect2 .select2_coinimage {
	width: 18px;
}

.bg_b .select2-choice {
	border: 1px solid #404c58;
	background-image: none;
	background-color: #1b262d;
	color: #fff !important;
	height: 38px !important;
	border-radius: 0;
	line-height: 34px;
	display: flex;
	padding-left: 10px;
}

.bg_b .select2-chosen {
	background-color: #1b262d;
	flex: 1;
}

.bg_b .select2-container .select2-choice .select2-arrow {
	border-left: 1px solid #404c58;
	background-color: #12181d;
	background-image: none;
}

.custom-scroll {
	position: relative;
	overflow: auto;
	width: 100%;
}


/*coming soon css*/

/*coming soon start*/
.error_page {
	padding: 0;
	background-color: #fff;
	text-align: center;
	margin: 0;
	justify-content: center;
}

.error_block p {
	font-size: 18px;
}

.error_block h1 {
	margin-top: 0;
	font-size: 150px;
	letter-spacing: 20px;
	margin: 0;
}

.error_block a {
	color: #fff;
	background-color: #00a697;
	text-decoration: none;
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 15px;
	display: inline-block;
}
/*coming soon end*/


.comesoon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.comesoon_cont {
	text-align: center;
	border: 2px dashed #151f28;
	padding: 50px;
	border-radius: 10px;
}

	.comesoon_cont h1 {
		margin: 30px 0 0;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 10px;
		font-size: 50px;
		border-top: 2px dashed #151f28;
		padding-top: 30px;
	}

	.comesoon_cont img {
		max-width: 300px;
		width: 100%;
	}

@media (max-width: 992px) {
	.coming_soon h1 {
		font-size: 40px;
	}

	.coming_soon img {
		margin-top: 40px;
		max-width: 260px;
	}
}

@media (max-width: 767px) {
	.coming_soon {
		padding: 15px;
	}
}

@media (max-width: 562px) {
	.coming_soon {
		padding: 20px;
	}

		.coming_soon h1 {
			font-size: 26px;
		}

		.coming_soon h4 {
			font-size: 1.1rem;
		}

		.coming_soon h5 {
			font-size: 16px;
			line-height: 22px;
		}

		.coming_soon h2 {
			font-size: 18px;
			line-height: 30px;
		}

		.coming_soon h3 {
			font-size: 20px;
			line-height: 28px;
			margin: 0;
		}

		.coming_soon #example li p {
			font-size: 14px;
		}

		.coming_soon #example li span {
			font-size: 20px;
		}

		.coming_soon #example li {
			padding: 10px;
			width: 70px;
			height: 70px;
			margin: 0 3px;
			border: 2px solid #f19d1f;
		}

		.coming_soon .button {
			margin-top: 0px;
		}

	#example {
		margin: 15px 0;
	}

	.coming_soon:before {
		opacity: 0.7 !important;
	}
}
/* Start : tree view css*/

.tree,
.tree ul {
	margin: 0;
	padding: 0 !important;
	list-style: none
}

	.tree ul {
		margin-left: 1em;
		position: relative
	}

		.tree ul ul {
			margin-left: .5em
		}

		.tree ul:before {
			content: "";
			display: block;
			width: 0;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			border-left: 1px solid #ccc;
		}

	.tree li {
		margin: 0;
		padding: 0 1em;
		line-height: 2em;
		color: #151f28;
		position: relative;
		cursor: pointer;
		font-size: 13px;
	}

	.tree ul li:before {
		content: "";
		display: block;
		width: 10px;
		height: 0;
		border-top: 1px solid #ccc;
		margin-top: -1px;
		position: absolute;
		top: 1em;
		left: 0
	}


	.tree .indicator {
		margin-right: 5px;
	}

	.tree li a {
		text-decoration: none;
		color: #007bff;
		margin-bottom: 10px;
		display: block;
		margin-right: -30px;
		font-size: 12px;
	}


	.tree li button,
	.tree li button:active,
	.tree li button:focus {
		text-decoration: none;
		color: #369;
		border: none;
		background: transparent;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		outline: 0;
	}

.glyphicon-minus-sign:before {
	content: "";
	background-image: url(../../img/minus.png);
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	background-size: cover;
	top: 5px;
}

.glyphicon-plus-sign:before {
	content: "";
	background-image: url(../../img/plus.png);
	width: 13px;
	height: 13px;
	position: absolute;
	left: 0;
	background-size: cover;
	top: 5px;
}

.tree li ul li {
	padding-left: 30px;
}

	.tree li ul li i:before {
		left: 16px;
	}

.tree li ul ul li {
	padding-left: 20px;
	line-height: 18px;
}
/* End : tree view css*/

.breadcrumb_sec {
	padding: 30px 0;
	text-align: center;
	background-color: #161617;
	margin-bottom: 40px;
}

	.breadcrumb_sec h2 {
		color: #fff;
		font-size: 26px;
		font-weight: 400;
	}

	.breadcrumb_sec p {
		font-size: 16px;
		margin-bottom: 15px !important;
		color: #929ea9;
	}

.breadcrumb {
	background-color: transparent;
	justify-content: center;
	margin: 0;
	padding: 0;
}

	.breadcrumb li {
		margin: 0;
		font-size: 16px;
	}

.breadcrumb-item.active {
	color: #fff;
}

.blog_new .card-header {
	font-size: 14px;
	text-transform: uppercase;
	color: #151f28;
}

.blog_new .card-body {
	padding: 10px;
}

.blog_new .card {
	border: 1px solid #eee;
}

.single_blog img {
	margin-bottom: 15px;
}

.blog_img img {
	object-fit: cover;
	width: 100%;
	height: 250px;
}

.blog_des {
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
	.blog_des h4 {
		font-size: 18px;
		margin-bottom: 15px;
		margin-top: 0;
		color: #000000;
	}

	.blog_des p {
		margin-bottom: 15px !important;
	}

	.blog_des .button {
		background-color: transparent;
		box-shadow: none;
		padding: 0;
		color: #00a697;
	}

		.blog_des .button svg {
			margin-left: 10px;
		}

	.blog_des span {
		font-size: 14px;
		margin-bottom: 10px;
		display: block;
		font-weight: 600;
	}

.blog_box .btn {
	color: #fff;
}

.blog_box:hover .btn {
	margin: 0;
	opacity: 1;
	visibility: visible;
}

.blog_box .btn:hover {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

.blog_new .col-lg-6 {
	padding-right: 15px;
	padding-left: 15px;
}

.blog_box {
	position: relative;
	overflow: hidden;
	transition: all .3s 0s;
	border: 1px solid #eee;
	height: 100%;
	display: flex;
	flex-direction: column;
}

	.blog_box:hover {
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
	}

.blog_des a {
	text-decoration: none;
	transition: all 0.3s 0s;
	color: #151f28;
	display: inline-block;
}

.blog_desc {
	background-color: #1b1e39;
	padding: 20px;
}

	.blog_desc p {
		margin: 0;
		color: #cacbd2;
	}

.blog_desc p a {
	color: #c08c15;
	text-decoration: none;
	transition: all 0.3s 0s;
	word-break: break-word;
}

.blog_desc p a:hover {
	color: #007bff;
}

	.blog_desc img {
		margin: 15px 0;
	}

.single_blog h4 {
	font-size: 28px;
	margin-bottom: 30px;
}

.single_blog {
	padding: 30px;
	margin-bottom: 20px;
}

.blog_new {
	padding-bottom: 40px;
}





.breadcrumb-item a {
	color: #007bff;
	text-decoration: none;
}

.blog_desc h2 {
	font-size: 18px;
	border-bottom: 1px solid #373b56;
	padding-bottom: 10px;
	color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
	background-color: #fff !important;
	background-image: none !important;
}

[scroll-glue-top],
[scroll-glue-bottom],
[scroll-glue] {
	overflow-y: scroll;
}

.fix-height {
	height: 450px;
	overflow-x: auto;
}

@media (max-width: 767px) {
	.blog_box {
		margin-bottom: 20px;
	}

	.blog_desc h4 {
		font-size: 18px;
	}

	.pagin p {
		margin: 0;
		padding: 0;
		text-align: center;
	}

	.blog_des p {
		height: auto;
	}

	.pagin .pagination {
		margin: 15px auto 0 auto;
		display: table;
		padding: 0;
	}
}

.text-cyan {
	color: #15acb8;
}

.pos-relative {
	position: relative;
}

.alertnavyblue {
	color: #0c5460;
	background-color: #d1ecf1;
	border-color: #bee5eb;
	padding: 0.3rem;
}

span.disabled {
	cursor: not-allowed;
}

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

.coinStatusImage img {
	margin-right: 22px !important;
}

.coinname {
	font-size: 11px;
}

.coinfullname {
	display: flex;
	flex-direction: column;
}

.coinImage {
	display: flex;
	align-items: center;
}
.register-card  button, .register-card .btn-groups a {
	background-color: #00b7a6;
	font-size: 15px;
	padding: 15px 13px;
	min-height: 47px;
}

 .button {
    background-color: #00b7a6;
    border: 0;
    color: #fff;
    padding: 12px 19px;
    touch-action: manipulation;
    white-space: nowrap;
    transition: all 0.3s 0s;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    font-size: 12px;
    line-height: normal;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.register-card .view_ex_btn:hover {
	background-color: #272c3c !important;
	color: #fff;
}
	.register-card .button:hover {
		background-color:#272c3c;
		color: #fff;
	}
	.button:hover {
		background-color: #272c3c;
	}