@import url("./font-awesome/css/font-awesome.min.css");
:root {
    --desc-block-width: 100px;
}
body.agl-truncate, body.agl-truncate > form { max-height: 100vh; max-width: 100vw; overflow: hidden; padding-top: 0px; padding-bottom: 0px; }
.agl-skipnav { position: absolute; top: 0px; left: 0px; z-index: 99999; }
.agl-skipnav a { display: block; position: absolute; top: 0px; left: 0px; height: 0px; padding: 0px; overflow: hidden; color: white !important; background-color: #9c0000; font-weight: bold; white-space: nowrap; }
.agl-skipnav a:focus { height: auto; padding: 4px; color: white !important; }
.agl-main-head { clip: rect(1px,1px,1px,1px); padding: 2px; }

ItemPromotionCodeEntry { }
.inputBlockout { display: none; z-index: 100000; background-color: rgba(0, 0, 0, 0.72); position:absolute; top: 0px; left: 0px; height: 100%; width: 100%; }
.agl-iframed .inputBlockout { background-color: white; }
.inputQueryValues { display:none; z-index: 200000; position:absolute; width: 300px; height: 170px; top: 40%; left: 40%; top: calc(50% - 85px); left: calc(50% - 150px); margin:auto; background-color: #888888; border: solid 4px #333333; }
.inputBlockout.agl-open, .inputQueryValues.agl-open { display: block; }
.searchHeader { font-weight: bold; }
.Important { font-weight: bold; margin: 4px 0px; }
.ats-trainingnotice { position: -webkit-sticky; position: sticky; left: 0px; right: 0px; bottom: 10px; }
.ats-trainingnotice > div { width: 300px; margin:auto; text-align:center; padding: 8px; color: white; font-weight: bolder; font-size: 14px; background-color: rgba(255,0,0,.8); border-radius: 14px; }

.boxbodyCal { padding:4px; background-color:White; border-bottom:ridge 2px gray; border-right:ridge 2px gray; border-left:ridge 2px gray; width:250px; }
.boxheaderCal { padding:4px; background-color:White; border:ridge 2px gray; width:250px; }
.boxContainerCal { padding:2px; cursor:pointer; }
.boxbodyCalImgShell { margin:auto; text-align:center; }
.boxEventListItemBuyLink { width:250px; }
.boxheader { background: #c3c3c3; font-weight: bold; width: 150px; border: 1px solid black; padding: 3px; font-size: 11pt; }
.boxbody { background: white; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; width: 150px; padding: 3px; }
.boxbody-noheader { background: white; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; width: fit-content; width:moz-fit-content; padding: 3px; }

.FilterLink { display: inline-block; padding: 2px; }
.FilterLinkCurrent { background-color: #cccccc; border-radius: 4px; }
.EventListCalendarBlock { margin-left: 10px; margin-right: 10px; width: 95%; }
.EventListCalendarHeaderBlock { border: 1px solid gray; font-weight: bold; height: 40px; padding: 5px; }
.EventListCalendarHeaderBlock span { }
.EventListCalendarHeaderBlock a { font-weight: bold; }
.EventListCalendarDayHeaderBlock { border: 1px solid gray; }
.EventListCalendarDayHeader { padding: 3px; }
.EventListCalendarOutsideMonthDay { background-color: Silver; border: 1px solid gray; height: 100%; }
.EventListCalendarOutsideMonthDayInner { }
.EventListCalendarDay { background-color: White; border: 1px solid gray; height: 90px; padding: 3px; }
.EventListCalendarDay a { color: black; font-size: 7pt; display: block; }
.CalendarDay, .CalendarPrevDay, .CalendarCurDay { min-height: 90px; border: 1px solid gray; background-color: white; color: black; }
.CalendarDay a, .CalendarCurDay a, .CalendarPrevDay a { display: block; padding: 2px 2px; color: black; }

.ticketTypeBlock select { margin-bottom: 5px; margin-right: 5px; }
.ticketTypeItem .TicketQuantityDD { margin-left: 5px; min-width: 45px; }
.ticketTypeItem .PromoEntry { margin-left: 5px; }
.agl-variableamountlbl { padding: 4px; }
#TTSelection4_sectionImage { max-width: 100% }
/*#ManualSelectImage { max-width: calc(100vw - 50px); overflow: auto; }*/

.Social { margin-bottom: 6px; }
.SocialCal #hlAddToCalendar { display: block; padding-left: 20px; background: transparent url(../styles/cal1.png) no-repeat; }
.SocialCalWhich { margin-left: 8px; margin-top: 4px; display: none; }
.SocialCalWhich #hlGoogCal { display: block; padding-left: 20px; margin-bottom: 4px; background: transparent url(../styles/goog.png) no-repeat; }
.SocialCalWhich #hlYahooCal { display: block; padding-left: 20px; margin-bottom: 4px; background: transparent url(../styles/yahoo.png) no-repeat; }
.SocialCalWhich #hlOutlook { display: block; padding-left: 20px; margin-bottom: 4px; background: transparent url(../styles/outlook.png) no-repeat; }
.SocialCalWhich #hlICal { display: block; padding-left: 20px; margin-bottom: 4px; background: transparent url(../styles/ical.png) no-repeat; }
.SocialMap { padding-left: 20px; background: transparent url(../styles/map.png) no-repeat;  }

.EDeliveryBox a.EDLink { display: block; }
.EDName { margin-top: 15px; }

.SSLLogo { display: block; width: 75px; }
.PaymentSummaryBlock td { padding-right: 10px; }
.OrderTotalBlock { margin-top: 20px; }

.TableHeader { padding: 5px; background-color: #4782fa; color: White; font-weight: bold; }
.TableRow { }
.valignTop { vertical-align: top; }
.alignRight { text-align: right; }
.nowrap { white-space: nowrap; }
.breakLongText { word-wrap: break-word; }
.floatRight { float: right; }
.floatLeft { float: left; }
#ctl00_CPH1_Captcha_captchaBlock { margin: 10px; }

.agl-notice-high { border: 1px solid #e3e3e3; background-color: #e9e9e9; color: red; padding: 18px; margin: 8px; text-align: center; font-weight:bold; }
.Result.Error { border: 1px solid #bb7777; background-color: rgba(255,240,240,0.8); padding: 8px; color: Red; margin: 8px; }
.Result.Success { border: 1px solid #77bb77; background-color: #ddeedd; padding: 8px; color: Green; margin: 8px; }
.Result.Info { border: 1px solid #e28b00; background-color: #ffe3bc; padding: 8px; color: #a16403; margin: 8px; }
.StandoutBlock { border: 1px solid #aaaaaa; max-width:90%; width: 500px; border-radius: 4px; padding: 8px; margin: 0px 12px; background-color: #eeeeee; }
.InputLine { text-align:center; margin-top: 4px; }
.InputLine .Prompt { display: inline-block; width: 175px; text-align:right; font-weight: bold; margin-right: 8px; }
.InputLine .Input { display: inline-block; text-align: left; }
.InputLine input[type=text], .InputLine input[type=password] { width: 225px; }

.RequestAccountInfo .Result { color: Green; }
.Error, .RequestAccountInfo .Error, .agl-error, .ErrorRegularText { color: firebrick !important; }

.SearchDropDown { width: 150px; }
.SearchDate { width: 100px; }

.ADANote { color: #1920a9; font-weight: bold; }
.agl-adalink { margin: 4px 0px; padding: 8px; display: block; background-color: #1920a9!important; color: white!important; }
.agl-adalinkbottom { display: none!important; }

.SeatGridBlock { width: 100%; overflow: auto; }
.OrderLink .OrderView { clear: both; padding: 10px; background-color: rgba(0,0,0,.33); }
.OrderLink .OrderView iframe { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.8); }

.agl-userlinks-mobile { display: none; }
.agl-edlinkbox { display: flex; }
.agl-edlink { flex: 1 1 auto; border-radius: 8px!important; margin: 3px!important; padding: 8px!important; padding-left:20px!important; background-image: url(barcode.png); background-position: 98% center; background-repeat:no-repeat; }
.agl-wallet-container { float: left; clear: left; }
.agl-wallet-btn{display:inline-block; border-radius:10px !important; overflow:hidden; border: solid black 1px !important; margin: 1px; width:178px;}
.agl-wallet-apple { display: inline-block; background-image: url(appl-wallet.svg); background-size:cover; width: 185px; height: 43px; cursor:pointer; margin:-3px ;}
.agl-wallet-google { display: inline-block; background-image: url(goog-wallet.svg); background-size:cover; width: 185px; height: 43px; cursor:pointer; margin:-3px; }
.agl-fmnproceed { margin-top: 8px; }
.customerSalutation { display: none; }
.customerMiddle { display: none; }
.customerSuffix { display: none; }
.CustInfoMiddleName, .CustInfoWebAddress { display: none; }
.agl-membershipinfo #datalistPriceTypeQty > br { display: none; }
.ForgotPassword { display: inline-block; text-align: right; width: 160px; font-size: small; }
.LoginLabel { display: block; text-align: right; margin-right: 4px; }
.LoginInput { border-width: 1px; border-color: #cccccc; border-radius: 4px; padding: 4px; margin-bottom: 2px; margin-left: 2px; }
.LoginRemember { font-size: small; }
.LoginRemember input { }
.LoginMemberSelect select { max-width: 85%; }
.AddressDropDown { width: 179px; }
.agl-showpass { font-size: 14px; }
.agl-accountinfo { position: relative; }
.agl-accountimage { position: absolute; top: 0px; right: 0px; }
.agl-accountimage img { cursor: pointer; }
.NewCustBlockTemp { display: none; }
.ReturningCustomersBlock { float: left; border: 1px solid #aaaaaa; width: 340px; border-radius: 4px; padding: 8px; margin-right:12px; margin-bottom: 8px; background-color: #eeeeee; }
.SeasonCustInfoBlock, .AltAuthBlockInner, .AccountBlock { float: left; border: 1px solid #aaaaaa; width: 500px; border-radius: 4px; padding: 8px; margin-right: 12px; background-color: #eeeeee; }
.NewCustomersBlock { float: left; }
.NewCustomersBlock a, .NewCustomersBlock a:link, .NewCustomersBlock a:visited, .AssignCustomer a, .AssignCustomer a:link, .AssignCustomer a:visited { color: #ffffff; background-color: #3071a9; display: block; width: 300px; padding: 8px; border: 1px solid #cccccc; border-radius: 4px; margin-bottom: 4px; }
.NewCustomersBlock a:hover, .AssignCustomer a:hover { color: #ffffff; background-color: #1D6FB8; }

.AssignList div { padding: 8px; background-color: #eeeeee; border-radius: 4px; margin: 4px 0px; display: inline-block; width: auto; }
.AssignList div span { display: inline-block; width: 300px; }
.ActionLink, .ActionLink:link, .ActionLink:visited { text-align: center; color: #ffffff; background-color: #74AADD; display: inline-block; padding: 4px; border: 1px solid #cccccc; border-radius: 4px; margin-left: 8px; min-width: 70px; }
.ActionLink:hover { color: #ffffff; background-color: #1D6FB8; }

.DisabledText { color: gray; }
.Header { background-color: #eeeeee; font-size: 1.2em; font-weight: bold; padding: 3px 5px; border-radius: 4px; }

/* Info Page */
.Media { visibility: hidden; }
.Purchase .Showing { border: 1px solid #e3e3e3; border-radius: 4px; margin-top: 2px; margin-bottom: 4px; }
.Purchase .Showing > span { display: inline-block; margin: 4px; }
.Purchase .Showing div { margin: 4px; }
.Purchase .Showing .Venue { display: inline-block; width: 150px; }
.Purchase .Showing.StreamShowing .Venue { display: none; }
.InfoContainer .Purchase .PastShowing { display: none; }
.InfoContainer .CustomInformation table { width: 100%; table-layout: fixed; }
.columnSet1-3Inner23 .CustomInformation table { width: 100%; }
.CustomPropertiesInline tr, .CustomPropertiesInline td { display: inline-block; }
.CustomPropertiesInline tr:not(.PropFirst) > td:first-child::before { display: inline-block; content: ','; }
.CustomPropertiesInline .PropName { font-weight: bold; display: inline-block; margin-right: 4px; margin-left: 4px; }
.CustomPropertiesInline .PropValue { display: inline-block; }
.CustomPropertiesInline .PropValue::before+.PropValue { display: inline-block; content: ','; }

.CustomInformation .PropName, .CustomInformation .PropValue { padding: 0px 5px; display: block; }
.CustomInformation .PropFirst td { padding-top: 10px;  }
.CustomInformation .Header { margin-top: 10px; }
.Description .Text, .AdditionalInformation .Text, .ExtraHTML, .RelatedEvent { padding: 5px; }
.Description, .CustomInformation, .Description, .AdditionalInformation, .Comments, .RelatedEventBlock { margin-top: 10px; }

/* Agile List General */
.AgileList { }
.AgileList .Separator, .AgileList .ListSectionHeader { clear: both; border: solid 2px #e3e3e3; border-radius: 4px; height: 0px; margin: 4px 0px; }
.AgileList .Item, .AgileList .ItemInfo {}
.Name { font-weight: bold; }
.AgileList .Name div, .AgileList .DateTime div { font-style: italic; font-weight: normal; }
.AgileListDate .EventDate { display: none; }
.DateSeparator { font-weight: bold; font-size: 1.1em; background-color: #e3e3e3; clear: both; padding: 2px; border-radius: 4px; }
.ButtonLink { font-weight: bold; background-color: #e3e3e3; border-radius: 4px; display: inline-block; margin: 2px; padding: 3px; cursor:pointer; }
.ButtonLinkCurrent { border: solid 1px #666666; }
.ButtonLinkNotActive { color: Red; }
.ButtonLink .InfoPip { display: inline-block; height: 13px; width: 13px; background-image: url(information2.png); background-size: 13px 13px; margin-left: 4px; }

.agl-button-group { border-radius: 8px!important; display: inline-block; margin: 12px 0px; }
.agl-button-group .ButtonLink { border-radius: 0px!important; margin: 0px; opacity: .75; border: solid 1px rgba(0,0,0, .5); }
.agl-button-group .ButtonLink:first-of-type { border-bottom-left-radius: 4px!important; border-top-left-radius: 4px!important; border-right-width: 0px; }
.agl-button-group .ButtonLink:last-of-type { border-bottom-right-radius: 4px!important; border-top-right-radius: 4px!important; }
.agl-button-group .agl-selected { opacity: 1; }

.BuyMessageContainer { text-align: center; margin: 4px; border: 2px solid black; background-color: Red; color: White; font-weight: bold; border-radius: 4px; }
.BuyContinueContainer { text-align: center; }
.ResultBox { color: Green; font-weight: bold; text-align:center; }
.ResultBoxError { color: Red; }
.SearchBox { float: right; clear: right; }
.PageBox { float: right; clear: right; }
.ViewFilter { float: right; clear: right; }
.FilterList { float: left; }
.FilterBox { float: left; width: 120px; }
.FilterBox select { width: 110px; }

/* Agile List Tiles */
.AgileList-Tiles-2 .Item { width: 350px; }
.AgileList-Tiles-3 .Item { width: 230px; }
.AgileList-Tiles-4 .Item { width: 180px; }
.AgileList-Tiles .Item { float: left; }
.AgileList-Tiles .Item .Image { height: 100%; border-radius: 4px; }
.AgileList-Tiles .ImageBox { height: 120px; overflow: hidden; }
.AgileList-Tiles .ItemInfo { position: relative; height: 150px; overflow: hidden; }
.AgileList-Tiles .ItemInfoFull { height: 274px; }
.AgileList-Tiles .FadeBottom { position: absolute; bottom: 0px; height: 50px; background: transparent url(fadebottom.png) repeat-x left top;  width: 100%; }

/* Agile List Detailed */
.AgileList-Detailed.AgileList-Poster .Item img {
    margin-right: 10px;
}
.AgileList-Detailed .ImageBox > img {
    max-width: 276px;
    min-width: 276px;
}
.AgileList-Detailed .AllShowings {
    padding-top: 3px;
}
.AgileList-Detailed .ItemInfo {
    width: calc(95% - var(--desc-block-width));
    float: left;
}
.AgileList-Detailed .DescriptionContainer .Descriptive.ShortDescription {
    width: 100%;
    max-width: 1133px;
    overflow: hidden;
    max-height: 22vh;
    height: fit-content;
    height: -moz-fit-content;
}
.AgileList-Detailed .ItemInfo .DescriptionContainer .AllShowings .ShowingTimes {
    padding-bottom: 2px;
}
.AgileList-Detailed .Name {
    font-size: 2em;
}
.AgileList-Detailed .ViewLink, .AgileList-Detailed .BuyLink, .AgileList-Detailed .MyCalLink {
    float: left;
    margin: 8px;
}
.AgileList-Detailed .ButtonBar {
    float: left;
    width: auto;
}
.AgileList-Detailed .ImageBox { float: left; margin-right: 8px; }
.AgileList-Detailed .ItemInfoFull { width: auto; }
.AgileList-Detailed .Venue,
.AgileList-Detailed .DateTime { padding: 4px; padding-left: 0px; font-weight: bold; float: left; width: 160px; }
.AgileList-Detailed .DescriptionContainer { clear: both; padding-top: 10px; }

/* Agile List Simple */
.AgileList-Simple .Item { padding: 4px 0px; }
.AgileList-Simple .Image { display: none; }
.AgileList-Simple .Name,
.AgileList-Simple .Venue,
.AgileList-Simple .DateTime { padding: 4px; padding-left: 0px; font-weight: bold; float: left; width: 160px; }
.AgileList-Simple .DescriptionContainer .ShortDescription { display: none; }
.AgileList-Simple .ViewLink, .AgileList-Simple .BuyLink, .AgileList-Simple .MyCalLink { margin: 2px 4px; float: right; }

.InfoContainer .agl-streaminfo, .AgileList .agl-streaminfo { padding: 4px; }
.InfoContainer .agl-streaminfo > div, .AgileList .agl-streaminfo > div { padding: 1px; font-size:110%; background-color: rgba(255,255,255,.1); text-align: center; }
.InfoContainer .agl-streaminfo > div { font-size: 120%; }
.agl-streaminfo .BuyLink { float: none; }
.AgileList .ItemInfo > .agl-streamsignin, .Showing .agl-streamsignin { float:left; clear: left; }
.AgileList .agl-streaminfo .ShortDescription { display: none; }

.agl-programfilter{ float: left; width: 275px; }
.agl-programfiltername, .agl-programclearfilters{font-weight: bold; }
.agl-programcolor{width: 12px; height: 12px; display: inline-block; margin:0 5px 0 0; position:relative; top:2px; border-radius:0 50% 0 0 !important; }

.AgileList-HighlightList .Item.Featured { width: calc(100% - 44px); padding-bottom: 10px; margin-bottom: 10px; padding: 10px; float: none; }
.AgileList-HighlightList .Item.Featured .ImageBox { height:unset; }
.AgileList-HighlightList .Item.Featured .ItemInfo { height:unset; }
.AgileList-HighlightList .Item.Featured .ImageBox img { width:100%; margin: 0px; padding:0px; }
.AgileList-HighlightList .Item.Featured .FadeBottom { display: none; }

.AgileList-CategoryList { width: 100vw; overflow: hidden; }
.AgileList-CategoryList .Item { margin: 3px; border: 0px; float: left; min-width: 250px; }
.AgileList-CategoryList .CategoryHeader { font-size: 200%; font-weight: bold; border-radius: 0px; margin: 10px 10px 10px 15px; }
.AgileList-CategoryList .ImageBox { margin: 0px!important; padding: 0px!important; min-height: 150px; text-align: center; background-color: black; position: relative; cursor: pointer; }
.AgileList-CategoryList .Image { max-width: 100%; }
.AgileList-CategoryList .Name { cursor: pointer;}
.AgileList-CategoryList .ItemInfo { position: relative; } 
.AgileList-CategoryList .FadeBottom { position: absolute; bottom: 0px; height: 50px; width: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); }
.AgileList-CategoryList .ShortDescription { padding: 15px; }
.AgileList-CategoryList .ViewLink, .AgileList-CategoryList .DescriptionContainer  { display: none; }

.agl-catswitchoptions { text-align: center; margin-top: 8px; }
.AgileList-CategoryList .tns-outer { position:relative; }
.AgileList-CategoryList .tiny-slide-items { min-height: 250px; display: flex; }
.AgileList-CategoryList .tiny-slide.Featured .tns-outer { position:relative; margin: 0px 0px 0px 0px; }
.AgileList-CategoryList .tns-controls { display: none; position: absolute; width:100%; height: 100%; }
.AgileList-CategoryList .tns-controls button { font-size: 20pt; position: relative; z-index: 999; height: 100%; width: 35px; padding: 0px; background-color: rgba(0, 0, 0, .4);  color: white; }
.AgileList-CategoryList .tns-controls button:disabled { display: none; }
.AgileList-CategoryList .tns-controls button:first-child { float: left; }
.AgileList-CategoryList .tns-controls button:last-child { float: right; }
.AgileList-CategoryList .tns-nav { display: none; }
.AgileList-CategoryList .tns-inner { margin: 0px 50px 0px 15px !important; }
.AgileList-CategoryList .tiny-slide-items:not(.tns-inner .tiny-slide-items) { margin-left: 15px; }
.AgileList-CategoryList .tiny-slide.Featured .tns-inner { margin: 0px 0px 0px 0px !important; }
.AgileList-CategoryList .Featured img { -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0)); mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); }
.AgileList-CategoryList .Featured .Item { position: relative; background-color: black; color: white; margin: 0px; margin: 0px; }
.AgileList-CategoryList .Featured .Name { padding: 0px 15px 0px 15px; font-size: 22pt; cursor: pointer; }
.AgileList-CategoryList .Featured .Descriptive1 { font-size: 12pt; cursort: pointer; }
.AgileList-CategoryList .Featured .DescriptionContainer{cursor:pointer; display:block;height:100% !important; position: relative; }
.AgileList-CategoryList .Featured .FadeBottom, .AgileList-CategoryList .Featured .agl-moreinfo { display: none; }
.AgileList-CategoryList .Featured p {font-size: 22px;}

.AgileList-CategoryList .agl-moreinfo { cursor: pointer; font-size: 20pt; float: right;  }
.Item.ItemStreaming .Venue { display: none; }

@media (hover: hover) {
    .AgileList-CategoryList .DescriptionContainer { display: block; opacity: .85; color: white; position: absolute; bottom: 0; left: 0; right: 0; background-color: black; overflow: hidden; width: 100%; height: 0; transition: 600ms ease; transition-delay: 300ms; }
	.AgileList-CategoryList .Item:hover .DescriptionContainer { height: 100%; }
	.AgileList-CategoryList .tns-outer .tns-controls { display: none; }
	.AgileList-CategoryList .tns-outer:hover .tns-controls { display: block; }
    .AgileList-CategoryList .agl-moreinfo { display: none; } 
}

@media (hover: none) {
    .AgileList-CategoryList .DescriptionContainer { display: block; opacity: .85; color: white; position: absolute; bottom: 0; left: 0; right: 0; background-color: black; overflow: hidden; width: 100%; height: 0; transition: 600ms ease; }
    .AgileList-CategoryList .agl-moreinfo { font-size: 18pt; float: right; padding: 5px 15px 5px 15px; } 
    .AgileList-CategoryList .Name { float: left; width: calc(100% - 40px); }
}

.ScheduledEvent .DetailsBox .Descriptive { display: none; }
.ScheduledEvent .DetailsBox .Image { }
.ScheduledEvent .LinkBox { background-color: White; z-index: 999; }

.AgileBuyWindow .BuyLink, .AgileIframeWindow .ActionLink { float: left; }
.AgileBuyWindow .CloseLink, .AgileIframeWindow .CloseLink { float: right; }
.AgileBuyWindow #MultiBlock, .AgileBuyWindow #BuyContainer, .AgileBuyWindow #BuyButtonBlock, #PromoPrompt, .MultiBlock[prompt="True"] { display: none; }
.MultiPricingBlockPrompt, .PromoPrompt { text-align: center; }


.AddressSelectList .AddressInfo { border-radius: 4px; padding: 4px; display: block; background-color: #e3e3e3; margin-bottom: 6px; margin-right: 10px; color: Black; max-width:500px; }

.CalendarTable { background-color: #eeeeee; }
.CalendarTable td { background-color: white; text-align: center; }
.CalendarTable .Empty { height: 80px; }
.CalendarTable .DayHeader { padding: 2px; background-color: #1D6FB8; color: White; font-weight: bold; }
.CalendarTable .Date { border-radius: 4px; background-color: #88b7e5; font-weight: bold; }
.CalendarTable .Date .Day, .CalendarTable .Date .Mo, .CalendarTable .Date .Suffix { display: none; }
.CalendarTable .MainHeader a { font-weight: bold; }
.CalendarTable .MonthHeader { font-size: 120%; font-weight: bold; }
.CalendarTable .Item { font-size: 80%; border-radius: 4px; margin: 2px; padding: 4px 2px; background-color: #eeeeee; }
.CalendarTable .Image { width: 80%; }

.ui-widget-overlay { z-index: 9998; }
.ui-dialog { z-index: 9999; }
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; }
.ui-dialog-titlebar { text-align: left; }
.ui-state-active { background-image: none; background-color: Silver; background: silver none no-repeat top left ! important; } /* */
.ui-widget-overlay { opacity: 0.6; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.SetMobileSite { display: none; }
.fb-comments, .fb-comments iframe, .fb-comments span { width: 100% !important; }
#fbImg { width: 25px; height: 25px; vertical-align: middle; border: 0; }
.FacebookLogoutBlock { display: inline-block; vertical-align: middle; }
.ats-fb-btn { padding: 0px !important; display: inline-block; font-family: "lucida grande",tahoma,verdana,arial,sans-serif !important; }
.fb-btn-icon { height: 22px; width: 22px; background: url('fb-icons.png') no-repeat 0px -132px; display: inline-block !important; }
.fb-btn-text-o { display: inline-block !important; border-top: 1px solid #29447e; border-right: 1px solid #29447e; border-bottom: 1px solid #1a356e; background-color: #5f78ab; vertical-align: top; }
.fb-btn-text-i { line-height: 14px !important; display: inline-block !important;  white-space: nowrap; border-top: 1px solid #879ac0; color: #fff !important; font-size: 11px !important; padding: 2px 6px 3px 6px; }

.MyCalInstruct { display: none; float: left; clear: left; }
.MyCalLegend > span { float: right; }
.MyCalLink span.ico { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; }
.MyCalNotAdded span.ico { background-image: url(myCal_NotAdded.png); background-size: 19px 19px; }
.MyCalAdded span.ico { background-image: url(myCal_Added.png); background-size: 19px 19px; }
.MyCalPurchased span.ico { background-image: url(myCal_Purchased.png); background-size: 19px 19px; }
.MyCalStatusNotPurchased { color: Red; float: right; font-weight:bold; padding: 6px; margin-right: 10px; }
.MyCalStatusPurchased { color: Green; float: right; font-weight:bold; padding: 6px; margin-right: 10px; }
.MyCalBody .Item { border-bottom: solid 1px #e3e3e3; margin-bottom: 16px; margin-top: 6px; padding-bottom: 6px; }
.MyCalBody .ItemInfo div { float: left; width: 320px; }
.agl-mycal .ImageDiv, .agl-mycal .Description { display: none; }
.MyCalLinks { clear: left; }
.MyCalLink { }
.MyCalDateLinks { margin-top: 12px; clear: left; }
.ButtonLink.MyCalICal, .ButtonLink.MyCalViewList, .ButtonLink.MyCalViewSchedule { display: none; }
.agl-streaminfo .MyCalLink { display: none; float:none; background-color: transparent!important; }

.SeatGridTable td {
    width: 15px;
    min-width: 15px;
}
.addToCartBlock { padding: 50px; text-align: center;  }

#progressBlock { text-align: center; margin: auto; width: 250px; }
#progressBlock .ui-widget-header, #progressBlock .ui-widget-content  { background: transparent none; }
.ui-progressbar { height: 25px; }

.soldForAssign { width: 200px; }
.soldForAssign a { float: right; }
.ParentDescription { display: none; }

.SeatGridCheckBoxHidden { display:none; }
.SeatGridCellSold { background: url(seat-icons.png) no-repeat 1px 1px; width: 13px; height: 13px; }
.SeatGridCellOnOrder { background: url(seat-icons.png) no-repeat -17px 1px; width: 13px; height: 13px; }
.SeatGridCellDisabled { background-color:red; background: url(seat-icons.png) no-repeat -34px 1px; width: 13px; height: 13px; }
.DonationAmountCol { display: inline-block; width: 400px; }
.PledgeInfo, .PledgePaymentsInfo { margin-left: 10px; color: Red; }

.agl-svgsect, .agl-svgseat { max-width:100%; margin: auto;}
.agl-svgsect rect, .agl-svgsect ellipse, .agl-svgsect polygon { cursor: pointer; fill: transparent; stroke: black; stroke-width:2; opacity: 0; }
.agl-svgseatsimg rect, .agl-svgseatsimg ellipse, .agl-svgseatsimg polygon { cursor: pointer; fill: white; stroke: black; stroke-width:0; opacity: 0.05; }
.agl-svgseatsimg .selected .agl-pip { fill: #2ec457; opacity: .8; stroke-width: 1; }
.agl-svgseatsimg .unavailable, .agl-svgseatsimg .onorder, .agl-svgseatsimg .sold { opacity: unset; cursor: unset; }
.agl-svgseatsimg  .agl-pip { display: none; }
.agl-svgseatsimg  g.selected .agl-pip { display: unset; }

.agl-svgseats rect { fill:#ffffff; }
.agl-svgseats rect.agl-avail { cursor: pointer; stroke:black; stroke-width: 1; fill:#ffffff!important; }
.agl-svgseats rect.agl-notavail { fill: #e3e3e3!important; }
.agl-svgseats rect.agl-sold { }
.agl-svgseats rect.agl-onorder { fill: #2ec457!important; }
.agl-svgseats g.selected rect[data-seatid] { fill: blue!important; }
.agl-svgseats text { font-size: 12px; }

.agl-svgseats, .agl-svgsect, .agl-svgseatsimg, .seatSVG svg {border: 2px solid rgb(227, 227, 227); min-width:30vw; max-width:80vw;}

.agl-svgseats .agl-avail:hover, .agl-svgsect .agl-avail:hover, .agl-svgseatsimg .agl-avail:hover, .agl-svgsect rect:hover, .agl-svgsect ellipse:hover, .agl-svgsect polygon:hover {
    opacity: 0.75 !important;
    stroke: blue !important;
    fill:transparent;
    stroke-width: 2px !important;
}

.svgNotice {
    min-width: 30vw;
    max-width: 80vw;
    text-align: center;
    border: 2px solid rgb(227, 227, 227);
    border-bottom: none;
    background-color: rgb(240, 240, 240);
}

.agl-iframed .svgNotice, .agl-iframed .agl-svgsect, .agl-iframed .agl-svgseatsimg, .agl-iframed .seatSVG svg {
    max-width: 100vw;
    width: calc(100% - 5px) !important;
}

.agl-iframed .ManualSeatOuter, .agl-iframed > .sectionBlock > table {
    width: 100%;
}

.CCImages {
    display: block;
}
.CCImages img { width: 75px; height: 45px; margin-right: 2px; margin-bottom: 3px; }
.CCImages .Fadeout { opacity: 0.15; }
.agl-storedpaymethodlist { margin: 10px 0px; max-width: 400px; }
.agl-storedpaymethod .fa-check-circle, .agl-newpaymethod .fa-check-circle, .agl-storedpaymethod.agl-selected .fa-circle-o, .agl-newpaymethod.agl-selected .fa-circle-o { display: none; }
.agl-storedpaymethod.agl-selected .fa-check-circle, .agl-newpaymethod.agl-selected .fa-check-circle, .agl-storedpaymethod .fa-circle-o, .agl-newpaymethod .fa-circle-o { display: inline-block; margin-right: 10px; }
.agl-storedpaymethod, .agl-newpaymethod { cursor: pointer; margin: 8px; border: solid 1px #e3e3e3; border-left: solid 4px #e3e3e3; border-radius: 4px; padding-left: 4px; }
.agl-storedpaymethod.agl-selected, .agl-newpaymethod.agl-selected { border-left-color:green; }
.agl-storedpaymethod span, .agl-newpaymethod span { display: inline-block; margin-left: 8px; }
agl-paymentoptionslist { max-width: 600px; margin: auto; }
.agl-payopt { padding: 4px; padding-left: 50px; background-size: 40px; background-repeat: no-repeat; }
.agl-payopt-200 { background-image: url(Visa_Card.svg); }
.agl-payopt-201 { background-image: url(Mastercard_Card.svg); }
.agl-payopt-202 { background-image: url(Discover_Card.svg); }
.agl-payopt-203 { background-image: url(Amex_Card.svg); }
.agl-payopt div { display: inline-block; width: 30%; margin-right: 2%; min-width: 230px; }

.agl-donatecard { border: solid 1px #e3e3e3; padding: 8px; margin-botom: 8px; }
.agl-donatecard img { float: left; margin-right: 10px; max-width: 100px; }
.agl-donatecard.withimage > div:not(.agl-cf) { padding-left: 110px; }
.agl-donatecard .ButtonLink { margin: 4px; }
.agl-donatecard a.ButtonLink { padding: 1px 6px; }
.agl-donatecard .fa-spinner { display: none; }
.agl-donatecard.agl-loading .agl-actions { display: none; }
.agl-donatecard.agl-loading .fa-spinner { display: inline-block; }

.agl-voting .Item { margin-top: 8px; }
.agl-votesetter { margin-top: 8px; }
.agl-votesetter i.fa-info-circle { color: darkslateblue; margin-left: 10px; margin-top: 10px; font-size: 110%; cursor: pointer; }
.agl-votesetter span.agl-score { display: inline-block; font-size: 140%; margin-left: 20px; margin-top: 8px; padding: 8px; border-radius: 10px!important; background-color: rgba(0,0,0,.06); }
.agl-votesetter span.agl-score i { color: goldenrod; }
.agl-votesetter span.agl-message { display: inline-block; margin-left: 10px; font-size: 120%; font-weight: bold; color: indigo; }
.agl-votesetter.agl-deciding span i { color: forestgreen; }
.agl-votesetter.agl-related { padding-left: 30px; }

.agl-benefit-block { margin-bottom: 20px; }
.agl-benefit-head { font-weight: bold; font-size: 110%; }
.agl-benefit-item { display: list-item; list-style-type: disc; list-style-position: inside; }
.agl-benefit-details { float: left; }
.agl-benefit-bc { float: right; padding-left: 10px; text-align: center; font-size: .8em; }
.agl-benefit-group { overflow:hidden; }
.agl-autorenew-on, .agl-autorenew-on.epgColor1Back { background-color: green !important; }
.agl-autorenew-off, .agl-autorenew-off.epgColor1Back  { background-color: #c40000 !important; }

@media (min-width: 768px) {
    .agl-autorenew-status { float: right; }
    .AgileList-CategoryList .Featured .ItemInfo { position:absolute; left: 50px; top: 50px; width: 40vw; background-color: rgba(0, 0, 0, .4); }
    .AgileList-CategoryList .Featured .DescriptionContainer { background-color: transparent; }
}

.CustomerQuestionsBlock { margin-bottom: 20px; }
.PrintAtHomeBlock, .agl-pahText { margin: 10px 0px; }
.PrintAtHomeHeader { font-weight: bold; }
.agl-pahOption { float: left; width: 30%; text-align: center; padding: 10px 1.5%; }
.agl-mobpahicon { font-size: 40px !important; }

.agl-input-touch input[type='radio'] { width: 25px; height: 25px; }
.agl-input-touch input[type='radio']+label { display: inline-block; vertical-align:bottom; }
.agl-input-touch input[type='checkbox'] { width: 25px; height: 25px; }

.agl-radio-check { -webkit-appearance: none; -moz-appearance: none; display: inline-block; position: relative; outline: none; margin-right: 7px; cursor: pointer;
                   background-color: #e3e3e3; color: #666; top: 10px; height: 35px; width: 35px; border: 0; border-radius: 50px!important; }
.agl-radio-check+label { display: inline-block; vertical-align: -webkit-baseline-middle; height: 30px; margin-top: -8px; }
.agl-radio-check:checked::before { position: absolute; font: 15px/1 'Open Sans', sans-serif; left: 14px; font-weight:bold; top: 9px; content: '\02143'; transform: rotate(40deg); }
.agl-radio-check:checked+label { font-weight:bold; }
.ticketTypeBlock td { vertical-align: middle }

.agl-touchQty { margin: 10px 0px;  margin-right: 4px; }
.agl-touchQty select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 35px; width: 50px; text-align-last: center; border-width: 0px; margin: 0px 4px!important; background-color:transparent; font-weight:bold; font-size: 105%; }
.agl-qtyDec.epgColor1Back { background-color: rgb(177, 0, 0)!important; }
.agl-qtyInc.epgColor1Back { background-color: rgb(0, 147, 0)!important; }
.agl-qtyDec, .agl-qtyInc { padding: 10px 8px !important; margin: 0px !important; text-align: center; width: 20px; height: 15px; display: inline-table; vertical-align: bottom; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Modal SlideDown */
.agl-modal { display: none; padding: 0px; position: fixed; z-index: 100000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); }
.agl-modalcontainer { border-style: solid; border-width: 4px; position: relative; background-color: #fefefe; margin: auto; padding:0px; margin-top: 20px; margin-bottom: 20px; border-radius: 2px; width: 80%; max-width: 650px; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; }
.agl-modalheader, .agl-modalfooter { background-color: black; }
.agl-modaltitle { font-size: 120%; }
.agl-container.agl-truncate { max-height: 100vh; max-width: 100vw; overflow: hidden; padding-top: 0px; padding-bottom: 0px; }
.agl-modal.agl-open { display: block; }
.agl-modalclose { cursor: pointer; float: right; font-weight: bold; margin-top: 1px; display: inline-block; padding: 0px 6px; background-color: rgba(255,255,255,.6); }
.agl-modalheader, .agl-modalfooter { padding: 2px 8px; color: white; }
.agl-modalbody { padding: 20px; font-size: 120%; }
.agl-modal-alert .agl-modalheader, .agl-modal-alert .agl-modalfooter { background-color: rgb(196, 0, 0); }
.agl-modalfooter .btn { color: black; visibility: hidden; }
@media only screen and (max-width: 768px) {
    /* fix for iOS and scrolling within Modal popup */
    html { overflow: auto; -webkit-overflow-scrolling: touch; }
    .agl-modalcontainer { margin: 10px auto; width: 96%; max-width: unset; overflow: auto; }
    .agl-modalbody { padding: 10px; font-size: 120%; }
}
@media (max-width: 768px) {
    .AgileList-Detailed .ItemInfo { width: 100%; }
    .agl-autorenew-status { clear: left; }
}
@media (max-width: 425px) {
    .AgileList-Detailed .ItemInfo {
        width: auto;
    }
}

.fa-clock-o, .fa-map-marker { width: 15px; }
.agl-iframed .agl-headerinclude, .agl-iframed .agl-footer, .agl-iframed .agl-usernav, .agl-iframed .agl-navigation, .agl-iframed .agl-intro { display: none; }
.agl-iframed, #body.agl-iframed, #body.agl-iframed #Form1, #body.agl-iframed #Form2, #body.agl-iframed #aspnetForm { background: unset!important; background-color: transparent !important; padding: 0px !important; }
.agl-iframed .agl-container { background:unset!important; margin: 0px!important; padding:0px!important; width:unset!important; }
.agl-iframed #pageContent { width: unset!important; }

.agl-card { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin: 0px 8px; margin-top: 16px; padding: 10px; position: relative; }
.agl-card:hover { box-shadow: 0 2px 18px 0 rgba(0,0,0,0.2); }

.agl-input-group { float: left; margin-right: 16px; }
.agl-form-block .agl-input-group { float: none; margin: 6px 0 10px; }
.agl-form-inline .agl-input-group { float: left; margin-left: 6px; }
.agl-input-group .wj-control~.wj-control { margin-left: 8px; }
.agl-input-group > label { display: block; }
.agl-form-block .agl-input-group { float: none; margin: 6px 0 10px; }
.agl-form-block label { display: block; }
.agl-fade { -webkit-animation-name: agl-fade; -webkit-animation-duration: 0.5s; animation-name: agl-fade; animation-duration: 0.5s; }
.agl-fade2 { -webkit-animation-name: agl-fade; -webkit-animation-duration: 0.75s; animation-name: agl-fade; animation-duration: 0.75s; }
.agl-fadeout { opacity: 0; -webkit-animation-name: agl-fade-out; -webkit-animation-duration: 0.75s; animation-name: agl-fade-out; animation-duration: 2s;  }
.agl-loader { border: 6px solid #f3f3f3; border-radius: 50%; border-top: 6px solid #3498db; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; display: inline-block; }
.ButtonLink .agl-loader { width: 10px; height: 10px; border-width: 2px; }
.agl-input-group input:invalid { background-color: #eedddd; }

.ticketForwardCell{width:85px; max-width:85px; min-width:85px; text-align:center; vertical-align:middle;}
.ticketForwardCheckbox{width:100%;}
.ticketForwardOrdersTable{width:100%; border-collapse:collapse;}
.ticketForwardSoldFor{font-weight:bold;}
#TicketForwardingConfirmationArea{display:none;position:sticky;bottom:0px; width:100%; box-sizing:border-box; padding:10px;}
.isRedeemed{opacity:0.5;}
.isRedeemed span{font-weight:bold;}

.ats-ticket-observer {
    position: sticky;
    bottom: 0px;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
    background-color: white;
    transition: height 350ms ease-in-out, opacity 250ms ease-in-out;
    opacity: 0;
}


.ShowingToggle {
    font-size: 1.45em;
    margin-top: 8px;
    margin-right: 4px;
    cursor: pointer;
}

.fa.fa-arrow-up-show::after {
    content: "\f062";
    padding-left: 4px;
}

.fa.fa-arrow-down-show::after {
    content: "\f063";
    padding-left: 4px;
}
.rotate.fa.fa-arrow-up-show::after {
    transform: rotate(0);
}

.ats-clientsideimagediv > div {
    display: inline-grid;
    margin: 0px;
    padding: 0px;
}
.ats-customerimage-smallbutton
{
    margin: 0px;
    padding: 0px;
}

.ats-customerimage-smallbuttons > a {
    padding: 0px;
    font-size: x-large;
}

/* cropit styling*/
.cropit-preview-background{
    opacity: .2;
}

.image-editor {
    margin: 15px;
    min-width: 512px;
    max-width: 512px;
    min-height: 512px;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 17.3px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 3.8px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 43px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -17.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #3379b5;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 3.8px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 43px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2d699d;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 3.8px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 3.8px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 43px;
  width: 16px;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  height: 8.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #3379b5;
}

input[type=rangez] { -webkit-appearance: none; width: 100%; height: 15px; border-radius: 5px!important; background: #e3e3e3; outline: none; opacity: 0.7; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; }
input[type=rangez]:hover { opacity: 1; }
input[type=rangez]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: rgb(20,155,20); cursor: pointer; }
input[type=rangez]::-moz-range-thumb { width: 25px; height: 25px; border: 0; border-radius: 50%; background: #4CAF50; cursor: pointer; }

.DonationBlockInner {
    display: flex;
    flex-direction: column;
}

.DonationBorderBox {
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
    /*    border: solid 1px #e1e1e1;
    -webkit-box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px rgb(0 0 0 / 25%);*/
}

.DonationBorderBox .DonationBtn, .DonationBorderBox .DonationBtnOther  {
    width: 60px;
    padding: 8px;
}

.DonationBorderBox > .DonationBtnList {
    padding: 0;
}

.DonationBtnList li, .DonationPledgeBtnList li {
    display: inline-block;
    vertical-align: middle;
    width: 240px;
    float: left;
    padding: 0px 30px 14px 0px;
}

.isDisabled {
    opacity: 0.5;
}

#ucPaymentInfo_CCRecoveryBlock { font-size: 125%; font-weight: bold; }
#ucPaymentInfo_CCRecoveryYesNo { margin-bottom: 25px; }

@-webkit-keyframes animatetop {
    from {top: -20px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -20px; opacity: 0}
    to {top: 0; opacity: 1}
}

@-webkit-keyframes agl-fade {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes agl-fade {
  from {opacity: 0} 
  to {opacity: 1}
}
@-webkit-keyframes agl-fade-out {
  50% {opacity: 1} 
  100% {opacity: 0}
}

@keyframes agl-fade-out {
  50% {opacity: 1}
  100% {opacity: 0}
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}