/***
==============
 font color
==============
***/
.color-gold{
	color:#eadaaf;
}
.color-black{
	color:#000;
}
/***
==============
 General
==============
***/
a{
	color:#eadaaf;
	font-weight:555;
}
.grey-card{
	padding:15px;
	background: #494b58 url(../images/logo-card.png) 100% no-repeat!important;
	color:#fff;
}
/***
==============
 Button css
==============
***/
.btn-submit{
	width:100%;
	border-radius:6px;
	background:#b9953f;
	color:#000;
}
/***
==============
Layout
==============
***/
.dark-siderbar{
	background:#000;
	color:#fff;
	z-index: 9;
	/*position: fixed;
	max-width: 250px;
	overflow: scroll;
	touch-action: manipulation;
	height: 100%;
	margin-left:-16rem;*/
}
.dark-siderbar .list-group-header{
	color:#fff;
}
.dark-siderbar .list-group-item{
	background:#000 !important;
	color: #fff;
    padding: 10px 15px;
}
#wrapper.toggled #sidebar-wrapper .dark-siderbar {
    margin-left: 0;
}
.navbar-fixed{
	position:fixed;
	width:100%;
	left:0;
	z-index:4;
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color:rgb(0 27 68); 
}
.sidebar-user-profile{
	padding:0px 0px 15px;
	/*border-bottom:1px solid #555966;*/
}
.user-profile-detail{
	padding:0 10px;
}
.user-name{
	font-weight:bold;
	color:#eadaaf;
}
.user-id{
	font-size:12px;
	color:#eadaaf;
}
.user-log{
	font-size:10px;
}
/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

/*** CNY 2022 style ***/
#cnysidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background:url(../images/cnypattern.png);
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
}
/*** End CNY 2022 style ***/
/*** Dark-blue css ***/
.darkblue-siderbar{
	background:rgb(0 27 68);
	color:#fff;
	z-index: 9;
}
/*** End Dark-blue css ***/
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 999;
    /*background:linear-gradient(90deg, #87000c, #d30000);*/
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    /*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
}
#sidebar:before{
	/*content:'';
	position:absolute;
	background:url(../images/cnypattern.png);
	width:100%;
	height:100%;
	opacity:.25;*/
}
#sidebar.ramandan2022{
	background:linear-gradient(180deg, #31796F, #3EBD98);
}

#sidebar.active {
    left: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #f2a627;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #6d7fcc;
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px 15px;
    font-size: 1rem;
    display: block;
	/*cny css*/
	margin:0.562rem 10px;
	background:rgba(0,0,0,.15);
	border-radius:30px;
	/*background:linear-gradient(45deg, #a9090f, #bb0002);	
	box-shadow:-20px 0px 5px rgb(0 0 0 / 15%);*/
	color:#e3ab09;
}
#sidebar ul li a:hover {
    color: #bb9333;
    /*background: #fff;*/
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color:#bb9333;
    background: #6d7fcc;
}


a[data-toggle="collapse"] {
    position: relative;
}

a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}


ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #7386D5;
}
a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}
/* ---------------
	Footer
------------------ */
#footer{
	background-color:#001b44;
	/*background-color:#0c4a3c;*/
	box-shadow:0 0 5px rgba(0,0,0,.35);	
}
.mobile-footer {	
    width: 100%;
    height: auto;
    position: fixed;
    padding-bottom: env(safe-area-inset-bottom);
    bottom: 0;
    left: 0;
    z-index: 9;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    background: hsla(0,0%,100%,.8);
    box-shadow: 0 -3px 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 -3px 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 -3px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 -3px 10px rgba(0,0,0,.1);
    -webkit-backdrop-filter: saturate(125%) blur(10px);
    -moz-backdrop-filter: saturate(125%) blur(10px);
    backdrop-filter: saturate(125%) blur(10px);
}
.cny-footer{
	background:linear-gradient(90deg, #87000c, #d30000);
}
.cny-footer .footer-btn{
	color:#f9f0db;
}
@media screen and (min-width:992px){
	.mobile-footer{
		/*position:relative;*/
	}
}
.footer-btn{
	padding:.75rem 0 !important;
	color:#b9953f;
	display: inline-block;
	font-size:13px;	
	font-weight:normal;
	width: 60px;
    height: 60px;
    line-height: 20px;
    text-align: center;
    display: block;
    vertical-align: middle;
    margin: 0 10px;
	opacity:.5;
}
.footer-btn.active{
	/*background:#b9953f;*/
	color:#fff;
	opacity:1;
	position:relative;
}
.footer-btn.active:before{
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	width:60px;
	height:100%;
	border-radius:2px;
	z-index:-1;
	background:url(../images/cnypattern.png);
	opacity:.5;
}
.footer-btn.active:after{
	content:'';
	display:block;
	position:absolute;
	bottom:0px;
	width:60px;
	height:5px;
	background:#b9953f;
	border-radius:2px;
}
.footer-btn i.fa{
	display:block;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding:0 15px;
    height:100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
	bottom:0;
	/*background: url(../images/videobg.jpg);*/
    background-size: cover;
    background-attachment: fixed;
}
@media (max-width:414px){
	#content{
		height: 100%;
	}
}
/***
==============
	Login
==============
***/
.login-card{
	padding: 25px;
    background: #061328c4;
    border-radius: 20px;
}
.video-frame{
	position:relative;
}
.video-frame:before{
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.15);
}
.video-bg{
    display: block;
    height: auto;
    width: auto;
    z-index: 2;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);	
}
.main-login-form .form-control{
	background:#888;
	color:#fff;
	border-radius:30px;
	border:0;
	text-align:center;
}
.main-login-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
  opacity: 1; /* Firefox */
}

.main-login-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

.main-login-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}
.btn-login-lg{
	width:100%;
	background:#bb9333;
	border-radius:30px;
	text-transform:uppercase;
}
/***
====================
	ResetPassword
====================
***/
.reset-pw-section{
	/*background:url(../images/moutainbg.png);*/
	height:auto;
	color:#fff;
}
.reset-pw-section .form-control {
    background: #888;
    color: #fff;
    border-radius: 30px;
    border: 0;
    text-align: center;
}
/***
===================
	dashboard
===================
***/
.default-wrapper{
	/*background:url(../images/videobg.jpg);
	background:url(../images/ramadanbg2022.jpg);	
	background:url(../images/cny2023-2-bg.jpg);*/
	background:url(../images/bg-corporate.jpg);
	background-size:cover;
	background-attachment:fixed;
	color:#fff;
	margin-left:-15px;
	margin-right:-15px;
	padding-bottom:100px;
	padding-top:60px;
	height:100%;
	background-size:auto;
	background-position:center;
	position:relative;
	overflow:auto;
}
.default-wrapper:before{
	content:'';
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.35);
}
@media (max-width:992px){
	.default-wrapper{
		height:auto;
		background-position:center center;
	}	
}
@media(max-width:414px){
	.default-wrapper{
		height:auto;
	}
}
.user-profile-card{
	background: #494b58 url(../images/logo-card.png) 100% no-repeat!important;
	height:200px;
	border-radius:15px;
}
.user-profile-card .card-body{
	padding:15px;
}
.avatar{
    border-radius: 200px;
    display: inline-block;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    border: 2px solid #ede0c9;
    vertical-align: top;
    text-align: center;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1);
    position: relative;
}
.avatar img{
	max-width:100%;
	vertical-align:top;
}
.avatar.no-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
}
.avatar-60 {
    height: 60px;
    line-height: 56px;
    vertical-align: middle;
    width: 60px;
}
.user-profile-name h4{
	font-size:18px;
}
.avatar.badge-level {
    background: url(../images/badge-bg.png) no-repeat 50%!important;
    background-size: 100% auto!important;
    box-shadow: none;
    border-radius: 0;
    height: auto;
    color: #eadaaf!important;
    font-size: 12px;
    text-shadow: 2px 2px 5px #000;
}
.avatar-80 {
    height: 80px;
    line-height: 76px;
    vertical-align: middle;
    width: 80px;
}
.page-subtitle{
	font-size:16px;
	text-transform:uppercase;
	margin:0;
}
#landing-modal-01,
#landing-modal-02
{
	color:#000;
}
#landing-modal-01 img,
#landing-modal-02 img
{
	max-width:100%;
	height:auto;
}
@media (min-width: 576px){
	.modal-renew-pacakage{
		max-width:90%;
	}
}
/***
=============================
	Owl Carousel css 
=============================
***/
.owl-carousel .owl-stage{
	display:flex;
	align-items: center;
}
.item {
    /*height: 10rem;
    padding: 1rem;*/
	background: #000;
	border-radius: 8px;
    box-shadow: 5px 5px 10px #000;
    transition: .5s;
    transform: scale(.85);
	display:flex;
	overflow:hidden;
}
.owl-item.active .item{
	/*height:12rem!important;*/
	transform: scale(1);
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot{
	opacity:.25;
}
.owl-carousel button.owl-dot.active{
	opacity:1;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{
	background: #eac368!important;
	width:25px;
}
#owl-carousel-news .owl-carousel .owl-item{
	margin:0;
}
/***
=======================
	Edit profile
=======================
***/
.dark-card{
	padding:15px;
	background: #494b58 url(../images/logo-card.png) 100% no-repeat!important;
	color:#fff;
	border-radius:10px;
}
.tabElement {
	border: 1px solid var(--card-border);
	border-top-left-radius:10px ;
	border-top-right-radius:10px ;
}

.headerBlock {
	border: 1px solid var(--card-border);
	background-color:#001b44;
	color: white;
	padding : .75rem 1.25rem;
	border-top-left-radius:10px ;
	border-top-right-radius:10px ;
}
.headerBlock h3{
	font-size:16px;
	margin:0;
}

.tabContent {
	padding : 10px;
	background-color:var(--box-bg);
	color:var(--font-color);
}

.thumbnail {
	width:100px ;
	height:100px ;
	
}

img[src=""] {
    display: none;
} 
.proof_address{
	padding:20px;
	background-color:var(--grey-background);
}
.dl-form-row{
	padding-bottom:10px;
	border-bottom:1px solid #444;
}
/***
=======================
	ShowQr.php
=======================
***/
.qrcode-card{
	background: #494b58 url(../images/logo-card.png) 100% no-repeat!important;
	color:#fff;
}
.showqr-header{
	padding:10px 15px;
	border-bottom:1px solid #5a5d6f;
}
.showqr-body{
	padding:10px 15px;
}
.showqr-footer{
	width:100%;
	padding:0px 0;
	border-top:1px solid #5a5d6f;
}
.member-icon-img{
	margin-right:10px;
	background:#fff;
	border-radius:30px;
	width:56px;
	height:56px;
	overflow:hidden;
}
.member-icon-img img{
	width:56px;
	height:auto;
}
.edit-profile{
	color:#fff;
}
.edit-profile button{
	margin-bottom:10px;
}
.edit-profile input
{
	width:100%;
	color:#fff;
	background:#494b58;
	border-radius:20px;
	border:0;
	padding:10px 20px;
	margin-bottom:10px;
}
.edit-profile input::placeholder{
	color:#fff;
}
.edit-profile .btn-submit{
	border-radius:20px;
}
.edit-profile select{
	padding:10px 20px;
	margin-bottom:10px;
	height:auto;
	color:#fff;
	background-color:#494b58;
	border-radius:20px;
}
.edit-profile select.custom-select{
	color:#fff;
}
.select2-selection--single{
    vertical-align: middle;
    display: flex !important;
    align-items: center !important;	
	height:100%!important;
}
.select2-selection__arrow{
	height:38px !important;
}
/***
=======================
	withdraw.php
=======================
***/
.transfer_from_to ul{
	margin:0;
	padding:0;
}
.transfer_from_to li{
	list-style:none;
	
}
.wallet_type_amount{
	font-weight:bold;
	font-size:20px;
}
/***
=======================
	Genealogy.php
=======================
***/
.gen-tree ul{
	margin:0;
	padding:0;
}
.gen-tree li{
	list-style:none;
	display:block;
	margin-bottom:6px;
}
.expand-tree-btn{
	position:relative;
	width:auto;
	height:auto;
	display:inline-block;
	cursor:pointer;
}
.expand-tree-btn:before{
	/*content:'+';*/
}
.gen-tree li.tree-toogle{
	margin-left:20px;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-left:20px;
	border-bottom:1px solid #444;
	position:relative;
}
.gen-tree li.tree-toogle:before{
	content: "";
    position: absolute;
    z-index: 1;
    top: 0.2em;
    right: auto;
    bottom:20px;
    left:5px;
    width: auto;
    height: auto;
    margin: auto;
    border-right: dotted #c4c4c4 0.1em;
    color: #c4c4c4;
}
.gen-tree li.tree-toogle li{
    display: flex;
    position: relative;
    z-index: 3;	
}
.gen-tree li.tree-toogle li:after{
	/*content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 0.5em;
    border-top: dotted #c4c4c4 0.1em;
    width: 0.55em;
    height: 0.1em;*/
}
.gen-tree li.tree-toogle li span:nth-child(2){
	margin-left:auto;
}
.gen-tree li.tree-toogle li#display_1,
.gen-tree li.tree-toogle li#display_2,
.gen-tree li.tree-toogle li#display_3,
.gen-tree li.tree-toogle li#display_4,
.gen-tree li.tree-toogle li#display_5,
.gen-tree li.tree-toogle li#display_6,
.gen-tree li.tree-toogle li#display_7,
.gen-tree li.tree-toogle li#display_8,
.gen-tree li.tree-toogle li#display_9,
.gen-tree li.tree-toogle li#display_10,
.gen-tree li.tree-toogle li#display_11,
.gen-tree li.tree-toogle li#display_12,
.gen-tree li.tree-toogle li#display_13,
.gen-tree li.tree-toogle li#display_14,
.gen-tree li.tree-toogle li#display_15,
.gen-tree li.tree-toogle li#display_16,
.gen-tree li.tree-toogle li#display_17
{
	margin-left:10px;
	position:relative;
}
.gen-tree li.tree-toogle li#display_1:before,
.gen-tree li.tree-toogle li#display_2:before,
.gen-tree li.tree-toogle li#display_3:before,
.gen-tree li.tree-toogle li#display_4:before,
.gen-tree li.tree-toogle li#display_5:before,
.gen-tree li.tree-toogle li#display_6:before,
.gen-tree li.tree-toogle li#display_7:before,
.gen-tree li.tree-toogle li#display_8:before,
.gen-tree li.tree-toogle li#display_9:before,
.gen-tree li.tree-toogle li#display_10:before,
.gen-tree li.tree-toogle li#display_11:before,
.gen-tree li.tree-toogle li#display_12:before,
.gen-tree li.tree-toogle li#display_13:before,
.gen-tree li.tree-toogle li#display_14:before,
.gen-tree li.tree-toogle li#display_15:before,
.gen-tree li.tree-toogle li#display_16:before,
.gen-tree li.tree-toogle li#display_17:before
{
	content:'';
	position:absolute;
	top:0;
    right: auto;
    bottom:0;
    left:-12px;
    width: auto;
    height:auto;
    margin: auto;
    border-right: dotted #c4c4c4 0.1em;
    color: #c4c4c4;
}
.gen-tree li.tree-toogle li#display_1:after,
.gen-tree li.tree-toogle li#display_2:after,
.gen-tree li.tree-toogle li#display_3:after,
.gen-tree li.tree-toogle li#display_4:after,
.gen-tree li.tree-toogle li#display_5:after,
.gen-tree li.tree-toogle li#display_6:after,
.gen-tree li.tree-toogle li#display_7:after,
.gen-tree li.tree-toogle li#display_8:after,
.gen-tree li.tree-toogle li#display_9:after,
.gen-tree li.tree-toogle li#display_10:after,
.gen-tree li.tree-toogle li#display_11:after,
.gen-tree li.tree-toogle li#display_12:after,
.gen-tree li.tree-toogle li#display_13:after,
.gen-tree li.tree-toogle li#display_14:after,
.gen-tree li.tree-toogle li#display_15:after,
.gen-tree li.tree-toogle li#display_16:after,
.gen-tree li.tree-toogle li#display_17:after
{
	content:'';
	display:none;
}
@media (max-width:414px){
	.gen-tree li.tree-toogle{
		margin-left:10px;
	}
}
.gen-tree li.tree-toogle li.tree_lvl1{
	position:relative;
}
.gen-tree li.tree-toogle li.tree_lvl1:after{
	content: "";
    display: block;
    position: absolute;
    left: -20px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 0.5em;
    border-top: dotted #c4c4c4 0.1em;
    width: 0.55em;
    height: 0.1em;
}
.gen-tree li.tree-toogle li li.tree_lvl2{
	padding-left:20px;
	position:relative;
}
.gen-tree li.tree-toogle li li.tree_lvl2:before{
	content: "";
    display: block;
	position: absolute;
	background:#c4c4c4;
	top:-5px;
	left:6px;
    width:1px;
    height: 16px;
}
.gen-tree li.tree-toogle li li.tree_lvl2:after{
	content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
    margin: auto 0 auto 0.5em;
    border-top: dotted #c4c4c4 0.1em;
    width: 0.55em;
    height: 0.1em;
}
/***
=======================
	wallet/index.php
=======================
***/
.wallet-swiper-card{
	width:100%;
    position: relative;
    border-radius: 8px;
    box-shadow: 5px 5px 10px #000;
    transition: .5s;	
}
.wallet-cc-card{
	min-height:200px;
	border-radius:10px;
    background: #111 url(../images/cc-bg.png) no-repeat 100%!important;
    background-size: auto 100%;
}
.wallet-cc-title{
	font-size:20px;
	margin:0px 0;
}
.reward-amount{
	font-size:32px;
	font-weight:bold;
}
.trade_tab{
	border-bottom:0;
}
.trade_tab li.nav-item .nav-link{
	color:#fff;
	text-align:center;
	padding:0;
	font-size:16px;
	opacity:.5;
}
.trade_tab li.nav-item .nav-link.active{
	background:none;
	border:none;
	opacity:1;
	color:#fff;
}
.trade_tab li.nav-item .nav-link.active .trade_tab_icon{
	border-color: #eadaaf;
	border:4px solid #eadaaf;
	box-shadow:7px 7px 5px rgb(0 0 0 / 35%);
	transition: .5s;
	transform: scale(1);
	filter:blur(0px);
}
.trade_tab_icon{
	padding:10px;
	margin:auto;
	margin-bottom:10px;
	width:65px;
	height:65px;
	border-radius:50%;
	background: #dbbb81;
    background: -webkit-gradient(left top,right bottom,color-stop(0,#dbbb81),color-stop(100%,#bb9333));
    background: linear-gradient(135deg,#dbbb81,#bb9333);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbbb81",endColorstr="#bb9333",GradientType=1);
	display: flex;
    justify-content: center;
    align-items: center;
	color:#fff;
	transform: scale(0.9);
	filter:blur(1px);
}
@media (max-width:414px){
	.trade_tab li.nav-item .nav-link{
		font-size:12px;
	}
	.trade_tab_icon{
		width:45px;
		height:45px;
		font-size:100%;
	}
}
.fund-collapse{
	color:#fff;
	background:#343a40;
}
.fund-collapse .card-header{
	background:#393f44;
	border-bottom:1px solid #565656;
}
.fund-collapse button{
	color:#fff;
	font-weight:bold;
}
.fund-collapse button:hover{
	color:#999;
	text-decoration:none;
}
.collapse-subtitle{
	padding:10px 20px;
	position:relative;
	background:#3a4046;
}
.collapse-subtitle:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:6px;
	height:100%;
	background:#007bff;
}
.collapse-subtitle.total-grain:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:6px;
	height:100%;
	background:green;	
}
.smooth-select{
	padding: 10px 20px;
    height: auto;
    color: #fff;
    background-color: #494b58;
    border-radius: 20px;
	border:0;
}
/***
=======================
	listing/transaction.php
=======================
***/
.listing_tab{
	border-bottom:0;
	margin-bottom:10px;	
}
.listing_tab li.nav-item{	
	margin-right:6px;	
}
.listing_tab li.nav-item .nav-link{
	border:0;
	transition:all ease .3s;
	color:#fff;
}
.listing_tab li.nav-item .nav-link.active{
	color:#000;
}
.listing_tab li.nav-item .nav-link:hover{
	border:0;
	color:#888;
}
.listing_tab li.nav-item .nav-link.active{
	border-radius:10px;
	border:0;
	opacity:1;
}
@media(max-width:414px){
	.listing_tab li.nav-item{
		width:100%;
	}
}
/***
=======================
	listing/receipt
=======================
***/
.recepit-header{
	width:50%;
	padding:10px 25px;
	position:relative;
	z-index:1;
	background:#d00;
	text-align:right;
}
.recepit-header:before{
	content:'';
	position:absolute;
	display:block;
	width:32px;
	height:100%;
	background:#d00;
	left:-15px;
	top:0px;
	transform:skew(-30deg,0deg);
}
.recepit-header span{
	position:relative;
}
@media (min-width:929px){
	.recepit-header{
		width:600px;
	}
}
.e-receipt-grid{
	width:100%;
	margin-bottom:10px;
}
.e-receipt-top{
	margin:10px 0;
	display:block;
}
.e-receipt-top img{
	max-width:165px;
}
.e-receipt-detail{
	display:flex;
}
.e-receipt-bill-to{
	width:50%;
	padding:10px 0;
}
.bill-to-who{
	font-weight:bold;
	display:block;
}
.e-receipt-info{
	width:50%;
	padding:10px 0;
}
.e-receipt-info table{
	width:100%;
}
.e-receipt-info table tr td{
	font-size:12px;
}
.table-e-receipt{
	font-size:12px;
}
.table-e-receipt tr td{
	color:#fff;
}
.table-e-receipt tr:nth-of-type(odd){
	background-color:#5a5a5a;
}
.table-e-receipt tr:nth-of-type(even){
	background-color:#484848;
}
.label-total{
	background:#333;
	text-transform:uppercase;
}
.receipt-total-amount{
	background:#d00;
	font-weight:bold;
}
.ul-list-number{
	margin:0;
	padding:0 0 0 24px;
}
.ul-list-number li{
	list-style:auto;
}
.receipt-footer{
	margin:15px 0;
}
.receipt-footer-top{
	width:50%;
	height:44px;
	padding:10px 25px;
	position:relative;
	z-index:1;
	background:#d00;	
}
.receipt-footer-top:before{
	content:'';
	position:absolute;
	display:block;
	width:32px;
	height:100%;
	background:#d00;
	right:-15px;
	top:0px;
	transform:skew(-30deg,0deg);
}
.receipt-footer-content{
	border-top:10px solid #d00;
	display:flex;
	padding:10px 0;
	font-size:14px;
}
@media (max-width:414px){
	.receipt-footer-content{
		flex-direction: column;
	}
}