html, body {
    position: relative;
    /*font-size: 12px !important;*/
    //height:88.2%;
    height:100%;
    /*font-family: "ProximaNovaLight","ProximaNovaRegular","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    color: #555555;
}

body{
    background-color: #ffffff;
    /*
    background: url("/image/background/red_point_bg.png") repeat !important;
	*/
}

button.btn{
    margin-bottom: 5px !important;

}

a.btn{
    margin-bottom: 5px !important;

}

.lined-pattern-bg{
	/*background: url('/image/background/lined_pat.png') repeat;*/
    background-color: #fff;
}

.gray-dot-bg{
	background: url('/image/background/gray_dot_bg.png') repeat;
}

h1{
	/*font-family: 'Century Gothic', sans-serif;*/
	font-size: 28px !important;
	line-height: 36px;
	font-weight: 100;
}

h2 {
    /* font-family: 'Century Gothic', sans-serif; */
    font-size: 24px !important;
    line-height: 30px;
    font-weight: 80;
}

h2.welcome{
	/*font-family: 'Century Gothic', sans-serif;*/
	font-size: 18px !important;
	line-height: 18px;
	font-weight: 100;
}

input, button, select, textarea {
    font-family: inherit;
}

.table{
    background-color: #FFFFFF;
}

.address {
  white-space: pre-line;
 }

.friendly-font{
	/*font-family: 'Century Gothic', sans-serif;*/
}

.multiple-select{
	height:30px;
}

.modal{
	top: 35% !important;
}

h1.page-title{
	/* font-family: 'Century Gothic', sans-serif;  */
	font-size: 22px !important;
	line-height: 22px;
}

h2.page-title{
	/* font-family: 'Century Gothic', sans-serif; */
	font-size: 18px !important;
	line-height: 18px;
}

.line-separator{
    background-color: #555555;
    height: 1px !important;
    min-height: 1px !important;
    margin-bottom: 15px;
}

/* Start: Custom tag styling */
.reward-balance-summary{
	min-height: 46px !important;
}
/* End: Custom tag styling */

/* Start: Navigation styling*/
#top_full_text_search_button {
	/*min-height	: 30px;
	height		: 30px;*/
	min-width	: 30px;
	width		: 30px;
}

#top_navbar_div{
	/*position: relative;*/
}
/*
#top_navbar_div ul{
	padding: 2px 10px;
	list-style: none;
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	background-color: #F7F7F7;
	max-width: 400px;
}
*/

.header-divider{ 
	border-bottom: 3px solid #BF0D00;
}

.content-divider{ 
	border-bottom: 3px solid #BF0D00;
}

.header-divider-both{ 
	border-top: 3px solid #BF0D00;
	border-bottom: 3px solid #BF0D00;
}

.header-divider-top{ 
	border-top: 3px solid #BF0D00 !important;
}

.product-thumnail-load-spinner {
	padding-top:40%;
	margin: -12px 0 0 -12px;
}

#navigation_div ul>li.navigation-menu{
	margin-left: -10px;
	margin-bottom: 0px;
	margin-top: 2px;
	padding: 5px 6px;
	list-style: none;
	border: 1px solid #D4D4D4;
	border-bottom: 0px;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	background-color: #F7F7F7;
	display: block;
	float: left;
}

#navigation_div ul>li.navigation-menu.active{
	background-color: #BF0D00;
	color: #fff;
}

#navigation_div ul>li.navigation-menu.hover-active{
	background-color: #BF0D00;
	color: #fff;
}

#navigation_div{
	margin-bottom:0px;
}

#navigation_div ul>li.active>a,
#navigation_div ul>li.active>a:hover,
#navigation_div ul>li.active>a:visited,
#navigation_div ul>li.hover-active>a,
#navigation_div ul>li.hover-active>a:hover,
#navigation_div ul>li.hover-active>a:visited{
	color: #fff;
}

#navigation_div ul>li>a,
#navigation_div ul>li>a:hover,
#navigation_div ul>li>a:visited{
	color: #404040;
}

#nav_full_text_search_div{
	margin-right:0px;
}

#navigation_div .dropdown-menu li>a:hover{
	color: #fff;
}

#navigation_div .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a{
	background-color: #666;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#888));
	background-image: -webkit-linear-gradient(top, #666, #888);
	background-image: -o-linear-gradient(top, #666, #888);
	background-image: linear-gradient(to bottom, #666, #888);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666', endColorstr='#888', GradientType=0);
}
/* End: Navigation styling*/

.navbar-fixed-bottom {
    margin-top: 20px;
}
.navbar-fixed-bottom {
    position: static;
}
.navbar-fixed-bottom {
    bottom: 0;
}
.navbar-fixed-bottom {
    left: 0;
    margin-bottom: 0;
    right: 0;
    z-index: 1030;
}
.navbar {
    overflow: visible;
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    background-color: rgba(128, 134, 255, 0.5);
}




.footer-menu a,
.footer-menu a:hover,
.footer-menu a:visited{
	color: #fff;
}

/* Start: top-menu template styling*/
#content_body_div{
	min-height:260px;
}

/*
#content_body_div{
	background-color: #fff;
}
*/
.footer-full-round-border{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-radius: 8px;
    -moz-border-top-radius: 8px;
    -webkit-border-bottom-radius: 8px;
    -moz-border-bottom-radius: 8px;
}

.footer-bottom-round-border{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-radius: 8px;
    -moz-border-bottom-radius: 8px;
}

.footer-red-bg{
	
    
	background-color: #BF0D00;
	color: #E3E3E3;
	/*font-family: 'Century Gothic', sans-serif;*/
	text-transform: none;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 22px;
	background-image: -webkit-linear-gradient(top, #BF0D00, #BF0D00);
	margin-top:0px;
	
	-moz-box-shadow     : 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow  : 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow          : 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
	
}

.branding-font{
	font-size: 20pt;
	/*font-family: 'Century Gothic', sans-serif;*/
}

.medium-branding-font{
	font-size: 16pt;
	/*font-family: 'Century Gothic', sans-serif;*/
}

.small-branding-font{
	font-size: 12pt;
	/*font-family: 'Century Gothic', sans-serif;*/
}

.menu-font {
	font-size: 10pt;
	/*font-family: 'Century Gothic', sans-serif;*/
}

/* End: top-menu template styling*/


/* Start: Index page*/
.friendly-font h1{
	font-size: 40px !important;
	line-height: 46px;
	font-weight: 100;
}

.friendly-font h2{
	font-size: 20px !important;
	line-height: 36px;
	font-weight: 100;
}

#slogan_message_div{
	height: 250px;
}

#why_reason_div div{
	/*font-family: 'Century Gothic', sans-serif;*/
	font-weight: 100;
}

#why_reason_div h2{
	font-size: 20px !important;	
}

#why_reason_div h3{
	font-size: 16px !important;	
}
.why-reason-point{
	min-height: 180px;
	height: 180px;
}

#side_adv_image{
	background-image: url('/image/shared/multi_features.png');
	background-repeat:no-repeat;
	background-size: 250px;
	height: 250px;
}
/* End: Index page */

/* Start: Contact Us page*/
#side_contact_us_image{
	background-image: url('/image/shared/contact_us.jpg');
	background-repeat:no-repeat;
	background-size: 360px;
	height: 360px;
}

#thank_you_image{
    background-image: url('/image/shared/thank_you.png');
    background-repeat:no-repeat;
    background-size: 300px;
    height: 71px;
}

#opps_image{
    background-image: url('/image/misc/opps-word.png');
    background-repeat:no-repeat;
    background-size: 300px;
    height: 71px;
}

#start_now_image{
    background-image: url('/image/shared/start_now_button.png');
    background-repeat:no-repeat;
    background-size: 120;
    height: 120px;
}

.contact-us-response.well{
	height: 220px;
	font-size: 20px !important;
	line-height: 36px;
	font-weight: 100;
}
/* End: Contact Us page*/

/* Start: About Us page*/
.about-us.well{
	height:150px;
}

#side_about_us_image{
	background-image: url('/image/shared/about.png');
	background-repeat:no-repeat;
	background-size: 200px;
	height: 200px;
}

#side_signup_image{
	background-image: url('/image/shared/signup.png');
	background-repeat:no-repeat;
	background-size: 150px;
	height: 150px;
	margin-top: 50px;
	cursor:pointer;
}

#start_now_div{
	margin-top: 300px;
}

.about-us-text{
	font-size: 11pt !important;
    text-align: justify !important;
    line-height: 22px !important;
}

.about-us-title{
	font-size: 14pt !important;
    text-align: justify !important;
    line-height: 20px !important;
}

.about-us-text h1{
	font-size: 20pt !important;
}

.about-us-text h2{
	margin-top:20px;
	font-size: 16pt !important;
}

#how_it_work_for_user{
	margin-top: 15px;
	margin-bottom: 35px;
	background: url("/image/shared/how-it-works-for-user.png") no-repeat scroll 0 0 transparent;
	height: 500px;
}

#how_it_work_for_merchant{
	margin-top: 15px;
	margin-bottom: 35px;
	background: url("/image/shared/how-it-works-for-merchant.png") no-repeat scroll 0 0 transparent;
	height: 500px;
}

/* End: About Us page*/

/* Start: Signup page*/
#registration_form input[name=recaptcha_response_field]{
	margin-top:20px;
	width: 400px !important;
}

.well.recaptcha-control {
    width: 388px !important;
}

#signup_term_div{
	width: 348px !important;
}

#signup_top_div{
	border-bottom: 1px solid #ccc;
}

/* End: Signup page*/

/* Start: Signin page*/
#sign_in_form h1{
	/*font-family: 'Century Gothic', sans-serif;*/
	font-size: 24px !important;
	line-height: 30px;
	font-weight: 100;
}

#signin_top_div{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-radius: 8px;
    -moz-border-top-radius: 8px;
    border: 1px solid #ccc;

}

#signin_body_div{
	background-color: #fff;
	margin-top:0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

}

#signin_footer_div{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-radius: 8px;
    -moz-border-bottom-radius: 8px;

	background-color: #F7F7F7;
	color: #000;
	/*font-family: 'Century Gothic', sans-serif;*/
	text-transform: none;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 22px;
	background-image: -webkit-linear-gradient(top, #F7F7F7, #F7F7F7);
	margin-top:0px;

	border: 1px solid #ccc;
}

#account_recovery_top_div{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-radius: 8px;
    -moz-border-top-radius: 8px;
    border: 1px solid #ccc;

}

#account_recovery_body_div{
	background-color: #fff;
	margin-top:0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;

}

#account_recovery_footer_div{
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-radius: 8px;
    -moz-border-bottom-radius: 8px;

	background-color: #F7F7F7;
	color: #000;
	/*font-family: 'Century Gothic', sans-serif;*/
	text-transform: none;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 22px;
	background-image: -webkit-linear-gradient(top, #F7F7F7, #F7F7F7);
	margin-top:0px;

	border: 1px solid #ccc;
}

[class^="custom-"], [class*=" custom-"] {
    float: left;
    margin: 0;
    margin-right: 10px;
    height: 40px;
    width: 40px;
}

.custom-fb-icon {
    background: url("/image/shared/custom-fb-icon.png") no-repeat scroll 0 0 transparent;
}

.custom-google-icon {
    background: url("/image/shared/custom-google-icon.png") no-repeat scroll 0 0 transparent;
}

.custom-yahoo-icon {
    background: url("/image/shared/custom-yahoo-icon.png") no-repeat scroll 0 0 transparent;
}

.loyalty-icon {
	float: left;
    margin: 0;
    margin-right: 10px;
    height: 16px;
    width: 16px;
    background: url("/image/shared/loyalty-card-icon.png") no-repeat scroll 0 0 transparent;
}

/* End: Signin page*/

/* Start: Marketing Tool Page */

.marketing-sms-icon {
	float: left;
    margin: 0;
    margin-right: 10px;
    height: 85px;
    width: 85px;
    background: url("/image/shared/sms_icon.jpg") no-repeat scroll 0 0 transparent;
}

.marketing-email-icon {
	float: left;
    margin: 0;
    margin-right: 10px;
    height: 120px;
    width: 120px;
    background: url("/image/shared/email_icon.png") no-repeat scroll 0 0 transparent;
}

/* End: Marketing Tool Page */

/* Start: Member profile page*/
#account_side_menu_div{
	margin-top: 20px;
    padding-left: 10px;
}

#account_side_menu_div ul.nav>li>a{
	font-size: 11pt;
	color: #404040;
}

#account_conntent_div{
	min-height: 400px;
}

#account_conntent_div h1{
	font-size: 20px !important;
}

/* End: Member profile page*/


/* Start: Member contacts page*/
#member_contacts_div legend{
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom:5px;
	line-height: 20px;
	border-bottom: 1px dashed;
	border-color: #D4D4D4;
}

#member_contacts_div select[name=state]{
	margin-top:2px;
	height: 30px;
}

/* End: Member contacts page*/

/* Start: Manage merchant account page*/
#merchant_acct_form .control-label {
	float: left;
	width: 160px;
	padding-left: 15px;
	text-align: left;
}

#merchant_acct_form legend {
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom:5px;
	line-height: 20px;
	border-color: #D4D4D4;
}

#admin_merchant_search input[name=search_value]{
	min-width: 400px;
}


.ui-multiselect-checkboxes label>span {
	padding-left:10px;
}

.ui-multiselect-checkboxes label>input {
	margin-top:-3px;
}

#outlet_profile_form legend{
	font-size: 16px;
	margin-bottom: 0px;
	padding-bottom:5px;
	line-height: 20px;
	border-bottom: 1px dashed;
	border-color: #D4D4D4;
}

#create_merchant_user_modal{
	top: 45% !important;
}

#create_merchant_user_modal div.modal-body{
	min-height: 320px;
}

#manage_merchant_user_div div.modal{
	min-width: 660px;
}
/* End: Manage merchant account page*/

/* Start: Outlet main page*/
#outlet_content_body_div{
	padding-left: 0px;
	padding-right:0px;
	min-height:460px;
}
h1.outlet-name{
	padding-top: 0px;
	font-size: 18px !important;
	font-weight: bold;
	margin-top: 0px;
}

#outlet_summary li.divider{
  border-right: 1px solid #CCC;
  margin-left: 5px;
  margin-right: 5px;
}
/*
.outlet-product-category{
	font-size: 10pt;
}

.outlet-product-category.active a{
	color: red;
}
*/
#outlet_product_listing_div h4{
	font-size: 12pt;
}

#outlet_product_listing_div .pagination{
	margin-top:2px !important;
	margin-bottom:5px !important;
}

#outlet_product_categories_div h4{
	font-size: 12pt;
}

#product_listing_div{
	position:relative;
}

#product_listing_overlay{
	position: absolute;
	right: 0px;
	top:0px;
	width: 100%;
    height: 100%;
	display: none;
    opacity: 0.2;
  	filter: alpha(opacity=20);
  	background-color: #000000;
  	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  	z-index: 2;
}

.min-thumbnail-height{
	min-height: 120px;
}

.max-thumbnail-height{
	max-height: 120px;
}

.min-product-label-height{
	min-height:60px;
}

.product-card:hover, .outlet-card:hover{
	background: rgba(220, 220, 220, 0.2);
}

#product_card_modal div.modal-body{
	position: relative;
	min-height: 300px;
}

.modal.large {
	left: 30% !important;
	width: 79% !important;
}
.modal.hide-in-left {
	margin-left: -3000px !important;
	display:none;
}

.modal.medium {
	left: 40% !important;
	width: 60% !important;
}

.selected{
	border: solid 1px #000;
}

#product_card_modal {
	top: 10%!important;
	margin-top:0px !important;
}

#product_listing_div{
	min-height: 200px;
}

/* End: Outlet main page*/

/* Start: Map modal page*/
#map_modal{
	top: 10%!important;
	margin-top:0px !important;
}

#map_modal h2{
	font-size: 20px;
}

#map_modal .modal.large {
    width: 580px;
    height: 505px;
}

#map_div {
    width: 530px;
    height: 340px;
    margin: 1px;
}

/* End: Map modal page*/

/* Start: Upload product photo modal page*/
#upload_product_photo_div .modal.large {
    width: 800px;

}

.product-photo-item{
	position:relative;
}

.product-photo-overlay{
	position: absolute;
	right: 0px;
	top:0px;
	width: 100%;
    height: 100%;
	display: none;
    opacity: 0.5;
  	filter: alpha(opacity=50);
  	background-color: #000000;
  	-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  	z-index: 2;
}

.product-photo-buttons{
	display: none;
	position: absolute;
	right: 30%;
	top:10px;
	z-index: 3;
}

#update_product_image_button{
	display: none;
}

/* End: Upload product photo modal page*/

/* Start: Merchant Customer Page */
legend.standard{
	font-size: 18px;
	margin-bottom: 10px !important;
	padding-bottom:5px;
	line-height: 20px;
	border-bottom: 1px dashed;
	border-color: #D4D4D4;
}

legend.standard>i{
	margin-top: 4px;
}

/* End: Merchant Customer Page */

/* Start: Home page */
#search_box_label{
	width:100px;
	text-align: right;
}

.outlet-card .outlet-name{
	min-height: 40px;
}

.product-label{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 20px;
}

.product-desc{
	font-size: 10pt;
	max-height: 220px;
	overflow: auto;
}

.loyalty-point{
	font-size: 10pt;
}

.cashback{
	font-size: 10pt;
}

/* End: Home page */

/* Start: Social Share Link Icon */
[class^="share-"], [class*=" share"] {
    float: left;
    margin: 0;
    margin-right: 10px;
    height: 32px;
    width: 32px;
}

.share-fb-icon {
    background: url("/image/shared/facebook.png") no-repeat scroll 0 0 transparent;
}

.share-twitter-icon {
    background: url("/image/shared/twitter.png") no-repeat scroll 0 0 transparent;
}

.share-google-icon {
    background: url("/image/shared/google-plus.png") no-repeat scroll 0 0 transparent;
}

/* End: Social Share Link Icon */

.product_photo_title{
	font-size:16px;
}

#selected_product_listing_content{
	display: block;
}

.pricing{
	font-size: 11pt !important;
	min-height: 48px;
}

.original-price{
	text-decoration: line-through;
	font-size: 10pt !important;
}

.discount-price{
	color: red;
}

.reward-list{
	min-height: 40px;
}

.currency-label{
	position: relative;
	top: -0.2em;
	font-size: 80% !important;
}

.currency-price{
	margin-left: 2px;
    font-size: 100% !important;
}

[class^="payment-"], [class*=" payment"] {
    float: left;
    margin: 0;
    margin-right: 10px;
    height: 52px;
    width: 150px;
}

.payment-icon{
	min-height: 70px !important;
	height:70px !important;
}

.payment-paypal-icon {
    background: url("/image/payment/paypal_logo_small.png") no-repeat scroll 0 0 transparent;
    background-position: center center;
}

.payment-font{
	font-size: 20pt;
	font-weight: bold;
}

#promotion_listing_content{
	min-height: 300px;
}

.promotion-card{
	/*
	background: url("/image/misc/multi_ribbons.jpg") repeat scroll 0 0 transparent !important;
	*/
	min-height: 245px !important;
}

.promotion-content{
	/*background: rgba(255, 169, 0, .85) !important;
	background: #fff !important;*/

}

.promotion-tagline{
	font-weight: bold;
	font-size: 26pt;
	color: #FF8C00;
	line-height: 30px;
}

.promotion-date{
	font-weight: bold;
	font-size: 11pt !important;
}

.promotion-container{
	/*background: rgba(0, 0, 0, .3) !important;*/
	min-height: 85px;
	color: #000;
}

.promotion-product-type{
	font-weight: bold;
	font-size: 16pt !important;
	color: #000;

}

[class^="promotion-tag-"], [class*=" promotion-tag"] {
    background: url("/image/promotion/discount_tag.png") no-repeat -5px -6px;
    height: 70px;
    width: 245px;
    display: inline-block;
    position: relative;

}

.promotion-tag-icon{

}

[class^="promotion-tag-small-"], [class*=" promotion-tag-small"] {
    background: url("/image/promotion/discount_tag_small.png") no-repeat -5px -6px;
    height: 56px;
    width: 196px;
    display: inline-block;
    position: relative;

}

.promotion-tag-small-icon{

}

.promotion-text{
	/*font-family: 'Bookman Old Style', Georgia, Garamond, 'Times New Roman', Times, serif;*/
}

.promotion-rate{
	position: absolute;
	top: 13px;
	left: 18px;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	text-shadow: 0 1px #666;
}

#promotion_item_modal .modal-body{
	min-height: 300px;
}

.sms-tool{
	background: url("/image/marketing/sms.jpg") no-repeat;
    height: 100px;
    width: 100px;
    display: inline-block;
}

.email-tool{
	background: url("/image/marketing/email.png") no-repeat;
    height: 120px;
    width: 120px;
    display: inline-block;
}

.push_notification-tool{
	background: url("/image/marketing/push_notification.png") no-repeat;
    height: 132px;
    width: 120px;
    display: inline-block;
}

.adv-sample-image{
	background: url("/image/advertisement/banner-sample-with-ruler.png") no-repeat;
    height: 300px;
    width: 600px;
    display: inline-block;
}

#select_promotion_product_modal{
	top: 45% !important;
}

#select_product_modal{
	top: 45% !important;
}

#select_promotion_product_modal div.modal-body{
	height: 400px !important;
	overflow: auto;

}

#select_product_modal div.modal-body{
	height: 420px !important;
	overflow: auto;

}

#add_redemption_product_modal{
	top: 48% !important;
}

#add_redemption_product_modal div.modal-body{
	height: 460px !important;
	min-height: 460px !important;
	overflow: auto;

}

#add_redemption_item_modal{
	top: 42% !important;
}

#add_redemption_item_modal div.modal-body{
	height: 460px !important;
	min-height: 460px !important;
	overflow: auto;

}

.redemption-input{
	width: 120px;
}

.overview{
	font-size: 20px !important;
	line-height: 30px;
	/*font-family: "ProximaNovaLight","Helvetica Neue",Helvetica,Arial,sans-serif;*/
}

#sample_adv_modal{
	left: 26.6% !important;
	width: 1200px !important;
}

#sample_adv_modal .modal-body{
	height: 300px;
}

#adv_message{
	margin-top:30px;

}

.banner-message{
	word-wrap: break-word;
}

.carousel-indicators li{
	cursor: pointer;

}

.carousel-indicators li{
	background-color: #B3A6A6 !important;
}

.carousel-indicators .active{
	background-color: #222 !important;
}

.top-menu-item{
	min-width: 68px !important;
	display:block;
	text-decoration: none !important;
	padding-left: 10px;
	padding-right: 10px;
    text-align: center !important;
    vertical-align: middle !important;
}

.outlet-menu-item:hover{
	text-decoration: none !important;
}

#outlet_menus a.active{
	border-top: 2px #005580 solid;
	border-bottom: 2px #005580 solid;
}

.about{
	padding-bottom: 30px;
}

.about-content{
	/*font-family: "My Custom Font", Verdana, Tahoma;*/
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 30px;
}

#top_navbar_ul{
	height: 22px;
	padding: 2px 10px;
	list-style: none;
	/*
	border: 1px solid #D4D4D4;
	-webkit-border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	background-color: #F7F7F7;
	*/
	max-width: 400px;
}

#top_navbar_ul a{
	color: #000;
}

#top_navbar_ul li.divider{
  border-right: 1px solid #CCC;
}

.section-header{
	padding-left: 10px;
	background: url(/image/background/lined_pat.png) #f8f8f8 repeat center left;
}

.carousel-indicators.bottom.center{
	top: inherit !important;
	bottom: -20px;
	right: 45%;
}

#static_map_div {
    min-height: 255px;
    height: 300px;
    width: 300px;
    min-width: 300px;
}


.carousel-caption {
	left:auto;
	bottom:auto;
	padding: 10px !important;
	min-width: 300px;
	min-height: 50px;
	max-width: 550px;
	max-height: 400px;
	padding: 0 20px;
	margin-top: 300px;
	margin-right: 10%;
	background: rgba(0, 0, 0, 0.55);
}

#board_content_div{
	position:relative;
}

/* Start: Board content styling */

.board-card.registered{
	min-height: 255px !important;
}

.board-card .date-field {
	display: table;
	max-width: 165px !important;
}

.board-card .date-label {
	padding: 0 1em;
	text-align: left;
	margin-left: 0px;
	padding-left: 5px;
}


.board-card .date-value{
	/*display: table-cell;*/
	text-align: right;
	max-width: 90px;
	width: 90px;
}

.board-card .outlet-name{
	/*min-height: 42px;*/
	line-height: 25px;
}

.board-card .outlet-logo{
	max-height: 85px;
}

.board-card .outlet-logo-div{
	min-height: 50px;
}

#show_more_link, #show_more_link:hover{
	font-weight: bold;
	font-size: 12px;
	color: #000;
}

/* End: Board content styling */

/* Start: Outlet Navigation styling */
#outlet_profile_tabs_row_div .nav.nav-tabs{
	border-bottom: 1px solid #ddd;
}

#outlet_profile_tabs_row_div .nav-tabs>.active>a{
	background: #eee;
}


/* End: Outlet Navigation styling */

/* Start: Outlet Reward Styling */
.redemption-date{
	font-size: 13px;
	padding: 5px 10px;
	display: inline-block;
	color: #999;
	margin: 0 5px 10px 0;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.redemption-date.active{
	color: #080808 !important;
	border-bottom: 1px solid #080808 !important;
	text-decoration: none;
}

.redemption-point-details{
	min-height: 64px;
}

.gift-label{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 20px;
}

/* End: Outlet Reward Styling */
/* Start: Outlet Deal Styling */
#deal_term_and_condition_modal h2{
	font-size: 18px;
}

.term-condition{
	height: 300px;
	min-height: 300px;
	overflow: auto;
}
/* End: Outlet Deal Styling */
/* Start: Outlet Promotion Deal Styling */
.promotion-product-input{
	min-width: 100px;
	max-width: 100px;
}
.product-price-column{
	text-align: right !important;
}
.action-column{
	text-align: right !important;
}
/* End: Outlet Promotion Deal Styling */

/** Start: Bootstrap modal hacking **/
.modal-header{
	padding-top: 5px;
}

.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6{
	margin-top: 2px;
}

.modal {
    z-index: 70050;
}
.modal-backdrop {
    z-index: 70040;
}

/** End: Bootstrap modal hacking **/

/** Start: Bootstrap  hacking **/
.controls .text{
    height: 35px;
    min-height: 35px;
}

/** End: Bootstrap  hacking **/

form[name=merchant_image_browser_form] span.error{
	text-align: center !important;
}

#merchant_image_browser_modal{
	top: 48% !important;
}

#merchant_image_browser_modal .modal-body{
	min-height: 500px;
}

#merchant_image_browser_modal .tab-content{
	height: 480px;
	max-height: 480px;
	overflow: auto;
}

#product_category_tree_menu_div{
	/*height: 360px;
	max-height: 360px;
	overflow:auto;
	*/
}

#loyalty_card{
	margin: auto;
	height: 280px;
	min-height: 250px;
	width: 440px;
	min-width: 400px;
	position:relative;
}

#loyalty_card.front{
	background: url("/image/misc/grey_circles.jpg") repeat !important;
}

#loyalty_card.back{
	/*background: url("/image/misc/grey_circles.jpg") repeat !important;*/
}

#loyalty_card #bottom_tag{
	height: 40px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	background-color: #000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}

#loyalty_card #user_name{
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}

#loyalty_card #reference_code{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

#loyalty_card_direction a.active{
	color: #000;
	font-weight: bold;
}


#user_qr_code table{
	margin-left: auto;
    margin-right: auto;
}
/*
#user_bar_code{
	position: absolute;
	top:200px;
	margin-left: 10px;
}
*/
#show_more{
	margin-top: 20px;
	margin-left: 10px;

}

#loyalty_card .registered-merchant-logo{
    max-height: 25px;
}

#faq .accordion-heading{
    background: #F3F3F3;
}

#faq .click-read-answer{
    color: red;
}

.faq-question, .faq-question:hover, .faq-question:visited{
    color: #000;
}

#privacy{
	font-size:13px;
}

#privacy h1, h2{
	font-weight: bold;
}

#privacy h1{
	font-size: 26px !important;
}

#privacy h2{
	font-size: 18px;
}

#privacy_terms li{
	margin-bottom: 25px;
}

#privacy_terms ol {
  list-style: symbols("*" "\2020" "\2021" "\A7");
}

.privacy-term{
	margin-left: 50px;
}

.privacy-term h2{
	margin-bottom: 0px;
}

section.privacy-term{
	margin-bottom: 25px;
}

section.privacy-term p{
	margin-left: 5px;
}

#merchant_term li{
	list-style-type: lower-alpha;
	margin-left: 10px;
}

#legal_requirement li{
	list-style-type: lower-roman;
	margin-left: 10px;
}

.roman-list-style li{
	list-style-type: lower-roman;
}

.alpha-list-style li{
	list-style-type: lower-alpha;
}

#terms h1, h2, h3{
	font-weight: bold;
}

#terms h1{
	font-size: 26px !important;
}

#terms h2{
	font-size: 18px !important;
	margin-bottom: 0px !important;
}

#terms h3{
	font-size: 14px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

#member_acct_term li{
	list-style-type: lower-alpha;
	margin-left: 10px;
}

#disclaimer_term li, #liability_term li{
	list-style-type: upper-roman;
	margin-left: 10px;
}

.term{
	margin-bottom: 10px;
}

#merchant_intro_content{
	/*background: #6EC8C7 !important;
	border-color: #6EC8C7
	*/

	/*font-family: "Open Sans",Helvetica Neue,Helvetica,Arial,sans-serif;*/
}

#merchant_intro_content h1{
	font-size: 22px;
	font-weight: bold;
	color: #555;
}

#merchant_intro_content .intro-text{
	font-size: 18px;
	font-weight: bold;
	color: #555;
	margin-top: 30px;
}

#create_merchant_user_form .control-label{
	width: 220px !important;
	margin-right: 10px;
}

/**---------------------------------------
 * 	Start: Progress Tracker
 ----------------------------------------*/
.progress-tracker {
	/*centering*/
	text-align: center;
	display: inline-block;
	/*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);*/
	border: 1px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	border-radius: 5px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	counter-reset: flag;
}

.progress-tracker a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 50px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
	margin-bottom: 5px;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.progress-tracker a:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.progress-tracker a:first-child:before {
	left: 14px;
}
.progress-tracker a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.progress-tracker a.active, .progress-tracker a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.progress-tracker a.active:after, .progress-tracker a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.progress-tracker a:after {
	content: '';
	position: absolute;
	top: 0;
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 36px;
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly.
	 So we are going to scale it down so that the diagonals become equal to the line-height of the link.
	 We scale it to 70.7% because if square's:
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	-ms-transform:scale(0.707) rotate(45deg); /* IE 9 */
	-webkit-transform:scale(0.707) rotate(45deg); /* Safari and Chrome */
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	/*stylish arrow design using box shadow*/
	box-shadow:
		2px -2px 0 2px rgba(0, 0, 0, 0.4),
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	/*
		5px - for rounded arrows and
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.progress-tracker a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
.progress-tracker a:before {
	content: counter(flag);
	counter-increment: flag;
	/*some styles now*/
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}


.flat a, .flat a:after {
	background: white;
	color: black;
	transition: all 0.5s;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, .flat a.active,
.flat a:hover:after, .flat a.active:after{
	background: #9EEB62;
}
/**---------------------------------------
 * 	End: Progress Tracker
 ----------------------------------------*/

/**---------------------------------------
 * 	Start: User message
 ----------------------------------------*/

#user_message_div{
	min-height: 200px;
}

/**---------------------------------------
 * 	End: User message
 ----------------------------------------*/

#outlet_adv_div .offset1:first-child{
	margin-left:1.95%;
}

#outlet_adv_div .offset1.span10{
	width:96%;
}
.merchant-contact dl {
	margin-top: 2px;
	margin-bottom: 2px;
}

#customer_reward_listing_table tr.redeemed, tr.redeemed td {
    filter:alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity:.70;
    text-decoration: line-through
}

#customer_reward_listing_table tr.reverted, tr.reverted td {
    filter:alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity:.70;
    text-decoration: line-through
}

.br-next{
	background-image: url('/image/shared/br_next.png');
	background-repeat:no-repeat;
	background-size: 16px;
	height: 16px;
}

/**---------------------------------------
 * 	Start: General search box
 ----------------------------------------*/
#general_search_box {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

#general_search_box .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 3px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */

	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	height: 38px;
}

#general_search_box button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #D9230F;
}

.search-query:focus + button {
	z-index: 3;
}

/**---------------------------------------
 * 	End: General search box
 ----------------------------------------*/

#member_privilege_form_modal{
	top: 55% !important;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  .box-sizing(border-box);
}


.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


#board_content_div .board-card {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #F6F6F6 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 2px 1px rgba(0, 0, 0, 0.1), 0 3px 1px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 0 #DDDDDD;
    width: 270px;
    margin: 10px;
    float: left;
}

#selected_customer_listing_content{
    min-height: 100px;
}

.header-logo{
    max-height: 50px !important;
}

/**---------------------------------------
 *  Start: Landing Page
 ----------------------------------------*/
.banner{
    position: relative;
    min-height: 400px;
}

.carousel-control{
    top: 180px;
    position:absolute;
}

.carousel-control.left{
    left: 30px;
}

.carousel-control.right{
    right: 30px;
}

.landing-section{
    border-bottom: 1px dashed #b9c2c6;
}

.landing-bg{
    background:no-repeat fixed url('/image/banner/street_market.jpg');

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.mobile-app-section{
    background:center no-repeat url('/image/banner/devices_solution.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px !important;
    position: relative;
}

#download_app_links{
    position: absolute;
    top: 300px;
}

.banner-text-block{
    /*font-family: Roboto, sans-serif;*/
}

.banner-text-block .banner-text{
    font-size: 13pt !important;
    font-weight: bold;
}

.banner-text-block .banner-text-sub{
    padding-left: 15px;
    font-size: 12pt !important;
}

.banner-text-block .banner-text-sub li{
    margin-bottom: 5px;
    font-weight: bold;
}

.features{
    margin-top:50px;
}

.feature{
    padding-left:20px;
    padding-right:20px;
}

.feature-title{
    font-weight: bold;
    font-size: 16pt;
    /*font-family: Roboto, sans-serif;*/
    line-height: 30px;
}

.feature-text{
    font-size: 13pt;
    /*font-family: Roboto, sans-serif;*/
    line-height: 26px;
}

/**---------------------------------------
 *  End: Landing Page
 ----------------------------------------*/

/**-------------------
Button: Request Demo
-----------------------*/
.request-demo {
    background-color: #da4f49;
    border: 1px solid #dd3226;
    color: #ffffff;
    width: 200px;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height:50px;
    text-align: center;
}

.center-page{
    margin-left: auto;
    margin-right: auto;
}

/* Start: Demo Request page*/
.large-textfield{
    height: 46px !important;
    font-size: 16pt !important;
}

/* End: Demo Request page*/

/* Start: Merchant Currency Settings page*/
form[name=currency_settings_form] .control-label{
    width: 260px;
    padding-right: 10px;
}
/* End: Merchant Currency Settings page*/

/* Start: User earned rewards page*/
.earned-rewards-card{
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #b9c2c6;
}

/* End: User earned rewards page*/

/* Start: Dashboard Menu*/
.dashboard-container{
    margin: 0 auto;
    text-align: center;
}

.dashboard-menu{
	min-height: 108px !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 10px;
    text-align: center !important;
    vertical-align: middle !important;
    width: 130px !important;
    margin: 15px;
    display: inline-block;

}

.dashboard-menu .logo{
	margin-left: auto;
    margin-right: auto;
    font-size: 2em;
}

.dashboard-menu .menu-label{
	line-height: 25px;
    color: #FFFFFF;
    font-size: 1.2em;
    margin-top: 10px;
}

.dashboard-menu.purple{
    background-color: #7C00CE;
}

.dashboard-menu.red{
    background-color: #FF0000;
}

.dashboard-menu.yellow-gold{
    background-color: #646930;
}

[class^="dashboard-icon-"], [class*=" dashboard-icon-"] {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    height: 145px;
    width: 140px;
}

.dashboard-icon-iPentity{
    background: url("/image/dashboard/iPentity.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-give-rewards{
    background: url("/image/dashboard/give-rewards.png") no-repeat scroll 0 0 transparent;

}

.dashboard-icon-profile{
    background: url("/image/dashboard/profile.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-promotions{
   background: url("/image/dashboard/promotions.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-redeem-voucher{
    background: url("/image/dashboard/redeem-voucher.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-redemption{
    background: url("/image/dashboard/redemption.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-reward-cards{
    background: url("/image/dashboard/my-wallet.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-scanner{
    background: url("/image/dashboard/scanner.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-settings{
    background: url("/image/dashboard/settings.png") no-repeat scroll 0 0 transparent;
}

.dashboard-icon-vouchers{
    background: url("/image/dashboard/vouchers.png") no-repeat scroll 0 0 transparent;
}

/* End: Dashboard Menu*/

/* Start: Reward Card */
.reward-card-container{
    margin: 0 auto;
    width: 480px;
}

.reward-card{
    margin-top: 30px;
    margin-bottom:20px;
    position: relative;
    width: 480px;
    height: 300px;
}

.reward-card.mobile{
    margin-top: 18.8px;
    margin-bottom:12.5px;
    width: 300px;
    height: 188px;
}

.brand-card{
    margin-top: 30px;
    margin-bottom:20px;
    position: relative;
    width: 480px;
    height: 300px;
}

.brand-card.mobile{
    margin-top: 18.8px;
    margin-bottom:12.5px;
    width: 300px;
    height: 188px;
}

.brand-card.with-image{
    background-color: transparent;
    border: 0px;
}

.reward-card-image{
    position: relative;
    width: 480px;
    height: 300px;
    background-size:100%;
    border: 0px solid #D4D4D4;
	border-bottom: 0px;
	-webkit-border-radius: 26px 26px 26px 26px;
	-moz-border-radius: 26px 26px 26px 26px;
}

.reward-card-image.mobile{
    width: 300px;
    height: 188px;
    -webkit-border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
}

.brand-card-image{
    position: relative;
    width: 480px;
    height: 300px;
    background-size:100%;
    border: 0px solid #D4D4D4;
	border-bottom: 0px;
	-webkit-border-radius: 26px 26px 26px 26px;
	-moz-border-radius: 26px 26px 26px 26px;
}

.brand-card-image .mobile{
    width: 300px;
    height: 188px;
    -webkit-border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
}

.stamp-holder{
    top: 100px;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: 999999;
}

.stamp-holder.mobile{
    top: 62.5px;
}

.reward-card-stamp{
    position: absolute;
    height: 50px;
    width: 50px;
    margin-left:10px;
    margin-right: 10px;
    margin-top:10px;
    margin-bottom:10px;
}

.reward-card-stamp.mobile{
    height: 31.25px;
    width: 31.25px;
    margin-left:6.25px;
    margin-right: 6.25px;
    margin-top:6.25px;
    margin-bottom:6.25px;
}

.rewards-details-overlay{
    top: 100px;
    left: 0px;
    right: 0px;
    width: 480px;
    height: 100px;
    background-color: #555555;
    opacity: 0.6;
    position: absolute;
    z-index: 2;
}

.rewards-details-overlay.mobile{
    top: 65px;
    width: 300px;
    height: 65px;
}

.rewards-details-content{
    padding-top: 25px;
    font-size: 22px;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: center;
}

.rewards-details-content.mobile{
    padding-top: 15.5px;
    font-size: 14px;
}

.reward-card-footer{
    bottom:0px;
    left: 0px;
    right: 0px;
    width: 480px;
    height: 40px;
    background-color: #000000;
    opacity: 0.7;
    position: absolute;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

.reward-card-footer.mobile{
    width: 300px;
    height: 25px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.reward-card-footer-content{
    padding-top: 10px;
    padding-right: 20px;
    font-size: 20px;
    color: #FFFFFF;
    text-align: right;
}

.reward-card-footer-content.mobile{
    padding-top: 6.5px;
    padding-right: 13px;
    font-size: 13px;
}

.reward-card-label{
    top:25px;
    right: 20px;
    width: 300px;
    position: absolute;
    color: #000000;
    font-size: 20pt;
    font-weight: bold;
    text-align: right;
}

.reward-card-label.mobile{
    top:25px;
    right: 13px;
    width: 188px;
    font-size: 13pt;
}

.reward-card-logo-container{
    top:15px;
    left: 10px;
    width: 100px;
    height: 80px;
    position: absolute;
    border: 1px solid #000000;
    padding: 2px;
    background-color: #FFFFFF;

}

.reward-card-logo-container.mobile{
    top:9.5px;
    left: 6.5px;
    width: 65px;
    height: 52px;
}

.reward-card-logo.mobile{
    width: 65px;
    height: 52px;
}

.total-stamp-count{
    bottom:25px;
    width: 480px;
    position: absolute;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.total-stamp-count.mobile{
    bottom:15.6px;
    width: 300px;
    font-size: 10px;
}

.more-stamp-sign{
    padding-top: 30px;
    padding-left:15px;
    font-size: 20pt;
    font-weight: bold;
    position: absolute;
}

.more-stamp-sign.mobile{
    padding-top: 18.75px;
    padding-left:9.4px;
    font-size: 12.5pt;
}

.member-reference-code{
    top: 175px;
    width: 480px;
    text-align: center;
    font-size: 20pt;
    color: #555555;
    position: absolute;
    z-index: 2;
}

.member-reference-code.mobile{
    top: 109px;
    width: 300px;
    text-align: center;
    font-size: 12.5pt;
}

.stamp-holder .top0left0{
    top: 0px;
    left: 70px;
}

.stamp-holder .top0left1{
    top: 0px;
    left: 140px;
}

.stamp-holder .top0left2{
    top: 0px;
    left: 210px;
}

.stamp-holder .top0left3{
    top: 0px;
    left: 280px;
}

.stamp-holder .top0left4{
    top: 0px;
    left: 350px;
}

.stamp-holder .top1left0{
    top: 60px;
    left: 70px;
}

.stamp-holder .top1left1{
    top: 60px;
    left: 140px;
}

.stamp-holder .top1left2{
    top: 60px;
    left: 210px;
}

.stamp-holder .top1left3{
    top: 60px;
    left: 280px;
}

.stamp-holder .top1left4{
    top: 60px;
    left: 350px;
}

.stamp-holder.mobile .top0left0{
    top: 0px;
    left: 43.75px;
}

.stamp-holder.mobile .top0left1{
    top: 0px;
    left: 87.5px;
}

.stamp-holder.mobile .top0left2{
    top: 0px;
    left: 131.25px;
}

.stamp-holder.mobile .top0left3{
    top: 0px;
    left: 175px;
}

.stamp-holder.mobile .top0left4{
    top: 0px;
    left: 218.75px;
}

.stamp-holder.mobile .top1left0{
    top: 37.5px;
    left: 43.75px;
}

.stamp-holder.mobile .top1left1{
    top: 37.5px;
    left: 87.5px;
}

.stamp-holder.mobile .top1left2{
    top: 37.5px;
    left: 131.25px;
}

.stamp-holder.mobile .top1left3{
    top: 37.5px;
    left: 175px;
}

.stamp-holder.mobile .top1left4{
    top: 37.5px;
    left: 218.75px;
}

/* End: Reward Card */

/* Start: Brand Card */
.brand-card-container{
    margin-top: 30px;
    margin-bottom:20px;
    width: 480px;
    height: 300px;
    position: relative;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.brand-card{
    position: relative;
    width: 480px;
    height: 300px;
    background-size:100%;
    background-color: #FFFFFF;
    border: 1px solid #D4D4D4;
	-webkit-border-radius: 26px 26px 26px 26px;
	-moz-border-radius: 26px 26px 26px 26px;
}

.brand-card-logo-container{
    top: 50px;
    left: 115px;
    right: 115px;


    width: 250px;
    height: auto;
    position: absolute;
    padding: 2px;
    background-color: transparent;

}

/* End: Brand Card */

/* Start: Voucher Simple View */

.voucher-simple-view{
    margin-top: 30px;
    margin-bottom:20px;
    position: relative;
    width: 480px;
    height: 250px;

    background-color: #ffffff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}

.voucher-simple-view.mobile{
    margin-top: 18.8px;
    margin-bottom:12.5px;
    width: 300px;
    height: 155px;
}

.voucher-simple-view .outer-div {
    width: 480px;
    height: 250px;

}

.voucher-simple-view.mobile .outer-div {
    width: 300px;
    height: 155px;

}

.voucher-simple-view .middle-div {
  position: relative;
  top: 40%;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
}

.voucher-simple-view-image{
    background-size: 100% 100%;
    height: 150px;
    overflow: auto;
    margin: auto;

}

.voucher-simple-view-content{
    padding: 10px;
}

.voucher-simple-view-title{
    text-align: left;
    color: #555555;
    margin-bottom: 10px;
}

.voucher-simple-view-label{
    text-align: left;
    font-weight: bold;
    color: #555555;
}

.voucher-simple-view-table{
    border: none;
    width: 100%;
}

.voucher-simple-view-left-content{
    width: 40%;
}

.voucher-simple-view-right-content{
    width: 60%;
}


/* End: Voucher Simple View */

.nav-collapse, .nav-collapse.collapse{
    background-color: #FFFFFF;
    z-index: 999999;
}

#add_redemption_product_btn{
    margin-top: 2px;
    margin-bottom: 2px;
}

#add_redemption_reward_btn{
    margin-top: 2px;
    margin-bottom: 2px;
}


.segmented-spender-listing table{
    display:block;
    height:500px;
    overflow:auto;
    width:100%;

}

.light-grey-bg{
    background-color: #f5f5f5;
}