@charset "utf-8";
/* CSS Document solar turbine */
body {
	background:url("none") repeat scroll 0 0 #fcfcfc;
	color:#333;/*#676767*/
	font-family: 'Roboto',Arial, sans-serif !important;
	/* text-transform: uppercase; */
	}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "Myriad Pro","open_sansregular" , "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.row{
	/*margin-left: 15px !important;
	margin-right:15px !important; */
}
.mainBg {
	
	background:#FFFFFF;
	/*border-top: 2px solid #f9a426;*/
	box-shadow: 0 2px 10px #DDDDDD;
	-moz-box-shadow: 0 2px 10px #DDDDDD;
	-webkit-box-shadow: 0 2px 10px #DDDDDD;
	/*border-bottom: 2px solid #f9a426;*/
	behavior: url(pie/PIE.htc);
	/*padding-top: 10px;*/
	
	
	
	
}
.rewardTxt {
	font-size:18px;
	margin-left:5px;
	color:#909090;
	padding-left: 10px;
	border-left: 1px solid #E7E7E7;
}
.bannerBg {
	background:url("../images/shades@2x.png") repeat scroll 0 0 #ffae00;
}
.bannerCont {
	color: #808080;
	padding: 5px;
	text-transform: none! important;
	padding-left: 15px;
	text-align: right;
	text-align:left;
	background:#e6e6e6;
	font-size:14px;
	font-weight: normal;
}
.bannerCont span {
	padding-right:2px;
	padding-left:0px;
	font-weight: none;
	color: #4d4d4d;
    font-weight: bold;
}

.bannerCont span:nth-last-of-type(1){
	color: #4d4d4d;
	font-weight: bold;
}

.mat-snack-bar-container {
    border-radius: 2px;
    box-sizing: content-box;
    display: block;
    margin: 24px;
    max-width: 100% !important;
    /* min-width: 288px; */
	/* padding: 14px 24px; */
	padding: 2px 11px! important;
    padding-top: 10px! important;
    transform: translateY(100%) translateY(24px);
}
.bannerCont a {
	color: #311B1B !important;
}
.bannerCont a:hover {
	color: #000;
}
.bannerBg h3 {
	color: #FFFFFF;
	padding-top: 5px;
}

.mat-elevation-z8 {
	box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
	 0 8px 10px 1px rgba(0,0,0,.14)! important;
}
.mainBox {
	padding-bottom:70px;
	position:relative;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.mainBox img {/*border-color: #DEDEDE;border-style: solid;*/
	width:100%;/*
border-bottom: 5px solid #DEDEDE;
border-color: #DEDEDE;*/
}

.mainBox img:hover {
	border-bottom-color: #f9a426;
	cursor:pointer;
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1);
}


.boxPic {
	text-align:center
}
.mainBox .boxCont {
	padding-left: 0;
	float: left;
	width:100%;
	height:60px !important;
}

.partbox{
	padding-left: 0;
	margin-top:20px;
	float: left;
	width:100%;
	height: auto !important;
} 
.boxCont-sm {
	height:100px!important;
}
.mainBox .boxCont li {
	list-style:none;
	width:100%;
	line-height:30px;
	height:16px;
}
.list-height{
		line-height:20px !important;
}
.mainBox .boxCont .picName {
	list-style: none outside none;
	float: left;
	padding:15px 10px;
}
.eachBox {
	width:100%;
	overflow:hidden;
	border: 0px solid #DDDDDD;
}
.hoverImg {
	left: 50%;
	margin-left: -40px;
	margin-top: -60px;
	position: absolute;
	top: 50%;
}
.hoverImg img {
	border-width: 0;
	/*margin-top: -113px;*/
}
.hoverImg:hover {
	opacity:1;
	display:none;
}
.boxImg {
	
	transition:all 180ms ease-in-out;
	-moz-transition:all 180ms ease-in-out;
	-webkit-transition:all 180ms ease-in-out;
	-o-transition:all 180ms ease-in-out;
	-ms-transition:all 180ms ease-in-out;
}
/*.boxImg:hover {
	border:5px solid #ddd;
	opacity:0.9;
}*/
.pics {/*border-bottom: 5px solid #DDDDDD;*/
	border:3px solid #fff;
	overflow: hidden;
	text-align: center;
}
.pics:hover {
border:3px solid #ddd;
/*border-bottom: 3px solid #f9a426;*/
} 
/*.hoverImg:hover{position:absolute;opacity:1;top:50px;left:60px;cursor:pointer;}*/
.noRadius {
	border-radius: 0;
	height: 42px;
}
.boxPoints {
	text-align:left;
	float: left;
	margin-right: 5px;
	width: 100%;
    height: 69px;
    /*word-break: break-all;
    word-wrap: break-word;*/
    text-overflow: ellipsis;
}
.boxPoints ul {
	padding-left:0px;
}
.boxPoints .point {
	color: #000000;
	font-size: 18px;
	text-transform: capitalize;
	font-weight:bold;
}
.boxPoints .number {
	font-size:20px;
	margin-bottom: 5px;
}
.searchDiv {
	margin-top:20px;
}
.borderBtm {
	border-bottom:1px solid #ddd;
	margin:0px;
}
.borderBtm h4 {
	margin-left:-15px;
}
.marginTop {
	margin-top: 15px;
}
.lessPad {
	margin-right:-15px;
}
.searchBg {
	background-color: #f9a426;
	border-color: #CCCCCC;
	color: #FFFFFF;
}
.searchBg span {
	font-size:18px;
}
.cursor {
	cursor:default;
	color:#000;
}
.cursor:hover, .cursor:focus {
	background:none !important;
	text-decoration: none;
	color:#000;
}
.quantity-value {
	max-height: 34px;
	width: 45px !important;
}
.remove-cart-button:hover,remove-cart-button:active {
	/* background-color: #D74637; */
	/* border-radius: 50%; */
	cursor:pointer;
} 
.quantity-group {
	margin: 5px 0px;
	float: left;
}
/* .welcomeNav > li {
	float:left;
}
.welcomeNav > li > a {
	padding-bottom: 2px;
	padding-top: 2px;
}
.welcomeNav .open > a, .welcomeNav .open > a:hovermyPoints, .welcomeNav .open > a:focus {
	background-color: #fff;
} */
.cartcount {
	text-align:right;
	color:#f9a426;
	margin-top:0px;
	
}
.myPoints {
	text-align:right;
	color:#f9a426;
	margin-top:11px;
	
}
.myPoints h1 {
	margin:0px;
	font-weight: bold;
}
.cart h6 {
	margin-left: 10px;
	margin-top: 30px;
}
/* .logoDiv {
	
	margin-bottom:30px;
} */
.mainNav {
	border-left-width: 0;
	border-right-width: 0;
	border-bottom:none;
	margin:0 -15px;
	border-radius:0 !important;
	background: url("../images/navBg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.mainNav .navbar-nav > li:last-child > a {
	border:none;
}
.mainNav .navbar-nav > li > a {
	border-right:1px solid #e7e7e7;
	color: #333333;
}
.mainNav .navbar-nav > li > a:active, .mainNav .navbar-nav > li > a:hover, .mainNav .navbar-nav > li > a:focus {
	background: url("../images/navActBg.png") repeat scroll 0 0 #f9a426;
	color:#fff;
	background:#cecccc;
}
.mainNav .navbar-nav > .active > a, .mainNav .navbar-nav > .active > a:hover, .mainNav .navbar-nav > .active > a:focus {
	background:url("../images/navActBg.png") repeat scroll 0 0 #f9a426;
	color:#fff;
}
.mainNav .navbar-nav > .open > a, .mainNav .navbar-nav > .open > a:hover, .mainNav .navbar-nav > .open > a:focus {
	background-color: #f9a426 !important;
	color:#fff;
}
.mainNav .navbar-nav > .open > a .caret, .mainNav .navbar-nav > .open > a:hover .caret, .mainNav .navbar-nav > .open > a:focus .caret {
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
}
.mainNav .navbar-nav > .dropdown > a:hover .caret, .mainNav .navbar-nav > .dropdown > a:focus .caret {
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
}
.mat-form-field-underline {
    position: absolute;
    height: 1px;
	width: 100%  !important;
}
.nav > li > a {
    padding: 5px 5px;
}
footer {
	color: #999;
	padding:0;
}
footer h5 {
	font-weight:bold;
	color:#747474
}
footer ul li {
	font-size: 14px;
	color:#747474
}


.footerDiv {
	background: none repeat scroll 0 0 #2A2A2A ;
	border-top: 1px solid #DDDDDD;
	padding:20px;
	
}
.footerDiv .icons {
	color:#b1b1b1;
}
.footerDiv p span {
	color:#ffffff
}
.copy {
	border-top:0px solid #ddd;
	padding-top: 10px;
}
.copy a {
	color:#fff;
}
.copy span {
	font-size:12px;
	/*margin-left:10px;*/
	margin-right:10px;
	color: #333333;
}
.float-left {
	float: left !important;
}
.welcomeNav a, .welcomeNav a:visited {
	color: #ffffff !important;
}
.mar-bottom-none {
	margin-bottom: 0 !important;
}
a, a:visited {
	color: #ffffff;
	font-size:11px;
	text-decoration: none;
	transition:color 0.1s ease-in-out;
	-moz-transition:color 0.1s ease-in-out;
	-webkit-transition:color 0.1s ease-in-out;
	-ms-transition:color 0.1s ease-in-out;
	-o-transition:color 0.1s ease-in-out;
}
a:hover, a:focus {
	color: #f9a426;
	text-decoration: underline;
	outline:none !important;
}

.picName a, .picName a:visited {
	color: #565555;
	font-size: 18px;
	 text-transform: normal;
	 /*font-weight:bold;*/
	 font-weight: 400;
}
.picName a:hover {
	text-decoration:none;
	color:#f9a426;
}
.pagination {
	padding-left:15px !important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #f9a426;
}
.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
	border-radius:2px;
	margin:0 10px 0 0;
}
.listMenu {
	border-bottom: 1px dashed #999999;
}
.listMenu h4 {
	cursor:default;
}
.listMenu .first {
	margin-top:0px;
}
.listMenu h4 .brder {
	border-right: 2px solid #9A9A9A;
	padding-right: 5px;
	color: #333333;
}
.listMenu ul {
	padding-left:0px;
}
.listMenu ul li {
	list-style:none;
	line-height: 25px;
}
.listMenu .glyphicon {
	border: 1px solid #DDDDDD;
	color: #999999;
	float: right;
	font-size: 14px;
	padding: 2px;
}
.glyphicon:empty {
	width:auto;
	font-size:10px;
}
.pagination > li > a, .pagination > li > span {
	background-color: #E2E2E2;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #B7B7B7;
	color:#fff;
}
.bold {
	font-weight:bold;
}
.noBorder {
	border:none;
}
.marginBtm {
	margin-bottom:5px;
}
.searchbox-bg {
	padding-right: 0;
    background: #f9a426;
    height: 45px;
    
}

.listItems label {
	font-weight:normal !important;
}
.hideIt {
	display:none;
}
.openIt {
	display:block;
}
.glyphicon-plus:before {
	content: "+";
	font-size:10px;
}
/*Part Details Page css*/
.itemPic {
	border: 1px solid #DDDDDD;
	padding: 30px 50px;
}
.itemPic img {
	width:100%;
}
.itemDes h3 {
	margin-top:0px;
}
.itemDes h2 {
	margin-top:0px;
	color: #ffae00;
}
.itemDes .numBtn {
	background: none repeat scroll 0 0 #f9a426;
	color: #FFFFFF;
	border: medium none;
}
.smallPoint {
	font-size:10px;
}
.smallPics img {/*border:1px solid #ddd;*/
	transition: all 180ms ease-in-out 0s;
	-moz-transition:all 180ms ease-in-out;
	-webkit-transition:all 180ms ease-in-out;
	-o-transition:all 180ms ease-in-out;
	-ms-transition:all 180ms ease-in-out;
}
.smallPics img:hover {/*border:5px solid #f9a426;*/
}
.smallPics > .picSpan {
	display: inline-block;/*margin: 5px;*/
	transition: all 180ms ease-in-out 0s;
}
.smallPics > .picSpan:hover {
	display: inline-block;
	outline:5px solid #f9a426;
}
.ngx-pagination .current {
	background-color: #f9a426 !important;
}
	
.mat-form-field-infix {
	
	text-transform:none;
	color: #333333;
	}
.similar h4 {
	margin-top:0px
}
.similarItems {
	background: none repeat scroll 0 0 #F2F2F2;
	margin: 10px 0;
	padding: 15px 0;
}
.similarItems h3 {
	margin:0px;
	color: #ffae00;
}
.similarItems h5 {
	margin-bottom: 0;
	margin-top: 0;
}
.btn-primary {
	background-image: url("../images/btn-shade.png");
	padding: 10px 15px;
}
.tabsDiv >.nav-tabs > li.active > a, .tabsDiv .nav-tabs > li.active > a:hover, .tabsDiv .nav-tabs > li.active > a:focus {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 0;
	border-top: 2px solid #f9a426;
	color:#f9a426;
}
.tabsDiv > .nav-tabs > li > a {
	background: none repeat scroll 0 0 #f8f8f8;
	color: #333333;
	line-height: 1.42857;
	margin-right:0px;
	border-radius: 0;
	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}
.tabsDiv > .tabsCont {
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding: 15px;
}
.tabList {
	padding:0;
}
.tabList li {
	list-style:none;
}
.tabList li > span {
	font-size: 11px;
}
/*Part Details Page css*/
.cart {
	position:relative;
}
.cartNo {
	background: url("../images/cart-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #FFFFFF;
	padding: 8px 10px 10px 13px;
	position: absolute;
	top: 5px;
}
.popover {
	display: block;
	height: 340px !important;
	left: -205px !important;
	top: 67.5px !important;
	width: 300px !important;
	max-width:300px;
}
.popover.bottom .arrow {
	left: 83% !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	outline:none;
}
.popover-content .popIn {
	padding:10px 0 !important;
}
.popover-content .popIn h2 {
	margin:10px 0;
}
.popover-content h3 {
	margin-top:0px;
}
.popover-content .popIn h3 {
	margin-top:0px;
}
.popover-content .popIn h4 {
	padding: 6px 10px;
}
.popover-content .popIn h5 {
	margin-top:0px;
}
.popover-content .popIn .first {
	border:1px solid #ddd;
	margin-left:10px;
}
.popover-content .continue {
	padding: 0px 10px;
	text-align: center;
}
.popover-content .continue a {
	color:#f9a426;
}
.popover-content .line {
	border-bottom:1px solid #E6E6E6;
}
.popover-content .line-dash {
	border-bottom:1px dashed #E6E6E6;
}
.popover-content .btn {
	margin-top: 10px;
}
.popover-content .blueTxt {
	color:#f9a426;
}
.removeMar {
	margin:0px;
}
.cartBtn {
	padding: 10px 20px;
}
/*Login Page css*/
.bannerTitle h3 {
	margin: 27px 0;
	padding: 0;
}
.loginDiv {
	margin: 20px 0;
}
.loginForm {
	max-width:400px;
	border: 1px solid #DDDDDD;
	background:#fff;
	box-shadow: 0 0 2px 2px #DDDDDD;
	-moz-box-shadow: 0 0 2px 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px 2px #DDDDDD;
	-o-box-shadow: 0 0 2px 2px #DDDDDD;
	behavior: url(pie/PIE.htc);
}
.loginForm h2 {
	color:#f9a426;
}
.loginForm a {
	color:#f9a426;
	font-weight: normal;
}
.loginForm a:hover, a:active {
	color:#333;
}
.forgotLink {
	margin-top: 5px;
}
.rewardDiv {
	padding-left: 0px;
	transition: all 180ms ease-in-out 0s;
}
.rewardDiv img {
	margin-top: 50px;
	width: 100%;
}
.popupDiv label {
	display:block;
}
.modal-title {
	color:#f9a426;
	font-weight:bold;
}
.welcomeTxt {
	margin-top: 50px;
	color:#f9a426;
}
/*Login  css*/
.editAccount .control-label {
	padding-top: 0px;
}

/*Parts css*/
.wrapper .panel-primary > .panel-heading {
	background-color: #000000;
	border-color:#000000;
	background:#ffffff;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
	}

	.push {
		height: 50px;
	}
	
	.wrap {
		min-height: 100%;
		
		height: 100%;
		margin: 0 auto -50px;
	}

.wrapper .panel-primary{
	border-color:#000000;
}
.table-valign td {
	vertical-align: middle !important;
}
.wrapper {
	margin-bottom:15px;
	margin-top:40px;
}
.modal-wide {
	width: 80%;
}
.modal-w60 {
	width: 60%;
}
.btn-Secondary {
	background-image: url("../images/btn-shade.png");
	padding: 5px 10px;
	background-color: #428BCA;
	border-color: #3b3b3b;
	color: #FFFFFF;
}
.btn-info{
	background-color:#3b3b3b;
	border-color: #3b3b3b;
}
.h6{
	font-size:10pt;
	
}
.dropdown-menu {
    top: 112%;
    left: -15px;
    min-width: 146px;
}
.btn-chkprice{
	color:#fff;
	background:#333;
/*	margin-top:25px;*/
	width:100%;
}

.btn-chkprice:hover,.btn-chkprice:focus{
    color: #fff !important; 
    outline: none !important;
     }

/* Nag - Tab and Mobile css */

/*Dept css*/

@media (max-width: 768px) {
.container {
	transition:all 180ms ease-in-out 0s;
}

.welcomeTxt {
	margin-top: 0px;
}
h1, h2 {
	font-size: 24px !important;
}
h3 {
	font-size: 20px;
}
.rewardTxt {
	font-size: 16px;
}
}
@media(max-width: 992px) {
.container {
	transition:all 180ms ease-in-out 0s;
}
h1, h2 {
	font-size: 30px;
}
h3 {
	font-size: 20px;
}
.rewardDiv img {
	margin-top: 70px;
}
.editAccount {
	font-size:12px;
}
.topPerformer {
	padding-left:15px !important;
}
}
@media (min-width: 1200px) {
.container {
	transition:all 180ms ease-in-out 0s;
}
#left-menu {
	padding-right:0px;
}
.marginBtm {
	padding-right: 0;
}
.btn .caret {
	margin-left: 6px;
}
}


@media(max-width: 767px) {
.margleft0xs {
	margin-left:0px !important;
}
.margtop10xs {
	margin-top:10px !important;
}
}
@media(max-width: 1024px) {
.btnwid {
	width: 205px !important;
}
.btnwid .caret {
	margin-left: 105px !important;
}
.badg-cls {
	padding-left: 0 !important;
}
}
/*MY CSS*/

.bgimg {
	background-image: url("../images/bg-gradient.jpg");
   background-repeat: repeat-y;
   background-position:right;
}
/*Latest Parts New Styles*/
.grey-text { color:#666;}
.select-dept-tab { background:#f9a426; color:#fff; padding:5px 0 6px 0px; text-align:center; font-size:13px; cursor:pointer;
border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;}
.congrats-block {
background:#fef2d5 url("../images/congrats.jpg") no-repeat top left; border:1px solid #dcdcdc; min-height:65px;
padding:0px 0 5px 0;
}
.congrats-block a{ color:#f9a426;}

/*Latest Parts Model Popup */
#SelectRecipients .modal-body { padding:0;}
#SelectRecipients .modal-cont { padding:0 15px;}
.radio-btn { font-weight:bold;}
.searchbox { margin:12px 0;}
.textinput { margin:8px 0 0 0 !important;}
.box-scroll { height:280px; overflow-y:auto;}
.btnwid-large { width:100%; height:100px !important; margin-bottom:10px !important;}
.pad-lft15 { padding-left:15px}
.pad-lft0 { padding-left:0px}
.color-black { color:#000; font-size:15px !important;}
.flow-auto { overflow:auto;}
.flow-hidden { overflow: hidden;}



.bubble {
	background: none repeat scroll 0 0 #f9a426;
	border-radius: 3px;
	height: 25px;
	padding: 0;
	position: absolute;
	right: 25px;
	top: 0;
	width: 25px;
}
.bubble .pointer {
	padding: 6px;
	color:#fff;
}
.bubble:after {
	border-color: #f9a426 rgba(0, 0, 0, 0);
	border-style: solid;
	border-width: 5px 6px 0;
	bottom: -4px;
	content: "";
	display: block;
	left: 3px;
	position: absolute;
	width: 0;
	z-index: 1;
}
/*Part search new and sold css*/
.is-disabled {
	opacity: .5;
	pointer-events: none;
}
.mainBox .newSold img:hover {
	cursor: default;
	transform:none;
	-moz-transform:none;
	-webkit-transform:none;
}
.newSold {
	position: absolute;
	right: 10px;
	top: -5px;
	z-index: 100;
}
.sold .boxImg img {
	opacity:0.5;
}
.sold .boxImg {
	border-bottom: 5px solid #DDDDDD;
	transition:none;
}
.sold .boxImg:hover {
	opacity:1
}
.sold img {
	transition:none;
	/* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	/* this is for Firefox 3.5+, Firefox mobile */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");
	/* for IE6+ */
  filter: gray;
}
/*item search new and sold css*/
/*item details*/
.smallPics > .picSpan {
	background: url("../images/smallSprite.jpg") no-repeat scroll 0 0 #fff;
	border: 1px solid #DDDDDD;
	cursor: pointer;
	height: 60px;
	width: 60px;
}
.smallPics > .picSpan >a {
	display:block;
	height:58px;
}
.sec > .picSpan {
	background-position: -61px 0;
}
.third > .picSpan {
	background-position: -122px 0;
}
/*Part details*/
/*latest Parts*/
.nav-btm {
	border:1px solid #e7e7e7;
}
.latestRew {
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-top:1px solid #f9a426;
	font-size:11px;
}
.latestRew .oddRow {
	height:80px;
	padding-left: 0;
	border-bottom: 1px solid #E7E7E7;
	background:#F5F5F5;
}
.latestRew .evnRow {
	height:80px;
	padding-left: 0;
	border-bottom: 1px solid #E7E7E7;
}
.latestRew .oddRow .frstTd, .frstTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll 0 0 #F5F5F5; */
	height:80px;
}
.latestRew .evnRow .frstTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll 0 bottom #FFF; */
	height:80px;
}
.latestRew .oddRow ul {
	padding:0px;
	margin-bottom: 0;
	margin-top: 12px;
}
.latestRew .evnRow ul {
	padding:0px;
	margin-bottom: 0;
	margin-top: 13px;
}
.latestRew .oddRow ul li {
	list-style:none;
	text-align: center;
	width: 54px;
}
.latestRew .evnRow ul li {
	list-style:none;
	text-align: center;
	width: 54px;
}
.latestRew .oddRow ul .whiteBg {
	background: none repeat scroll 0 0 #fff;
	color: #333;
	text-align: center;
	font-size: 18px;
}
.latestRew .evnRow ul .whiteBg {
	background: none repeat scroll 0 0 #fff;
	color: #333;
	text-align: center;
	font-size: 18px;
}
.latestRew .oddRow ul .blueBg {
	background: none repeat scroll 0 0 #f9a426;
	color: #FFFFFF;
	text-align: center;
}
.latestRew .evnRow ul .blueBg {
	background: none repeat scroll 0 0 #f9a426;
	color: #FFFFFF;
	text-align: center;
}
.latestRew h4 {
	background: url("../images/head-bg.jpg") repeat scroll 0 0 #fff;
	padding: 8px;
	margin:0px;
}
.latestRew .rewTd {
	height:80px;
}
.latestRew .rewCont {
	font-size: 13px;
	text-align: left;
	margin-top: 10px;
	padding-left: 0;
	padding-right: 0;
	height:60px;
}
.latestRew .rgtRewCont {
	font-size: 13px;
	text-align: left;
	margin-top: 10px;
	padding-left: 0;
	padding-right: 0;
}
.latestRew .rewTd .point {
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 8px;
	color: #f9a426;
}
.latestRew .rewTd p {
	text-align:center
}
.latestRew .rewTd p.frst {
	text-align: center;
	margin-top:8px;
	margin-bottom: 0;
}
.latestRew .oddRow .secTd, .secTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll right 0 #f5f5f5; */
	height:80px;
}
.comment-new-r .secTd {
	/*background: url("../images/sprite-arrows2.png") repeat scroll right 0 transparent;*/
	height:80px;
}
.latestRew .oddRow .rgtSecTd {
	height:80px;
	padding-left: 0;
	padding-right: 0;
}
.latestRew .oddRow .rgtSecTd p {
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}
.latestRew .oddRow .rgtSecTd p.frst {
	margin-top:8px;
}
.latestRew .oddRow .secTd p {
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}
.latestRew .oddRow .secTd p.frst {
	margin-top:8px;
}
.latestRew .evnRow .secTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll right 0 rgba(0, 0, 0, 0);*/
	height:80px;
}
.latestRew .evnRow .secTd p {
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}
.latestRew .evnRow .secTd p.frst {
	margin-top:8px;
}
.latestRew .evnRow .secTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll right bottom #fff;*/
	height:80px;
}
.frstTd ul li:last-child {
	font-size:11px;
}
.viewAll {
	height:35px;
	text-align:right;
	font-size:12px;
}
.viewAll p > span {
	margin-top:10px;
	color:#f9a426;
	font-size:10px;
}
.viewAll a {
	color:#f9a426 !important;
	text-transform:uppercase;
}
.latestRew .oddRow .rgtRewCont ul li {
	list-style: none outside none;
	text-align: left;
	width:auto;
	margin-top: 2px;
}
.latestRew .oddRow .rgtRewCont ul {
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.rgtRewCont ul li a {
	color:#f9a426;
	font-size:11px;
}
.topPerformer {
	padding-left:0px;
}
.latestRew .rgtRewTd .point {
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 8px;
	color: #f9a426;
}
.latestRew .rgtRewTd {
	text-align: center;
}
.pointUp {
	text-transform:uppercase;
	font-size:10px;
}
.whiteBg {
	background:#fff !important;
}
.latestRew h4 > a {
	border: 1px solid #999;
	color: #999999;
	float: right;
	font-size: 14px;
	padding: 2px;
}
.LtCampDate {
	padding: 5px 15px !important;
}
.LtCampDate ul {
	margin-top:0px !important;
}
.LtCampDate .oddRow {
	background: none repeat scroll 0 0 #ffffff !important;
	width: 68px;
}
.LtCampDate .oddRow span, .rewbravo .oddRow span {
	font-size: 10px;
}
.LtCampDate .oddRow ul li {
	margin-left:2px;
}
.bllink {
	color: #f9a426 !important;
	font-size:14px;
}
.norow {
	border:0px !important;
}
.btrow {
	border-bottom: 1px solid #e7e7e7;
}
.LtCampDate .whiteBg {
	background: none repeat scroll 0 0 #f4f4f4 !important;
}
.marginTop10 {
	margin-top: 10px;
}
.rewardPointsN {
	border-color:#999;
	box-shadow: 0px 0px 5px #999999;
}
.rewardPointsN .revRow {
	height:auto;
	padding-left: 0;
	border-bottom: 1px solid #E7E7E7;
	background: url("../images/pattern2.png") repeat scroll right 0 transparent;
}
.rewardPointsN .oddRow .secTd, .secTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll right 0 transparent; */
	height: 80px;
}
.rewardPointsN .oddRow .frstTd {
	/*background: url("../images/sprite-arrows.png") repeat scroll 0 0 transparent;*/
}
.revcomm {
	width:100%;
	background-color:#fff;
}
.commentsCountainer {
	background:#f0f4f8;
	padding:10px 0px 0;
}
.commentsbox {
	background:#cdeafb;
}
.commentsCountainer a, .commentsCountainer a:visited {
	color: #f9a426;
	font-size: 12px;
}
.commentsCountainer a:hover {
	text-decoration:underline;
}
.commentsCountainer .com-lik li {
	color:#333 !important;
}
.commtext {
	font-size: 12px;
}

.commdivider {
	width:95%;
	margin:auto;
	border-top:1px solid #fff;
}
.noPad {
	padding:0;
}
.commentBody {
	border:1px solid #999;
	box-shadow: 0px 0px 5px #999999
}
.commentHead {
	border-bottom:1px solid #e7e7e7;
}
.commentName {
	margin-top: 15px;
	margin-left: 10px;
}
.commentName1 {
	margin-top:20px;
	margin-left:10px;
}
.commentPic {
	background: url("../images/pic2-big.jpg") no-repeat scroll 0 0 #fff;
	height: 60px;
	margin-top: 15px;
	width:60px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.stepPic {
	background: url("../images/stepHealth.jpg") no-repeat scroll 0 0 #fff;
	height: 152px;
	width:583px;
}
.stepCenter {
	text-align:left;
}
.comment-new-h .commentDate h4 {
	background:#e8ecef;
}
.commentDate h4 {
	background: none repeat scroll 0 0 #F2F2F2;
	padding: 0px 0;
	text-align: center;
	margin-bottom: 0;
}
.comment-new-h .commentDate h5 {
	color:#fff;
}
.commentDate h5 {
	background: none repeat scroll 0 0 #999999;
	padding: 5px 0;
	text-align: center;
	color:#fff;
	margin-top: 0;
	margin-bottom: 2px;
}
.commentDate h6 {
	text-align:center;
	margin-top: 0;
}
.rolandPic {
	background: url("../images/pic8-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	margin: 15px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.john {
	background: url("../images/pic1-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	margin:15px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.john1 {
	background: url("../images/pic1-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.john2 {
	background: url("../images/pic1_big.jpg") no-repeat scroll 0 0 #fff;
	height: 60px;
	width:60px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.user-pic {
	background: url("../images/user-on-btn-n.png") no-repeat scroll 0 0 #fff;
	height: 25px;
	width:25px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.upload {
	background: url("../images/upload.png") no-repeat scroll 0 0 #fff;
	height: 30px;
	width:30px;
}
.Gary {
	background: url("../images/pic3-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.Kim {
	background: url("../images/pic5-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.Laura {
	background: url("../images/pic2-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.Heather {
	background: url("../images/pic4-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.Imran {
	background: url("../images/pic6-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.unknownPic {
	background: url("../images/noimage.png") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.Naomi {
	background: url("../images/pic7-44.jpg") no-repeat scroll 0 0 #fff;
	height: 44px;
	width:44px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.prod1 {
	background: url("../images/prod1.png") no-repeat scroll 0 0 #fff;
	height: 55px;
	width: 38px;
	margin: 10px 10px 0;
}
.prod2 {
	background: url("../images/prod2.png") no-repeat scroll 0 0 #fff;
	height: 55px;
	width: 38px;
	margin: 10px 10px 0;
}
.prod3 {
	background: url("../images/prod3.png") no-repeat scroll 0 0 #fff;
	height: 55px;
	width: 38px;
	margin: 10px 10px 0;
}
.plusMinus {
	background: url("../images/plusMinus.jpg") no-repeat scroll 0 0 #fff;
	height: 32px;
	width: 130px;
	margin: 5px;
}
.likeBox {
	background: none repeat scroll 0 0 #D7E8F2;
	margin-left: 0;
	margin-right: 0;
}
.likeBox .frst {
	border-bottom: 1px solid #FFFFFF;
}
.likeBox .frst a {
	color:#5D9AC7;
	font-weight: bold;
}
.likeBox .frst h5 {
	margin-top: 15px;
}
.likeBox .sec {
}
.likeBox .sec input {
	border: medium none;
	height: 50px;
	margin-top: 10px;
	width: 90%;
}
.like {
	background: url("../images/like.png") no-repeat scroll 0 0 #fff;
	height: 20px;
	width: 20px;
	margin: 5px;
	vertical-align: middle;
	height: 25px;
}
.rewMainTab {
	border:none;/*margin-top: 5px;*/
	margin-bottom:5px;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.rewMainTab > li > a {
	background: none repeat scroll 0 0 #FFFFFF;
	outline: 1px solid #E7E7E7;
	border-radius: 0;
	padding: 5px 15px;
}
.rewMainTab > li.active > a, .rewMainTab > li.active > a:hover, .rewMainTab > li.active > a:focus {
	background:none !important;
	outline:none;
	color:#f9a426;
	border-color: rgba(0, 0, 0, 0);
}
.rewMainTab >.nav-tabs > li > a:hover {
	background:none;
}
.rewMainTab > li > a:hover {
	background:none repeat scroll 0 0 #FFFFFF;
	outline:1px solid #f9a426;
}
.rewMainTab > li {
	margin-left:1%;
	margin-top:5px;
}
.cup {
	background: url("../images/cup.png") no-repeat scroll 0 0 transparent;
	height: 40px;
	width: 40px;
	margin: 5px;
}
.Bonus {
	background: url("../images/campaign-points-icon.png") no-repeat scroll 0 10px transparent;
	height: 40px;
	width: 19px;
	margin: 5px;
}
.rewTab {
	padding:0;
}
.rewTab li {
	list-style: none outside none;
	text-align: center;
}
.rewardInput {
	margin-top:10px;
	margin-left: 0;
	margin-right: 0;
}
.rewardInput input, select {
	border:1px solid #e7e7e7;
}
.rewardInput input {
	width:100%;
}
.rewardInput input.textarea {
	width:100%;
	height:60px;
}
.rewName {
	text-align:right;
	/*line-height:40px;*/
	line-height:32px;
}
.uploadTxt {
	left: 50px;
	position: absolute;
	top: 8px;
}
.rewardBtns {
	margin-top:8px;
	border-top:1px solid #e7e7e7;
	padding-top:10px;
	margin-bottom:0px;
	padding-left: 10px;
	padding-bottom: 10px;
	background:#fff;
}
.rewardInput input.addtextarea {
	height: 40px;
	width: 100%;
}
.topArrow1 {
	background: url("../images/topArrow.png") no-repeat scroll 0 0 #fff;
	height: 15px;
	width: 25px;
	margin: 5px;
	position: absolute;
	top: -18px;
	width: 25px;
	left:30px;
}
.topArrow2 {
	background: url("../images/topArrow.png") no-repeat scroll 0 0 #fff;
	height: 15px;
	width: 25px;
	margin: 5px;
	position: absolute;
	top: -18px;
	width: 25px;
	left:135px;
}
section > .likeColor {
	color: #f9a426;
	margin-bottom: 0;
}
.leftArrow {
	background: url("../images/leftArrow.png") no-repeat scroll 0 0 rgba(0,0,0,0);
	height: 40px;
	left: -8px;
	margin: 5px;
	position: absolute;
	top: 2px;
	width: 25px;
}
/*.rewTabsDiv:hover {box-shadow: 0 0 10px #999999;border: 1px solid #f9a426;}*/
.calendar {
	background: url("../images/calendar.png") no-repeat scroll right center #fff;
}
.btn .arrow {
	margin-left: 10px;
}
.newArrival {
	background: none repeat scroll 0 0 #F5F5F5;
}
.newArrival ul {
	padding:0px;
}
.newArrival ul li {
	list-style:none;
}
.newArrival .msg {
	border-bottom: 1px solid #999999;
	color: #CC0000;
	line-height: 28px;
	text-align: center;
}
.newArrival p {
	margin-bottom:0;
}
.grey {
	background: none repeat scroll 0 0 #F5F5F5;
}
.newArrival .rgtRewCont {
	margin-top:20px;
}
/*latest Rewards*/
/*logo*/
.logotxt {
	border-left: 1px solid #E7E7E7;
	color: #909090;
	font-size: 18px;
	padding-left: 10px;
	margin-top: 20px;
}
.logotxt h5, .comment-new-h h5 {
	color:#f9a426;
	margin:0;
}
.logotxt h4 {
	margin:0px;
}
/*img{webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}*/
/*logo*/
.rewardPoints {
	font-size:20px;
	color:#f9a426;
	margin-right: 10px;
}
.example-twitter:before {
	background: url("../images/topArrow.png") no-repeat scroll center bottom /*#fff*/;
	display: block;
	height: 36px;
	left: -25px;
	position: absolute;
	top: -34px;
	width: 155px;
}
.example-twitter:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
	border-image: none;
	/*border-style: solid;*/
    border-width: 15px;
	content: "";
	display: block;
	left: 15px;
	position: absolute;
	top: -27px;
	width: 0;
}
.example-twitter {
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 10px 10px 10px 10px;
	color: #333333;
	margin: 100px 0 0.5em;
	position: relative;
	margin:0;
	padding: 0;
	border-left-width: 0;
}
.example-twitter1:before {
	background: url("../images/topArrow.png") no-repeat scroll center bottom /*#fff*/;
	display: block;
	height: 36px;
	left: 100px;
	position: absolute;
	top: -34px;
	width: 185px;
}
.example-twitter1 {
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 10px 10px 10px 10px;
	color: #333333;
	margin: 100px 0 0.5em;
	position: relative;
	margin:0;
	padding: 0;
	border-left-width: 0;
}
.example-twitter1:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
	border-image: none;
	/*border-style: solid;*/
    border-width: 15px;
	content: "";
	display: block;
	left: 120px;
	position: absolute;
	top: -27px;
	width: 0;
}
.fileUpload {
	left: 15px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width:30px !important;
}
.fileImg {
	background: url("../images/upload.png") no-repeat scroll 0 0 transparent;
	height: 30px;
	width: 30px;
	display: inline-block;
}
#demo0 {
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height: 20px;
}
.btn-blue {
	background-color: #f9a426;
	border-color: #f9a426;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.rewTabsDiv {
	border:1px solid #e7e7e7;/*padding-left:2%;*/
	background: url("../images/tabs-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
-webkit-linear-gradient:(#FFFFFF, #DDDDDD) repeat scroll 0 0 #fff;
-moz-linear-gradient:(#FFFFFF, #DDDDDD) repeat scroll 0 0 #fff;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.styleMe1 {
	background: url("../images/pattern1.png") repeat scroll 0 0 #fff;
	border:1px solid #f9a426;
	box-shadow: 0 0 10px #999999;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	height:auto;
	behavior: url(pie/PIE.htc);
}
.styleMe1 .tab-content {
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	height:auto;
}
.styleMe1 .rewMainTab {
	margin-left: 16%;
}
.styleMe1 .rewMainTab > li > a {
	background: none;
	outline: medium none;
}
.styleMe1 .rewMainTab > li > a:hover {
	background: none repeat scroll 0 0 #FFFFFF;
	outline:1px solid #f9a426;
}
.styleMe1 > div > ul {
	display:block !important;
}
.styleMe2 {
	background: url("../images/pattern1.png") repeat scroll 0 0 #fff;
	border:1px solid #f9a426;
	box-shadow: 0 0 10px #999999;
	behavior: url(pie/PIE.htc);
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.styleMe2 .rewMainTab {
	margin-left: 16%;
}
.styleMe2 .rewMainTab > li > a {
	background: none;
	outline: medium none;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.styleMe2 .rewMainTab > li > a:hover {
	background: none repeat scroll 0 0 #FFFFFF;
	outline:1px solid #f9a426;
}
.styleMe2 > div > ul {
	display:block !important;
}
.tab-content > .active {
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
}
.rewTabsDiv1 {
	border:1px solid #e7e7e7;/*padding-left:2%;*/
	background: url("../images/tabs-bg.jpg") repeat scroll 0 0 #fff;
}
.styleMe1 .rewMainTab > li.active > a:hover {
	outline:none;
	background:none;
}
.styleMe2 .rewMainTab > li.active > a:hover {
	outline:none;
	background:none;
}
.verCont {
	display:table-cell;
	vertical-align:middle;
	height:80px;
}
img:hover {
	border-radius:0;
	transition: all 0.2s ease-out;
}
.commentBody > .commentPic:hover {
	border-radius:0;
	transition: all 0.5s ease-in-out 0s;
}
.styleMe1 > div {
	background: url("../images/RewardPoints-bg.jpg") repeat-x scroll 0 0 #fff;
}
.styleMe2 > div {
	background: url("../images/RewardPoints-bg.jpg") repeat-x repeat-y scroll 0 0 #fff;
}
/*added repeat*/
.styleMe2 > div {
	background: url("../images/RewardPoints-bg.jpg") repeat-x repeat-y scroll 0 0 #fff;
}
/**/
/*
.rewMainTab1 > li > a{background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0;
    outline: 1px solid #E7E7E7;
    padding: 5px 15px;}*/
.form-control {
	border-radius:4px;
	behavior: url(pie/PIE.htc);
}
.btn {
	behavior: url(pie/PIE.htc);
}
/* Styles added 06/06/2014 */
.che-box {
	width:27px!important;
	top: 10px;
	position: relative;
	left: -4px;
	border:0px!important;
}
.wid {
	width:50px!important;
}
.top-m {
	margin-top:4px;
}
.btnwid {
	width:245px;
	text-align:left;
}
.btnwid .caret {
	margin-left:145px;
}
.mar-left {
	margin-left:33px;
}
.mar-left1 {
	margin-left:18px;
}
.pad-lft {
	padding-left:178px;
}
.inp-btn {
	color: #333;
	background-color: #FFF;
	border:1px solid #ccc;
	display: inline-block;
	padding: 5px 5px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border-radius: 4px;
	height:36px;
}
.mar-top {
	margin-top:7px;
	padding-right:0px!important;
}
.col-1-xs {
	padding-left:0px!important;
	padding-top:11px;
}
.btn-user {
	background-color: #f9a426;
	border-color: #f9a426;
	color: #FFF;
	font-size: 12px;
	height:25px;
	border-radius: 14px!important;
	padding-top:3px!important;
}
.btn-user span {
	padding-left:8px;
}
.hgt {
	height:35px!important;
	width:100%;
	margin-top:-1px;
	margin-left:-5px;
}
.user-pic-n {
	margin-top: -4px;
	margin-left: -27px;
	margin-right: 10px;
}
.place-h-pad {
	padding-left:160px;
}
.comment-new-h {
	background:url(../images/RewardPoints-bg.jpg) left top repeat;
}
.comment-new-r {
	background:url(../images/RewardPointsBG.jpg) left top repeat;
}
.comment-new-h .frst, .comment-new-h .secTd p {
	margin:17px 0 0 0px!important;
}
.comment-new-h .frst {
	text-align:right;
}
.user-txt {
	line-height:24px;
	color:#565a5d;
	font-size:16px;
}
.com-lik {
	margin-bottom:10px;
	padding:0;
}
.com-lik li {
	/*color:#f9a426!important;*/
	padding:0 0px 0 0;
	display:inline;
	margin:0;
}
.com-lik li a {
	font-size:12px;
	color:#f9a426!important;
}
.mar-btom {
	margin-bottom:10px;
}
.col-xs1 {
	width:90px;
	float:left;
	text-align:center;
	vertical-align:middle;
	padding-top:25px;
	font-weight:bold;
	padding-left:10px;
}
.comment-new-h h3 {
	margin:0px!important;
	font-weight:bold;
	padding-top:10px;
	color:#f9a426;
	line-height:30px;
}
.comment-new-h .spn-col {
	color:#111;
}
.disn {
	display:none;
}
.tabs-bg {
	background:url(../images/RewardPoints-bg.jpg) left top repeat;
}
.strow {
	padding-left:0px !important;
}
.disabled {
	/*background-color:#cccccc !important;*/
}
/*added*/
#left-div {
	display:inline-block;
	vertical-align:top;
	width:16%;
	text-align:center;
	margin-top:52px;
}
#right-div {
	display:inline-block;
	width:82%;
	margin-left:0px;
}
.pad-bg {
	padding-left:0px !important;
	padding-right:0px !important;
	padding-top:3px;
	padding-bottom:15px;
	background-color:white;
}
#blc-arw blockquote {
	padding:0px;
	border-left:0px;
}
.marg-tp {
	margin-top:10px;
	text-align:right;
}
.blu-btn {
	text-align:left;
	padding-left:52px;
}
#larg-btn.btnwid {
	width:511px;
}
#larg-btn .caret {
	margin-left:408px;
}
#mr-lft {
	margin-left:-8px;
}
.hgt .txt-wdth {
	width:508px !important;
}
.div-hgt {
	height:20px;
}
#fnt-cl p {
	font-size:14px;
	margin-top:20px;
}
.posabt {
	position:absolute !important;
}
/*added*/
.rewLi.active {
	outline:1px solid #f9a426;
}
.bonLi.active {
	outline:1px solid #f9a426;
}
.cup-cls {
	width:16.6667%;
	text-align:right;
	vertical-align:bottom;
}
.cup-cls img, .badg-cls img {
	width:48px;
}
.badg-cls, .cup-cls {
	padding-left:14px;
}
.rewbravo .oddRow {
	background-color:#d9efe1;
	padding-right:0px !important;
}
#bravo-id {
	width:100% !important;
}
#rightt-div {
	width:183px;
	display:inline-block;
	text-align:right;
}
#bg-wdth .whiteBg {
	background-color:#F4F4F4 !important;
	margin-top:-10px;
}
.cup-cls p {
	margin-top:32px !important;
}
.cup-cls {
	padding-right:0px;
}
#bg-wdth .mr-l {
 margin-left:3px;
}
#bg-wdth .mr-r {
	margin-left:14px;
}
#bg-wdth span {
	display:inline-block;
	width:69px;
}
.badg-cls {
	vertical-align:top;
	text-align:right;
}

/**/
/**/


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.col-1-xs {
	width:100px!important;
}
.mar-top {
	margin-bottom:-100px;
}
.col-1-xs {
	margin-right:-48px;
}
.wid {
	margin-top:2px;
}
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome */
.mar-top {
	margin-bottom:-100px;
}
}

.grey-text { color:#666;}
.pad0 { padding:0;}
.width-full { width:100%;}
.color-grey { color:#666;}
#right-div h6 { margin:0; padding:0;}
.pad-top5 { padding-top:5px;}
.dis-inlineb { display:inline-block;}
.caret-right { float:right; text-align:right; margin-top:8px;}
.disable .disabled{ border:1px solid #ccc;}


.checkbox { padding-left:0; margin:4px 0;}
.checkbox label{ /*display:block;display:inline-block;*/ 
/*background:url(../images/add-icon.png) 5px 5px  no-repeat;*/}
/*div.checkbox label:hover{background:#d4e5f1;}*/
ul.checkbox li { margin-bottom:1px;}
ul.checkbox li:hover, ul.checkbox li.active {background:#d4e5f1;}
ul.checkbox li a { display:block; padding:4px 0 3px 0; color:#333;}
ul.checkbox li a:hover { text-decoration:none; color:#333;}

div.checkbox input[type="checkbox"]:not(:checked),
div.checkbox input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"]:not(:checked) + label,
input[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  width: 20px;
  height: 22px;
  float:left;
}

/* checkbox aspect */
input[type="checkbox"]:not(:checked) + label:before,
input[type="checkbox"]:checked + label:before {
  content: '+';
  position: absolute;
  left:5px; top: 5px;
  width: 20px; height: 18px;
  /*border: 1px solid #aaa;*/
  background: #f9a426;
  color:#fff;
  padding-left:6px;
  border-radius: 3px;
  font-size:14px;
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after {
  /*content: '✔';*/
  content: '×';
  position: absolute;
  left:5px; top: 5px;
  width: 20px; height: 18px;
  /*border: 1px solid #aaa;*/
  background: #ca3827;
  color:#fff;
  padding-left:6px;
  border-radius: 3px;
  font-size:14px;
  
}
/* checked mark aspect changes */
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
input[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
input[type="checkbox"]:disabled:not(:checked) + label:before,
input[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #999999;
  background-color: #ddd;
}
input[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
input[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
input[type="checkbox"]:checked:focus + label:before,
input[type="checkbox"]:not(:checked):focus + label:before {
  border: inherit;
}

.textarea.form-control {resize: vertical;}
.mar-rht15 { margin-right:15px;}
.wrapper .panel-primary > .panel-heading {
	background-color: #000000 !important;
}

/*
.btn-chkprice:hover, .btn-chkprice:active {
	color: #f9a426 !important;
}
*/
.black-button-full {
	background-color: #111111 !important;
	color: #f9a426 !important;
	min-height:40px !important; 
	width: 100% !important;
}
.black-button-full:hover {
	color: #f9a426 !important;
}
.font-black {
	color: #DAA520;
}
.font-yellow {
	color: #000000;
	font-weight:bold;
	font-size:14px;
}
.font-10 {
	font-size: 10px;
}
.font-12 {
	font-size: 12px;
}
.font-14 {
	font-size: 14px;
}
.font-16 {
	font-size: 16px;
}
.font-18 {
	font-size: 18px;
}
.font-20 {
	font-size: 20px;
}
.font-22 {
	font-size: 22px;
}
.font-24 {
	font-size: 24px;
}
.font-26 {
	font-size: 26px;
}
.font-28 {
	font-size: 28px;
}
.mar-bottom-50 {
	margin-bottom: 50px;
}
.pad-bottom-40 {
	padding-bottom: 40px;
} 
.cursor-pointer {
	cursor: pointer;
	}
.ngx-pagination .current {
	background-color: #f9a426 !important;
}
.ngx-pagination .disabled {
	background-color: #FFF !important;
	color: #DDD !important;
	font-size: 11px;
}
.logincolor{
	color:#ffffff !important;
}
.mat-dialog-container{
	border-radius: 10px !important;
}
.mat-calendar-body-selected{
	background-color: #337ab7 !important;
}

/* media queries for mobile devices  */

/* ----------- iPhone 5, 5S, 5C and 5SE -----------  */

@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
	.cart {
		left: 10px;
	}
.picName a, .picName a:visited {
  
  font-size: 18px;
  
}
.boxCont-sm {
  height: 60px!important;
}
.mainBox {
	
  padding-bottom:20px;
}
.mainBox img {
  width: 80%;

}
.picture{
  
  text-align: center;
}

}
 
.quote-details .mat-tab-label {
	min-width: 190px !important;

}
.quote-details .mat-ink-bar{
	min-width: 190px !important;
}
.glyphicon.glyphicon-remove{
	margin-right : 30px !important;
}

/* ----------- mat label iPhone 6, 6S, 7 and 8 ----------- */
@media (max-width: 600px)
{
	.quote-details .mat-tab-label {
	min-width: 48% !important;
	font-size:13px;
}

.orders .mat-tab-label{
	min-width: 48%;
	font-size:13px;
}

	
	  .quote-details .mat-ink-bar {
		min-width: 168px !important;
	}
	.mat-form-field-underline {
		
		 width: 91% !important;
	 }
  
	 .glyphicon.glyphicon-remove{
		margin-right : 10px !important;
	}

 }

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 
	.cart {
		left: 10px ;
	}
	
.picName a, .picName a:visited {
  
  font-size: 18px;
  
}
.boxCont-sm {
  height: 60px!important;
}
.mainBox {
	
  padding-bottom:20px;
}
.mainBox img {
  width: 80%;

}
.picture{
  
  text-align: center;
}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 

	.cart {
		left: 10px;
	}
.picName a, .picName a:visited {
  
  font-size: 18px;

}	
.boxCont-sm {
  height: 60px !important;
}
.mainBox {
  padding-bottom:20px;
}
.mainBox img {
  width: 80%;

}
.picture{
  
  text-align: center;
}
  
  }
  
  
  
    @media screen and (max-width: 767px) {
  
  .mobiledevices{
  
      height: 580px !important;
  }
  
  .searchDiv {
	margin-top:0px;
}

    }
    .btn-secondary{ 
	background-color: #2a2a2a !important; 
	color: #FFFFFF !important; 
	border-color: #2a2a2a !important; 
	 font-family: robotoblack !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); 
	border: 1px solid #565656; 
	text-transform: uppercase; 
	font-weight: 400; 
	font-style: normal; 
	font-size: 13px; 
	line-height: 16px; 
	padding: 6px 14px; 
	border-radius: 0;
	}
  .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus
  {
  outline: none !important;
  }
  .fixedbody{
	/*min-height:561px !important;*/

	min-height:  calc(100vh - 200px); 
    padding-bottom:20px;   /* Height of the footer */
} 
.mat-input-element{
	color: #333 !important;
	font-family: robotoregular! important;
	font-size: 16px! important;

	} 

.mat-progress-spinner circle, .mat-spinne circle{
	stroke:#faa427 !important;
}

.mat-expansion-panel{
	/* background: rgb(248, 248, 248) !important; */
	background:#F5F5F5 !important;
	color: rgba(0,0,0,.87);
	}

.mat-tab-labels{background : rgb(248, 248, 248) !important;}
.mat-tab-label-active{
	background-color: #827e7e !important;
	margin-top:20px;
}
.mat-tab-header{
	border-bottom:0px !important;
}
.mat-ink-bar { background-color: #827e7e !important;}

/* .mat-tab-group.mat-primary .mat-tab-label:focus, .mat-tab-group.mat-primary .mat-tab-link:focus, .mat-tab-nav-bar.mat-primary .mat-tab-label:focus, .mat-tab-nav-bar.mat-primary .mat-tab-link:focus {
	background-color: rgba(197,202,233,.3);
	margin-top:20px;
} */

.quote-details .mat-tab-label{
	background: #e6e6e6;
	font-size: 12px;
	margin-right: 5px;
}
.faq .mat-tab-label ,.faq .mat-ripple{
	margin-top :0;
}
.mat-tab-label, .mat-ripple{
margin-top:20px;
width:18%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
/* background: #b1aeae; */
}

 ::ng-deep .mat-tab-header-pagination {
	 display: none !important; 
 }

 @media screen and (min-width: 1024px){
	 .mat-tab-label{
		 min-width: 261px !important;
		 font-weight: bold !important;
	 }
	 .mat-ink-bar{min-width: 261px !important;}
	  }
.quote-details .mat-tab-header-pagination{
	display : none !important;
	
}
.orders .mat-tab-label{
	background: #e6e6e6;
    font-size: 12px;
    margin-right: 5px;
}


/* Date Calendar mat tab related changes  */

.datefield .mat-form-field-flex{
	width:94% !important;
}
.datefield .matform{
	width: 101px !important;
}


.orders .mat-sort-header-button{
	text-align : left;
}
.quote-details .mat-sort-header-button {
	text-align: left;
	font-size:14px;
}
.User-dashboard .mat-sort-header-button {
	font-size:14px;
    font-weight: 700 !important;
	font-family: 'Roboto',Arial, sans-serif !important;
}

.User-dashboard .mat-sort-header-button span {
	font-size:14px;
    font-weight: 700 !important;
	font-family: 'Roboto',Arial, sans-serif !important;
}

/** */

.searchicon{
	margin-right: 0px !important;
}

.filter-text{
	float:right;
}
.filter-text .mat-form-field-flex{
    width:96% !important;
}

/* .filter-text .mat-input-container{
	margin-top:-13px !important;
} */

.mat-calendar {
    display: inline !important;
}

.user-registration .mat-snack-bar-container {
    margin: 80px !important;
    background: #ed1c2e !important;
   
}
.mataccount .mat-form-field-infix {
     padding: 0px !important;
}
/* .mataccount .search-icon {
	top: -41px !important;
    right: -299px !important;
} */
.mataccount .card-input {
    padding: 8px 10px !important;
	 margin-left:-12px !important; 
}
.mataccount .mat-select-value {
	margin-left:-12px !important;
}
.mataccount .mat-form-field-underline {
	background-color: rgba(255,255,255); 
}

.mataccount .card-input .matbpt{
	width:130% !important;
}

.mataccountpsn .mat-form-field-underline {
	background-color: rgba(255,255,255); 
}

.mataccountpsn .mat-select-value {
	padding: 8px 14px !important;
	
	  
}

.mataccountpsn .example-full-width {
	width: 100%;
}

.mataccountpsn .mat-form-field-placeholder-wrapper {
	top: 3px;
	left: 20px;
}
.mataccountpsn .mat-form-field-underline {
	background-color: rgba(255,255,255);
}

.cust-mat-row .mat-header-row, .mat-row {
    display: flex;
    border-bottom-width: 2px;
    border-bottom-style: inset;
    align-items: center;
    min-height: 60px;
    padding: 0 15px;
}


.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{
	background-color: #f9a426 !important;
  }
  .mat-ripple-element {
    background-color: rgba(100, 200, 50, 0.0) !important;
  }
  .mat-snack-bar-container{
	background : #f9a426 !important;
	color:#383838 !important;
}

.dashboardSnack{
	background : #323232 !important;
	color:#fff !important;
}

.profilePopUP .mat-form-field-infix{
	padding: 0 !important ;
	border :0px !important;
	top:3px;
  }
  .profilePopUP .mat-form-field-infix input{
	  height : 20px;
  }