
.money-bag{width: 120px}
.reward-icons{width: 38px;height: 38px;}
.reward-icons img{width: 20px;height: 20px}
.account-tabs{padding-top: 83px}
.cashback-rewards-section{background: var(--gray-100);}
.account-tabs .nav-pills .nav-link{color: var(--color-first);border-radius: 0;font-weight: 400;}
.account-tabs .nav-pills .nav-link.active,
.account-tabs .nav-pills .show>.nav-link{background: transparent; border-bottom-color:var(--gray-600);font-weight: bold;}
.account-header .search-box-wrapper {
    width: 100%;
    height: 35px;
    background: #fff;
    box-shadow: 0 2px 5px 1px rgba(64, 60, 67, .16);
    /*border-radius: 10px;*/
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account-header .search-box-wrapper input{
	border: 0;
	height: 35px;
	font-size: 18px;
	font-weight: 400;
}
.search-box-wrapper input:focus,.search-box-wrapper input:hover{
	background: transparent;
	border: 0;
	outline: 0;
}
.account-header button#input-cross{display: none;}
.account-header .search-box-wrapper .search-button-block{
    flex-basis: 15%;
    display: flex;
    justify-content: flex-end;
  }
.account-header .search-button-block button#input-cross.input-padding-class{
	display:inline-block;
	border-right: 0.3px solid #70757a;
	padding-right:10px;
}
.account-header .search-button-block button{
	background: transparent;
	border: 0;
	outline: 0;
	padding: 0 10px; 
}
.account-header .search-button-block button img{
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.account-wrapper footer{background: #fff}
.purchase-status .pending{color: #ffc107;}
.purchase-status .complete{color: #198754;}
.purchase-status .cancel{color: #dc3545;}
.scrollbar .table{white-space: nowrap;overflow-x: scroll;}
.dataTables_wrapper .dataTables_filter input{ width: 350px !important;  }

/*============ DEALS PAGE ======================*/  
  .sorting-filter-button{background-color: #fff;}
  .sorting-filter-button svg{height: 13px}
  #google-signup iframe{height: 58px !important}
  .stores-logo .webContent .new-stores-section img{height: 70px;object-fit: scale-down;}
  .stores-logo .new-stores-section .offer-cashback-text {background: #f1f1f1; }
  .offer-cashback-text p span.offer-amount {
    color:#fff ;
    font-size: 0.8rem;
    padding:0 3px;
    border-radius: 5px;
    font-weight: 700;
    margin-left: 0;
    background-color:#3f51b5;
    flex-direction: row;
  }
  .deals-section img,.deals-popup-img img{height: 100px;object-fit: scale-down;}
/*============ RESPONSIVE ======================*/
	@media only screen and (max-width:992px){
	 	.account-tabs {padding-top: 120px;}
	}
	@media only screen and (max-width:768px){
	 	.account-tabs {padding-top: 150px;}
	}
	@media only screen and (max-width:512px){
		.account-tabs .nav-pills .nav-link,.account-header .search-box-wrapper input::placeholder{font-size: 0.85rem}
		.account-tabs .nav-pills.nav-underline{overflow-x: scroll; flex-wrap: nowrap; white-space: nowrap;}
		.purchase-logo h5,.purchase-price h2{font-size: 1rem}
		.history-table p,.history-table p strong{font-size: 0.9rem}
		.account-header .search-box-wrapper input{flex-basis: 85%}
		.account-header .search-button-block button{padding: 0 5px}
		.account-header .search-button-block button#input-cross img{width: 15px;height: 15px}
		.account-header .search-button-block button#input-cross.input-padding-class{padding-right: 5px}
	}