@import url("/apps/lib/styles-extension-framework.css");


.text p, .text li, p.text, li.text{color: rgba(0, 0, 0, 0.87);font-size:13px;line-height:19px;margin-bottom:1em;}


/**
 * Default ticket styles here
 * Assume desktop-first, then use mobile stylesheet to over-ride
*/
li.ticket{padding:8px;height:54px;position:relative;}
li.ticket img.preview-photo{height:54px;width:54px;position:absolute;top:8px;left:0;}

li.ticket img.preview-photo:not(.no-photo) {
   background: url('https://www.rateyourseats.com/assets/images/loading-small_4.gif') center center no-repeat;
 }




li.ticket p{line-height:18px;color:black;padding-left:53px;margin:0;}
li.ticket p.ticket-section{font-size:14px;}
li.ticket p.ticket-rating{}
li.ticket p.ticket-rating .star-icon{line-height:18px;}
li.ticket span.tag{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#E5E5E5;font-size:8px;padding:2px 4px;color:#666;margin-right:5px;font-weight:bold;margin-top:2px;}
li.ticket span.tag.obstructed{color:red;border:1px solid red;line-height:11px;height:11px;}
li.ticket span.tag.tag-saved{display:none;}
li.ticket.saved span.tag.tag-saved{display:block;}
li.ticket p.ticket-deal{font-size:11px;color:#666;}
li.ticket p.ticket-deal span{color:white;border-radius:2psx;line-height:14px;padding:1px 4px;font-size:11px;height:14px;}
li.ticket p.ticket-deal.excellent span{background:#1A8828;}
li.ticket p.ticket-deal.great span{background:#429B46;}
li.ticket p.ticket-deal.good span{background:#5fa95d;}
li.ticket p.ticket-deal.ok span{background:#FFB61F;}
li.ticket p.ticket-deal.poor span{background:#F34A1C;}
li.ticket .buy-button{position:absolute;top:17px;right:6px;padding:0;width:72px;height:36px;line-height:36px;background:#0067CE;color:white;border:none;}
li.ticket .buy-button:hover{background:linear-gradient(#0067CE,#0357ab);}
li.ticket .buy-button-deal-excellent{background:#1A8828;}
li.ticket .buy-button-deal-excellent:hover{background:linear-gradient(#1A8828,#016b01);}
li.ticket .buy-button-deal-great{background:#429B46;}
li.ticket .buy-button-deal-great:hover{background:linear-gradient(#429B46,#448816);}
li.ticket .buy-button-deal-good{background:#5fa95d;}
li.ticket .buy-button-deal-good:hover{background:linear-gradient(#5fa95d,#51A11B);}
li.ticket .buy-button-deal:hover{}
li.ticket .quantity-details{font-size:11px;color:#666;text-align:center;position:absolute;right:84px;line-height:16px;top:19px;}

li.ticket.has-date p{line-height:13px;}
li.ticket.has-date p.ticket-section{margin-top:8px;font-size:13px;}
li.ticket.has-date p.event-date{font-size:10px;line-height:inherit;position:absolute;top:3px;color:#666;}
li.ticket.has-date p.event-date{font-size:11px;top:-1px;left:-7px;color:#444;padding:3px !important;background:#EAEAEA;border:1px solid #DDD;}
.mobile li.ticket.has-date p.event-date{left:-3px;}
li.ticket.has-date{padding-top:20px;}
li.ticket.has-date img.preview-photo{top:20px;}

/*ADDING USD NOTATION FOR CANADIAN LISTINGS 4.27.18*/ 
body[data-country='ca'] li.ticket .buy-button{line-height:31px;}
body[data-country='ca'] li.ticket .buy-button::after {content:"\A USD";font-size:8px;margin-top:-19px;display:block;font-weight:normal;height: 8px;}
body[data-country='ca'] #buy-bar .buy-button::after {content:"\A USD";font-size:8px;margin-top:-26px;display:block;font-weight:normal;height: 8px;}
body[data-country='ca'] .ticket-listing .section-ticket-stub .row-2 .el-value::after, body[data-country='ca'] .compare-tickets-results-table .ticket .value-price::after {content:"\A USD";font-size:8px;font-weight:normal;height: 8px;}


.bg-deal-excellent{background:#1A8828 !important;}
.bg-deal-great{background:#429B46 !important;}
.bg-deal-good{background:#5fa95d !important;}
.bg-deal-ok{background:#FFB61F !important;}
.bg-deal-poor{background:#F34A1C !important;}

.color-deal-excellent{color:#1A8828 !important;}
.color-deal-great{color:#429B46 !important;}
.color-deal-good{color:#5fa95d !important;}
.color-deal-ok{color:#FFB61F !important;}
.color-deal-poor{color:#F34A1C !important;}



#master-ticket-list.low-images li.ticket p, #tickets-container.low-images li.ticket p{padding-left:0;}
#master-ticket-list.low-images li.ticket img.preview-photo,#tickets-container.low-images li.ticket img.preview-photo{display:none;}



button.button-close{background:none;background-image:none;border:none;font-weight:bold;padding:0;margin:0;line-height:1em;}
button.button-close:before{content:"✕";}
button.button-close:hover {webkit-box-shadow:none;-moz-box-shadow: none;box-shadow: none;background:none;opacity:0.85;}
button.button-close:focus {outline:0;}

.rotate-header
{
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform: rotate(-90deg);


}

.avatar-color-orange{background:#FF6600 !important;}
.avatar-color-brand{background:#0067CE !important;}
.avatar-color-dull{background:#333 !important;}





/*Style a selected ticket listing*/
.ticket-listing{overflow-y:scroll;}
.ticket-listing section{background:white;border:1px solid #CCC;margin-top:-1px;padding:16px;position:relative;}
.ticket-listing li h2{font-size:14px;color:black !important;}
.ticket-listing .section-ticket-stub{background:rgba(0,103,206,0.90) none;border:none;margin-top:0;position:relative;padding:0;}
.ticket-listing .section-ticket-stub .col{padding:5px 0;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width:33%;float:left;}
.ticket-listing .section-ticket-stub .col:first-of-type{text-align:left;}
.ticket-listing .section-ticket-stub .col-67{width:67%;}
.ticket-listing .section-ticket-stub .event-title{color:#CADCED;padding:8px;text-align:center;font-size:11px;padding-bottom:4px;}
.ticket-listing .section-ticket-stub .row.row-1{overflow:auto;border-bottom:1px dashed #93BAE0; padding-bottom:11px;margin-bottom:14px;}
.ticket-listing .section-ticket-stub .row.row-2{overflow:auto;padding-bottom:10px;}
.ticket-listing .section-ticket-stub .el-label{color:#93BAE0;font-size:12px;}
.ticket-listing .section-ticket-stub .el-value{color:white;font-size:28px;padding-left:33px;width:100%;float:left;}
.ticket-listing .section-ticket-stub .col-button{padding:5px 10px;}
.ticket-listing .section-ticket-stub .button-buy{margin:0;}
.ticket-listing .section-ticket-stub .rotate-header{ 
    width:40px;

    text-align:center;
    position:absolute;margin-top:10px;left:0;}
.ticket-listing .section-ticket-stub .button-buy{font-weight:normal;background: #60A00A !important;color:white !important;border-radius:0;width:100%;font-size:14px;border:none;}

.ticket-listing section .item-avatar span.item-avatar-colored{position:absolute;top:0px;left:0px;max-width:50px;max-height:50px;width:100%;height:100%;border-radius:50%;background:#333;text-align:center;color:white;}
.ticket-listing .item-avatar span.item-avatar-colored{line-height:50px;font-size:24px;}
.ticket-listing .item-avatar span.item-avatar-colored.with-footnote .main-item{line-height:normal;position:absolute;top:5px;width:100%;text-align:center;font-size:24px;left:0;}
.ticket-listing .item-avatar span.item-avatar-colored.with-footnote .secondary-item{position:absolute;font-size:8px;bottom:10px;line-height:normal;width:100%;left:0;}


.image-crop img{height:100%;}




.ticket-listing .item-avatar, .ticket-listing .item-avatar .item-content, .ticket-listing .item-avatar-left, .ticket-listing .item-avatar-left .item-content {padding-left: 66px;min-height: 66px;}

.ticket-listing li.item-avatar{margin-bottom:0;}
.section-seatscore p:last-of-type{margin-bottom:0;}




table.compare-tickets td{width:100px;padding:10px;border:1px solid #CCC;font-size:12px;}
table.compare-tickets td.empty{border:none;}
table.compare-tickets td.label{width:80px;background:#E5E5E5;font-weight:500;color:#777;}
table.compare-tickets td:not(.preview-photo).base-ticket{background:#F8F8F8;}
table.compare-tickets td.preview-photo{vertical-align:top;border:none;}
table.compare-tickets td.preview-photo img{width:100px;height:60px;margin-bottom:5px;}
table.compare-tickets td.preview-photo p{line-height:15px;margin-bottom:0;}
table.compare-tickets td.value-seatscore{font-size:18px;color:#FF6600;}
table.compare-tickets td.value-price{font-size:14px;font-weight:bold;}
table.compare-tickets td.value-deal{font-weight:500;}
table.compare-tickets td.value-deal em{color:#999;font-weight:normal;font-size:11px;}

table.compare-tickets td.value-seatscore.base-ticket .stars-no-background .star-icon,table.compare-tickets td.value-seatscore.base-ticket .stars-no-background .star-icon {color:#F8F8F8;}

.ticket-listing section.section-compare{padding:15px;padding-right:0;background:#F1F1F1;padding-bottom:30px;}

.compare-tickets-results-table{position:relative;}


.section-compare .ticket{border-top:none;margin-left:-1px;user-select:none;cursor:default;}

.section-compare .ticket.base-ticket{position:absolute;left:0;z-index:2;top:-1px;border:1px solid #E5E5E5;}
.section-compare .preview-photo{padding:10px;padding-bottom:0;}
.section-compare .preview-photo img{width:100px;height:60px;}
.section-compare .value-headline{border-bottom:1px solid #E5E5E5;padding:5px 10px;line-height:15px;height:30px;overflow:hidden;width:100px;}
.section-compare .other-ticket .value-headline{color:#0067CE;}
.section-compare .other-ticket .go-to-ticket:hover{opacity:0.80;cursor:pointer;}
.section-compare .other-ticket .go-to-ticket:hover .value-headline{text-decoration:underline;}
.section-compare .value-price{border:1px solid #E5E5E5;border-top:0;padding:10px;font-weight:bold;font-size:14px;background:white;}
.section-compare .value-stars{border:1px solid #E5E5E5;border-top:0;padding:10px;font-size:18px;color:#FF6600;background:white;line-height:22px;}
.section-compare .value-stars em{font-weight:normal;color:#666;font-size:11px;}
.section-compare .value-deal{border:1px solid #E5E5E5;border-top:0;padding:10px;font-weight:500;line-height:15px;height:30px;overflow:hidden;background:white;}
.section-compare .value-deal em{font-weight:normal;color:#666;font-size:11px;}
.section-compare .value-quantity{padding:10px;border:1px solid #E5E5E5;border-top:0;background:white;}

.section-compare .base-ticket .value-price,.section-compare .base-ticket .value-stars,.section-compare .base-ticket .value-deal,.section-compare .base-ticket .value-quantity{border-right:0;border-left:0;}
.section-compare .base-ticket .value-quantity{border:none;}

.section-compare .swiper-container{margin-left:120px;overflow-x:auto;}



.slick-active{webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}

.slick-card{margin-bottom:16px;position:relative;
   padding: 16px;
   border-radius: 8px;
}
.slick-card.slick-active{height:inherit;}
.slick-center{}
.slick-card.card-basic{}
.slick-card.card-staff-pick{}
    .slick-card.card-staff-pick.staff-pick-positive i{color:#009800;}
    .slick-card.card-staff-pick.staff-pick-negative i{color:#FF0000;}
.slick-card.card-staff-pick .below-title{padding-left:28px;}    
.slick-card.card-review{}
.slick-card.card-comment{}
.slick-card.card-question{}
.slick-card h2{font-weight:500;line-height:16px;font-size:14px;position:relative;}
.slick-card.card-review h2,.slick-card.card-comment h2{font-style: italic;}
.slick-card.card-review h2:before,.slick-card.card-comment h2:before,.slick-card.card-review h2:after,.slick-card.card-comment h2:after{content:"\"";}
.slick-card h2 i{position:absolute;font-size:18px;left:0;}
.slick-card h2.has-icon{padding-left:28px;position:relative;}
.slick-card h2.has-helper{width:85%;}
.slick-card h2.has-icon.has-helper{}
.slick-card .title-helper{position:absolute;font-size:11px;color:#666;right:10px;top:10px;line-height:19px;}
.slick-card p.commentary.indent{padding-left:28px;}
.slick-card p.above-title{color:#999;font-size: 12px;margin-bottom:5px;}
.slick-card p.below-title{color:#666;margin-top:-8px;}



.content-preformatted figure .expand{display:none;position:absolute;top:0px;right:0;padding:10px;background:rgba(0,0,0,0.20) none;color:white;line-height:20px;font-size:16px;}
.content-preformatted figure.image-crop .expand{display:block;}




.content-preformatted figure.image-crop{height:220px;margin-bottom:20px;}
.content-preformatted figure.image-crop figcaption, .content-preformatted .image-crop .full-caption{background:white;bottom:0;padding:0;line-height:16px;width:100%;margin:0;position:absolute;}





.section-seat-views{position:relative;}
.section-seat-views button{position:absolute;top:6px;right:6px;height:28px;width:28px;background:rgba(255,255,255,0.90) none;line-height:28px;padding:0;color:#666;}
.section-seat-views .photo-count{background: rgba(0,0,0,0.30) none;line-height:20px;padding:0 5px;color:white;position:absolute;bottom:8px;left:8px;}

.section-seat-views img{width:100% !important; object-fit:cover !important;}

.avatar-color-orange .star-icon.star-half{color:#FF6600;}

/**
 * section-seat-views styles
*/ 
.ticket-listing .section-seat-views{padding:0;}





/**
 * section-seatscore styles
*/ 

.section-seatscore p.item-pro,.section-seatscore p.item-con{font-weight:500;padding-left:12px;position:relative;}
.section-seatscore p.item-con{font-weight:normal;}
.section-seatscore p.item-pro:before,.section-seatscore p.item-con:before{content:"+";position:absolute;left:0;}
.section-seatscore p.item-con:before{content:"-";}





.section-reviews .slick-card{
   background:white;
   border:1px solid #E5E5E5;
}
.section-reviews  .slick-list.slick-single{padding:0 !important;}
.section-reviews .slick-center .slick-card{margin-right:10px;}

.section-reviews .slick-card img{max-width:100%;}


.section-hero-header{background:#0067CE;color:white;padding:15px;}
.section-hero-header h1{font-size:20px;margin-bottom:0px;}

.section-hero-header .star-icon{color:#3385D8;}
.section-hero-header .star-icon.full:before{color:white;}
.section-hero-header .star-icon.half:before{color:white;}

.ticket-listing .options-drawer .option{width:20%;margin-right:5%;text-align:center;color:#666;text-transform:uppercase;float:left;font-size:11px;}
.ticket-listing .options-drawer .option i{margin-bottom:5px;font-size:22px;}
.ticket-listing.favorite .option-favorite i{color:red;}

li.ticket .ticket-section i{display:none;color:red;font-size:10px;}
li.ticket.favorite .ticket-section i{display:inline;}

.a166825 img.preview-photo, .a166825 img.preview, .a166825 .preview-photo img{
  filter: blur(0.5px);
}
.a166825 .section-seat-views figure img{
  filter: blur(0.8px);
}
.a166825 figure.photo-matte img{
  filter: blur(1px);
}


/*SPINNER STYLES (1.25.2018)--------------------------------------------------*/
.rys-loader-v1{width:75px;height:75px;position:relative;top:50px;left:50%;transform:translateX(-50%);}
.rys-loader-v1-outer{
  left:0px;top:0px;width:75px;height:75px;margin:0px;border-radius:50%;position:relative;
  background: -moz-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: -webkit-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: -o-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: -ms-linear-gradient(left, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  background: linear-gradient(to right, #FF6600 0%, rgba(255, 255, 255, 0) 40%);
  -webkit-animation: rlv1Spin 1.4s infinite linear;
  animation: rlv1Spin 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.rys-loader-v1-outer:before{width:50%;height:50%;background:#FF6600;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:'';}
.rys-loader-v1-outer:after{background:#0067CE;width:90%;height:90%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
@-webkit-keyframes rlv1Spin {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes rlv1Spin {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.rys-loader-v1-inner{background-image:url('/assets/images/no-shadow-no-circle-te-spin.png');position:absolute;top:0px;left:0px;width:100%;height:100%;}
.rys-loader-v1-msg{padding:15px 30px;margin-top:50px;text-align:center;font-weight:700;color:#666;font-size:14px;}
.rys-loader-v1-msg:after{content:'Searching for the best seats and the lowest prices...';}
/*SUPPORTING REFRESH ADDITIONS (1.25.2018)------------------------------------*/
.no-pointer-events{pointer-events:none !important;}
#slide-in-ticket .slide-in-ticket-refresh{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(255,255,255,0.6);z-index:10;padding-top:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#slide-in-ticket .rys-loader-v1-msg{color:#333 !important;}
#no-ticket-refresh-message p{margin-bottom:0px! important; padding-bottom:0px !important;}
#slide-in-section .no-ticket-refresh-message{text-align:center;background:#F8F8F8;padding:15px 10px;}
#slide-in-section .no-ticket-refresh-message p{margin-bottom:0px;}

#container-aip-toggle{padding:10px;border-bottom:1px solid #E5E5E5;background:#F8F8F8;}
#container-aip-toggle span:hover{text-decoration:underline;cursor:pointer;}
#container-aip-toggle .fa-toggle-on{color:#0067CE;}



.ticket-listing .template-skeleton section{
  padding: 10px;
}
.skeleton-text, .skeleton-image{
  background: #F1F1F1;
  border-radius: 3px;
}
.skeleton-text{
  margin-bottom: 10px;  
  height: 16px;
}
.skeleton-text:last-of-type{
  margin-bottom: 0;
}
.skeleton-image{
  height: 50vw;
}



#modal-ti{
  border: none;
  width: 420px;  
  border-radius: 8px;
  text-align: center;
  padding: 24px;
}

#modal-ti, #modal-ti *{
  box-sizing: border-box;  
}

#modal-ti .header {
  font-size: 24px;
  margin-bottom: 40px;
}

#modal-ti p {
  font-size: 16px;
  margin-bottom: 40px;
}

#modal-ti button {
  font-size: 16px;
  margin-bottom: 24px;
  width: 80%;
  height: 48px;
  font-weight: normal;
  border: 1px solid black;
  border-radius: 8px;
  box-shadow: none;
  transition: filter 0.3s;
}

#modal-ti button:hover{
  filter: brightness(1.2);
}

#modal-ti .button-primary{
  background-color: black;
  color: white;  
}
#modal-ti .button-filter {
  background-color: black;
  color: white;
}

#modal-ti .button-all {
  background-color: white;
  color: black;
}

#modal-ti .button-have-tickets {
  background: none;
  text-decoration: underline;
  color: #444;
  font-size: 14px;
  border-color: white;
  margin-bottom: 0;
}


#modal-ti[data-mode='already'] form *{
  display: inline;
  height: 48px;
  width: unset;
}
#modal-ti[data-mode='already'] input{
  width: 67%;
  margin-right: 2%;
  padding-left: 2%;
}
#modal-ti[data-mode='already'] button[type='submit']{
  width: 30%;
  background: black;
  color:white;
}
#modal-ti[data-mode='already'] .button-dont-want{
  background: none;
  text-decoration: underline;
  color: #444;
  font-size: 14px;
  border-color: white;
  margin-bottom: 0;
}


#modal-ti[data-version='4']{
  max-height: unset;
  height: 100%;
  left: 0;
  top: 0;
  margin: unset;
  border-radius: 0;
  text-align: unset;
}

#card-filters-hint{
  position: absolute;
  width: 240px;
  z-index:60000;
  border-radius: 8px;
  color: white;
  padding: 16px;
  display: none;
  background: #0067CE;
  line-height: 1.2;
  font-size: 13px;
}

.arrow-right-top:after{
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index:1000;
    right: -10px;
    top: 10px;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #FFF;
}

#card-filters-hint .arrow-right-top:after{
  border-color: transparent transparent transparent #0067CE;
}

.arrow-top-right:after{
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    z-index:1000;
    top: -10px;
    right: 10px;
    border-width: 0 18px 18px 18px;
    border-color: transparent transparent #FFF transparent;
}

#card-filters-hint .arrow-top-right:after{
  border-color: transparent transparent #0067CE transparent;
}

.ticket-listing p.fees-notice{
  background: #E5F0FA;
  padding: 4px;
  display: inline-block;
  font-size: 12px;
}
.section-dialog .fees-notice{
  background: #E5F0FA;
  text-align: center;
  padding: 10px;
  margin-bottom: 4px;
  margin-top: -12px;
}


section.section-ticket-stub .league-banner,.section-dialog .league-banner{
   color: white;
   background: black;
   overflow: auto;
   line-height: 30px;
   padding: 4px;
   overflow: auto;
   border-top: none;
}

section.section-ticket-stub .league-banner[data-league='mlb'],.section-dialog .league-banner[data-league='mlb']{
   background: #041E43;
}

section.section-ticket-stub .league-banner img, .section-dialog .league-banner img{
   height: 30px;
   float: left;
   margin-right: 4px;
}