/*nav bar */
/* .th .lang li,
.lang li {
	font-size: 16px;
	border-radius: 50px;
	color: var(--inactive-color);
}
.lang li.active {
	background-color: var(--primary-color);
	color: #fff;
} */
.navbar .title {
	font-size: 16px;
	margin-top: 18px;
}
/*end nav bar */

/* button styles */
.icrm .btn {
    border-radius: 50px;
	align-content: center;
}
.icrm .btn-block {
	height: 50px;
}
.icrm .btn.disabled, .icrm .btn:disabled,
.icrm .btn.disabled.hover, .icrm .btn.disabled:hover,
.icrm .btn.disabled.focus, .icrm .btn.disabled:focus,
.icrm .btn.disabled.active, .icrm .btn.disabled:active {
    background-color: var(--inactive-color) !important;
    border-color: var(--inactive-color) !important;
}
.icrm .btn-primary {
    color: #ffffff;
	background: var(--primary-color);
    border-color: var(--primary-color);
}
.icrm .btn-primary:hover,
.icrm .btn-primary:focus,
.icrm .btn-primary:active,
.icrm .btn-primary:not(:disabled):not(.disabled):active, 
.icrm .btn-primary:not(:disabled):not(.disabled).active, 
.show > .icrm .btn-primary.dropdown-toggle {
	color: #ffffff;
	background: var(--primary-color);
    border-color: var(--primary-color);
}
.icrm .btn-primary.disabled, .icrm .btn-primary:disabled{
	color: #ffffff;
}
.icrm .btn-accent {
    color: #ffffff;
	background: var(--primary-color);
    border-color: none;
}
.icrm .btn-accent:hover {
	background: var(--primary-color);
    border-color: none;
}
.icrm .btn-default {
    color: var(--text-secondary-color);
	background: var(--secondary-color);
    border-color: var(--secondary-color);
}
.icrm .btn-default:hover {
	background: var(--secondary-color);
    border-color: var(--secondary-color);
}
.icrm .btn-default.disabled, .icrm .btn-primary:disabled{
	color: #ffffff;
}
.icrm .btn-danger{
	color: #fff;
	background: var(--alert-color);
    border-color: var(--alert-color);
}
.icrm .btn-outline-primary,
.icrm .btn-outline-primary:hover,
.icrm .btn-outline-primary:focus,
.icrm .btn-outline-primary:active,
.icrm .btn-outline-primary:not(:disabled):not(.disabled):active, 
.icrm .btn-outline-primary:not(:disabled):not(.disabled).active, 
.show > .icrm .btn-outline-primary.dropdown-toggle  {
	border-color: var(--primary-color);
	color: var(--primary-color);
	background-color: #fff;
}
/* end of buttons */

/* menu styles */
.footer-container {
	position: fixed;
	z-index: 200;
	width: 100%;
	margin: 0;
	height: 65px;
	padding-top: 7px;
	padding-bottom: 10px;
	bottom: 0;
  
	-webkit-box-shadow: 0px -2px 5px 0px rgba(160, 160, 160, 0.15);
	-moz-box-shadow:    0px -2px 5px 0px rgba(160, 160, 160, 0.15);
	box-shadow:         0px -2px 5px 0px rgba(160, 160, 160, 0.15);
	background: var(--bg-color);
}

.footer-container .container1 {
	padding: 0;
}
.footer-menu {
	display: inline-flex;
	list-style: none;
	margin: 0;
	width: 100%;
	padding: 0px;
	font-size: 12px;
	line-height: 14px;
}
.footer-menu li {
	display: inline-block;
	text-align: center;
	padding-top: 8px;
	width: 20%;
	position: relative;
}
.footer-menu.hide-earn li{ width: 25%;}
.footer-menu li.earn-li {
    padding-top: 0px;
}

.footer-menu li .qr-menu {
    margin-top: -2px;
    width: 55px;
}
.footer-menu li a {
	color: var(--inactive-color);
}
.footer-menu li a svg.normal {
	display: block;
	margin: 0 auto 5px auto;
}
.footer-menu li.active a {
	color: var(--primary-color);
}
.footer-menu li a svg path.reward-active {
	fill: #fff !important;
}
.footer-menu li a svg path {
	fill: var(--inactive-color);
	/* stroke: var(--inactive-color); */
}
.footer-menu li a svg circle {
	stroke: var(--inactive-color);
}

.footer-menu li.active a svg.normal .clr,
  .footer-menu li.active a svg.normal g rect{
    fill: var(--primary-color);
	/* stroke: var(--primary-color); */
  }


.footer-menu li.home svg.normal .clr{
    fill: var(--primary-color);
	stroke: transparent;
}
.footer-menu li.home.active a svg.normal .clr{
    fill: var(--primary-color);
	stroke: transparent;
}

.footer-menu li.reward svg.normal .clr{
    fill: var(--primary-color);
	stroke: transparent;
}
.footer-menu li.reward.active a svg.normal .clr{
    fill: var(--primary-color);
	stroke: transparent;
}


  .footer-menu li a svg.earn rect {
	/*fill: transparent;*/
  }
  .footer-menu li a svg.normal.earn path{
    fill: var(--inactive-color);
	stroke: transparent;
  }
  .footer-menu li.active a svg.normal.earn path{
	fill: #FFF !important;
    /* fill: var(--inactive-color) !important; */
	stroke: transparent;
  }

  .footer-menu li.coupon a svg path {
	stroke: var(--inactive-color) !important;
    fill: transparent !important;
	/* stroke: var(--inactive-color); */
  }
  .footer-menu li.coupon.active a svg path {
	fill: var(--primary-color) !important;
    stroke: transparent !important;
	/* stroke: transparent !important; */
  }

  .footer-menu li.more.active a svg path {
	stroke: transparent !important;
	fill: white;
  }

  .footer-menu li.active a svg.special1 .clr {
    stroke: var(--primary-color);
  }
  .footer-menu li a svg.special g rect,
  .footer-menu li.active a svg.special g rect{
    fill: var(--primary-color);
	stroke: var(--primary-color);
  }
  .footer-menu li a .earn {
    margin-top: -2px;
  } 
/* end menu styles */

/* tab styles */
.dq-tab .nav-tabs {
	border-radius: 50px;
	background-color: var(--secondary-color);
	border: none;
    width: 100%;
    display: flex;
}
.dq-tab .nav-tabs > li {
    width: 50%;
}
.dq-tab .nav-tabs > li > a {
	border: none;
	float: left;
    width: 100%;
	text-align: center;
}
.dq-tab .nav-tabs > li > a.active span{
	border-bottom: none;
}
.dq-tab .nav-tabs > li > a.left {
	border-radius: 50px 0px 0px 50px;
}
.dq-tab .nav-tabs > li > a.right {
	border-radius: 0px 50px 50px 0px;
}

.dq-tab .nav-tabs > li > a, .dq-tab .nav-tabs > li > a.left, .dq-tab .nav-tabs > li > a.right {
	border: none;
	height: 45px;
    font-size: 16px;
    line-height: 45px;
	color: var(--text-secondary-color);
    background-color: var(--secondary-color);
}
.dq-tab .nav-tabs > li.active > a, .dq-tab .nav-tabs > li.active > a:hover, .dq-tab .nav-tabs > li.active > a:focus, .dq-tab .nav-tabs > li > a.active, .dq-tab .nav-tabs > li > a.active:hover, .dq-tab .nav-tabs > li > a.active:focus
{
	border-radius: 50px;
	background-color: var(--primary-color);
	color: #fff;
	
}
.dq-tab .nav-tabs > li > a span {
	height: 38px;
	line-height: 45px;
}
.dq-tab .nav-tabs > li > a .tab-name {
    display: inline-block;
}
.dq-tab .nav-tabs > li > a.active .tab-name {
	border-bottom: none;
} 
/*
.dq-tab .tab-name .tab-noti {
	background-color: #ffffff;
    color: var(--primary-color);
    height: 22px;
    min-width: 22px;
    padding: 2px 7px;
    display: inline-block;
    border: 1px solid var(--primary-color);
	border-radius: 30px;
}*/
/* end tab styles */