#mytr-view .stats-score {
width:250px;
float:left;
padding-bottom:14px;
}
#mytr-view .stats-card{
width:210px;
float:left;
}
#mytr-view .stats-card img[src=""] {
	display: none;
}
#mytr-view .score-details {
width:230px;
float:right;
}
#mytr-view .stats-score .tier-label, #mytr-view .tier-progress 
{ 
width:720px;
clear: both;
}
#mytr-view .stats-score .tier-label, #mytr-view .tier-progress .credit-label {
margin-top:20px;
font-size:16px;
font-weight:bold;
}

#mytr-view .stats-score .tier, #mytr-view .stats-score .score, #mytr-view .reward-progress .credit-balance  {
font-size:30px;
letter-spacing: -1px;
}

#mytr-view .stats-score .date {
font-size:14px;
margin-bottom:20px;
}
  
#mytr-view .stats-score .score-label  {
padding-top:14px;
font-size:16px;
}

#mytr-view .stats-score .score-exp  {
font-size:12px;
font-style: italic;
}

.reward-credits .rcExpiration {
font-weight: bold;
margin-bottom: 5px;
}
  
#mytr-view .stats-card {
height:150px; 
}
  
#mytr-view .stats-card img {
margin-left:10px; 
}
  
#mytr-view .score-details .balloon {
background:#f0f0f0;
border:1px solid #333333;
padding:10px;
border-radius:5px;
box-shadow:2px 2px 5px #cccccc;
}
  
#mytr-view .score-details .balloon h3 
{
font-size:18px;
}
  
#mytr-view .score-details .balloon p 
{
line-height:18px;
margin-bottom:6px;
}

#mytr-view .progressbar {
	background: #F0F0F0;
	height: 31px;
	overflow: visible;
	z-index: 100;
	width: 720px;
}

#progressbar-tier-credits {
	height: 31px;
	/* fallback */
	background-color: #6e7077;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6e7077), to(#6e7077));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #6e7077, #6e7077);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #6e7077, #6e7077);
	/* IE 10 */
	background: -ms-linear-gradient(top, #6e7077, #6e7077);
	/* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e7077', endColorstr='#6e7077',GradientType=0 );
}


#mytr-view .sub-tier-progressbar {
background:none;
position:absolute;
top:0;
left:0; 
z-index:101;
width:720px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

#mytr-view .sub-tier-progressbar .progressbar-value {
overflow:visible;
background:none;
border-right:2px solid #888;
}

#mytr-view .sub-tier-progressbar .progressbar-value {
position:relative; 
}

#mytr-view .sub-tier-progressbar .progressbar-value .sub-tier-value {
position:absolute;
top:35px;
right:-130px;
font-size:14px;
width:130px;
}
#mytr-view .marker {
	position:absolute;
	left:0;
	top: 0;
}
#mytr-view .tick {
	border-left: 1px solid #CCC;
	height: 44px;
	width:1px;
}
#mytr-view .tick-above {
	border-left: 1px solid #CCC;
	height: 44px;
	width: 1px;
	margin-top:-13px;
}

#mytr-view .tier-progress {position:relative;height:94px;}
#mytr-view .info {color:#888;font-size:13px;clear:both;}
#mytr-view .error-loading {color:#dc0000;font-size:12px;clear:both;padding:20px 0px }

#mytr-view .progress-label {clear:both;border-bottom:1px solid #BBB;text-align:center;color:#888;padding:24px 0 6px 0;font-size:13px;}
#mytr-view .marker-text {width:165px;text-transform: uppercase;color:#888;position: absolute;	clear:both;padding-top:4px;}
#mytr-view .marker-text.last {right: 0;text-align: right;width: 220px;}
#mytr-view .marker-text.top{margin-top: -61px;}
#mytr-view .marker-text span {font-size:14px;}
#myRewardsProfileBannerBelowTitle, #myRewardsProfileBannerBelowNotification, #myRewardsProfileBannerMyOffers, #myRewardsProfileBannerReservation,
#myRewardsProfileBannerPriceAlerts, #myRewardsProfileBannerFooter {
	clear: both;
	max-width: 100%;
	padding: 0px;    
}
#mytr-view .ui-slider .ui-slider-handle {
height:35px;
background:#D8D8D8;
border:1px solid #cccccc;
border-radius:5px;
box-shadow:0 0 5px #cccccc;
}

#mytr-view .tier-progress {
color:#888;
margin-top:25px;
}

#mytr-view .tier-progress .progress-left-arrow {
float:left;
background:url('../images/mytr/progress-left-arrow.png') no-repeat top left;
width:17px;
height:29px; 
}
  
#mytr-view .tier-progress .progress-right-arrow {
float:right;
background:url('../images/mytr/progress-right-arrow.png') no-repeat top left;
width:17px;
height:29px; 
}
  
#mytr-view .tier-progress .progress-bar {
margin-top:10px;
position:relative; 
}
  
#mytr-view .tier-progress .progress-bar .lvl1-tick, .tier-progress .progress-bar .lvl2-tick, .tier-progress .progress-bar .lvl3-tick, #mytr-view .tier-progress .progress-bar .tick {
width:2px;
height:29px;
position:absolute;
top:0;
background:#666666;
z-index:999;
}
  
#mytr-view .tier-progress .progress-bar .tick-name {
position:absolute;
top:35px;
font-weight:bold;
}
  
#mytr-view .tier-progress .progress-bar .lvl1-tick {
left:68px; 
}
  
#mytr-view .tier-progress .progress-bar .lvl2-tick {
left:190px; 
}
  
#mytr-view .tier-progress .progress-bar .lvl3-tick {
left:378px; 
}
  
#mytr-view .tier-details {
margin:5px 0 5px 0; 
}
  
#mytr-view .tier-details .total {
	float:left;
	padding-top:10px;
	margin-left:10px;
	font-weight:bold;
	font-size:14px;
}
	
#mytr-view .tier-details .goal {
	float:left;
	padding-top:10px;
	margin-left:200px;
	font-weight:bold;
	font-size:14px;
}
	
#mytr-view .tier-progress .tier-details .level1, #mytr-view .tier-progress .tier-details .level2, #mytr-view .tier-progress .tier-details .level3, #mytr-view .tier-progress .tier-details .seven-stars {
	font-weight:bold;
	font-size:14px;
}
	
#mytr-view .tier-progress .tier-details .level1 {
	margin-left:45px;
	float:left;
}
	
#mytr-view .tier-progress .tier-details .level2 {
	margin-left:77px;
	float:left;
}
	
#mytr-view .tier-progress .tier-details .level3 {
	margin-left:146px;
	float:left;
}
	
#mytr-view .tier-progress .tier-details .seven-stars {
	float:right;
	text-align:right;
	text-transform:uppercase;
}

#mytr-view .youve-earned-it, .keep-earning {
width:320px;
border:1px solid #cccccc;
padding:15px 10px;
margin-top:20px;
margin-bottom:20px;
position:relative;
}

#mytr-view .youve-earned-it .top-arrow, .keep-earning .top-arrow {
background:url('../images/mytr/info-box-arrow-top.png') no-repeat top left;
height:11px;
width:18px;
position:absolute;
top:-11px;
left:155px;    
}

#mytr-view .youve-earned-it .details, .keep-earning .details {
width:160px;
line-height:16px;
}
  
#mytr-view .youve-earned-it .awards, .keep-earning .awards {
width:160px;
}
  
#mytr-view .youve-earned-it .awards .award, .keep-earning .awards .award {
width:46px;
height:46px;
margin-left:7px; 
}
  
#mytr-view .youve-earned-it .awards img, .keep-earning .awards img {
width:46px;
height:46px;
}

#mytr-view .keep-earning {
margin-left:30px; 
}
  
#mytr-view .reward-credits label {
font-weight:normal;
text-transform:uppercase;
margin-top: 20px;
font-size: 16px;
float: left;
margin-left: 10px;
}
  
#mytr-view .reward-credits .credits {
font-size: 44px;
float:left;
}
  
#mytr-view h5 span {
display: block;
font-weight: normal;
text-transform: none;
font-size: 12px;
margin-top: 4px;
}

#mytr-view .my-offers .section-left, #mytr-view .my-reservations .section-left, #mytr-view .my-notifications .section-left {
width:210px;
}

#mytr-view .my-offers .section-left img, #mytr-view .my-reservations .section-left img, #mytr-view .my-notifications .section-left img {
width:205px;

}

#mytr-view .my-offers .section-middle, #mytr-view .my-reservations .section-middle, #mytr-view .my-notifications .section-middle {
width:315px;
margin-top:35px;
padding-left:5px;
}

#mytr-view .my-offers .section-right, #mytr-view .my-reservations .section-right, #mytr-view .my-notifications .section-right {
	clear: both;
	width: 100%;
	margin-left: 0;
}
	#mytr-view .my-offers .section-right a, #mytr-view .my-reservations .section-right a, #mytr-view .my-notifications .section-right a {
		float: right;
		margin-left: 25px;
	}
	
	/** table sort styles **/
	#mytr-view .sorting_asc span { /** Do not change class name to use '-' because it's used by js library in minimized form  **/
		background: url("../images/sort-asc.png") no-repeat center right;
		padding-right: 15px;
	}

#mytr-view .sorting_desc span { /** Do not change class name to use '-' because it's used by js library in minimized form  **/
background: url("../images/sort-desc.png") no-repeat center right;
padding-right:15px;
}

#mytr-view .sorting span { /** Do not change class name to use '-' because it's used by js library in minimized form  **/
background: url("../images/sort-both.png") no-repeat center right;
padding-right:15px;
}

#mytr-view .sorting_asc_disabled span { /** Do not change class name to use '-' because it's used by js library in minimized form  **/
background: url("../images/sort-asc-disabled.png") no-repeat center right;
padding-right:15px;
}

#mytr-view .sorting_desc_disabled span { /** Do not change class name to use '-' because it's used by js library in minimized form  **/
background: url("../images/sort-desc-disabled.png") no-repeat center right;
padding-right:15px;
}

#mytr-view .expireError {
	font-size: smaller !important;
	color: red;
}
/** end table sort styles **/

.offer-pls-wait
{
	padding: 10px 0 30px;
}
.offer-pls-wait img
{
	height: 17px;
	vertical-align: text-top;
	padding-right: 6px;
}

#mytr-view .score-details .balloon h4 {
	font-weight: bold;
	color: #AD1F23;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	text-transform: capitalize;
}
#mytr-view .challenges-image-link {
	cursor: pointer;
	margin-bottom: 1%;
	width: 100%;
	height: 57px;
	display: none;
	background-repeat: no-repeat;
	background-image: url('/myrewards/profile/images/challenge_notification_general.png');
	background-size: contain;
}
#mytr-view .banner-image-link {
    max-width: 100%;
}
#mytr-view h1 {
	font-size: 57px;
}

.notification-banner {
	text-align: left;
	max-width: 790px;
	padding: 16px;
	display: table;
	margin-bottom: 16px;
	font-size: 16px;
}

.notification-icon {
	display: table-cell;
	vertical-align: middle;
	padding-right: 16px;
}

.notification-content {
	display: table-cell;
	vertical-align: middle;
	width: 726px;
}

	.notification-content a {
		text-decoration: underline;
	}

.danger-message p, .primary-message p, .warning-message p, .success-message p, .success-message p {
	font-family: "Open Sans";
	font-size: 16px;
	margin-bottom: 0;
}
.danger-message i, .primary-message i, .warning-message i, .success-message i, .success-message i {
	font-size: 20px;
}
.danger-message a, .primary-message a, .warning-message a, .success-message a, .success-message a {
	font-weight: 600;
}
.danger-message, .danger-message div, .danger-message i, .danger-message a, .danger-message p {
	background-color: #fbeded;
	color: #D60000;
}

.primary-message, .primary-message div, .primary-message i, .primary-message a, .primary-message p {
	background-color: #f0faff;
	color: #0277BD;
}

.warning-message, .warning-message div, .warning-message i, .warning-message a, .warning-message p {
	background-color: #fcf7e0;
	color: #A85D00;
}

.success-message, .success-message div, .success-message i, .success-message a, .success-message p {
	background-color: #E9F1E6;
	color: #3C763D;
}

	.danger-message a, .primary-message a, .warning-message a, .success-message a, success-message p {
		text-decoration: underline;
	}

.notification-close {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	padding: 0 0 0 16px;
}
	.notification-close i {
		cursor: pointer;
		font-weight: 300;
		font-size: 14px;
	}

.myalerts-image picture {
	text-align: center;
}
myalerts-image, .myalerts-image img {
	width: 70px;
}
	.myalerts-image img:hover {
		opacity: 0.8;
	}
.myalerts-title {
	margin-top: 24px;
	color: #343840;
	font-family: Montserrat-Regular;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 22px;
	text-align: center;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	#myalertsblurb img {
		display: flex;
		position: relative;
		width: 70px;
		height: 70px;
	}


}

.current-reward-balance, .current-reward-balance .col-6 {
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
}

.current-reward-balance .col-6 .card-notify{
padding-left: 8px;
}

	.current-reward-balance .card-notify {
		background-color: #F1F1F6;
		padding: 32px 8px 0px 8px;
	}
	.current-reward-balance .card-notify h3 {
		font-family: Montserrat;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
	}
		.current-reward-balance .card-notify p {
			font-family: 'Open Sans';
			font-size: 13px;
			margin: 0 0 0 0;
		}
/*
	Desktop Header Styles
 */
#mytr-view .float-right.section-right.top-padding {
	padding-top: 11px;
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	#mytr-view h1 {
		font-size: 3.75em;
	}

	.shaded-box .section {
		padding: 15px 10px;
	}
	#mytr-view .stats-score .tier, #mytr-view .stats-score .score, #mytr-view .reward-progress .credit-balance {
		font-size: 24px;
	}
	.shaded-box h3 {
		font-size: 14px;
	}
	.current-reward-balance .card-notify {
		padding: 16px 0px 0px 4px;
	}

		.current-reward-balance .card-notify h3 {
			font-size: 12px;
			font-weight: bold;
		}
	#mytr-view .stats-score {
		width: 190px;
	}
	#mytr-view .stats-score .date {
		font-size: 12px;
	}
	#mytr-view .stats-card {
		height: auto;
		width: 75px;
	}
		#mytr-view .stats-card img {
			margin-left: 0;
		}
	#mytr-view .progressbar {
		height: 31px;
		width: 540px;
	}
	#mytr-view .marker-text span {
		font-size: 12px;
	}
	#mytr-view .reward-credits .credits {
		font-size: 24px;
	}
	#mytr-view .reward-credits label {
		margin-top: 5px;
	}
	.float-left .section-right{
		width: 100%;
		margin-left: 0;
	}
	#view-offer-link, #view-sf-offer-link {
		float: right;
	}
	.btn-orange .btn-orange-viewall .no-min {
		margin-left: 0;
	}
	#mytr-view .my-reservations .section-middle, #mytr-view .my-notifications .section-middle {
		width: 290px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#mytr-view h1 {
		font-size: 57px;
	}

	.shaded-box .section {
		padding: 30px 23px;
	}

	#mytr-view .stats-score .tier, #mytr-view .stats-score .score, #mytr-view .reward-progress .credit-balance {
		font-size: 30px;
	}

	.shaded-box h3 {
		font-size: 18px;
	}
	
	.reward-credits h3 {
		font-size: 16px;
	}

	#mytr-view .stats-score {
		width: 250px;
	}

		#mytr-view .stats-score .date {
			font-size: 14px;
		}

	#mytr-view .stats-card {
		height: 150px;
		width: 210px;
	}

		#mytr-view .stats-card img {
			width: 100%;
			margin-left: 10px;
		}

	#mytr-view .progressbar {
		height: 31px;
		width: 720px;
	}

	#mytr-view .marker-text span {
		font-size: 14px;
	}

	#mytr-view .reward-credits .credits {
		font-size: 44px;
	}
	#mytr-view .reward-credits label {
		margin-top: 20px;
	}

	#view-offer-link, #view-sf-offer-link {
		float: right;
	}
	.btn-orange .btn-orange-viewall .no-min {
		margin-left: 370px;
	}
	.current-reward-balance .card-notify {
		padding: 28px 8px 0px 8px;
	}
	.current-reward-balance .card-notify h3 {
		font-size: 13.5px;
		font-weight: bold;
	}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}