@import url("../script/extern/font-awesome/6.6.0/css/all.min.css");
:root {
    --desc-block-width: 276px;
    --epg-headback: #7db0df;
    --epg-headtext: white;
    --epg-backcolor: white;
    --epg-backcolor-rgb: 255,255,255;
    --epg-textcolor: black;
    --epg-textcolor-rgb: 0,0,0;
    --epg-footback: #7db0df;
    --epg-foottext: white;
    --epg-backimage: none;
    --epg-color1: #7db0df;
    --epg-color1-rgb: 125,176,221;
    --epg-color1text: white;
    --epg-color1text-rgb: 255,255,255;
    --epg-color2: #1b6cb3;
    --epg-color2-rgb: 27,108,179;
    --epg-color2text: white;
    --epg-color2text-rgb: 255,255,255;
    --epg-color3: #0065a0;
    --epg-color3-rgb: 125,176,221;
    --epg-color3text: white;
    --epg-color3text-rgb: 255,255,255;
    --epg-coloralert: rgb(185, 45, 45);
    --epg-colordanger: rgb(185, 45, 45);
    --epg-coloraffirm: rgb(45, 143, 61);
}

/* variables can be re-defined like this where epg-color1 is now different inside .agl-content v.s. outside of it.
.agl-content * {
	--epg-color1: red;
}

*/
body.agl-truncate, body.agl-truncate > form { max-height: 100vh; max-width: 100vw; overflow: hidden; padding-top: 0px; padding-bottom: 0px; }
input[type=button], input[type=submit], button { border-width: 0px; }
.agl-cf::before, .agl-cf::after { content: " "; display: table; }
.agl-cf::after { clear: both; }
.agl-float-right { float: right; }
.agl-float-left { float: left; }
.agl-leftpad0 { padding-left: 0px!important; }
.gphide { display: none; }
input[type='password']::-ms-reveal { display: none; }
.gpAltPayInput { background-color: lightgrey; color: black; opacity: 1; }
.gpButtonRow { width: 100%; display: flex; flex-direction: row; justify-content: center; }
.gpButtonBlock {text-align: center; width: 33.33%; margin-bottom: 10px; margin-top: 10px; }
.agl-intro, .agl-footer { background-color: var(--epg-color1); color: var(--epg-color1text); }
.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-usernav, .agl-usernav a { background-color: var(--epg-color2); color: var(--epg-color2text); }
.hidden-visually { clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }

.agl-main-head { clip: rect(1px,1px,1px,1px); padding: 2px; }
.agl-clock { position: absolute; border-radius: 25px !important; bottom: 20px; right: 20px; padding: 10px 20px; background-color: white; font-size: 40px; }
.agl-clock > span { animation: blinker 1s normal infinite; }
.agl-tooltipbox { color: var(--epg-textcolor); background-color: var(--epg-backcolor); position: absolute; padding: 10px; width: 250px; opacity: 0; text-align: center; border-radius: 8px!important; box-shadow: inset 0px 0px 3px 0px var(--epg-textcolor); transition: opacity .25s; }
/*.agl-tooltipbox::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: var(--epg-textcolor) transparent transparent transparent; }
.agl-tiparrowright::after { left: unset; right: 10px; }*/
.agl-content img { max-width: 100%; }
ItemPromotionCodeEntry { }
.ats-promotion-inline, .PromoPromptxx {
    border: solid 1px rgba(var(--epg-textcolor-rgb),.25);
    background-color: rgba(var(--epg-textcolor-rgb),.15);
    box-shadow: 0px 0px 3px 2px var(--epg-color1);
    border-radius: 4px !important;
    padding: 8px;
    margin: 8px;
}
.ats-promotion-prompted {
    justify-content: center;
    border-radius: 4px !important;
    padding: 8px;
    margin: 8px;
}
.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; margin-top: -36px; pointer-events: none; }
.agl-iframed .ats-trainingnotice { margin-top: 0px; }
.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; }
input[type='submit'], input[type='button'] { -webkit-appearance: none; }
.agl-navigation-toggle, .agl-navigation-cart, .agl-navigation-search, .agl-navigation-user, .EpgHeaderLogo { box-sizing: content-box; }
.agl-navigation-cart span { font-size: 1.7em; }
.agl-navigation-search { font-size: 1.5em; }
.agl-pagetitle { position: fixed; width: 100%; z-index:10; text-align: center; padding: 10px; background-color: var(--epg-color2);
    color: var(--epg-color3text); font-size: 40px; font-weight: 900; text-shadow: 2px 2px 4px black;
    background: var(--epg-color2);
    background: linear-gradient(153deg, var(--epg-color2) 0%, var(--epg-color3) 35%, var(--epg-color1) 100%);
}
.agl-pagetitle+.agl-banner { padding-top: 80px; }
.agl-pagetitle+.agl-columnset { padding-top: 80px; }
.boxbodyCal { padding:4px; background-color:var(--epg-backcolor); 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: var(--epg-color1); color: var(--epg-color1text); font-weight: bold; width: 150px; border: 1px solid black; padding: 3px; font-size: 11pt; }
.boxbody { background: var(--epg-backcolor); color: var(--epg-textcolor); border-left: 1px solid var(--epg-color1); border-right: 1px solid var(--epg-color1); border-bottom: 1px solid var(--epg-color1); width: 150px; padding: 3px; }
.boxbody-noheader { background: var(--epg-backcolor); color: var(--epg-textcolor); border-left: 1px solid var(--epg-color1); border-right: 1px solid var(--epg-color1); border-bottom: 1px solid var(--epg-color1); width: fit-content; width:moz-fit-content; padding: 3px; }
.boxover-div[style*="hidden"] { display: none; }

body.agl-emlpref { background-color: black; color: white; margin: 0px; line-height: 50px; font-size: 120%; padding: 0px; text-align:center; box-sizing:border-box; }
body.agl-emlpref > div { margin:auto; margin-top: 20px; padding: 30px 0px;border-radius: 8px; box-shadow: 0px 0px 3px 2px white; max-width: 90%; background-color: var(--epg-color2); color: var(--epg-color2text); }
body.agl-emlpref .agl-logo { max-height: 80px; }
body.agl-emlpref input[type='submit'] { cursor: pointer; padding: 4px 16px; font-size: 110%; border-radius: 8px; box-shadow: inset 0px 0px 3px 0px black; border-size: 0px; }

.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, #ctl00_CPH1_TTSelection4_sectionImage { max-width: 100% }
#PaymentButtonBlock { margin-top: 15px; }
.DeliveryMethodBlock { margin-bottom: 15px; }
.CartItemCol { padding: 3px 6px; }
/*#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: inline-block; }
.EDName { margin-top: 15px; }

.SSLLogo { 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:empty { display: none; }
.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: black; margin: 8px; }
.Result.Info { border: 1px solid #e28b00; background-color: #ffe3bc; padding: 8px; color: #a16403; margin: 8px; }
.StandoutContainer, .StandoutBlock { max-width: 550px; width: 90%; padding: 8px; margin: auto; }
.StandoutBlock { border: solid 1px rgba(var(--epg-textcolor-rgb),.25); background-color: rgba(var(--epg-textcolor-rgb),.15); box-shadow: 0px 0px 3px 2px var(--epg-color1); border-radius: 4px !important; padding: 22px; }
.StandoutContainer .StandoutBlock { width: unset; max-width: unset; }
.StandoutBlock .BigBoldText { font-size: 120%; }
.InputLine { text-align: left; margin-bottom: 8px; }
.InputLine .Prompt { display: block; width: 175px; margin-right: 8px; }
.InputLine .Input { display: 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-top: 10px; }
.OrderLink .OrderView iframe { box-shadow: 0 2px 8px 0 rgba(0,0,0,0.8); }

.agl-userlinks-mobile { display: none; }
.agl-edlinkbox { display: block; margin: 8px!important; }
.agl-edlinkbox a { margin-right: 8px; }
.agl-edlink { border-radius: 8px!important; background-position: 98% center; background-repeat:no-repeat; line-height: 40px; min-width: 160px; max-width: 100%; }
.agl-edlink .fa-ticket { font-size: 24pt; float: left; padding: 4px 8px 3px 0px; }
.agl-edlink .btnText { float: left; }
.agl-wallet-container { display: inline-block; }
.agl-wallet-btn{display:inline-block; border: solid black 0px !important; margin: 8px; width:165px;}
.agl-wallet-apple { display: inline-block; background-image: url(appl-wallet.svg); background-size:cover; background-color: transparent; width: 160px; height: 50px; cursor:pointer; }
.agl-wallet-google { display: inline-block; background-image: url(goog-wallet.svg); background-size:cover; background-color: transparent; width: 182px; height: 50px; cursor:pointer; }
.agl-fmnproceed { margin-top: 8px; }
.customerSalutation { display: none; }
.customerMiddle { display: none; }
.customerSuffix { display: none; }
#Customer_ddlPhone1Type { display: none; }
.CustInfoMiddleName, .CustInfoWebAddress { display: none; }
.ForgotPassword { display: inline-block; width: 160px; font-size: small; margin-bottom: 8px; }
.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 { position: relative; font-size: 14px; margin-left: 4px; }
.agl-accountinfo { position: relative; }
.agl-accountimage { position: absolute; top: 0px; right: 0px; }
.agl-accountimage img { cursor: pointer; }
.agl-accountcontainer .BigBoldText:first-of-type { display: none; }
.agl-accountcontainer .agl-card { margin-top: 0px; margin-bottom: 8px; }
.agl-accountcontainer .agl-pagetitle { width: unset; position: unset; margin: 5px 0px; font-size: 20px; }
.agl-accountcontainer .StandoutBlock { max-width: 750px; }
.agl-accountlinks a { width: 100%; }
.agl-columnset { position: relative; }
.agl-intro .agl-navigation-main:not(.agl-navigation-mobile *) > li:not(.agl-clicked, :hover) > a, .agl-navigation > a, .agl-navigation > a:hover, .agl-footer a, .agl-footer a:hover, .agl-intro .EpgHeaderName {
    color: var(--epg-color1text);
}

.agl-iframed .grecaptcha-badge { visibility: hidden; }
.agl-payment .grecaptcha-badge, .agl-login .grecaptcha-badge { visibility: visible!important; }

.agl-accountoptions { margin: 10px; padding: 10px; border-radius: 8px; background-color: var(--epg-color1); color: var(--epg-color1text); }
.agl-iframed .agl-accountlinks { display: none; }
.agl-iframed .agl-accountlink-select { display: unset; }
.agl-iframed .agl-accountoptions { display: block; }
.agl-iframed .agl-accountlinks+.agl-accountcontainer { float: none; padding-top: 10px; margin: auto; width: unset; }
@media (min-width: 769px) {
    .agl-accountlinks { position: absolute; width: 22%; max-width: 300px; top: 0px; transition: top .25s ease; }
    .agl-accountlink-select, .agl-accountoptions { display: none; }
    .agl-accountlinks+.agl-accountcontainer { float:left; width: 70%; margin-left: 25%; min-height: 450px; }
    
    .agl-basketclock > div { text-align: center; color: white; background-color: rgba(255,0,0,.5); font-weight: bold; margin: auto; width: calc(100% - 50px); }
}
@media (max-width: 768px) {
    .agl-accountlink-select { margin-bottom: 10px; }
    .agl-accountlinks { display: none; }
    .grecaptcha-badge { visibility: hidden; }
    .agl-basketclock > div { padding: 10px; text-align: center; color: var(--epg-textcolor); background-color: rgba(255,0,0,.5); font-weight: bold; }
}

.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 { }
.NewCustomersBlock a, .NewCustomersBlock a:link, .NewCustomersBlock a:visited, .AssignCustomer a, .AssignCustomer a:link, .AssignCustomer a:visited { color: #ffffff; background-color: #3071a9; display: block; padding: 8px; border: 1px solid #cccccc; border-radius: 4px; margin: 8px auto; }
.NewCustomersBlock a:hover, .AssignCustomer a:hover { color: #ffffff; background-color: #1D6FB8; }

.AssignList div { padding: 8px; background-color: rgba(var(--epg-backcolor-rgb), .3); border-radius: 4px; margin: 4px 0px; display: inline-block; width: auto; }
.AssignList div span { display: inline-block; width: 300px; }

.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; }
.InfoContainer .Purchase .Showing span.DateTime { }
.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: var(--epg-color2); clear: both; padding: 2px; border-radius: 4px; }
.agl-selected { border: solid 1px #666666; }
.agl-cred { color: Red; }
.agl-epgbutton .InfoPip { display: inline-block; height: 13px; width: 13px; background-image: url(information2.png); background-size: 13px 13px; margin-left: 4px; }

.agl-epglink { font-weight: bold; }
.agl-relatedmore { position: absolute; margin-left: 2px; font-size: 120%; }
.agl-epgbutton { background-color: var(--epg-color1); color: var(--epg-color1text); display: inline-block; margin: 2px; padding: 4px 8px; cursor: pointer; font-size: 14px; font-weight: bold; border-radius: 4px; }
.agl-epgbutton[disabled='disabled'] { opacity: .25; }
.agl-epgbutton:hover:not(.active, .MyCalLink, .danger) { background-color: var(--epg-color3); color: var(--epg-color3text); }
.agl-epgbutton.active { background-color: var(--epg-textcolor); color: var(--epg-backcolor); }
.agl-epgbutton.danger, .agl-epgbutton.danger:hover { background-color: var(--epg-colordanger)!important; color: white!important; }
.agl-epgbutton:hover.danger { box-shadow: inset 0px 0px 5px 2px var(--epg-textcolor); }
.agl-epgbutton.affirm { background-color: var(--epg-coloraffirm)!important; }
.agl-button-group { border-radius: 8px!important; display: inline-block; margin: 12px 0px; }
.agl-button-group .agl-epgbutton { border-radius: 0px!important; margin: 0px; opacity: .75; border: solid 1px rgba(0,0,0, .5); }
.agl-button-group .agl-epgbutton:first-of-type { border-bottom-left-radius: 4px!important; border-top-left-radius: 4px!important; border-right-width: 0px; }
.agl-button-group .agl-epgbutton:last-of-type { border-bottom-right-radius: 4px!important; border-top-right-radius: 4px!important; }
.agl-button-group .agl-selected { opacity: 1; }

.agl-epgselect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: var(--epg-backcolor);
    background-image: none;
    flex: 1;
    height: 100%;
    padding: 4px 45px 2px 8px;
    color: var(--epg-textcolor);
    cursor: pointer;
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}
.agl-epgselect select::-ms-expand { display: none; }
.agl-epgselect { border: solid 2px rgba(var(--epg-textcolor-rgb), .5); position: relative; display: flex; height: 3em; line-height: 3; overflow: hidden; border-radius: .25em; margin-bottom: 10px; }
.agl-epgselect::after { content: '\25BC'; color: var(--epg-textcolor); position: absolute; top: 0; right: 0; padding: 0 1em; background: rgba(var(--epg-textcolor-rgb), .3); cursor:pointer; pointer-events:none; transition:.25s all ease; }
.agl-epgselect:hover::after { color: var(--epg-color1);  }

.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; }

.agl-welcomepage .swiper { width: calc(100% - 400px); max-width: 1440px; height: 600px; }
.agl-info .swiper, .agl-ticketsearchcriteria .swiper, .agl-renewal .swiper { width: 100%; max-width: 100vw; height: calc(100vh - 150px); max-height: 720px; min-height: 150px; }
.agl-media-swiper { background-color: black; }
.swiper-button-prev, .swiper-button-next { border-radius: 8px; background-color: rgba(0,0,0,.2); padding: 4px; }
.swiper-slide { display: flex!important; align-items: center; justify-content: center; }
.agl-welcomepage .swiper-slide { cursor: pointer; }
.swiper-title { background-image: linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,1)); color: white; position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 10px 20px 40px 20px; font-weight: 900; letter-spacing: .25px; font-size: 23px;  }
.swiper-caption { text-align: center; }
.swiper-content { text-align: center; font-size: 18px; background: var(--epg-backcolor); color: var(--epg-textcolor); display: flex; justify-content: center; align-items: center; }
.swiper-name { text-shadow: 1px 2px 3px var(--epg-backcolor); }
.swiper-attn { background-color: var(--epg-color3); border-radius: 8px; padding: 3px 10px; font-size: 75%; display: inline-block; box-shadow: 0px 0px 5px 1px var(--epg-color3text); }
.swiper-attn+.swiper-attn { background-color: var(--epg-color1); margin-left: 8px; }
.swiper-pagination-bullet { background-color: var(--epg-color3)!important; }
.agl-modal-trailer .agl-modalbody:has(.swiper-trailerlist) { display:flex; min-height: 90%; align-items: center; }
.swiper-trailerlist { margin: auto; }
.swiper-trailers:not(.swiper-trailerlist) { position:absolute; bottom: 80px; left: 50%; transform: translate(-50%, 0%); z-index:99; }
.swiper-trailers .agl-epgbutton { padding: 6px 12px 6px 17px; border-radius: 20px!important; opacity: .65; display: flex; align-items: center; }
.swiper-trailerlist .agl-epgbutton { display: inline-flex; margin: 10px; opacity: 1; }
.swiper-trailers .agl-epgbutton span { margin-left: 4px; display: inline-block; }
.swiper-trailers .agl-epgbutton:hover { opacity: 1; }
.swiper-image { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
@media (min-width: 769px) {
    .swiper-image { max-height:100%; max-width:unset; }
    .swiper-image.agl-postersize { height:100%; }
    .swiper-image.agl-smallimage { min-width: 25%; }
    .swiper-image.agl-postersize.agl-smallimage { min-width: unset; min-height: 50%; }
}
@media (max-width: 768px) {
    .agl-welcomepage .swiper { width: 100vw; height: 250px; }
    .agl-info .swiper, .agl-ticketsearchcriteria .swiper, .agl-welcomepage .swiper { width: 100vw; height: 184px; }
    .swiper-trailers:not(.swiper-trailerlist) { position:absolute; bottom: 0px; left: 6px; transform: none; z-index:99; }
    .swiper-trailers .agl-epgbutton { padding: 3px 8px 3px 12px; font-size: 80%; border-radius: 20px!important; opacity: .65; }
    .swiper-image { max-height:100%; }
    .swiper-image.agl-postersize { height:100%; }
    .swiper-image.agl-smallimage { height:unset; }
    .swiper-image.agl-postersize.agl-smallimage { height:100%;  }
    .agl-pagetitle { font-size: 22px; }
    .agl-pagetitle+.agl-banner { padding-top: 50px; }
    .agl-pagetitle+.agl-columnset { padding-top: 50px; }
}

/* Venue Info List */
body.agl-venueinfo-body-box { }
.agl-venueinfo-box {}
.agl-venueinfo-box .agl-venueinfo-icon { width: 10vw; margin-top: 20px; clear:both; }
.agl-contentfullscreen .agl-venueinfo-box .agl-venueinfo-icon { margin-top: 30px; }
.agl-venueinfo-icon-none { float: none; }
.agl-venueinfo-icon-left { float: left; }
.agl-venueinfo-icon-right { float: right; }
.agl-venueinfo-box .agl-venueinfo-icon i.fa { font-size: 150px!important; }
.agl-venueinfo-box .agl-venueinfo-frame { }
.agl-venueinfo-box .agl-venueinfo-frame-left { width: 85vw; margin-right: 1vw; float: right; }
.agl-venueinfo-box .agl-venueinfo-frame-right { width: 85vw; margin-left: 1vw; float: left; }

.agl-venueinfo-box .agl-venueinfo-frame iframe { width: 100%; box-shadow: 0 0 5px 5px var(--epg-color3); border-radius: 16px!important; background-color: white; }
.agl-contentfullscreen .agl-venueinfo-box .agl-venueinfo-frame iframe { height:80vh; }
.agl-venueinfo-box-2 .agl-venueinfo-frame iframe { height: 38vh; margin-top: 2vh; }
.agl-contentfullscreen .agl-venueinfo-box-2 .agl-venueinfo-frame iframe { height:44vh; }
.agl-venueinfo-box-3 .agl-venueinfo-frame iframe { height: 25vh; margin-top: 2vh; }
.agl-contentfullscreen .agl-venueinfo-box-3 .agl-venueinfo-frame iframe { height:29vh; margin-top: 2vh; }
.agl-venueinfo-box-4 .agl-venueinfo-frame iframe { height: 18vh; margin-top: .75vh; }
.agl-contentfullscreen .agl-venueinfo-box-4 .agl-venueinfo-frame iframe { height:21vh; margin-top: 2vh; }
.agl-venueinfo-box-5 .agl-venueinfo-frame iframe { height: 15vh; margin-top: .5vh; }
.agl-contentfullscreen .agl-venueinfo-box-5 .agl-venueinfo-frame iframe { height:16vh; margin-top: 1.4vh; }

@media (min-width: 1081px) {
    .agl-iframed.agl-venueinfo-body-box-4 .InfoContainer.Venue .Name, .agl-iframed.agl-venueinfo-body-box-4 .InfoContainer.Venue .Time, .agl-iframed.agl-venueinfo-body-box-4 .InfoContainer.Venue #VenueName { font-size: 1.6em; line-height: 60px; }
    .agl-iframed.agl-venueinfo-body-box-5 .InfoContainer.Venue .Name, .agl-iframed.agl-venueinfo-body-box-5 .InfoContainer.Venue .Time, .agl-iframed.agl-venueinfo-body-box-5 .InfoContainer.Venue #VenueName { font-size: 1.2em; line-height: 50px; }
}
@media (min-width: 769px) {
    .agl-intro .agl-navigation-main > li:hover, .agl-intro .agl-navigation-main > li:hover > a, .agl-intro .agl-navigation-main > li.agl-clicked,
    .agl-navigation > ul > li ul, .agl-navigation > ul > li > ul > li > a:hover,
    .agl-navigation-mobile-user > ul.agl-navigation-account > li > a:hover, a.agl-navigation-search:hover,
    a.agl-navigation-user:hover, a.agl-navigation-user.agl-clicked, a.agl-navigation-cart:hover, a.agl-navigation-cart.agl-clicked,
    a.agl-navigation-toggle:hover, a.agl-navigation-toggle.agl-clicked {
        background-color: var(--epg-color3);
        color: var(--epg-color3text);
    }
    .agl-overflow { display: none; }
    .agl-navoverflow > a { font-size: 22px; }
}

@media (max-width: 1080px) {
    .agl-venueinfo-box .agl-venueinfo-icon i.fa { font-size: 110px!important; }
    .agl-venueinfo-box .agl-venueinfo-frame-left { width: 83vw; float: right; margin-bottom: 1.5vh; }
    .agl-venueinfo-box .agl-venueinfo-frame-right { width: 83vw; float: left; margin-bottom: 1.5vh; }
    .agl-venueinfo-box-4 .agl-venueinfo-frame iframe { height: 19vh; margin-top: 1vh; }
    .agl-venueinfo-box-5 .agl-venueinfo-frame iframe { height: 15vh; margin-top: 1vh; }
    
    .agl-iframed.agl-venueinfo-body-box-4 .InfoContainer.Venue .Name, .agl-iframed.agl-venueinfo-body-box-4 .InfoContainer.Venue .Time, .agl-iframed.agl-venueinfo-body-box-4 .InfoContainer.Venue #VenueName { font-size: 1.8em; line-height: 66px; }
    .agl-iframed.agl-venueinfo-body-box-5 .InfoContainer.Venue .Name, .agl-iframed.agl-venueinfo-body-box-5 .InfoContainer.Venue .Time, .agl-iframed.agl-venueinfo-body-box-5 .InfoContainer.Venue #VenueName { font-size: 1.6em; line-height: 60px; }
}

/* Agile Multi Day View */
.AgileList-MultiDayView { display: flex; flex-wrap:wrap; flex-direction: row; }
.AgileList-MultiDayView .Day { background-color: white; border-radius: 8px!important; text-align: center; font-size: 25px; margin: 20px; overflow: hidden; }
.AgileList-MultiDayView .Day h2 { border-top-left-radius: 8px!important; border-top-right-radius: 8px!important; line-height: unset!important; padding: 8px; }
.AgileList-MultiDayView .Day .Item { box-shadow: unset; margin: 4px; text-shadow: 0px 0px 2px var(--epg-color3); }
.AgileList-MultiDayView .Day .Item:last-child { border-bottom-left-radius: 8px!important; border-bottom-right-radius: 8px!important; border: unset!important; }
.AgileList-MultiDayView .Day .Item { font-size: 80%; }
.AgileList-MultiDayView .Day .Name { border-top-left-radius: 8px!important; border-top-right-radius: 8px!important; font-size: 120%; text-shadow: none; }
.AgileList-MultiDayView .Day .ShowingTimes .Showing { padding: 8px; }
.AgileList-MultiDayView .Showing span { text-decoration: line-through; opacity: .6; }

@media (min-width: 1081px) {
    .AgileList-MultiDayView:not(.AgileList-MultiDayView-2):not(.AgileList-MultiDayView-1) .Day.agl-showcount-6 .Item { font-size: 68%; }
    .AgileList-MultiDayView:not(.AgileList-MultiDayView-2):not(.AgileList-MultiDayView-1) .Day.agl-showcount-7 .Item { font-size: 56%; }
    
    .AgileList-MultiDayView-1 .Day { height: 80vh; width: 85%; margin: 1vh auto; font-size: 32px; line-height: 45px; }
    .AgileList-MultiDayView-1 .Day .Item { margin-bottom: 16px; }
    .agl-contentfullscreen .AgileList-MultiDayView-1 .Day { height: 90vh; width: 85vw; margin: 3vh auto; font-size: 36px; line-height: 50px; }

    .AgileList-MultiDayView-2 .Day { width: 44vw; height: 75vh; margin: 1vh auto; }
    .AgileList-MultiDayView-2 .Day .Item { font-size: 90%; line-height: 40px; margin-bottom: 30px; }
    .agl-contentfullscreen .AgileList-MultiDayView-2 .Day { height: 92vh; margin: 4vh auto; }

    .AgileList-MultiDayView-3 .Day { width: 43vw; height: 40vh; margin: 1vh auto; }
    .AgileList-MultiDayView-3 .Day:nth-child(1) { width: 86vw; height: 39vh; }
    .agl-contentfullscreen .AgileList-MultiDayView-3 .Day { height: 45vh; margin: 2vh auto; }

    .AgileList-MultiDayView-4 .Day { font-size: 24px; width: 46vw; height: 38vh; margin: 2vh auto; }
    .agl-contentfullscreen .AgileList-MultiDayView-4 .Day { height: 45vh; margin: 2vh auto; }
    
    .AgileList-MultiDayView-5 .Day { font-size: 18px; line-height: 20px; width: 45vw; height: 30vh; margin: .5vh auto; }
    .AgileList-MultiDayView-5 .Day:nth-child(1) { width: 86vw; height: 20vh; margin: .5vh auto; }
    .AgileList-MultiDayView-5 .Day:nth-child(1) > div { display: flex; flex-wrap: wrap; font-size: 28px; font-size: 24px!important; }
    .AgileList-MultiDayView-5 .Day:nth-child(1) > div .Item { width: 49%; line-height: 24px; margin-top: 8px; }
    .AgileList-MultiDayView-5 .Day.agl-showcount-6 .Item { font-size: 77%!important; line-height:24px; }
    .AgileList-MultiDayView-5 .Day.agl-showcount-7 .Item { font-size: 69%!important; line-height:20px; }
    .agl-contentfullscreen .AgileList-MultiDayView-5 .Day { height: 33vh; margin: 2vh auto; }
    .agl-contentfullscreen .AgileList-MultiDayView-5 .Day:nth-child(1) { width: 86vw; height: 23vh; margin: .5vh auto; }
    
    .AgileList-MultiDayView-6 .Day { font-size: 18px; width: 44vw; height: 27vh; margin: .25vh auto; line-height: 20px; }
    .AgileList-MultiDayView-6 .Day.agl-showcount-6 .Item { font-size: 58%!important; line-height:18px; }
    .AgileList-MultiDayView-6 .Day.agl-showcount-7 .Item { font-size: 50%!important; line-height:16px; }
    .agl-contentfullscreen .AgileList-MultiDayView-6 .Day { height: 30vh; margin: 1vh auto; margin-top: 2vh; }
    
    .AgileList-MultiDayView-7 .Day { font-size: 16px; width: 48vw; height: 21vh; margin: .25vh auto; line-height: 17px; }
    .AgileList-MultiDayView-7 .Day:nth-child(1) { width: 98vw; height: 17vh; margin: .5vh auto; }
    .AgileList-MultiDayView-7 .Day:nth-child(1) > div { display: flex; flex-wrap: wrap; font-size: 20px; line-height: 18px; }
    .AgileList-MultiDayView-7 .Day:nth-child(1) > div .Item { width: 49%; line-height: 18px; margin-top: 8px; }
    .AgileList-MultiDayView-7 .Day.agl-showcount-6 .Item { font-size: 64%!important; line-height: 13px; }
    .AgileList-MultiDayView-7 .Day.agl-showcount-7 .Item { font-size: 62%!important; line-height: 11px; }
    .agl-contentfullscreen .AgileList-MultiDayView-7 .Day { height: 24vh; margin: .5vh auto; }
    .agl-contentfullscreen .AgileList-MultiDayView-7 .Day:nth-child(1) { width: 98vw; height: 21vh; margin-top: 2vh; }
}

@media (max-width: 1080px) {
    .AgileList-MultiDayView { display: flex; overflow:hidden; }

    .AgileList-MultiDayView-1 .Day { width: 94vw; height: 50vh; margin: 60px auto; font-size: 35px; line-height: 50px; }
    
    .AgileList-MultiDayView-2 .Day { width: 92vw; height: 40vh; margin: 2vh 2vw; font-size: 32px; line-height: 50px; }
    .agl-contentfullscreen .AgileList-MultiDayView-2 .Day { width: 96vw; height: 40vh; margin: 2vh 2vw; font-size: 32px; line-height: 50px; }

    .AgileList-MultiDayView-3 .Day { width: 93vw; height: 28vh; margin: 1vh 2vw; font-size: 26px; line-height: 30px; }
    .AgileList-MultiDayView-3 .Day .Item { margin-bottom: 12px; }
    .agl-contentfullscreen .AgileList-MultiDayView-3 .Day { margin: 2vh auto; }

    .AgileList-MultiDayView-4 .Day { width: 94vw; height: 20vh; margin: 1vh auto; font-size: 22px; line-height: 22px; }
    .AgileList-MultiDayView-4 .Day .Item { margin-top: 8px; }
    .agl-contentfullscreen .AgileList-MultiDayView-4 .Day { height: 21vh; margin: 2vh auto; }
    
    .AgileList-MultiDayView-5 .Day { width: 43vw; height: 28vh; margin: 1vh auto; font-size: 20px; line-height: 25px; }
    .AgileList-MultiDayView-5 .Day:first-child { width: 96vw; height: 25vh; margin: 3vh auto; font-size: 24px; line-height: 28px; }
    .AgileList-MultiDayView-5 .Day .Item { margin-top: 8px; }
    .agl-contentfullscreen .AgileList-MultiDayView-5 .Day { height: 31vh; margin: 1vh auto; }
    
    .AgileList-MultiDayView-6 .Day { width: 46vw; height: 28vh; margin: 1vh auto; font-size: 20px; line-height: 28px; }
    .AgileList-MultiDayView-6 .Day .Item { margin-top: 8px; }
    .agl-contentfullscreen .AgileList-MultiDayView-6 .Day { height: 31vh; margin: 1vh auto; }
    
    .AgileList-MultiDayView-7 .Day { width: 46vw; height: 22vh; margin: .25vh auto; font-size: 18px; line-height: 20px; }
    .AgileList-MultiDayView-7 .Day:first-child { width: 96vw; height: 19vh; margin: 1vh auto; font-size: 24px; line-height: 22px; }
    .AgileList-MultiDayView-7 .Day .Item { margin-top: 8px; }
    .agl-contentfullscreen .AgileList-MultiDayView-7 .Day { height: 23vh; margin: 1vh auto; }
}

/* Agile List Tiles */
.AgileList-Tiles .Name { font-size: 115%; }
.AgileList-Tiles .Name .Descriptive { font-size: 80%; }
.AgileList-Tiles .DescriptionContainer { margin-top: 8px; }
.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 .Name .Descriptive { font-size: 80%; }
.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 { font-size: 120%; }
.AgileList-Simple .Name .Descriptive { font-size: 80%; }
.AgileList-Simple .Name,
.AgileList-Simple .Venue,
.AgileList-Simple .DateTime { padding: 4px; padding-left: 0px; font-weight: bold; float: left; width: 160px; }
.AgileList-Simple .ButtonBar { clear: both; }
.AgileList-Simple .DescriptionContainer .ShortDescription, .AgileList-Simple .DescriptionContainer .CustomProperties { 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: 90; 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; cursor: 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; } 
    
    .agl-navigation > ul > li > ul > li > a, .agl-navigation-mobile-user > ul.agl-navigation-account > li > a { opacity: .8; }
    .agl-navigation > ul > li > ul > li > a:hover, .agl-navigation-mobile-user > ul.agl-navigation-account > li > a:hover { opacity: 1; }
}

@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 .ImageBox .Image { transition: all 0.15s ease; width: 100%; margin-top: 0px; }
.ScheduledEvent .ImageBox .Image.agl-postersize { max-height: 150px; max-width: 100%!important; width: unset; }
.ScheduledEvent .LinkBox { background-color: White; z-index: 900; }

.AgileBuyWindow .BuyLink, .AgileIframeWindow .agl-epgbutton { 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 { 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: auto; max-height: 150px; }

.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; margin: 0px 8px; }
.MyCalLink span.ico { display: inline-block; }
.MyCalNotAdded .ico:before {  font: var(--fa-font-regular); font-size: 28px; content: "\f073"; margin: 4px; vertical-align: middle; }
.MyCalAdded .ico:before { font: var(--fa-font-solid); font-size: 28px; content: "\e0d3"; margin: 4px; vertical-align: middle; }
.MyCalPurchased .ico:before { font: var(--fa-font-solid); font-size: 28px; content: "\f274"; margin: 4px; vertical-align: middle; }
.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 { display: inline-block; }
.MyCalDateLinks { margin-top: 12px; clear: left; }
.agl-epgbutton.MyCalICal, .agl-epgbutton.MyCalViewList, .agl-epgbutton.MyCalViewSchedule { display: none; }
.agl-streaminfo .MyCalLink { display: none; float:none; background-color: transparent!important; }
.agl-epgbutton.MyCalLink { background-color: white!important; color: black!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: white; stroke: black; stroke-width:2; opacity: 0.005; }
.agl-svgseatsimg rect, .agl-svgseatsimg ellipse, .agl-svgseatsimg polygon { cursor: pointer; fill: white; stroke: black; stroke-width:0; opacity: 0.005; }
.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: var(--epg-backcolor);
    color: var(--epg-textcolor);
}

.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-selected .fa-check-circle { color: var(--epg-coloraffirm); box-shadow: 0 0 3px 0px var(--epg-textcolor); border-radius: 50%; }
.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-bottom: 8px; }
.agl-donatecard img { float: left; margin-right: 10px; max-width: 100px; }
.agl-donatecard.withimage > div:not(.agl-cf) { padding-left: 110px; }
.agl-donatecard .agl-epgbutton { margin: 4px; }
.agl-donatecard a.agl-epgbutton { 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, .agl-barcodevoting .Item { margin-bottom: 20px; }
.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 { height: 45px; 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; clear:right; margin-top: 8px; padding: 15px; background-color:white; color:black; text-align: center; font-size: .8em; }
.agl-benefit-group { overflow:hidden; }
.agl-autorenew-on { background-color: green !important; color: white!important; }
.agl-autorenew-off  { background-color: #c40000 !important; color: white!important; }
.OrderBarcodeBlock img { background-color: white; padding: 15px; }
.agl-list .ViewBox { text-align: center; }
.agl-list .ViewBox .agl-epgbutton { font-size: 140%; }
.agl-list .ViewBox .agl-viewlabel { font-weight: 900; text-transform: uppercase; font-size: 25px; letter-spacing: .75px; display: block; }

@media (min-width: 768px) {
    .agl-autorenew-status { float: right; }
    .agl-list .ViewBox { display:flex; align-content: center; align-items: center; }
    .agl-list .ViewBox .agl-viewlabel { font-size: 42px; letter-spacing: .75px; margin-right: 20px; display: inline-block; }
    .AgileList-CategoryList { width: 98vw; }
    .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; }
}
.ats-loyaltypointinfo { padding: 4px; padding-left: 44px; margin: 4px; font-weight: bold; display: inline-block; margin-bottom: 16px; background-color: rgba(var(--epg-color2-rgb), .75); color: var(--epg-color2text); box-shadow: 0 0 3px 0px var(--epg-textcolor); border-radius: 4px !important; }
.ats-loyaltypointinfo input[type='checkbox'] { }
.ats-loyaltypointcost { padding: 0px 4px; display: inline-block; }
.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%; }
.fa-stack .fa-stack-2x { color: var(--epg-color1); }
.fa-stack .fa-stack-1x { color: var(--epg-color1text); }

.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.form-check-input { height: 2em; width: 2em; }
.agl-radio-check.form-check-input+label, .agl-radio-check.form-check-input+input { height: 30px; margin-top: 8px; }
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: unset; }
/*
    .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: 8px; margin-left:2px; white-space: nowrap; display: flex; align-items: center; background-color: white; border-radius: 4px; box-shadow: 0px 0px 3px 0px var(--epg-textcolor); }
.agl-touchQty select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 35px; width: 40px; text-align-last: center; border-width: 0px; margin: 0px 0px!important; background-color:white; box-shadow: none; font-weight:bold; font-size: 105%; }
.agl-touchQty .agl-qtyDec.agl-epgbutton { background-color: unset; color: black; box-shadow: none; }
.agl-touchQty .agl-qtyDec.agl-epgbutton:hover { background-color: rgba(177, 0, 0, .5); color: black; }
.agl-touchQty .agl-qtyInc.agl-epgbutton { background-color: unset; color: black; box-shadow: none; }
.agl-touchQty .agl-qtyInc.agl-epgbutton:hover { background-color: rgba(0, 147, 0, .5); color: black; }
.agl-touchQty .agl-qtyDec.disabled.agl-epgbutton, .agl-touchQty .agl-qtyDec.disabled.agl-epgbutton:hover { background-color: rgba(255, 255, 255, .2)!important; cursor: unset; }
.agl-touchQty .agl-qtyInc.disabled.agl-epgbutton, .agl-touchQty .agl-qtyInc.disabled.agl-epgbutton:hover { background-color: rgba(255, 255, 255, .2)!important; cursor: unset; }
.agl-qtyDec, .agl-qtyInc { padding: 4px 6px !important; margin: 0px !important; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.agl-touchQty:has(select[disabled]), .agl-touchQty:has(select[disabled]) select { background-color: gray; }

.agl-welcomenav { width: 100%; list-style: none; text-align:center; padding: 0px 0px 10px 0px !important; }
.agl-welcomelist { }
.agl-welcomeitem { margin: auto; margin-bottom: 40px; max-width: 80%; padding: 10px; box-shadow: 0 0 1px 1px rgba(var(--epg-textcolor-rgb),.25); }
.agl-welcomeitem img { max-width: 100%; }

.agl-dateslideouter { position: relative; width: 97vw; max-width: 1440px; margin: 4px auto; text-align:center; }
.agl-dateslideouter .tns-controls  { }
.agl-dateslideouter .tns-controls button[disabled] { opacity: .4; }
.agl-dateslideouter .tns-controls button { box-shadow: 0 0 1px 1px rgba(var(--epg-textcolor-rgb),.25); position: absolute; z-index: 90; top: -2px; width: 20px; height: 100%; text-align: center; margin: 3px; padding: 3px; font-size: 14px; background-color: var(--epg-color1); color: var(--epg-color1text); }
.agl-dateslideouter .tns-controls button[data-controls='prev'] { left: -5px; }
.agl-dateslideouter .tns-controls button[data-controls='next'] { right: -3px; }
.agl-dateslide { }
.agl-dateslide > a { display: inline-block; }
.agl-dateslide .agl-dateitem { width: 30px; cursor: pointer; display: inline-block; border-radius: 4px!important; box-shadow: 0 0 2px 2px rgba(var(--epg-textcolor-rgb),.5);
    padding: 2px 10px; margin: 4px auto; box-sizing: content-box; }
.agl-dateslide .agl-dateitem > * { display: block; text-align: center; text-transform: uppercase; line-height: 16px; }
.agl-dateslide .agl-active .agl-dateitem { background-color: rgba(var(--epg-textcolor-rgb), .3); }
.agl-dateslide .agl-dateitem > span { font-weight: 400; }
.agl-dateslide .agl-dateitem > .day { font-weight: 600; }
.agl-dateslide .agl-dateitem > .month { font-size: 12px; }
.agl-dateslide .agl-dateitem > .date { font-size: 16px; }
.splide__pagination, .tns-nav { display: 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.95); }
.agl-modalcontainer { border-style: solid; border-width: 4px; border-color: var(--epg-color2); position: relative; background-color: #fefefe; margin: auto; padding:0px; margin-top: 20px; margin-bottom: 20px; border-radius: 8px; width: 80%; max-width: 1000px; box-shadow: 0px 0px 3px 1px var(--epg-color1);
    -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; }
.agl-modalheader, .agl-modalfooter { background-color: var(--epg-color2); color: var(--epg-color2text); padding: 4px 6px 7px; }
.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; display: inline-block; padding: 0px 6px; background-color: var(--epg-backcolor); color: var(--epg-textcolor); border-radius: 8px !important; box-shadow: 0px 0px 3px 1px var(--epg-color1); }
.agl-modalbody { padding: 20px; }
.agl-modal-alert .agl-modalheader, .agl-modal-alert .agl-modalfooter { background-color: rgb(196, 0, 0); }
.agl-modalfooter .btn { color: black; visibility: hidden; }

.agl-media-viewer .Caption { position: absolute; bottom: 52px; left: 0px; right: 0px; padding-left: 20px; background-color: rgba(0,0,0,.5); font-size: 130%; color: white; z-index: 10; font-weight: 200; font-style: italic; }
.agl-modal-trailer.agl-open { display: flex; background-color: rgba(0,0,0,.75); }
.agl-modal-trailer .agl-modalcontainer { border: none; padding: 0px; box-shadow: none; max-width: unset; }
.agl-modal-trailer .agl-modaltitle, .agl-modal-trailer .agl-modal-actionbar, .agl-modal-trailer .agl-modalfooter { display: none; }
.agl-modal-trailer .agl-modalheader { height: 0px; padding: 0px; }
.agl-modal-trailer .agl-modalclose { position: absolute; right: 0px; padding: 6px 14px; opacity: .5; }
.agl-modal-trailer .agl-modalclose:hover { opacity: 1; }
.agl-trailer-box iframe { width: 100%; aspect-ratio: 16/9;  height: calc(100vh - 203px); max-width: 100%; max-height: 669px; } 
.agl-trailer-box-caption iframe { width: 100%; aspect-ratio: 16/9;  height: calc(100vh - 230px); max-width: 100%; max-height: 642px; }

.agl-modalnowindow { width: 95%; border-color: var(--epg-backcolor); box-shadow: 0px 0px 3px 4px var(--epg-color1); }
.agl-modalnowindow .agl-modalheader, .agl-modalnowindow .agl-modalfooter { display: none; }
.agl-modalframed { width: 95%; border-color: var(--epg-backcolor); box-shadow: 0px 0px 3px 4px red; }

@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%; }
    .agl-modal-trailer.agl-open { display: block; background-color: rgba(0,0,0,.75); }
    .agl-tooltipbox { display: none; }
    .agl-navoverflow { display: none; }
}
@media only screen and (min-width: 1500px) {
    .agl-media-viewer .Caption { text-align: center; }
}
@media (max-width: 768px) {
    .AgileList-Detailed .ItemInfo { width: 100%; }
    .agl-autorenew-status { clear: left; }
    .agl-wallet-container { float: none; }
    .agl-edlinkbox { display: block; }
    .agl-media-viewer .Caption { bottom: 31px; font-size: 100%; text-align: left;}
    .agl-trailer-box iframe { min-height: 150px; max-height: 269px; } 
    .agl-trailer-box-caption iframe { min-height: 150px; max-height: 242px; } 
    .swiper-title { padding: 4px 6px 25px 10px; font-weight: 700; letter-spacing: .25px; font-size: 12px;  }
    .swiper-attn { padding: 1px 8px; box-shadow: inset 0px 0px 4px -1px var(--epg-color3text); }
    .agl-itemprice > span { display: block; }
}

@media (max-width: 515px) {
}

@media (max-width: 425px) {
    .AgileList-Detailed .ItemInfo {
        width: auto;
    }
}

.fa-clock-nine, .fa-location-dot { width: 18px; }

.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 form { background: unset; background-color: transparent; padding: 0px; }
.agl-iframed .agl-container { background:unset!important; margin: 0px!important; padding:0px!important; width:unset!important; }
.agl-iframed #pageContent { width: unset!important; }

.agl-contentfullscreen .agl-headerinclude, .agl-contentfullscreen .agl-footer, .agl-contentfullscreen .agl-usernav, .agl-contentfullscreen .agl-navigation, .agl-contentfullscreen .agl-intro { display: none; }
.agl-contentfullscreen #pageContent { width: unset!important; padding: 0px; }
.agl-contentbackground #pageContent { background-repeat: no-repeat; background-attachment: fixed; background-size: 100vw 100vh; }

.agl-center { text-align: center; }
.agl-blankbody { background-color: white; padding: 10px; } 
a.agl-past-hide-toggle { cursor: pointer; font-size: 80%; display: inline-block; margin: 0px 4px; }
body.agl-past-hide .CalendarTable td.Past .Item { display: none; }
body.agl-past-hide .CalendarTable td.Past { height: unset; }
.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; min-height: 54px; }
.OrderListBlock .agl-card { min-height: 62px; }
.agl-card:hover { box-shadow: 0 2px 18px 0 rgba(0,0,0,0.2); }

.agl-form { justify-content: space-between; }
.agl-form .BigBoldText { display:block; margin: 10px 0px; }
.agl-form-actions { clear: both; margin-top: 16px; }
.agl-input-group { position: relative; }
.agl-input-group .agl-showpass { position: absolute; top: 8px; right: 8px; }
.form-select { padding: 5px 30px 5px 6px; }
.form-label, .form-check.form-radios .form-check-label { font-weight: bold; }
.form-check.form-radios .form-check-input { float: none; margin-left: unset; margin-right: 8px; }
.form-check-input { width: 1.2em; height: 1.2em; }
.form-control.is-valid, .was-validated .form-control:valid { background-image: unset; }
.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: unset; /*url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);*/
    padding-right: 2.25rem;
    background-position: right .75rem center;
    background-size: 16px 12px;
}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--epg-textcolor); }
.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #0d6efd; }

/*
.agl-form { font-size: 110%; }
.agl-form .BigBoldText { display:block; margin-top: 4px; }
.agl-form .agl-input-group { float: left; margin-bottom: 3px; position: relative; }
.agl-form label { display: inline-block; width: 150px; font-weight:bold; padding: 2px 0px; }
.agl-form label:has(+input[required='required']):after, .agl-form label:has(+select[required='required']):after { content: " *"; color: var(--epg-coloralert); }
.agl-form input+label { display: inline-block; width: unset; padding-left: 4px; }
.agl-form input+select { min-width: 80px; }
.agl-form input[type='checkbox']+label, .agl-form input[type='radio']+label { display: inline-block; }
.agl-form-block .agl-input-group { float: none; }
.agl-form-block label { display: block; width: unset; }
.agl-input-validity { display: none; }
.agl-input-group > input:not([type='checkbox']), .agl-input-group select { padding: 5px; min-width: 200px; max-width:85%; }
.agl-input-group > input[type='checkbox'] { margin: 6px; }
.agl-input-group > input[type='checkbox'] { vertical-align: top; }
.agl-showvalidity input:invalid + .agl-input-validity, .agl-showvalidity input:invalid + .fa-eye + .agl-input-validity, .agl-showvalidity input:invalid + select + .agl-input-validity { display: block; color: var(--epg-coloralert); font-size: 90%; }
.agl-showvalidity input:invalid, .agl-showvalidity .agl-input-group input:invalid, .agl-showvalidity .agl-input-group select:invalid {
    box-shadow: rgba(255, 0, 0, .95) 0px 0px 4px inset !important;
    background-position: right calc(.375em + .1875rem) center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
.agl-form-actions { clear: both; margin-top: 16px; }
*/
/* testing label inside input */
/*
.agl-input-group > input[type='text'], .agl-input-group > input[type='email'] { margin-top: 24px; }
.agl-form label {  transition: all .25s; pointer-events: none; }
.agl-form label:has(+input:placeholder-shown) { position: absolute; left: 8px; top: 28px; color: rgba(0,0,0,.3); }
.agl-form label:has(+input), .agl-form label:has(+input:focus) { position: absolute; left: 0px; top: 0px; font-size: 80%; font-size: 110%; color: unset; } 
*/
/* testing label inside input */
.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-faded { opacity: .2; }
.agl-loader { border: 6px solid #f3f3f3; border-radius: 50%!important; border-top: 6px solid #3498db; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; display: inline-block; }
.agl-epgbutton .agl-loader { width: 10px; height: 10px; border-width: 2px; }


.agl-dataprices > span { display: inline-block; }

.agl-myprofile .agl-form .agl-card > .BigBoldText { margin-top: 0px; }
.agl-myprofile .agl-profile-image { text-align: center; }
.agl-myprofile .agl-customerimage { display: inline-block; position: relative; margin: auto; border-radius: 20px!important; overflow: hidden; cursor: pointer; }
.agl-myprofile .agl-customerimage img { border-radius: 18px!important; }
.ats-customerimage-actions { opacity: 0; position: absolute; bottom: 0px; left:0px; right: 0px; background-color: rgba(255, 255, 255, .2); }
.agl-customerimage:hover .ats-customerimage-actions , .ats-customerimage-actions:hover, .ats-customerimage-actions:focus-within{ opacity: 1; }
.agl-profilegroups > div { max-width: 50%; margin: auto; }
.agl-dynamic-buttons { text-align: right; }
.agl-dynamic-edit, .agl-dynamic-delete { position: absolute; top: 6px; right: 6px; }
.agl-dynamic-delete+.agl-dynamic-edit { right: 72px; }
.agl-dynamic-add { right: calc(50% - 85px); top: 10px; min-width: 150px; }
.agl-dynamic-save, .agl-dynamic-cancel { }
        
.agl-dynamic-modify, .agl-dynamic-save, .agl-dynamic-cancel { display: none!important; }
.agl-editing .agl-dynamic-modify { display: flex!important; }
.agl-editing .agl-dynamic-save, .agl-editing .agl-dynamic-cancel { display: unset!important; margin-top: 16px; }
.agl-editing .agl-dynamic-edit, .agl-editing .agl-dynamic-answer, .agl-editing .agl-dynamic-delete { display: none!important; }

.ticketForwardCell{width:85px; max-width:85px; min-width:85px; text-align:center; vertical-align:middle;}
.ticketForwardOrdersTable{width:100%; border-collapse:collapse;}
.ticketForwardSoldFor{font-weight:bold;}
#TicketForwardingConfirmationArea { background-color: var(--epg-color2); display:none; position:sticky; bottom:6px; width:100%; box-sizing:border-box; padding:16px; border-radius:8px!important; box-shadow: 0px 0px 3px 3px white; }
.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: var(--epg-color1);
    color: var(--epg-color1text);
    transition: height 350ms ease-in-out, opacity 250ms ease-in-out;
    opacity: 0;
}
.ats-ticket-observer a, .ats-ticket-observer a:hover { color: var(--epg-color1text); }


.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: 98%;
  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;
    float: left;
    padding: 0px 170px 14px 0px;
}

.DonationBtn.isDisabled {
    background-color:white;
    color: black;
}
*:has(> .DonationBtn.selected) { position: relative; }
*:has(> .DonationBtn.selected)::after {
content: '';
    position: absolute;
    top: 3px;
    left: 22px;
    background: var(--epg-backcolor);
    width: 20px;
    height: 20px;
    clip-path: polygon(50% 40%, 0% 0%, 100% 0);
}

#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}
}

@keyframes agl-border-pulse { 50% { border-color: rgba(var(--epg-backcolor-rgb), .25); } }
@keyframes agl-pulse-loop { 0% { opacity: .1; } 50% { opacity: 1; } 100% { 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); }
}

@keyframes blinker {
    50% {
        opacity: .6;
    }
}
@keyframes horizontal {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    6% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    12% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    18% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    24% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }

    30% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0);
    }

    36%, 100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
}
.pulse-horizontal {
    -webkit-animation: horizontal 4s ease infinite;
    animation: horizontal 4s ease infinite;
}